body	{font-size: 75%; margin: 0; padding: 0; background-color: white; color: black}
body, form * 	{font-family: Arial, Helvetica, sans-serif;}
form,table,p, textarea	{font-size: 100%;}

/* layout +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */

	#canvas	{width: 980px; margin: 0 auto;}
	
	#header	{background-repeat: no-repeat; background-position: top left; height: 147px; position: relative}
		#header .logo	{position: absolute; top: 10px; left: 10px;} /* png fix plaatsen voor IE6 */
		
	#meta	{background: url(../img/layout/navbalk_top.gif) no-repeat top left; height: 25px;}
	
		#zoekform	{float: right; position: relative;}
		#zoekform .zoekscherm	{border: none; background-color: white; 
			height: 15px; line-heigth: 15px; width: 160px;
			position: absolute; right: 34px; top: 4px;}
		#zoekform .button	{background: url(../img/ico/zoek.png) no-repeat bottom left; 
			border: none; display: block; /* float: right; */ width: 35px; height: 15px; margin: 0;
			position: absolute; right: 10px; top: 4px;}

		#mailafriend	{display: block; width: 84px; height: 25px;
			position: absolute; right: 260px; top: 1px;
			background: url(../img/ico/tellafriend.png) no-repeat bottom left;}
		#mailafriend:hover	{background-image: url(../img/ico/tellafriend.png);}
		#mailafriend span	{display: none}
		
		#cntact	{display: block; width: 16px; height: 10px;
			position: absolute; right: 220px; top: 7px;
			background: url(../img/ico/mail_a_friend.gif) no-repeat bottom left;}
		#cntact:hover	{background-image: url(../img/ico/mail_a_friend_over.gif);}
		#cntact span	{display: none}
			
	#container	{margin: 10px 0;}
	
		#menu, #sidebar		{width: 200px; float: left;}
		#content {width: 550px; padding: 0 15px; float: left;}
	
	#footer {clear: both; background: url(../img/layout/footer_shim.gif) repeat-x top left; 
		height: 180px; padding: 10px; margin-top: 60px;}
		
/* overlay campagne +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */		
	
	#overlay {
	   position: absolute;
	   display: block;
	   top: 40px;
	   left: 350px;
	   width: 350px;
	   height: 150;
	   background-color: #e7366f;
	   opacity: .90;
	   filter: alpha(opacity=90);	
	   border: 5px solid White;  
	   -moz-border-radius:10px;  
	}
	
	#overlay {
	   color: #FFFFFF;
	   font-size: 14px;
	   text-align:center;
	   padding: 10px;
	   margin: 10px;
	   font-family: Verdana;
	   font-weight: bold;
	}	
	
	#overlay a {
		color: #FFFFFF;	
		font-size: 10px;
	   	filter: alpha(opacity=100);
	   	font-weight: normal;
		
	}	
	
	#overlay a:hover {
		text-decoration: none;
		font-weight: bold;		
	}
	
/* nav +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */

	#meta, #meta a, #footer, #footer a	{color: white;}
	
	.crumbs	{display: block; line-height: 25px; margin-left: 10px; font-size: 0.95em}
	.crumbs a	{text-decoration: none}
	
	#menu 		{font-size: 0.9em; font-weight: bold;}
	#menu ul 	{margin: 0; padding: 0; }
	#menu ul li	{list-style-type: none; margin-bottom: 3px;
		background: url(../img/layout/button_nav_metpijl.gif) no-repeat top left;}
	#menu ul li.current	{background: url(../img/layout/button_nav_metpijl_sub.gif) no-repeat top left;}
	#menu ul li.current li, #menu ul li li	{background-color: black; background-image: none; margin-bottom: 0}
	#menu ul ul li.laatste	{background: black url(../img/layout/nav_uitklap_bottom.gif) no-repeat bottom left; 
		height: 5px !important; margin: 0; padding: 0;}
	#menu ul ul li		{padding-left: 15px;}
	#menu ul li.ruimte	{margin-top: 15px;} /* functieloze ruimte na elk 3e item */
		
	/* tegen ongewenste ruimte in IE7 (varitem=10574) */
	#menu ul li.current ul	{background: black url(../img/layout/nav_uitklap_bottom.gif) no-repeat bottom left;}
		
	#menu ul li a	{color: white; height: 20px; line-height: 20px; text-decoration: none; 
		text-transform: uppercase; padding-left: 10px; display: block;}
	#menu ul li.current li a	{color: white;}
	#menu ul li.current a, #menu ul li li.current a	{color: #abe0fa}
	
	#menu a:hover, #menu a:active	{color:#abe0fa !important}
	
	#menu, .blok, ul#drugtabs li a 	
		{color: white; font-family: News Gothic, News Gothic MT, Arial Narrow, Arial, Helvetica, sans-serif;}

	#footlinks 		{margin-bottom: 10px; overflow: auto;}
	#footlinks li	{float: left; width: 150px}
	#footlinks dt 	{color: #ff0066; text-transform: uppercase; font-weight: bold}
	#footlinks dd 	{margin: 0;}
	
	#footer a	{text-decoration: underline}
	
