/* pushes the page to the full capacity of the viewing area */
html {height:100%;}
body {height:100%; margin:0; padding:0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 70%; line-height: 1.5;}
/* prepares the background image to full capacity of the viewing area */
#bg {position:fixed; top:0; left:0; width:100%; height:100%;}
/* places the content ontop of the background image */
#container {position: relative; z-index: 1;}
		
	#container #header	
		{background: url(../img/header_tile.jpg) repeat-x top center; 
		margin: 0 auto; position: relative; z-index: 20}
	
		#container #header #l	
			{background: url(../img/header_left.jpg) no-repeat top left; 
			z-index: 10; width: 254px; height: 170px;
			position: absolute; top: 0; left: 0;}
		#container #header #m	
			{background: url(../img/header_mid.jpg) no-repeat center 50px; 
			z-index: 15; width: 100%; height: 170px;}
		#container #header #r	
			{background: url(../img/header_right.png) no-repeat top right; 
			z-index: 10; width: 351px; height: 278px;
			position: absolute; top: 0; right: 0;}
	
	#container #teksttop	
		{background: url(../img/basic/schoolbord_top.png) no-repeat top center; 
		width: 967px; height: 36px; margin: 45px auto 0 auto;}
	#container #tekst 	
		{background: url(../img/basic/schoolbord_shim.png) repeat-y top center;
		color: white; width: 967px; min-height: 300px; padding: 1px /* ivm borderbug */;
		margin: 0px auto; position: relative;}
	
		/* absoluut positioneren, stretcht niet in IE6 */
		/* #container #bladspiegel {width: 560px; margin: 0 10px 0 200px;}
		#container #links		{width: 160px; position: absolute; top: 10px; left: 10px;}
		#container #rechts		{width: 160px; position: absolute; top: 10px; right: 10px;} */
		
		/* floaten */
		#container #bladspiegel {width: 445px; margin: 0 85px 0 230px; border: 0px dashed #444;} 
		/* totale breedte: 760px. lange antwoorden past wel indien margin: 0 85px 0 200px... */
		#container #links		{width: 160px; float: left; margin-left: 10px; _margin-left: 5px;}
		#container #rechts		{width: 160px; float: right; margin-right: 10px; _margin-right: 5px;}
				
	#container #tekstbot
		{background: url(../img/basic/schoolbord_bottom.png) no-repeat top center; 
		width: 967px; height: 36px; margin: 0 auto; clear: both;}
			
/* buttons */
			
	a#homelogo	{display: block; width: 100%; height: 160px; 
		z-index: 10; position: absolute; top: 0; left: 0}
		a#homelogo span	{display: none}

	input#verderbutton	{position: absolute; bottom: 0px; right: 210px;
		width: 80px; height: 50px;}

	/* Op homepage geen form-submit maar link: */
	a#verderbutton	
		{position: absolute; bottom: 0px; right: 210px;
 		background: url(../img/button_verder.gif) no-repeat top center; 
		display: block; width: 75px; height: 45px;
		border: none;}

		#verderbutton span	{display: none;}

/* navigatie */

	#links, #rechts {color: #969;}
	#links a, #rechts a {color: #c9c;}
	#links a:hover, #rechts a:hover {color: #FC2D8A;}
	
	#links ul, ul#secties 	
		{margin: 0; padding: 0 0 0 20px;}

	#links ul {list-style: none; font-size: 120%; font-weight: bold;
		margin-top: 12px; width: 123px; padding: 0 2em; border: 0px dashed silver;}
	#links ul li {margin: 0 1em 1em 0; padding-bottom: 0.5em; border-bottom: 1px solid #969; text-align: right}
	#links ul a {text-decoration: none;}
	
	p#trimbos {position: absolute; bottom: 10px; left: 10px; 
		margin: 0px; width: 123px; padding: 0 2em; border: 0px dashed silver;}
	/*p#trimbos span {text-transform: uppercase;}*/

	#rechts h2 {color: #969; font-size: 120%; margin: 10px 0 0 15px; padding: 0;}
	ul#secties	{margin: 0 0 15px 15px; padding: 0; font-size: 120%;}
	ul#secties li	{margin: 0; padding-top: 0.5em;}
	ul#secties li a	{text-decoration: none;}
	ul#secties li.current, ul#secties li.current a	{color: #fff}
	/*ul#secties li a:hover, ul#secties li.current a:hover	{color: #FC2D8A}*/

	/* mail & print */
	#keus {padding-left: 5px;}
	#keus a, #keus span.mail {font-weight: bold}
	#keus a, #keus a:visited {text-decoration: none;}
	#keus form {border: 0px dashed #fff; padding: 0px; font-weight: bold;}
	#keus input#adres {width: 120px; /*height: 19px;*/ padding: 0; margin-right: 1px; background: #333; border: none; border-bottom: 1px dashed #666; color: white}
	#keus input.button {font-size: 90%; /*height: 20px;*/ padding: 0; background-color: #333; color: #969; 
		border-width: 1px 1px 1px 1px; border-style: solid; border-color: #333 #666 #666 #333;}

	/*
a:link		{color: #F558D4}
a:visited	{color: #F5BAD4}
a:hover		{color: #FC588A}
a:active	{color: #FC2D8A}
	*/