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/13-15-header.jpg");
}
.quotes
{
    height: 163px;
    width: 321px;
    background-color: #F1E6F9;
    float:left;
    cursor: pointer;
}
.zoek
{
    width:200px;
    height:163px;
    background-image: url("images/13-15-zoek.jpg");
    background-color: #EAF8B6;
    background-position: 0px 0px;
    float:left;
}
.zoekkop
{
    width:200px;
    height:20px;
    background-color: #45C609;
}
.zoekkoptekst
{
    color: #45C609;
    font-weight: bold;
    font-size: 14px;
    font-style: italic;
    margin-top:20px;
    margin-left:20px;
}
.zoekvelden
{
    margin-left:10px;
}
input
{
    border: 1px solid #01C4F4;
    background-color: white;
}
.quote
{
    background-image: url("images/13-15-quotes.jpg");
    height: 20px;
    width: 120px;
    float: left;
}
.quotetitel
{
    color: #CC3366;
    font-weight: bold;
    background-color: #EBADC2;
    height: 17px;
    width: 320px;
    float: left;
    text-align: center;
    padding-top:3px;
}
.quotefoto
{
    background-image: url("images/13-15-beroep.jpg");
    background-position: center center;
    height: 140px;
    width: 120px;
    text-align: center;
    float:left;
}
.quotetekst
{
    height: 140px;
    width: 120px;
    text-align: center;
    float:left;
}
.quotetekstkop
{
    color: #CC3366;
    font-weight: bold;
    margin-top: 20px;
    text-align: left;
    width: 180px;
}
.quotetekstcontent
{
    color: #444444;
    text-align: left;
    margin-top: 10px;
    width: 180px;
}
.streetdancen
{
    width:559px;
    height:253px;
    background-image: url("images/13-15-streetdancen.jpg");
    clear:both;
}

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

.right
{
    background-color: #FBC053;
    width: 200px;
    height: 417px;
    float:right;
}
.paardensprong
{
    background-image: url("images/13-15-paardensprong.gif");
    width: 169px;
    height: 110px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}
.zoekeenberoep
{
    /*background-image: url("images/13-15-zoekeenberoep.jpg");*/
        background-image: url("images/zoekberoep_13-15.jpg");
    width: 236px;
    height: 164px;
    margin-left: auto;
    margin-right: auto;
}
.quiz
{
    background-image: url("images/13-15-beroepenquiz.jpg");
    width: 169px;
    height: 83px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}
.film_inleiding_kop
{
    color: #6B5691;
    font-weight: bold;
    font-style: italic;
    font-size: 14px;
}
.film_inleiding_content
{
    color: #656565;
}
.film_left
{
    height: 475px;
    width: 215px;
    background-color: white;
    float:left;
}
.film_right
{
    min-height: 600px;
    background-color: white;
    float:right;
}
.footer
{
    color: #FFFFFF;
    background-color: #7352A4;
}
.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;
}
.geld
{
    text-align: center;
}
.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;
    padding-top: 5px;
    padding-bottom: 5px;
    font-style: normal;
}
.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: 283px;
    float:right;
    text-align: left;
    padding-left: 30px;
}
.zoekopalleberoepen
{
    background-image: url("images/zoekopalleberoepen.jpg");
    width: 170px;
    height: 83px;
}
.zoekkoptitel
{
    color: #00C9F5;
    font-weight:bold;
    font-size: 12px;
    font-style: italic;
    padding-top: 5px;
}
.zoekkoptitel2
{
    color: #00C9F5;
    font-weight:bold;
    font-size: 12px;
    font-style: italic;
    padding-top: 5px;
    float:left;
    width: 240px;
}