/* 
turquoise = #00B6BE
'NIGZ-oranje' = #FF6600
*/

/* Attentie! 
Sommige elementen blijken (onzichtbare) BORDER nodig te hebben voor juiste weergave!! 
(position, margin, ...)
 */

/*html, body		{height: 100%;}
body			{font-size: 70%;}*/

body	{font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 75%; color: #333;
	margin: 0; padding: 0; background-color: #E8E8E8; line-height: 1.4em;height:100%;} /* chrsitel wil  , maar soon ja niet! */
html {height:100%}
form * 	{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
form,table,p	{font-size: 100%;}

h1.verberg	{display: none; visibility: collapse;} /* blijkt geen oplossing te zijn voor screenreaders! */
h1, h2, h3 {letter-spacing: 0.5px;}
h1 {font-size: 120%; font-family: Arial, Helvetica, Geneva, sans-serif;margin-bottom:0px;}
#navopties h2, #nieuwsbrief h2 {font-size: 110%;}
h2	{font-size: 110%;}
h3 {font-size: 110%; margin-bottom: 0;}
h4 {font-size:100%;color:#BD3A0E;padding-left:10px;margin-top:0px;}

th {text-align: right;}

a {color: #FF6500;}
a:link, ul#sitemap a:link, dl#sitemap a:link {text-decoration: none;}
a:visited, ul#sitemap a:visited, dl#sitemap a:visited {text-decoration: none;}
a:hover, ul#sitemap a:hover, dl#sitemap a:hover {text-decoration: underline;}
a:active, ul#sitemap a:active, dl#sitemap a:active {text-decoration: underline;}

hr {noshade: noshade; border-width: 1px 0px 0px 0px; border-style: solid; border-color: #eee;}

.knop {}

#bladspiegel {position: relative; width: 750px; height: 100%; margin: 0 auto; padding: 0; background-color: #fff;}

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; color: #F60;}

#header  {width: 100%; margin: 0; background-color: #FFF;}

	#header .sitelinks,
	#header .kleurblok {position: absolute; width: 250px; height: 20px;}	/*top: 16px; */
	#header .kleurblok {left: 250px; background-color: #30ABE6;}
	#header .sitelinks {left: 0; background-color: #B2E1F5; text-align: center; 
		color: #FFF; font-weight: bold; font-variant : small-caps; font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 110%;}
	#header ul {margin: 0; padding: 0;}
		#header li {list-style-type: none; display: inline; margin: 0; padding: 0;}
			#header ul a {text-decoration: none; color: #000; margin: 1px;}
	#header a.nigzlink {position: absolute; display: block; width: 170px; height: 70px;}
	#header a.nigzlink span {display: none;}

body#home {height:100%}
body#home #header {height: 224px; 
	background-image: url(../img/header1_lokaalactief.jpg); background-repeat : no-repeat; background-position: bottom;}
body#home #header p {display: none;}
body#home #header a.nigzlink {top: 30px; left: 15px;}

body#standaard #header {height: 100px;
	background-image: url(../img/header2_lokaalactief.jpg); background-repeat : no-repeat; background-position: right}
body#standaard #header p {font-size: 324%; margin: 0; padding-top: 45px; color: #444;}
body#standaard #header a.nigzlink {top: 20px; right: 0px;}

			
/* Home-menu ------------------------------------------------------------------------------------------------------------ */
#homenu {width: 500px; height: 210px; margin: 0; padding: 0; top: 224px; font-family: Arial, Helvetica, Geneva, sans-serif;}
	#homenu a {text-decoration: none; font-weight: bold; color: #000;}	
	#homenu h1, div#homenu p, div#homenu a.meer {margin: 10px;}	
	#homenu a.meer {position: absolute; bottom: 0px; font-size: 90%}

	#introductie, #uitvoering,	#opbrengsten 
		{width: 250px;float:left;}
	#introductie {left: 0;background-color:#30ABE6; height: 210px;}
	#uitvoering {background-color: #EFEFEF;color:#000000; height: 190px;}
	#opbrengsten {background-color: #B2E1F5;color:#000000; height: 190px;}
		#introductie h1 span, div#opbrengsten h1 span {color: #FFF; margin: 0;}
		#uitvoering h1 span {color: #00B6BE; margin: 0;}

/* Content & Zijblokken ---------------------------------------------------------------- */	

/* Content ------------------------------------------------------------------------------------------ */
#content {float: right; width: 480px; margin: 0; padding: 0; border: 1px solid red}	
	#content a {text-decoration: underline;}
	#content p {margin-bottom: 15px;}

	dl#uitgelicht dt {margin-top: 20px; font-weight: bold;}
	dl#uitgelicht dd, dl#uitgelicht p {margin: 0; padding: 0;}

	/* Toch liever aan links... zie onder illu-blok
	#catinfo {color: #fff; border-width: 1px; border-style: solid;}	
	#catinfo .pictogram {float: left; margin: 10px;}
	#catinfo h1 {margin: 15px 0px 0px 5px;}
	#catinfo p.subtitel {font-weight: bold; margin: 0px 6px;}
	#catinfo p.toel {clear: left; margin: 15px;}*/
	
	ol#faq li a:link, ol#faq li a:visited {text-decoration: none;}
	ol#faq li a:hover, ol#faq li a:active {text-decoration: underline;}
	
	form.contact {padding: 0;}
		input#postcode {width: 60px;}
		input#tel {width: 100px;}
	form.contact th {margin: 0; padding: 0;}
		th.verplicht {font-weight: normal; font-style: italic; text-align: left;}
	/* tbv fieldset-variant
	form.contact input {margin: 4px;}
	label {width: 30%; border: 1px dashed silver; display: block;}*/

	fieldset {border: 1px solid #00B6BE; margin: 4px; padding: 4px; width:250px;}
		legend {font-weight: bold;}

	input#zoekterm {width: 180px;}
	
	form.rookcursus th {font-weight: normal; text-align: left;}
	form.rookcursus input {width: 240px;}
	form.rookcursus input.aantal {width: 30px;}
	form.rookcursus input.radio, form.rookcursus input.check, form.rookcursus input.knop {width: auto;}
		input#omvang {width: 35px;}
	form.rookcursus fieldset {width: 475px;}
		fieldset.training, fieldset.organisatie, fieldset.open {border: none;}	
		fieldset.training, fieldset.organisatie {margin: 0; padding: 4px 0px;}
			fieldset.training legend, fieldset.organisatie legend {font-weight: normal; margin: 0; padding: 3px 0px 3px 3px;}
			fieldset.training legend, fieldset.organisatie legend, span.klein {font-size: 90%;}
		fieldset.open {margin: 0; padding: 4px 0px;}
			fieldset.open label {margin-left: 95px;}
			fieldset.open input {margin: 1px 0px;}
		
		/* werkt niet fieldset.organisatie legend {width: 200px; display: block;}*/
	
	ul#sitemap {margin: 0 15px; padding: 0;}

	dl.stappen dt {color: #00B6BE; height: 4em; margin: 1em; padding-top: 0.5em;}
		dl.stappen .stap {font-variant: small-caps; float: left;}
		dl.stappen .nummer {font-style: italic; font-size: 2em; margin: 0.2em;}
	dl.stappen dd {width: 85%; margin-left: 15%; padding: 0;}
		dd.titel {font-style: italic; margin-top: -5.5em;}
		dd.titel, dd.subtitel {font-weight: bold;}
		
	
/* Zijblokken: Menu, Nav-opties, Testimonial & Aanmelden Nieuwsbrief -------------------------------------------------- */	
#blokken {float: left; width: 250px; margin: 0; padding: 0;} 

	#menu {height: auto; background-color: #FFF;
		font-variant: small-caps; font-weight: bold; font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 110%; letter-spacing: 0.5px;}
	
		#menu p {margin-top: 10px; padding: 2px 0px; border-top: 1px solid #FFFFFF;}
		ul.sib, ul.thema {margin: 10px 0px; padding: 0; border-bottom: none;}
			.sib li, .thema li {list-style-type: none; border-bottom: 1px solid #FFFFFF; margin: 0; padding-top: 6px; padding-left: 10px;;height:25px;vertical-align:middle;}
			.sib li a, .thema li a {margin: 0; padding: 0;} /*letter-spacing: 1px; */
			ul.child {margin: 0px 0px 5px 0px; padding: 0;}
				.child li {list-style-type: disc; border: none; margin: 0px 0px 0px 24px; padding: 0px;}
				.child li a {font-variant: normal; font-weight: normal;} /*color: #000;*/
	
		/*#menu a {color: #000000; font-size: 100%; font-variant: small-caps; font-weight: bold; letter-spacing: 1px; 
		margin: 0; padding: 0;}*/

	#navopties, #testimonial, #catinfo {font-size: 95%}
		
	/* zonder border blijken verticale margins geen effect te hebben...: */
	#navopties {background-color: #ddd; border: 1px solid #ddd;}	
		#navopties div {border: 1px solid #ddd; margin-bottom: 10px;}
		#navopties h2 {margin: 8px;}	
		#navopties form, div#navopties p {margin: 0px 8px;}
			#themas label {display: none; visibility: collapse;}
			#themas select {font-size: 100%;}
			#zoeken h2 {margin-bottom: 0}
		/*a#nwsbrf {font-weight: bold; font-size: 120%;}*/
				
	#testimonial, #catinfo {margin: 0; padding: 0; border-width: 1px; border-style: solid;} 
	#testimonial p {margin: 28px 5px;}

		#testimonial {height: 212px; background-color: #F60; border-color: #F60;}
			#testimonial h1 {display: none;}
			#testimonial img {border: 1px solid #000; float: left; margin: 20px 6px 0px 6px; width:100px;}
			#testimonial cite {display: block; margin: 20px 6px; padding: 0px;}
			#testimonial blockquote {margin: 0px 6px; padding: 0;}
		
		#illu {height: auto;}
		
		#catinfo {color: #fff;}	
			#catinfo .pictogram {float: right; margin: 6px;}
			#catinfo h1 {margin: 15px;}
			#catinfo p.subtitel, #catinfo p.toel {clear: left; margin: 0px 15px;}
			#catinfo p.subtitel {font-weight: bold;}
			#catinfo p.toel {margin-bottom: 15px;}
		
	/*#nieuwsbrief {background-color: #ddd; margin: 0; border: 1px solid #ddd;}	
	#nieuwsbrief h2 {margin: 4px;}*/
	
/* Footer -------------------------------------------------------------- */
#footer {width: 750px;border-top: 1px solid #FFF;}
	#footer .links, #footer .midden, #footer .rechts {width: 250px; height: 20px;}
	#footer .links {float:left; text-align: left;}
	#footer .midden {float:left; text-align: center; background-color: #CCCCCC;}
	#footer .rechts {float:left; text-align: right;}
	#footer .links, #footer .rechts {background-color: #DDDDDD;}
	#footer a {margin: 0px 8px;}
	
#hpcontent {float:left;width:250px; position: relative;background-color:#FFFFFF;background-image:url(../img/bgleft.gif);background-repeat:repeat-y;}
#hpclear {clear: both;}
#hpleft {width:250px; float:left;background-color:#30ABE6;position:relative;}
#hpcont {width:500px;float:right;position:relative; background-color:#FFFFFF;padding-top:0px;}


	/* imgmap homepage */
	.detailblok	{display: none; float: right;}
	.detailblok div {padding: 10px; margin-bottom: 10px; width: 180px;}
	.detailblok div h3	{font-weight: bold; font-style: normal;}
	.detailblok div ul	{margin: 0; padding: 5px 0 0 20px;}
	
	#details1 div, #details1 div a	{background-color: #D5C8DC; color: #660066;}
	#details2 div, #details2 div a	{background-color: #C1DBC7; color: #003333;}
	#details3 div, #details3 div a	{background-color: #E7D8AF; color: #996600;}
	#details4 div, #details4 div a	{background-color: #FAC3BC; color: #993300;}
	#details5 div, #details5 div a	{background-color: #C5D5E3; color: #003366;}
	
	.hidden		{display: none}

.lijn {color:#FFFFFF; margin-top:2px;height:1px;padding-top:1px;border:1px solid red;}