.header
{
    width:760px;
    height:165px;
    background-image: url("images/16-18-header.jpg");
}
.zoek
{
    width:200px;
    height:185px;
    background-image: url("images/16-18-zoek.jpg");
    background-color: #E3DCED;
    background-position: 0px 0px;
    float:left;
    
}
.zoek select
{
    font-size: 10px;
    width: 180px;
}
.zoekkop
{
    width:200px;
    height:20px;
    background-image: url("images/16-18-zoeken.jpg");
}
.zoekvelden
{
    margin-left:0px;
    margin-top:70px;
}
input
{
    border: 1px solid #01C4F4;
    background-color: white;
}
.quotes1
{
    height:185px;
    width: 290px;
    background-color: #EAF8B6;
    float:left;
    cursor: pointer;
}
.quote1
{
    background-image: url("images/16-18-quotes1.jpg");
    height: 20px;
    width: 298px;
    float: left;
}
.quotetekst1
{
    height: 120px;
    width: 176px;
    float:left;
}
.quotetekstkop1
{
    color: #009966;
    font-weight: bold;
    margin-top: 20px;
    margin-left: 20px;
}
.quotetekstcontent1
{
    color: #444444;
    text-align: left;
    margin-left: 0px;
    float:left;
}
.quotetitel1
{
    color: #009966;
    font-weight: bold;
    background-color: #DBF486;
    height: 17px;
    width: 290px;
    float: left;
    text-align: center;
    padding-top:3px;
}
.quotes2
{
    height:185px;
    width: 760px;
    background-color: #CCF5FF;
    
    cursor: pointer;
}
.quote2
{
    background-image: url("images/16-18-quotes2.jpg");
    height: 20px;
    width: 268px;
    float: left;
}
.quotefoto1
{
    background-image: url("images/16-18-beroep.jpg");
    background-position: center center;
    height: 140px;
    width: 115px;
    text-align: center;
    float:left;
}
.quotetitel2
{
    color: #006699;
    font-weight: bold;
    background-color: #7FE5FF;
    height: 17px;
    width: 269px;
    float: left;
    text-align: center;
    padding-top:3px;
}
.quotetekst2
{
    height: 140px;
    width: 140px;
    text-align: center;
    float:left;
}
.quotetekstkop2
{
    color: #006699;
    font-weight: bold;
    margin-top: 20px;
}
.quotetekstcontent2
{
    color: #444444;
    text-align: left;
    margin-left: 10px;
    width: 250px;
}
.dansen
{
    width:559px;
    height:253px;
    background-image: url("images/16-18-dansen.jpg");
    clear:both;
    float:left;
}

.right
{
    background-color: #5B527F;
    width: 200px;
    height: 373px;
    float: right;
    text-align: bottom;
}
.beroepmaand
{
    background-image: url("images/16-18-beroepvandemaand.jpg");
    width: 169px;
    height: 70px;
    margin-left: auto;
    margin-right: auto;
}
.zoekeenberoep
{
    background-image: url("images/zoekberoep_16-18.jpg");
    width: 169px;
    height: 77px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}
.paardensprong
{
    background-image: url("images/beroepenmatch_16-18.gif");
    width: 169px;
    height: 86px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}
.footer
{
    color: #FFFFFF;
    background-color: #9E9588;
}
.zoekleft
{
    background-image: url("images/zoekeenberoep.jpg");
    background-color: #FFFFFF;
    width: 220px;
    height: 183px;
    float:left;
    padding-top: 250px;
    text-align: center;
}
.zoekright
{
    background-color: #FFFFFF;
    width: 510px;
    min-height: 433px;
    float:right;
    text-align: left;
    padding-left: 30px;
}
.zoekopalleberoepen
{
    background-image: url("images/zoekopalleberoepen.jpg");
    width: 170px;
    height: 83px;
}
.zoekkoptitel
{
    color: #5C4D90;
    font-weight:bold;
    font-size: 12px;
    font-style: italic;
    padding-top: 5px;
}
.zoekkoptitel2
{
    color: #5C4D90;
    font-weight:bold;
    font-size: 12px;
    font-style: italic;
    padding-top: 5px;
    float:left;
    width: 240px;
}
.werkzaamheden
{
    background-color: #F8F60D;
    background-image: url("images/raquo.gif");
    height: 20px;
}
.uitlegberoep
{
    background-color: #B3E802;
    background-image: url("images/raquo.gif");
    height: 20px;
}
.piramide
{
    background-color: #5DDDFF;
    background-image: url("images/raquo.gif");
    height: 20px;
}
.waaringoedzijn
{
    background-color: #FFB900;
    background-image: url("images/raquo.gif");
    height: 20px;
}
.ondernemer
{
    background-color: #FAF30F;
    background-image: url("images/raquo.gif");
    height: 20px;
}
.piramide
{
    background-color: #5DDDFF;
    background-image: url("images/raquo.gif");
    height: 20px;
}
.werktijden
{
    background-color: #FFB900;
    background-image: url("images/raquo.gif");
    height: 20px;
}
.werkenbij
{
    background-color: #FAF30F;
    background-image: url("images/raquo.gif");
    height: 20px;
}
.bedrijfomgeving
{
    background-color: #B7E90E;
    background-image: url("images/raquo.gif");
    height: 20px;
}
.naamberoepsbeoefenaar
{
    background-color: #5DDDFF;
    background-image: url("images/raquo.gif");
    height: 20px;
}
.welkeverantwoordelijkheden
{
    background-color: #B7E90E;
    background-image: url("images/raquo.gif");
    height: 20px;
}
.geld
{
    text-align: center;
}
.beroepentekst
{
    background-image: url("images/delete.png");
    background-position: right bottom;
    background-color: #E0E6E2;
    padding-top: 5px;
    padding-bottom: 5px;
    font-style: normal;
}
.zoekkoptekst
{
    color: #5B527F;
    font-weight: bold;
    font-size: 14px;
    font-style: italic;
    margin-top:20px;
    margin-left:5px;
    width: 195px;
}