/* a fix for IE6 only - see Star Hack in Stylin' with CSS to see how the comments and * html hide this hack from other browsers \*/
* html * {zoom:100%;/* triggers IE6 "haslayout" - google 'IE6 haslayout' for details*/}
/* without the above hack, IE6 does not draw the header until the page is resized */
/* the problem is triggered by the universal * selector below that resets the margins, but I need to do that, hence the hack */
* {margin:0;padding:0;}

body {
	font: 1em Lucida, Verdana, Arial, sans-serif; /* 1em = 16pts */
	background-color:#fff; color:000;
}
#main_wrapper {background-color:#eeefed;}
#header {background-color:#eeefed;}
#header_inner h1{color:#666; text-align:center;}
#promo {background-color:#eeefed;} /*#eeefed;}*/
#nav {background-color:#eeefed;} /*#eeefed;}*/
#footer {background-color:#eeefed; font-size:.7em; }
#footer p {margin:0; text-align:center; color:#999999;} 
#content {background-color:#fff; border-color:#d1d6d1; border-style:dashed; border-width:0 1px;} 
#content_inner h1{color:#000;}
#nav li {
	list-style-type:none;
	margin-left:0	
	}
#nav_inner li,#promo_inner li{
    width:100%; 
	border-color:#d1d6d1; 
	font-weight:bold; 
	text-align:center;
	border-style:dashed;
	padding:.6em 0;
	}
#nav ul, #nav dl, #nav ol, #promo ul, #promo dl, #promo ol{ margin:0 1em .75em 1em; }	
#nav_inner li,#promo_inner li{border-width:0px 0 1px 0;}
#nav_inner #homeBu,#promo_inner #groepen{border-top-width:1px;}	
#promo li {
	list-style-type:none;
	margin-left:0;
	}	
#promo_inner * ul li{ 
	border:none; 
	padding:.2em 0;
	}   

/*h1, h2, h3, h4, h5, h6, ul, ol, dl {font-family: 'Trebuchet MS', Verdana,  serif;} */
h1, h2, h3, h4, h5, h6{font-family: 'Trebuchet MS', Verdana,  serif;} 
h1 {font-size: 1.3em;}	
.blzKop{margin:.5em 0 1em 0}


h2 {font-size: 1.1em;}

p  {
	font-size:.8em; /* 12pt */
	line-height:1.25; /* on 15pt */
	margin-bottom:.75em; /* 12pts of space */
 	}
	
