body {background-color: #ffffff; font-family: arial; color: #333333;}

a:link {color: #333333; text-decoration: none}
a:visited {color: #333333; text-decoration: none}
a:active {color: #333333; text-decoration: none}
a:hover {color: #E9C625; text-decoration: none}

#logo {position:absolute; left:5px; top:10px; width:170px; height:150px; z-index:1; text-align: center}

#snelmenu {position:absolute; left:190px; top:15px; width:700px; height:20px; z-index:1; text-align: left; font-weight: bold; font-size:11pt}

#snelmenusteunenons {position:absolute; left:550px; top:5px; width:450px; height:35px; z-index:2; text-align: left; font-weight: bold; font-size:11pt}

#menu {position:absolute; left:20px; top:175px; width:180px; height:400px; z-index:1; font-weight: bold; font-size:11pt}

#login {position:absolute; left:30px; top:443px; width:132px; height:142px; z-index:1; font-weight: bold; font-size:11pt; background-image: url(image/achterlogin.jpg)}

#achterinhoud {position:absolute; background-color:#dddddd; left:190px; top:45px; width:796px; height:540px; z-index:1}

#achterboven {position:absolute; background-image:url(image/achterboven.jpg); left:190px; top:45px; width:796px; height:29px; z-index:2}
#achteronder {position:absolute; background-image:url(image/achteronder.jpg); left:190px; top:556px; width:796px; height:29px; z-index:2}

#voettekst {position:absolute; left:190px; top:595px; width:800px; height:20px; z-index:1; text-align: center; font-size: 9pt}

#titel {position:absolute; left:317px; top:60px; width:545px; height:67px; z-index:4; text-align: center; line-height:270%;
         color: #ffffff; background-image: url(image/achtertitel.jpg); font-size:18pt}

#verwelkomming {position:absolute; left:205px; top:60px; width:100px; height:67px; z-index:5; text-align: center;
          font-size: 10pt; color: #ffffff; font-weight: bold; background-image: url(image/klokje.jpg)}

#datum {position:absolute; left:875px; top:60px; width:100px; height:67px; z-index:5; text-align: center;
       font-size: 10pt; color: #ffffff; font-weight: bold; background-image: url(image/klokje.jpg)}

#inhoud {background-color:#dddddd; position:absolute; left:267px; top:159px; width:648px; height:350px; z-index:2; color: #333333; font-size: 10pt}

#inhoudhoog {background-color:#dddddd;  position:absolute; left:267px; top:139px; width:648px; height:350px; z-index:2; color: #333333; font-size: 10pt}

#inhoud10pt {background-color:#dddddd; overflow:auto; position:absolute; left:267px; top:159px; width:650px; height:363px; z-index:2; color: #333333; font-size: 10pt}

.tekst8pt {font-size:8pt; text-decoration:none}

.tekst9pt {font-size:9pt; text-decoration:none}

.tekst10pt {font-size:10pt; text-decoration:none}

.tekst11pt {font-size:11pt}

#indexkader1 {background-color:#dddddd;  position:absolute; left:267px; top:305px; width:160px; height: 270px; z-index:3; font-size:10pt}

#indexkader2 {background-color:#dddddd;  position:absolute; left:447px; top:305px; width:160px; height: 270px; z-index:3; font-size:10pt}

#indexkader3 {background-color:#dddddd;  position:absolute; left:627px; top:305px; width:160px; height: 270px; z-index:3; font-size:10pt}

#indexkader4 {background-color:#dddddd;  position:absolute; left:807px; top:305px; width:160px; height: 270px; z-index:3; font-size:10pt}

#uitroepteken {background-image: url(image/uitroepteken.jpg); position:absolute; left:207px; top:139px; width:50px; height: 50px; z-index:3;}

#infogeel {background-image: url(image/infogeel.jpg); position:absolute; left:207px; top:139px; width:50px; height: 50px; z-index:3;}

#examengeel {background-image: url(image/examen.jpg); position:absolute; left:207px; top:139px; width:50px; height: 50px; z-index:3;}

#vakantiegeel {background-image: url(image/vakantiegeel.jpg); position:absolute; left:207px; top:139px; width:50px; height: 50px; z-index:3;}

#volgende {background-color:#dddddd;  position:absolute; left:667px; top:525px; width:270px; height:15px; z-index:2; color: #333333; font-size: 10pt; text-align:right}

#vorige {background-color:#dddddd;  position:absolute; left:267px; top:525px; width:648px; height:15px; z-index:2; color: #333333; font-size: 10pt; text-align:left}

#terug {background-color:#dddddd ; position:absolute; left:207px; top:560px; width:180px; height: 15px; z-index:3;}

#schoolgeel {background-image: url(image/schoolgeel.jpg); position:absolute; left:207px; top:139px; width:50px; height: 50px; z-index:3;}

#studieaanbodgeel {background-image: url(image/studieaanbodgeel.jpg); position:absolute; left:207px; top:139px; width:50px; height: 50px; z-index:3;}

#vraagteken {background-image: url(image/vraagteken.jpg); position:absolute; left:207px; top:278px; width:50px; height: 50px; z-index:3;}

#vraagteken2 {background-image: url(image/vraagteken.jpg); position:absolute; left:207px; top:325px; width:50px; height: 50px; z-index:3;}

#lamp {background-image: url(image/lampgeel.jpg); position:absolute; left:207px; top:139px; width:50px; height: 50px; z-index:3;}

#agendageel {background-image: url(image/agendageel.jpg); position:absolute; left:207px; top:139px; width:50px; height: 50px; z-index:3;}


#subtitel1 {background-color: #dddddd; position:absolute; left:267px; top:139px; width:600px; height: 20px; z-index:3;}

#indexnieuwsfeit {background-color: #dddddd; position:absolute; left:267px; top:159px; width:700px; height: 20px; z-index:3; font-size:10pt}

#subtitel2 {background-color: #dddddd; position:absolute; left:267px; top:325px; width:600px; height: 20px; z-index:3;}

#indextitelontdek {background-color: #dddddd; position:absolute; left:267px; top:278px; width:600px; height: 20px; z-index:3;}

#tekststudieaanbod {background-color: #dddddd; position:absolute; left:267px; top:139px; width:700px; height: 20px; z-index:3; font-size:10pt}


#eengeel {background-image: url(image/1geel.jpg); position:absolute; left:207px; top:205px; width:50px; height: 50px; z-index:3;}

#studieaanbodtitel1 {background-color: #dddddd; position:absolute; left:263px; top:205px; width:600px; height: 20px; z-index:3;}

#studieaanbodkader1 {background-color:#dddddd;  position:absolute; left:263px; top:235px; width:200px; height: 300px; z-index:3; font-size:10pt}



#tweegeel {background-image: url(image/2geel.jpg); position:absolute; left:450px; top:205px; width:50px; height: 50px; z-index:3;}

#studieaanbodtitel2 {background-color: #dddddd; position:absolute; left:510px; top:205px; width:150px; height: 20px; z-index:3;}

#studieaanbodkader2 {background-color:#dddddd;  position:absolute; left:510px; top:235px; width:200px; height: 300px; z-index:3; font-size:10pt}



#driegeel {background-image: url(image/3geel.jpg); position:absolute; left:693px; top:205px; width:50px; height: 50px; z-index:3;}

#studieaanbodtitel3 {background-color: #dddddd; position:absolute; left:753px; top:205px; width:150px; height: 20px; z-index:3;}

#studieaanbodkader3 {background-color:#dddddd;  position:absolute; left:753px; top:231px; width:230px; height: 310px; z-index:3; font-size:10pt}



#fotoboven {background-color: #dddddd; position:absolute; left:735px; top:135px; width:213px; height: 100px; z-index:3}

#fotoonder {background-color: #dddddd; position:absolute; left:700px; top:325; width:213px; height: 160px; z-index:3}

#fotovoor {background-color: #dddddd; position:absolute; left:267px; top:325; width:213px; height: 160px; z-index:3}

#fotovoor2 {background-color: #dddddd; position:absolute; left:267px; top:285; width:213px; height: 160px; z-index:3}


#agendakader1 {background-color:#dddddd;  position:absolute; left:267px; top:205px; width:160px; height: 360px; z-index:3; font-size:10pt;
              font-weight: bold}

#agendakader2 {background-color:#dddddd;  position:absolute; left:447px; top:205px; width:160px; height: 360px; z-index:3; font-size:10pt;
              font-weight: bold}
#agendakader3 {background-color:#dddddd;  position:absolute; left:627px; top:205px; width:160px; height: 360px; z-index:3; font-size:10pt;
              font-weight: bold}
#agendakader4 {background-color:#dddddd;  position:absolute; left:807px; top:205px; width:160px; height: 360px; z-index:3; font-size:10pt;
              font-weight: bold}

#lijstcourantje {background-color: #dddddd; position:absolute; left:267px; top:359px; width:700px; height: 20px; z-index:3; font-size:10pt}

#www {background-image: url(image/www.jpg); position:absolute; left:207px; top:139px; width:50px; height: 50px; z-index:3;}

#inhoudsteunenons {background-color:#dddddd;  position:absolute; left:267px; top:159px; width:648px; height:1350px; z-index:2; color: #333333; font-size: 10pt}

#terugsteunenons {background-color:#dddddd ; position:absolute; left:207px; top:2420px; width:180px; height: 15px; z-index:3;}

#voettekststeunenons {position:absolute; left:190px; top:2455px; width:800px; height:20px; z-index:1; text-align: center; font-size: 9pt}

#achterondersteunenons {position:absolute; background-image:url(image/achteronder.jpg); left:190px; top:2416px; width:796px; height:29px; z-index:2}

#achterinhoudsteunenons {position:absolute; background-color:#dddddd; left:190px; top:45px; width:796px; height:2380px; z-index:1}

#webdesign {position:absolute; background-color:#ffffff; font-size:8pt; left:15px; top:535px; width:160px; height:50px; z-index:1; text-align:center}

#terugsteunenons2 {background-color:#dddddd ; position:absolute; left:207px; top:600px; width:180px; height: 15px; z-index:3;}
#voettekststeunenons2 {position:absolute; left:190px; top:655px; width:800px; height:20px; z-index:1; text-align: center; font-size: 9pt}
#achterondersteunenons2 {position:absolute; background-image:url(image/achteronder.jpg); left:190px; top:616px; width:796px; height:29px; z-index:2}
#achterinhoudsteunenons2 {position:absolute; background-color:#dddddd; left:190px; top:45px; width:796px; height:580px; z-index:1}