body	{font-size: 80%; background-color: white}
body, form * 	{font-family: /* Verdana, Geneva, */ Arial, Helvetica, sans-serif;}
form,table,p	{font-size: 100%;}

/* Layout +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */

	#canvas	{margin: 0 auto; width: 750px;}
	#mainnav, #tekst	{float: left;}
	#mainnav	{width: 198px;}
	#tekst		{width: 530px; padding: 10px; line-height: 1.4;}
	
	#container	{background: url(../img/shim_menu.gif) repeat-y top left;}
	
	#mainnav	{background: #00aeef url(../img/head_menu.gif) no-repeat top left; border-top: 2px solid white;}
	#header	{background-color: #29943a; height: 138px; color: white;}

	#footer, #metanav	{background-color: #1f419b; color: white; padding: 2px 10px;}	
	#metanav ul, #footer ul, #subfoot ul	{margin: 0; padding: 0}
	#metanav li, #footer li, #subfoot li	{list-style-type: none; display: inline;}

	#metanav li		{border-right: 1px solid white; margin-right: 5px; padding-right: 5px;}
	#metanav li a	{text-transform: uppercase; font-weight: bold; font-size: 0.9em}
	
	#mainnav ul	{margin: 10px 0; padding: 0;}
	#mainnav li	{padding: 5px 10px; list-style-type: none;}
	#mainnav li a	{color: white; text-transform: uppercase; font-weight: bold}
	
	#mainnav ul ul	{margin: 10px 0 5px 0; padding-left: 20px;}
	#mainnav ul ul li	{padding: 0}
	#mainnav ul ul li a	{text-transform: none;}
	
	#footer		{text-align: center; border-top: 2px solid white;}
	#footer a, #metanav a	{color: white;}
	
	#subfoot 	{margin-top: 5px;}
	#subfoot li	{display: block; float: left}
	#subfoot li a	{font-weight: bold;}
	#subfoot .opt1	{width: 340px;}
	#subfoot .opt2	{width: 260px}
	#subfoot .opt3	{float: right}
	
	#zoekform		{padding: 10px; margin: 0;}
	#zoekform h2	{color: white; text-transform: uppercase; font-weight: normal}
	#zoekform p, #zoekform h2	{color: white; margin: 0; padding: 0}
	#zoekform .button	{color: white; border: 1px solid white; background-color: transparent}
		
/* HTML basis +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */

	h1	{font-size: 130%; color: #5e5e5e;}
	h2	{font-size: 110%; color: #29943a}
	h3	{font-size: 100%;}
	
	a	{color: #1f419b; text-decoration: none;}
	a:hover	{text-decoration: underline;}
	a img	{border: none;}
	
	th		{text-align: left; font-weight: bold}
	td,th	{vertical-align: top}
	table form th	{font-weight: normal}
	
	form dl dt {clear:both; width:100px; float:left; text-align:left;}
	form dl dt label	{font-weight: normal;}
	form dl dd {float:left; width:66%; margin:0 0 0.5em 0.25em;}
	
	fieldset	{padding: 10px}
	fieldset legend	{font-weight: bold;}
	
	.button	{border: 1px solid black; font-weight: bold; background-color: #1f419b; color: white;}
	hr	{border: none; background: silver; color: silver; height: 1px; clear: both}
	
	.blok	{padding: 10px;}
	.blok *	{margin: 0 auto;}
	
	.even	{background-color: white}
	.oneven	{background-color: #EBEBEB}
	
	.clear	{clear: both;}
	.klein	{font-size: 0.9em;}
	.hidden	{display: none}
	
/* Overigen +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
	
	/* door de maintenance toegekend bij uitlijnen imgs. 
	plaats desgewenst andere padding of borders. */
	.imglinks	{float: left; margin: 0 10px 10px 0;}
	.imgrechts	{float: rechts; margin: 0 0 10px 10px;}
	
	/* voor skip to content link */
	a.verborgen {position: absolute; overflow: hidden; width: 0; height: 0;}
	a.verborgen:active, a.verborgen:focus 
		{position: absolute; overflow: visible; width: auto; height: auto;
		font-weight: bold; background-color: white; color: #FF6600; padding: 5px;}
		
/* Circuits +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
			
	/* Homepage */
	
		.kol	{float: left;}
		#kol1	{width: 330px; margin-right: 10px; padding-right: 10px; border-right: 1px dotted silver;}
		#kol2	{width: 170px;}
		.kol ul	{margin: 0; padding: 0;}
		.kol ul li	{list-style-type: none; margin-bottom: 10px;}
		.more	{text-align: right; margin: 0; background-color: #ebebeb; padding: 2px 10px}
		.kader	{background-color: #ebebeb; margin: 0 0 10px 0; padding: 5px;}
		.kader a	{font-weight: bold;}
		.kol h2	{margin-bottom: 0}
		.kol p	{margin-top: 0}
	
		.download span	{display: none}
		.download	{background: url(../img/downloadbutton.gif) no-repeat top left; 
			float: right; width: 71px; height: 18px; margin: 0 0 10px 10px;}
		.download:hover	{background: url(../img/downloadbutton_over.gif) no-repeat top left;}
		
	/* Links - NOG NIET UITGEWERKT!
	
		#circlinks ul.overizcht {margin: 0; padding: 0; background-color: pink;}
		#circlinks ul.overizcht li {margin: 0; padding: 0;  border: 1px dashed lime;}
		#circlinks dl dt {border-top: silver;}
		#circlinks dl dd {margin: 0; padding: 0} */
	
		
	img#europa {border: 1px solid #1f419b; padding: 15px;}
		
	ul#landen {margin: 0; padding: 0; line-height: 2}
	ul#landen li {display: inline; border-right: 1px solid #1f419b; margin: 0; padding: 0 0.7em 0 0.4em;}
	
	/* Logos */
	
	ul#logos {list-style: none; margin: 0; padding: 0;}
	ul#logos li {float: left; width: 50%;}
	ul#logos li img {margin: 1em 50px;}