/* algemeen */		
	
	#wijzer-blokken h3, .blokgroot a.meer, .blokklein h3 
		{color: #00728f; font-weight: bold; font-size: 1.0em;
		display: inline; padding-right: 15px; margin-bottom: 0;
		background: url("../../img/redesign/pijltje_link_blauw.png") no-repeat right 4px;}

	.blokgroot a.meer	{font-weight: bold; text-decoration: none;}
	.blokgroot a.meer:hover	{text-decoration: underline;}		
	
	#wijzer-blokken p, .thumbs div p	{margin: 5px 0; padding: 0;}
	
/* dev */

	/* #wijzer-blokken li, #help-bloktype1 div, #help-bloktype2 div	
		{background-color: yellow;} */
		
/* helpwijzer */

	#headers	{position: relative; height: 129px;}
	#headers .head1	{position: absolute; left: 0;}
	#headers .head2	{position: absolute; left: 20px;}
	#headers .head3	{position: absolute; left: 40px;}
	
	/* uitz voor 1 statische banner */
	#headers .headtmp	{position: absolute; left: 0px; width: 100%;
		background: url("../../img/help/heading_overlay.jpg") no-repeat top left;}
	#headers h2	{color: white; font-size: 3em; margin: 25px 0 7px 0; padding: 0;}
	
	#fluff 	{background: url("../../img/help/dynamische_header_overlay.png") no-repeat top left;
		/* ivm aanklikbaarheid pijl laat ik alleen de bovenkant van de img zien. */
		position: absolute; top: 0; left: 0; z-index: 500; height: 10px; width: 857px !important;}

	#headers div	{width: 777px; height: 129px; background-repeat: no-repeat; 
		position: relative;
		color: white; margin: 0; padding: 1px 20px; /* padding ivm borderbug */}
	#headers div a	{width: 20px; height: 100%; display: block;
		position: absolute; right: 0; top: 0; z-index: 250;
		background-color: black; opacity: 0.4; filter: alpha(opacity=40);}	
	#headers div a span	{background: url(../../img/ico/transp_pijltje.png) no-repeat top left;
		display: block; position: absolute; bottom: 5px; left: 5px; width: 9px; height: 10px; }

	#helpwijzer	{overflow: hidden; /* border: 1px solid silver;
	   -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; */
	   /* background: url("../../img/help/helpwijzer_bg.jpg") no-repeat */}
	   
	#wijzer-kenm	{width: 204px; padding: 0 10px; float: left; height: 468px; margin-right: 28px;
		/* background: url("../../img/helpwijzer_bg.jpg") */ background-color: #c0e281;} 

	#wijzer-kenm h2	{color: black}
	#wijzer-kenm h3, #wijzer-kenm p	{margin: 10px 0; color: black}
	#wijzer-kenm h3, #wijzer-kenm p.opnieuw	{border-top: 1px solid white; padding-top: 5px;}
	#wijzer-kenm p.opnieuw a	{text-decoration: none; font-weight: bold;}
	#wijzer-kenm input.diseebled	{background-color: transparent;}
	#wijzer-kenm label.diseebled	{color: #777;}
	
	.helpknop	{background: url("../../img/help/icon_uitleg_blauw.png") no-repeat top left; display: block; 
		width: 13px; height: 13px; float: right; margin-top: 10px}
	.helpknop span	{display: none}
	
	p#uitleg	{font-style: italic;}
	
	#wijzer-blokken	{margin: 1px 0 0 0; padding: 0; overflow: hidden; width: 728px; float: left; }
	#wijzer-blokken li	{list-style-image: none; list-style-type: none; float: left; position: relative;
		width: 133px; height: 145px; padding: 6px 24px; line-height: 1.2em}
	#wijzer-blokken p {font-size: 0.85em;} /* Anders klopt het aantal regels niet met het ontwerp... - MH, 16-07-2010 */
	#wijzer-blokken li a	{position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0;
		 /*ivm aanklikbaarheid IE: */ background: white; opacity: 0; filter: alpha(opacity = 0);} 
	#wijzer-blokken li.inactief	{opacity: 0.5; filter: alpha(opacity = 50); zoom: 1;
		background-color: white} /* varitem=18955 */
	#wijzer-blokken li:hover {background: #c0e281;}
	
	#help-footer	{padding: 10px; margin-top: 20px; clear: both; height: 127px; overflow: auto;
	   /* border: 1px solid silver; -moz-border-radius: 10px; -webkit-border-radius: 10px; */ 
		background: url("../../img/help/hoekanikhelpen_footer.gif") no-repeat;}
	#help-footer dl	{float: left; width: 33%}
	#help-footer dt	{font-weight: bold;}
	#help-footer dd	{margin: 3px 0 0 0;}
	
/* knooppunten, in 2 varianten */

	#help-intro	{padding: 10px; clear: both; height: 73px; color: white;
		background: url("../../img/help/header_junglebackground.jpg") no-repeat;
		color: white; /* doet ie nie?! */ 
		/* background-color: #bfe56b;
		-moz-border-radius: 10px 10px 0 0; 
		-webkit-border-radius: 10px 10px 0 0; */}
	
	#help-intro h1, #help-intro p	{margin: 0; padding: 0; color: white; line-height: 1.5em}
	
	.thumbs	{margin: 0; padding: 0; overflow: hidden;}
	.thumbs div	{float: left; margin: 0; padding: 0; position: relative;  line-height: 1.3em}
	.thumbs div:hover	{background: #c0e281 !important; }
	
	.thumbs div a.full	{position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0;
		/*ivm aanklikbaarheid IE: */ background: white; opacity: 0; filter: alpha(opacity = 0);} 
	
	/* rhinofly ontwerp, 3x3 infoblokken */
	
		#help-bloktype1	{width: 570px;}	
		#help-bloktype1 div	{width: 169px; height: 160px; margin: 0 10px 10px 0; padding: 5px;}
	
	/* e-vision ontwerp, 3 + 5 infoblokken */
	
		#help-bloktype2	{}
		#help-bloktype2 div	{height: 140px;}
		
		#help-bloktype2 .blokgroot	{width: 298px; height: 300px; margin: 0 0 20px 0; padding: 10px 14px; postion: relative}
		#help-bloktype2 .blokklein	{width: 162px; margin-right: 30px; height: 80px; padding: 5px; background-color: #f9f9f9}			/* in het ontwerp staat links en rechts marge. mij lijkt uitlijning met het grijs mooier. 
			margin-right: 47px is dan voldoende. bij blok8 kan deze dan op 0 geset worden. */
		
		#help-bloktype2 .blok1	{background-color: #f4f3ec}
		#help-bloktype2 .blok2	{background-color: #eeede1; padding: 10px 15px;}
		#help-bloktype2 .blok3	{background-color: #f4f3ec}
		
		#help-bloktype2 .blok4	{clear: both}
		#help-bloktype2 .blok8	{margin-right: 0;}
		
		#help-bloktype2 .blokgroot a.meer	{position: absolute; bottom: 7px; right: 10px} /* linkje altijd onderaan, varitem=18946 */