BODY,HTML
{
    font-family: Verdana;
    font-size: 12px;
    background-image: url("images/patroon.gif");
    background-repeat: repeat;
}
.header
{
    width:760px;
    height:165px;
    background-image: url("images/10-12-header.jpg");
}
.quotes
{
    height: 164px;
    width: 352px;
    background-color: #F1E6F9;
    float:left;
    cursor: pointer;
}
.zoek
{
    width:208px;
    height:164px;
    background-image: url("images/10-12-zoek.jpg");
    background-color: #ACDCEE;
    background-position: 0px 20px;
    float:left;
}
.zoekkop
{
    width:208px;
    height:20px;
    background-color: #2180B8;
}
.zoekkoptekst
{
    color: #2180B8;
    font-weight: bold;
    font-size: 14px;
    font-style: italic;
    margin-top:70px;
    margin-left:20px;
}
.zoekvelden
{
    margin-left:20px;
}
input,.input
{
    border: 1px solid #01C4F4;
    background-color: white;
}
.quote
{
    background-image: url("images/10-12-quotes.jpg");
    height: 20px;
    width: 120px;
    float: left;
}
.quotetitel
{
    color: #963FCF;
    font-weight: bold;
    background-color: #CFA8EA;
    height: 17px;
    width: 351px;
    text-align: center;
    padding-top:3px;
}
.quotefoto
{
    background-image: url("images/10-12-beroep.jpg");
    background-position: center center;
    height: 140px;
    width: 120px;
    text-align: center;
    float:left;
}
.quotetekst
{
    height: 140px;
    width: 230px;
    text-align: center;
    float:left;
}
.quotetekstkop
{
    color: #963FCF;
    font-weight: bold;
    margin-top: 10px;
    font-size: 11px;
    text-align: left;
}
.quotetekstcontent
{
    color: #444444;
    text-align: left;
    margin-left: 2px;
    font-size: 12px;
}
.fiets
{
    width:559px;
    height:253px;
    background-image: url("images/10-12-fiets.jpg");
    clear:both;
}

.left
{
    float: left;
    width: 560px;
}

.right
{
    background-color: #FBC053;
    width: 200px;
    height: 417px;
    float:right;
}
.memory
{
    background-image: url("images/10-12-memory.jpg");
    width: 169px;
    height: 68px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}
.magic
{
    background-image: url("images/klik_kijk_10-12.gif");
    width: 169px;
    height: 108px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}
.zoekeenberoep
{
    background-image: url("images/10-12-zoekberoep.jpg");
    width: 169px;
    height: 104px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}
.quiz
{
    background-image: url("images/10-12-beroepenquiz.jpg");
    width: 169px;
    height: 83px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}
.footer
{
    color: #333333;
    background-color: #00C4F4;
    clear:both;
}
.zoekleft
{
    background-image: url("images/zoekeenberoep.jpg");
    background-color: #FFFFFF;
    width: 220px;

    float:left;
    padding-top: 250px;
    text-align: center;
}
.zoekright
{
    background-color: #FFFFFF;
    width: 510px;


    float:right;
    text-align: left;
    padding-left: 20px;
}
.zoekkoptitel
{
    color: #EEC201;
    font-weight:bold;
    font-size: 16px;
    font-style: italic;
    padding-top: 5px;
}
.zoekopalleberoepen
{
    background-image: url("images/zoekopalleberoepen.jpg");
    width: 170px;
    height: 83px;
}
.hrleft
{
    width: 170px;
    color: #C2E41E;
    clear: both;
}
.hrright
{
    width: 470px;
    color: #00BEE9;
    clear: both;
}
.zoekopalleplaatsen
{
    color: #9C59CA;
    font-weight: bold;
    margin-left: 20px;
}
.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;
}
.bedrijfomgeving
{
    background-color: #B7E90E;
    background-image: url("images/raquo.gif");
    height: 20px;
}
.naamberoepsbeoefenaar
{
    background-color: #5DDDFF;
    background-image: url("images/raquo.gif");
    height: 20px;
}

.beroepmenu div
{
    width: 216px;
    border-bottom: 1px solid white;
    font-style: italic;
    font-size: 11px;
    cursor: pointer;
}
.beroepentekst ul
{
    margin-left: 10px;
    margin-bottom: 0px;
}
.top
{
    width: 220px;
    height: 10px;
    font-size: 0px;
    background-color: #7352A3;
    overflow: hidden;
}
.bottom
{
    background-image: url("images/filmmenubottom.gif");
    width: 220px;
    height: 17px;
}
.beroepentekst
{
    background-image: url("images/delete.png");
    background-position: right bottom;
    background-color: #E0E6E2;
    font-style: normal;
}
.film_inleiding_kop
{
    color: #6B5691;
    font-weight: bold;
    font-style: italic;
    font-size: 14px;
}
.film_inleiding_content
{
    color: #656565;
}
.film_left
{
    min-height: 525px;
    width: 220px;
    background-color: white;
    float:left;
}
.film_right
{
    
    min-height: 600px;
    width: 533px;
    background-color: white;
    float:right;
    padding-left: 7px;
    padding-bottom: 20px;
}
.memorylinks
{
    float:left;
}
.memoryrechts
{

}
.gevondenberoepen
{
    float: right;
    padding-right: 10px;
}
.memoryscores
{
    margin: 5px;
}
.memoryopnieuw
{
    color:black;
}
.geld
{
    text-align: center;
}