/* 
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: #eee; line-height: 1.4em;} /* chrsitel wil  , maar soon ja niet! */
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: 144%; font-family: Arial, Helvetica, Geneva, sans-serif;color:#3A3A3A;}
#navopties h2, #nieuwsbrief h2 {font-size: 110%;}
h2	{font-size: 110%;}
h3 {font-size: 110%; margin-bottom: 0;}

th {text-align: right;}

a {color: #333;}
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: #A7CD39;}
	#header .sitelinks {left: 0; background-color: #E6F7D4; 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 #header {height: 224px; 
	background-image: url(../img/top-logo.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/top-logo-volg.gif); background-repeat : no-repeat; background-position: right}
body#standaard #header p {font-size: 3.25em; line-height: 3; margin: 0; padding: 0; color: #444;}
body#standaard #header a.nigzlink {top: 20px; right: 0px;}

/* ---------------------------------------------------------------------- */

body#inhoud #header, body#inhoud #blokken {display: none;}
body#inhoud #content {float: none; width: 100%;}

body#inhoud h1 {font-size: 2.5em}
body#inhoud h2 {font-size: 2em; border-top: 12px solid #eee; padding: 0.5em 0}
body#inhoud h3 {font-size: 1.5em;}
body#inhoud h4 {font-size: 1.3em}
body#inhoud .integraal dt {font-size: 1.2em; margin: 0.5em 0;}

body#inhoud ul#sitemapul a {text-decoration: underline;}

body#inhoud dl#sitemapdl dt, body#inhoud dl.integraal dt  {font-weight: bold;}
body#inhoud dt a {font-weight: normal;}
body#inhoud dl#uitgelicht dd {margin-left: 7em;}
body#inhoud dl#lossepags dd {margin-left: 11em;}

body#inhoud a.anker {text-decoration: none}

body#inhoud span.drie, body#inhoud span.zes, body#inhoud span.negen, body#inhoud span.cee {font-weight: normal}
body#inhoud span.drie {color: #333;}
body#inhoud span.zes {color: #666;}
body#inhoud span.negen {color: #999;}
body#inhoud span.cee {color: #ccc;}
			
/* Home-menu ------------------------------------------------------------------------------------------------------------ */
#homenu {width: 100%; height: 180px; 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%; color:#E15721}
	a.meer {position: relative; bottom: 0px; }
	#introductie, #uitvoering,	#opbrengsten, #themes
		{position: absolute; width: 250px; height: 180px; display: inline;}
	#themes {left: 0; background-color: #A7CD39;}
	#introductie {left: 250px; background-color: #F6FAEB;}
	#uitvoering {left: 500px; background-color: #E6F7D4;}
	#opbrengsten {left: 500px; background-color: #00B6BE;}
		#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: 495px; margin: 0; padding: 0;}	
	#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 #009900; 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 #009900;}
		ul.sib, ul.thema {margin: 10px 0px; padding: 0; border-bottom: 1px solid #E4E4E4;}
			.sib li, .thema li {list-style-type: none; border-top: 1px solid #E4E4E4; margin: 0; padding: 2px 10px;}
			.sib li a, .thema li a {margin: 0; padding: 0;color:#009900;} /*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: #E4E4E4; border: 1px solid #E4E4E4;}	
		#navopties div {border: 1px solid #E4E4E4; 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: #A7CD39; border-color: #A7CD39;}
			#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: 100%; clear: both; border: 1px solid #FFF;}
	#footer .links, #footer .midden, #footer .rechts {display: inline; width: 250px; height: 20px; position: absolute;}
	#footer .links {left: 0px; text-align: left;}
	#footer .midden {left: 250px; text-align: center; background-color: #ccc;}
	#footer .rechts {left: 500px; text-align: right;}
	#footer .links, #footer .rechts {background-color: #ddd;}
	#footer a {margin: 0px 8px;}