/* pictogrammen +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */

	.crumbs .homelink	{background: url(../img/ico/home.gif) no-repeat top left; padding-left: 24px;}
	.comment	{background: url(../img/ico/comment.png) no-repeat bottom left; padding-left: 22px}
	.reageer	{background: url(../img/ico/reageer.png) no-repeat bottom left; padding-left: 22px;}
		
/* misc +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
	
	h1	{font-size: 90%; margin-top: 0;}
	h2	{font-size: 115%; margin-top: 0;}
	h3	{font-size: 100%;}
	
	/* op blauw zijn kopjes roze, anders zwart. */
	.fade0 h2, .fade5 h2, .pseudoh2	{color: #ff0066;} 
		
	.admin	{color: #1c356a} /* naam is blauw als post van Trimbos is */
	
	body#circhome_tonen h1, body#circnieuws_lijst h1	{display: none}
	h2 a	{text-decoration: none}
	
	.clear	{clear: both}
	.klein	{font-size: 0.8em}
	.krap	{margin: 0; padding: 0;}
	.nietzokrap	{margin: 5px 0 0 0; padding: 0;}
	.cleanlist li	{list-style-type: none}
	.show	{display: block}
	.hide	{display: none}
	.midden	{text-align: center}
	.scheiding	{border-top: 1px solid black; clear: both; padding-top: 8px; margin-top: 10px;}
	
	ul.naastelkaar	{margin: 0; padding: 0;}
	ul.naastelkaar li	{list-style-type: none; display: inline; margin-right: 5px; padding-right: 5px;}
	ul.naastelkaar li.current a	{font-style: italic;}
	
	ul.krap, ol.krap	{margin: 0; padding: 0 0 0 18px;}
	
	.kol	{float: left; width: 200px;}
	
	th		{text-align: left; font-weight: bold}
	td,th	{vertical-align: top}
	table form th	{font-weight: normal}
	
	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;}
	
	a		{color: #ff0066; text-decoration: none;}
	a:hover	{text-decoration: underline;}
	/* Moeilijk! zie varitem=9813
	a:hover 	{color: #FF6699}
	a:visited	{color: #660033}
	a:active 	{color: #FF0066} */
	/* a:visited, a:hover, a:active  {color: black; text-decoration: underline;} */
	a img	{border: none;}
	
	.druginfoblok a	{color: black; text-decoration: underline;}
	
	.button	{border: none; color: white; width: 100px; font-weight: bold; margin: 0;
		height: 20px; line-height: 20px; padding: 0; text-transform: uppercase; font-size: 0.9em;
		background: url(../img/layout/button_small.png) no-repeat top left;}
	a.button	{display: block; color: white; text-align: center;}
	.button:hover	{text-decoration: none; cursor: pointer;}
	
	hr	{border: none; background: gainsboro; color: gainsboro; height: 1px;}
	
	.even	{background-color: white}
	.oneven	{background-color: whitesmoke}
	
	/* door de maintenance toegekend bij uitlijnen imgs. */
	.imglinks	{float: left; margin: 0 10px 10px 0;}
	.imgrechts	{float: right; 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;}
		
/* Lijsten */

	/* dl#pollresult 		{overflow: auto; height: 100%; border: 1px solid blue;}
	dl#pollresult dt	{clear: both; float: left; width: 200px; margin-top: 4px; border: 1px solid red;}
	dl#pollresult dd	{float: left; width: 300px; margin-left: 10px; margin-top: 4px; border: 1px solid green;} */
	
	.balk	{background-color: #ff0066; height: 15px; float: left; margin-right: 10px;}
	
	div#pollresult	{clear: both; overflow: auto}
	div#pollresult .regel	{clear: both; margin-top: 6px; overflow: auto}
	div#pollresult .regel div	{float: left;}
	div#pollresult .regel div.desc	{width: 200px;}
	div#pollresult .regel div.result	{width: 300px;}
	
	ul#gerelateerd	{margin: 0; padding: 0;}
	ul#gerelateerd li	{list-style-type: none; float: left; width: 130px; margin-right: 2px; text-align: center}
	
	.zoeken ul		{margin: 0; padding: 0;}
	.zoeken ul li	{list-style-type: none; margin: 0 0 10px 0}
	.zoeken ul li .klein a	{color: black}
	
	#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;}
		
	#faqlijst ul	{margin: 0 0 12px 16px; padding: 0;}
	#faqlijst ul li	{list-style-type: disc;}
	
	.uitleg	{display: none; margin: 12px 0;}
	.uitleg p	{margin: 0 0 0 10px; padding: 0;}
	
	/* #ervzoeken li a	{color: black} */
	
	#flashbanners {margin: 0 0 0 10px; padding: 0;}