@charset "utf-8";
/* CSS Document */

a{color:#FFFFFF;border-width:0;text-decoration:none}

#nav img, #navlinks img{ border:none}
#nav a, #navlinks a{border-width:0px;text-decoration:none; color:#a4abb1}
/*#navindex li{ float:left; height: 130px}*/
#nav li:hover, #navlinks li:hover{background-repeat:no-repeat}
#nav li:hover img{border:none}

ul.eerste{}
ul.tweede{padding-top: 0px; ; padding-left:66px}

li.home, li.visie, li.team, li.programma, li.links, li.contact{ float:left; position:relative; width: 150px; height:40px; display:block}
li.home:hover, li.visie:hover, li.team:hover, li.programma:hover, li.links:hover, li.contact:hover{ float:left; position:relative; width: 150px; height:40px; display:block}
li.programma:hover{float:left; width: 150px; height:220px; display:block}
li.opt, li.trpro, li.bijsch, li.ondz{float:left; width:176px; height:40px}
li.kunst{float:left; width:176px; height:20px}
/*li:hover{float:left; width: 150px; height:40px; display:block}*/



li.home{background-image:url(../img/nav/home2.jpg)}
li.visie{background-image:url(../img/nav/visie2.jpg)}
li.team{background-image:url(../img/nav/team2.jpg)}
li.programma{background-image:url(../img/nav/programma2.jpg); background-repeat:no-repeat}
li.links{background-image:url(../img/nav/links2.jpg)}
li.contact{background-image:url(../img/nav/contact2.jpg)}

li.home:hover{background-image:url(../img/nav/home_mo2.jpg)}
li.visie:hover{background-image:url(../img/nav/visie_mo2.jpg)}
li.team:hover{background-image:url(../img/nav/team_mo2.jpg)}
/*li.programma:hover{background-image:url(../img/nav/programma_mo.jpg); background-repeat:no-repeat}*/
li.links:hover{background-image:url(../img/nav/links_mo2.jpg)}
li.contact:hover{background-image:url(../img/nav/contact_mo2.jpg)}

li>ul { top: auto;left: auto;} /* postitie resetten voor alle browsers behalve IE */ 
li ul{ display: none}   /*dat is voor I.E.*/

li:hover ul, li.over ul{ display: block; top:2px} 

li.opt{background-image:url(../img/nav/1optimum2.jpg); background-repeat:no-repeat}
li.trpro{background-image:url(../img/nav/2program2.jpg)}
li.bijsch{background-image:url(../img/nav/3bijscholing2.jpg)}
li.kunst{background-image:url(../img/nav/4kunsteduc2.jpg); background-repeat:no-repeat}
li.ondz{background-image:url(../img/nav/5onderzoek2.jpg)}

li.opt:hover{background-image:url(../img/nav/1optimum_mo2.jpg)}
li.trpro:hover{background-image:url(../img/nav/2program_mo2.jpg)}
li.bijsch:hover{background-image:url(../img/nav/3bijscholing_mo2.jpg)}
li.kunst:hover{background-image:url(../img/nav/4kunsteduc_mo2.jpg)}
li.ondz:hover{background-image:url(../img/nav/5onderzoek_mo2.jpg)}