body	{background-color: white; color: black; font-size: 0.7em; margin: 0; padding: 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 1.3em;}
body *, form *, p *	{font-size: 100%; margin-top: 0; margin-bottom: 0;}

h1	{font-size: 125%; font-weight: bold; margin-top: 10px; margin-bottom: 10px;}
h2	{font-size: 115%; font-weight: bold; margin-top: 10px; margin-bottom: 10px;}
h3 { padding: 10px; margin: 0; font-size: large; }

a, img	{border: none;  text-decoration: none;}


hr	{border: none; background: gainsboro; color: gainsboro; height: 1px;}
blockquote	{border-left: 2px solid #ff6600; padding-left: 5px; margin-left: 0}

form	{margin: 0; padding: 0;  width: 90%}
fieldset {border: 1px solid gainsboro; margin: 10px; padding: 10px;}
fieldset legend	{font-weight: bold}
fieldset table th	{font-weight: normal; text-align: left;}

	form dl		{overflow: auto;}
	form dl dt {clear:both; width:100px; float:left; text-align:left;}
	form dl dd {float:left; width:66%; margin:0 0 0.5em 0.25em;}

.button	{border: 1px solid black; color: white; font-weight: bold;}

.klein	{font-size: 0.8em}

.formbutton {background-color: White; color: #7aa200; font-weight: bold; }
#canvas	{width: 765px; margin: 0 auto;}

	#mainmenu	{margin: 0 0 10px 0; padding: 0;}

	#sidebar {width: 153px; float: left;}
		
		#menu p	{margin: 0; padding: 0;}
		#menu .slogan	{margin-left: 10px}
		#menu .blok {background-color: white; margin: 10px 2px 50px 2px; padding: 10px 0}
		#menu ul {margin: 30px 0; padding: 0;}
		#menu li {list-style-image: none; list-style-type: none; padding: 0px 3px 3px 15px;}
		#menu li a	{font-size: 0.8em; text-decoration : none;}
		
	#menubot	{height: 13px;}
	#content	{float: left; width: 400px; padding: 0 0 0 15px; color : #000000;}
	#headmenu	{float: left; width: 400px; padding: 0 0 0 15px;}
	
	.top		{overflow: auto; margin: 0 0 5px 0; padding: 0;}
	.top li		{float: left; list-style-image: none; list-style-type: none; padding: 2px 0px 0px 10px;}

	#top2 a		{font-weight: bold;}
	#top2 form	{margin: 0; padding: 0; width: 200px}
	
	#intro		{font-weight: bold;}

	#bannerbar {width: 180px; float: right; margin: -10px 0 0 0px;}
	
	#zoekform 	{text-align: right; padding-top: 10px; float: right;}
	#zoekbutton {background-color: #FFFFFF; border: none; color: #006600; font-weight: bold; font-size: 85%;}
	#zoekterm 	{ border: 1px solid #006600;}
	
	.stelvraag			{margin: 10px 0;}
	.stelvraag p, .stelvraag img		{margin: 0; padding: 0;}
	.stelvraag .tekst	{border: 1px solid #00BC83; border-width: 0 1px; padding: 5px 10px 5px 10px;}
	.stelvraag a, .stelvraag a:visited		{color: #006600; font-size: 0.8em; font-weight: bold;}
	.stelvraag ul		{border: 1px solid #00BC83; border-width: 0 1px; margin-top: 0px; margin-bottom:0px; padding-top: 0px; padding-bottom: 0px; padding-left: 20px;}
	.stelvraag li 		{list-style-image: url(../img/right_zoekpijl.gif);}
	.stelvraag .stelnav	{width: 170px; height: 18px; padding-left: 10px; background: url(../img/right_boxbottomgroen.gif) no-repeat 0pt 0px; padding-top: 2px;}
	
	
A.atop:LINK, A.atop:VISITED, A.atop:HOVER, A.atop:ACTIVE
{
	color: #006600;
	text-decoration : none;
	font-size : 10px;
}

A.atop:HOVER, A.atop:ACTIVE
{
	color: #636364;
	text-decoration : underline;
}

A.atopbold:LINK, A.atopbold:VISITED, A.atopbold:HOVER, A.atopbold:ACTIVE
{
	color: #006600;
	text-decoration : none;
	font-weight: bold;
}

A.atopbold:HOVER, A.atopbold:ACTIVE
{
	color: #636364;
	text-decoration : underline;
	font-weight: bold;
}

A.abottom:LINK, A.abottom:VISITED, A.abottom:HOVER, A.abottom:ACTIVE
{
	color: #006600;
	text-decoration: none;
	font-size: 10px;
}

A.abottom:HOVER, A.abottom:ACTIVE
{
	color: #636364;
	text-decoration: underline;
}



/*div.demo, div.inner {color: #000; text-align: center; font-family: verdana, arial, sans-serif;}
div.demo  { float: left; width: 18em; padding: 20px; margin: 1em; background: #FFFFFF; }
div.inner { margin: 0; background: #FFFFFF; padding: 10px; border:5px; zoom:1;}
div.outer { float: left; margin: 15px; background: #99cc66; padding: 8px; width: 22em }
div.fun   { margin: 2px; }
div#readyTest { background-color: #6af; float: right; padding: 10px; height: 20px }*/

.homeblokken {
	float: left; 
	width: 195px; 
	height: 185px; 
	background-image: url(../img/back_homeblokken.jpg); 
	background-repeat: no-repeat;
	margin: 4px 4px 4px 0;
}

.homeblokken_res {
	float: left; 
	width: 195px; 
	height: 185px;  
	margin: 4px 4px 4px 0;
}
	
.homeblokken #title { 
	position: relative;
	left: 13px;
	top: 15px;
	width: 170px; 
	height: 45px;
	font-size: 150%; 
	font-weight: bold;
	color: #7aa200;	 
	line-height: 19px;
}

.homeblokken #imgage { 
	position: relative;
	left: 9px;
	top: 20px;
	width: 178px; 
	height: 24px;
}

.homeblokken #intro { 
	position: relative;
	left: 9px;
	top: 20px;
	width: 170px; 
	height: 54px;
	font-size: 85%; 
	color: #000000;	
	margin: 5px;
}

.homeblokken a{
	position: relative;
	left: 18px;
	top: 20px;
	width: 178px; 
	height: 24px;
}

.verborgen {visibility: hidden; }

/* op blauw zijn kopjes roze, anders zwart. */
.fade0 h2, .fade5 h2, .pseudoh2	{color: #ff0066;} 

	#matrix	{position: relative;}
	#matrix #matrixinfo	{position: absolute; top: 40px; left: 80px; width: 420px; height: 200px; padding: 10px;
		background-color: black; color: white; font-weight: bold; filter: alpha(opacity=85); -moz-opacity: .85; opacity: .85;}
		
		
.prev_button { 
	position: relative;
	left: 0px;
	top: 0px;
	width: 170px; 
	height: 25px;
	float: left;
}		

.nxt_button { 
	position: relative;
	right: 0px;
	top: 0px;
	width: 180px; 
	height: 25px;
	float: left;
	text-align: right;
}