a {color:#889ea9; text-decoration:none; display:block;}
a:hover, #nav a:hover {color:#feae5f;text-decoration:none;}/*444*/
a.inTekst{color:#900; display:inline; font-weight:bold;}
a.inTekstB{color:#000; display:inline; text-decoration:underline;}
a.inTekstOverDiv{display:inline; font-weight:bold;}
.n a {text-decoration:none; display:inline;font-weight:bold;}
.n a:hover{color:#feae5f;text-decoration:none;display:inline;font-weight:bold;}

/* basic list styling - more-styled lists in list.css */
ul, dl, ol {
		margin:0 1em .75em 1em; /* lists without specific classes */
		font-size:.8em;
		line-height:1.1em;		
		}
li, dd {
		/*padding:0em 0;  lists without specific classes */
		padding:.5em 0 .8em 0;
		margin-left:2em;
		}	
dt {font-weight:bold;}
acronym{border-bottom:1px dotted; cursor:default;}


/*_______________________________________________________________________________*/

/* THE ALSETT CLEARING METHOD */
	.clearfix:after {
 content: “.”;
 display: block; 
 height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix {display: inline-table;}
/* backslash hack hides from IE mac \*/ LEAVE THIS COMMENT RIGHT HERE! 
* html .clearfix {height: 1%;}
.clearfix {display:block;}
/* end backslash hack */ 

.float_left {float:left; margin: 0 .3em .3em 0;}/* apply this class to any image or element with width - text will wrap it to the right */
.float_right {float:right;  margin: 0 0 .3em .3em;} /* apply this class to any image or element with width  - text will wrap it to the left */
code {font-size:1.25em;}
* html code {font-size:1.1em;} /* default size is smaller in IE */	
address {margin:0 1em .75em 1em;}	
img {border:0;}
/*================================================================================================ index === */
#links{vertical-align:top;width:46%; padding-right:.3em;overflow:hidden;}
#noKop{margin-top:-3em; margin-bottom:0;overflow:hidden;}

.wide {font-size:.8em;line-height:1.5em;overflow:hidden;}

#rechts{border-style:solid;border-width:3px;border-color:#ccc;vertical-align:top; padding:10px 10px 0 10px;overflow:hidden;}

.oog{background-color:#ff3;padding:10px; margin:10px 10px 10px 0;}/*index */
.oog h2 { font: 1em  Lucida, Verdana, Arial, sans-serif; font-weight:bold;}/*font-size: 1.2em; font-weight:normal;*/


.geel{background-color:#ff3;overflow:hidden;}
.lichtgeel{background-color:#ff9;overflow:hidden;}
.wit{background-color:#fff;overflow:hidden;}/*index*/
.nieuw{font-weight:normal; font-size:1.2em;padding:.5em; margin:0; text-align:center; }/*1.7*/
.n{font-weight:normal; font-size:.9em;padding:0 1em .1em 1em; margin:0; text-align:center;}/*.8em onder nieuw op index 1.2*/

.blank{margin:1em 0 0 0;}

#nav_inner ul li ul li{text-align:left; border:none; padding:.7em .4em; margin:.3em;}

/*=============================================================================================== basisDoelen ====*/
div.overDiv{position:absolute; left:0; top:23%; background-color:#252525; color:#fff; font-size:.85em; font-weight:bold; padding:1em 11px 1em 9px; width:141px; visibility:hidden;}
div.overDivVlaams{position:absolute; left:0; top:350%; background-color:#252525; color:#fff; font-size:.85em; font-weight:bold; padding:1em 11px 1em 9px; width:141px; visibility:hidden;}
div.overDivDaanSanne{position:absolute; left:0; top:50%; background-color:#252525; color:#fff; font-size:.85em; font-weight:bold; padding:1em 11px 1em 9px; width:141px; visibility:hidden;}
/*div.overDiv{position:absolute; left:0; top:70%; background-color:#252525; color:#fff; font-size:.85em; font-weight:bold; padding:1em 11px 1em 9px; width:141px; visibility:hidden;}*/

/*141 veranderen als de breedte van de linkerkolom wordt veranderd in 3_col_liquid.css*/
/*div.overDiv2{top:60ex;}*/
/*div.overDiv2{top:90ex;}*/


.fl{float:left;clear:left}
.wieSchrijft{background-color:#fc6; padding:10px; margin:10px 0 0 0;}

.markingPen{background-color:#d8e3d7; padding:10px; margin:10px 0 0 0;}/*#e6e6ff*/
.markingPen a {color:#063; text-decoration:none; display:block;}
.markingPen a:hover{color:#096;text-decoration:none;}/*444*/
.xsmall{font-size:70%;}
.small{font-size: small;}
.big{font-size:120%;}/*schoolmethodes*/
.kader{ border-width:thin; border-style:solid; margin:0; padding-left:.5em; padding-right:.5em;}

.tdTop{padding:0 0 0 1em; vertical-align: top;}/*DaanEnSanna*/
.citaat{margin:2em 2em 2em 3em; font-size:70%; font-weight:normal; font-style:italic;}
.indent{margin:0 0 1em 3em; font-size:70%; }
.tight li{margin:0 0 0 2em;padding:0; }/*li bij teKoop*/
.markingPenNieuws{font-weight:bold; padding:10px; margin:10px 0 0 0;}
/*#logo{*/
	/*position:absolute;*/
	/*top:0;*/
	/*left:0;	*/
	/*width: 73px;146px;*/
	/*height: 18px;36px;*/
/*}*/