html { height:100%; max-height:100%; padding:0; margin:0; border:0;  
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 		  
}
* html body { font-size:large; f\ont-size:small; line-height:large; l\ine-height:small; } 
/* maakt referentiegrootte van font verschillend voor Firefox en IE */  
body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0;  line-height:120%; font-family:Verdana, Arial, Helvetica, sans-serif; color:#013;
scrollbar-3dlight-color : #E3E6EC; 
scrollbar-darkshadow-color : #E3E6EC; 
scrollbar-face-color : #E9ECEF;  
scrollbar-arrow-color : #013; 
scrollbar-base-color : #FFF;  
scrollbar-highlight-color : #FFF; 
scrollbar-shadow-color : #0072bc;  
scrollbar-track-color : #D2D6DD; }
#head { position:absolute; margin-left:-50%; left:50%; top:0; height:110px; width:100%; min-width:100%; z-index:15; }   #head img { position:absolute; top:20px; right:5%;} 
/* right:20% betekent rechterkantlijn gelijk met grijze blok */	
#foot { position:absolute; margin:0; bottom:0; left:0; display:block; width:100%; height:50px; font-size:60%; z-index:5; text-align:right; color:#999; }
#menudiv, #maindiv { position:absolute; left:0; top:110px; bottom:50px; font-size:80%;  overflow:auto;}
* html #menudiv, * html #maindiv { height:100%; top:0; bottom:0; border-top:110px solid #fff; border-bottom:50px solid #fff;}	/* deze borders bepalen hoogte werkelijke content */
#menudiv { left:20px; z-index:3; overflow:hidden; width:22%; margin-right:15px;} 	
/* achtergrond menu - om plaats van grijze vlak aan te passen, wijzig width van #menudiv en left van #maindiv */
#maindiv { left:22%; width:65%; background-color:#E3E6EC; filter: alpha(opacity=88);}	/* achtergrond main D3DDE3*/	
.topafdek, .bottomafdek { position:absolute; top:0; left:0; width:100%; height:110px; z-index:9;}
.bottomafdek { bottom:0; height:30px; }
.copyright p { margin-top:8px; margin-right:3%;}
.menu, .menuactief  {display:block; width:100%; text-align:right; }
.menu { margin-top:16px;}
.maincontent {display:block; margin:30px 20px 30px 55px; padding-bottom:10px !important;}	

/* achtergrondmotiefje wordt op diverse onderdelen toegepast, hier alles vervangen: */	
* html body, #foot, .topafdek, body { background:url(images/streepje.gif) repeat top left;} 
/*.maincontent, H1, .menu a, .menuactief { font-family:Georgia;} .menu a, .menuactief {font-size:16px;} .menu { padding-top:2px;}*/ 


/* E9ECEF 
------------  H I E R   B O V E N   N I E T S  W I J Z I G E N  ------------ */ 
 




/* hier  O N D E R  evt. kleuren en maten aanpassen */

.woordenlogo { position:absolute; z-index:5; width:42%; left:0; top:5%;}
.menu a, .menu a:visited { font:normal 18px Verdana; color:#0072bc; text-decoration:none; }
.menu a:hover, .menu a:active { color:#ED1C24; }
/* margin-right anders dan 5 px geeft hover-wiebel */
.menuactief { color:#ED1C24;}
a .menuactief { background: url(images/beeldmerk.gif) no-repeat top left;}
.menu p, .menu p .menuactief {  height:33px; margin:0 }
.maincontent p {margin-top:20px; margin-bottom:0px;}
H1 { font:bold 16px/16px Verdana; color:#013; margin-bottom:10px;}	
.subkop { font:bold 100%/100% Verdana;
 color:#013; margin-top:10px; margin-bottom:0px;}	
a, a:visited {color:#0072BC;} a:hover, a:active {color:#ED1C24;}
.imgrechts {float: right; margin:7px 0px 5px 10px;}
.imglinks  {float: left;  margin:7px 10px 5px 0px;}
ul { margin-left:17px; margin-top:0px;  margin-bottom:0px;} 
/* margins van ul overrulen automatische ruimte rondom het lijstblokje */
li { list-style-image: url('images/bull_rood.gif');}		


/* formulier */
input, textarea {margin-bottom:5px;}