/************************************************************************
 * Stylesheet voor Feenstra Warmte Totaal Zorg,  www.feenstra.com
 *
 * css gebruikt van http://www.pmob.co.uk/temp/3colcentred_2a.htm
 *************************************************************************/
 
* mac hide\*/
html, body {height:100%}
/* end hide */

html {
	overflow-y: scroll;
}

body {
	font-family: Verdana, Helvetica, Arial, sans-sarif; 
	font-size: 11px;
	padding: 0;
	margin: 0; 
	text-align: center;
	min-width: 985px;/* for mozilla*/
	background-color: white;
	color: #000000;
	behavior:url("csshover.htc"); /* hover in MSIE */
}
#wrapper{
	height: 100%;
	min-height: 100%;
	/* width: 983px; */
	width: 980px;
	color: #000000;
	text-align: left;
	margin: auto;
	position: relative;		
	background: white url(/images/background_ro.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}

html>body #wrapper{height:auto;} /*for mozilla as IE treats height as min-height anyway*/

#innerwrap {/* enables content first */
	float: left;
	width: 980px;
	background: white url(/images/background.jpg);
	background-repeat: no-repeat;
	padding-top: 249px;
}

#innerwrap_project, #innerwrap_projectoverzicht {
	float: left;
	width: 983px;
	background: white url(/images/background.jpg);
	background-repeat: no-repeat;
	padding-top: 265px;
}

#innerwrap_helebreedte  {
	float: left;
	width: 903px;
	background: white url(/images/background_nuon.jpg);
	background-repeat: no-repeat; 
	background-position: bottom left;
	padding-top: 255px;
	_padding-top: 265px;
	padding-left: 80px;
}

#header{
	position: absolute;
	top: 23px;
	left: -1px;
	width: 980px;
	height: 265px;
	/*overflow: hidden;*/
	color: #000000;
	z-index: 100;
}

#links {
	position: relative;/*ie needs this to show float */
	/* width: 183px; */
	width: 257px;
	float: left;
	padding-top: 0;/*needed to make room for header*/
	padding-bottom: 32px;/* needed to make room for footer */
	padding-left: 0px;
	margin-right: 20px;
}

#rechts div {
	padding-left: 13px;
	padding-right: 12px; 
}

.klikdoor {
	padding: 4px 5px 4px 5px;
	border: 0;
}

#rechts div.wbf {
	padding: 0;
	margin: 0;
	width: 255px;
}

#links div.wbf {
	padding: 0;
	margin: 0;
	width: 259px;
}

#rechts {
	position: relative;/*ie needs this to show float */
	width: 263px;
	float: right;
	padding-top: 0px;/*needed to make room for header*/
	padding-bottom: 32px;/* needed to make room for footer */
}

#wrapper #footer {
	width: 985px;
	clear: both;
	height: 50px;
	text-align: left;
	left:0;
	bottom:0;
	position: absolute;
	color white;
}

* html #footer {/*only ie gets this style*/
	\height:52px;/* for ie5 */
	he\ight:50px;/* for ie6 */
}
div,p  {margin-top:0}/*clear top margin for mozilla*/

#content_home {
	position: relative;
	width: 980px;
	padding-top: 0px;
	padding-bottom: 32px;/* needed to make room for footer */
}

#content {
	position: relative;
	width: 420px; 
	float: left;
	padding-top: 0;
	padding-bottom: 32px;/* needed to make room for footer */
}
#content.linkerkolom_true {
	width: 420px; 		
}

#content.linkerkolom_false {
	width: 620px; 
	float: left;
	padding-top: 0;
	padding-bottom: 32px;/* needed to make room for footer */
}


#content p { padding-left:0px; padding-right:13px; }
#content h1, #project_tekst h1, div#extratekst_home h1 {  font-size: 23px;  }
#content .h1, #project_tekst .h1, div#extratekst_home .h1 {  font-size: 23px; display: block;  }
div#extratekst_home h1, div#extratekst_home .h1 { margin: 5px 0; } 
#content h2, #project_tekst h2, #projectoverzicht_thumbs h2, #project_thumbs h2  { 
	font-size: 14px; font-weight: bold; 
	padding-top: 0;
	margin-top: 0;
}
#content .h2, #project_tekst .h2, #projectoverzicht_thumbs .h2, #project_thumbs .h2  { 
	font-size: 14px; 
	font-weight: bold; 
	padding-top: 0;
	margin-top: 0;
}


#navigatie {
	position: relative;
	top: 5px;
	left: 0;
	margin: 0 0 10px 0;
}

#clearfooter {width:100%;height:52px;clear:both} /* to clear footer */

.h1 { font-weight: bold; display: block; }
.h2 { font-weight: bold;  }

/* EINDE CSS OP BASIS VAN www.pmob.co.uk/temp/3colcentred_2a.htm */

#wrapper div#fixedfooter {
	position: fixed; 
	bottom: 0; 
	width: 981px;
	/* text-align: center; */
	text-align: left;
	padding: 10px 0 7px 0;
	color: white;
	/*
		opacity: 0.9;
	 filter: alpha(opacity=90); */
}

div#fixedfooter input {
	height: 13px;
	font-size: 9px;
	padding: 0;
	margin: 0;
}

div#footer a {
	text-decoration: none;
	color: white;
}


div#fixedfooter img { border: 0; }

div#footer div#fixedfooter span {
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
}
/* header items */
div#hoofdmenu {
	position: absolute;
	top: 30px;
	white-space: nowrap;
	overflow: hidden;
}

div#hoofdmenu img {
	padding-right: 9px;
	cursor: pointer;
}

img#topimage {
	position: absolute;
	top: 75px;
}

div#sub1 {
	position: absolute;
	top: 97px;
	left: 0;
	display: none;
	width: 977px;
	height: 0px;
	font-family: Arial, sans-sarif;
	font-size: 13px;
	font-weight: bold;
	padding-top: 20px;
	overflow: hidden;
	line-height: 1.5em;
	background-color: white;
	opacity: 0.9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	-khtml-opacity: 0.9;
	filter: alpha(opacity=90);
	z-index: 1000;
}
div#tab1 {
	position: realtive;
	width: 317px;
	left: 0;
	top: 0;
	height: 6px;
	display: none;
	z-index: 1000;
	background-color: white;
}
div#sub2 {
	position: absolute;
	top: 97px;
	left: 0px;
	display: none;
	width: 977px;
	height: 0px;
	font-family: Arial, sans-sarif;
	font-size: 13px;
	font-weight: bold;
	padding-top: 20px;
	overflow: hidden;
	line-height: 1.5em;
	background-color: white;
	opacity: 0.9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	-khtml-opacity: 0.9;
	filter: alpha(opacity=90);
	z-index: 1000;
}
div#tab2 {
	position: relative;
	width: 320px;
	left: 328px;
	top: 0;
	height: 6px;
	display: none;
	z-index: 95;
	background-color: white;
}

div#sub3 {
	position: absolute;
	top: 97px;
	left: 0px;
	display: none;
	width: 977px;
	height: 0px;
	font-family: Arial, sans-sarif;
	font-size: 13px;
	font-weight: bold;
	padding-top: 20px;
	overflow: hidden;
	line-height: 1.5em;
	background-color: white;
	opacity: 0.9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	-khtml-opacity: 0.9;
	filter: alpha(opacity=90);
	z-index: 1000;
}
div#tab3 {
	position: relative;
	width: 317px;
	left: 659px;
	top: 0;
	height: 6px;
	display: none;
	z-index: 95;
}

div#sub1 ul, div#sub2 ul,div#sub3 ul {
	list-style-type: none;
	float: left;
	width: 308px;
	
}

img#ketelbijvullen {
	position: absolute;
	top: 114px;
	left: 840px;
	border: 0;
	z-index: 99; 
}

div#sub1 img, div#sub2 img, div#sub3 img {
	cursor: pointer;
	KhtmlOpacity: 0.9;
	MozOpacity: 0.9;
	opacity: 0.9;
	filter: alpha(opacity=90);
}
div.subblok {
	display: none;
}
/* default lists */
ul { margin-left: 17px; margin-top: 3px; padding-left: 0; }
ul li span { color: black; }

ul.submenu {
	list-style: none;
	width: 335px;
	margin: 0;
	padding: 0;
	opacity: 0.8;
	filter: alpha(opacity=80);
	clip: rect(0px 335px 0px 0px ); 
}

ul.submenu li {
	font-weight: bold;
	background-color: white;
	padding: 5px;
	cursor: pointer;
	width: 338px;
}

ul.submenu li:hover {
	opacity: 0.8;
	filter: alpha(opacity=65);
}

ul.submenu a:hover {
	background-color: transparent;
	text-decoration: none;
}


ul.submenu_inline {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}

ul.submenu_inline li {
	font-weight: bold;
	background-color: white;
	padding: 1px;
}

ul.submenu_inline a:hover {
	background-color: transparent;
	text-decoration: none;
}


img#wtz {
	position: absolute;
	top: 6px;
	left: 540px;
}

/************************** BEGIN OPMAAK BLOKKEN  *****************/

.blokservice, .blokklein, .blokgroot { overflow: hidden; }
.blokservice { font-size: 10px; }
.blokservice h1 { font-size: 30px; margin: 3px 0 7px 0;}
.blokservice .h1 { font-size: 30px; margin: 3px 0 7px 0; display: block; }
.blokservice h2  { font-size: 13px; margin: 0 0 3px 0;}
.blokservice .h2  { font-size: 13px; margin: 0 0 3px 0; display: block; }
.blokservice a { text-decoration: none; }
.blokservice a:hover { text-decoration: underline; }
.blokklein { font-size: 10px; }

div#inthepicture h1, div#inthepicture_home h1 { margin: 0; padding: 5px 0; font-size: 19px; font-weight: bold; } 
div#inthepicture .h1, div#inthepicture_home .h1 { margin: 0; padding: 5px 0; font-size: 19px; font-weight: bold; display: block; } 
div#inhetnieuws h1, div#inhetnieuws_home h1, div#inhetnieuws_home_ontwikkeling h1 { margin: 0; padding: 5px 0 5px 0; font-size: 19px; font-weight: bold; } 
div#inhetnieuws .h1, div#inhetnieuws_home .h1, div#inhetnieuws_home_ontwikkeling .h1 { margin: 0; padding: 5px 0 5px 0; font-size: 19px; font-weight: bold; } 
div#actie h1, div#actie .h1 { margin: 0; padding: 0 0 2px 0; font-size: 17px; font-weight: bold;}
div#seno h1, div#seno .h1 { margin: 0; padding: 0 0 2px 0; font-size: 17px; font-weight: bold;}
div#actie h1, div#actie_home h1, div#lidmaatschap h1, div#lidmaatschap_home h1, div#ohra h1, div#blok_verkoopadviseur h1, div.hrm h1 { font-size: 14px; font-weight: bold; margin: 3px 0 2px 0;}
div#actie .h1, div#actie_home .h1, div#lidmaatschap .h1, div#lidmaatschap_home .h1, div#ohra .h1, div#blok_verkoopadviseur .h1, div.hrm .h1 { font-size: 14px; font-weight: bold; margin: 3px 0 2px 0;}
div#innerwrap_project h1, div#innerwrap_projectoverzicht h1 { font-size: 19px; font-weight: bold; margin: 0px 0 2px 0;}
div#innerwrap_project .h1, div#innerwrap_projectoverzicht .h1 { font-size: 19px; font-weight: bold; margin: 0px 0 2px 0;}
	
/* items linker kolom */

div#rechts h1, div#rechts .h1 {
	font-size: 21px;
	font-weight: bold;
	padding-top: 5px;
	margin-top: 0;
}

div#rechts h2, div#rechts .h2 {
	font-size: 12px;
	font-weight: bold;
	padding: 0 10px 0 0	;
	margin: 10px 0 0 0;
	display: inline;
}

div#rechts img {
	/* margin-top: 10px; */
	margin: 0;
	padding: 0;
}

/* items rechter kolom */

div#inhetnieuws {
	width: 108px;
	height: 130px;
	margin: 7px 0;
	padding: 0 0 0 150px;
	color: white;
	font-size: 12px;
	font-weight: bold;
	background-repeat: no-repeat;
	border: 1px solid #C5C834;
	cursor: pointer;
}

div#inthepicture {
	width: 258px;
	height: 115px;
	margin: 7px 0;
	padding: 0px;
	color: white;
	font-size: 11px;
	font-weight: bold;
	background-repeat: no-repeat;
	border: 1px solid #C5C834;
	cursor: pointer;
}

div#inthepicture img {
	padding-right: 7px;
}

div#actie {
	width: 248px;
	height: 115px;
	margin: 7px 0;
	padding: 0px 5px 0 5px;
	background-repeat: no-repeat;
	background-position: 156px 1px;
}

div#seno {
	width: 248px;
	height: 115px;
	margin: 7px 0;
	padding: 0px 5px 0 5px;
	background-repeat: no-repeat;
	background-position: 116px 15px;	
}


div#storing {
	width: 258px;
	height: 115px;
	cursor: pointer;
}

div#lidmaatschap {
	width: 253px;
	height: 111px;
	padding: 0 0 0 5px;
	background-color: white;
	background-repeat: no-repeat;
	background-position: 130px 25px;
	cursor: pointer;
}

div#ohra {
	width: 253px;
	height: 111px;
	padding: 0 0 0 5px;
	background-color: white;
	background-repeat: no-repeat;
	background-position: 10px 45px;
	cursor: pointer;
}


div#blok_verkoopadviseur {
	width: 113px;
	height: 179px;
	padding: 0 5px 0 140px;
	background-color: white;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	color: white;
}

div#blok_verkoopadviseur a {
	color: white;
}


div.hrm { width: 248px; margin: 7px 0; padding: 10px 5px; }
div.hrm ul { margin-top: 0px; margin-bottom: 0px; } 
div.hrm li { color: black; }

/* homepage blokken */
div#service {
	width: 436px;
	height: 232px;
	text-align: right;
	padding-right: 10px;
	cursor: pointer;
	float: left; 
	margin-top: 0;
}

div#storing_home {
	position: relative;
/*
	top: 10px;
	left: 719px;
*/
	width: 258px;
	height: 115px;
	cursor: pointer;
	margin: 0 0 5px 0;
}

div#lidmaatschap_home {
	position: relative;
/* 	top: 133px;
	left: 719px;
	*/
	float: left;
	width: 253px;
	height: 110px;
	padding: 0 0 0 5px;
	background-color: white;
	background-repeat: no-repeat;
	background-position: 0 0;
	cursor: pointer;
}

div#extratekst_home {
	padding: 5px 10px;
	margin-top: 5px;
}

div#actie_home {
	position: relative;
/* 	top: 10px;
	left: 454px;
	*/
	float: left; 
	width: 253px;
	height: 115px;
	padding: 0 0 0 5px;
	background-repeat: no-repeat;
	background-position: 0 0;
	cursor: pointer;
	margin: 0 5px 5px 5px;
}

div#actiebutton {
	position: absolute;
	top: 2px;
	left: 5px;
}
/* Blok vervangen door In het Nieuws 
div#inthepicture_home {
	position: absolute;
	top: 463px;
	left: 454px;
	width: 108px;
	height: 130px;
	margin: 7px 0;
	padding: 0 0 0 150px;
	color: white;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}
*/

div#inhetnieuws_home, div#inhetnieuws_home_ontwikkeling {
	position: relative;
	float: left;
/* 	top: 126px;
	left: 454px;
	*/
	width: 118px;
	height: 110px;
	margin: 0 5px 0 5px;
	padding: 0 0 0 140px;
	color: white;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}


/************************** EINDE OPMAAK BLOKKEN  *****************/

/* footer */
div#footer form {
	display: inline;
}

div#footer input#submitbutton {
	border: 0;
	width: 11px;
	height: 17px;
	margin-left: 10px;
	cursor: pointer;
}

div#footer input, div#footer select {
	width: 200px;
}

div#footer span {
	font-size: 14px;
	margin: 0 24px 0 5px;
}

div#anderesites {
	padding: 3px;
	margin: 0;
	position: absolute;
	right: 378px;
	_right: 158px; /* voor MSIE */
	bottom: 21px;
	_bottom: 22px;
	width: 199px;
	filter: alpha(opacity=90); 
	display: none;
	z-index: 99;
}

/* overig */

div#content img.noborder, div#links img.noborder, div#rechts img.noborder { border: 0; }


div#postcoderesultaat, div#xmlhttp_response {
	margin: 10px;
	padding: 10px;
	border: 1px solid #FDFF72;
	background-color: #FCFDC4; 
	border: 1px solid;
	text-align: center;
}

div#xmlhttp_response { display: none; } 

table#vacature select {
	width: 200px;
	height: 70px;
}

table.bedrijf {
	width: 450px;
	margin: 10px 0;
}

td.name {
	font-weight: bold;
	text-align: left;
	width: 150px;
}

td.kop {
	padding: 5px;
	font-size: 13px;
	font-weight: bold;
}

label { cursor: pointer; }


table.projecten  td { 
	width: 220px;
	padding: 0px; 
	font-size: 13px;
	font-weight: bold;
}
table.projecten img {
	border: 0;
	width: 95px;
	height: 95px;
	display: inline;
	float: left;
	margin-right: 0px;
}

table.projecten   a { 
	margin-left: 38px;
	font-size: 11px; 
}

/*
li.faqvraag {
	font-weight: bold;
	color: #FF850E;
}

li.faqantwoord { 	font-weight: normal; }
*/

ul.downloadlijst li {
	background-image: url(/images/pdf.gif);
	background-repeat: no-repeat;
	background-position: 400px 3px;
	padding: 5px 0 5px 5px;
}

ul.downloadlijst li.filmcamera {
	background-image: url(/images/filmcamera.gif);
}

ul.nieuws, ul.downloadlijst, ul.vacaturelijst, ul.zoeklijst {
	list-style: none; 
	padding: 0;
	margin: 0;
	width: 420px;
}
ul.nieuws, ul.vacaturelijst {
	margin-top: -20px;
}

/* ul.nieuws vervangen door table.nieuws in verband met problemen in MSIE7 */
table.nieuws {
	border-collapse: collapse;
	width: 425px;
}
table.nieuws td {
	padding: 3px; 
}
table.nieuws td a { color: black; } 
/* einde table.nieuws */


ul.anderesites {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 200px;
}

ul.nieuws li, ul.vacaturelijst li, ul.zoeklijst li, ul.anderesites li { padding: 1px 3px; clear:both; }

ul.nieuws li span, ul.vacaturelijst li span, ul.zoeklijst li span  {
	display: block;
	float:right;
	*margin-top: -13px;  /* IE7 only */
	text-align: right;
}

ul.nieuws li span a, ul.vacaturelijst li span a, ul.zoeklijst li span a {
	font-weight: bold;
	color: black
}

ul.nieuws li a, ul.downloadlijst li a, ul.zoeklijst li a { color: black; }

ul.sitemap {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.sitemap li { padding-top: 10px; }
ul.sitemap ul li { padding-top: 0; }

ul.sitemap ul {
	list-style: none;
	padding-left: 10px;
}

div#stylepicker {
	position: absolute;
	top: 0;
	right: 0;
}


table.faq {
	border-collapse: collapse;
}

table.faq td {
	padding: 2px 4px;
}

/* overige link-stijlen zitten in de jaargetijde-css */
a:hover { text-decoration: underline; }

ul.zoeklijst span.highlight, div#content span.highlight {
	background-color: #F9F6AE;
	color: #630304;
	font-weight: bold;
	display: inline;
	padding: 0 5px;
}

table#tabel_landkaartje {
	position: relative;
	margin-left: -10px;
}

	#tabel_landkaartje td
	{
		vertical-align: top;
	}
	
/* Begin PROJECTEN */
div#project_thumbs {
	width: 452px; 
	/*display: inline; */
	float: left;
}
div#project_thumbs img { margin: 4px; }

div#project_tekst { 
	width: 253px; 
	float: left;
}
div#project_tekst table {
	float: left;
	clear: both;
}
div#project_thumbs img, div#projectoverzicht_thumbs img  { margin: 4px 4px 4px 0; }

div#project_navigatie {
	width: 660px;
	text-align: right;
}
/*Einde PROJECTEN */

div#storingbalk {
	position: absolute;
	top: 5px;
	right: 0;
	background-color: #E60003;
	color: white;
	font-size: 11px;
	width: 521px;
	padding: 5px 0 5px 5px;
	font-weight: bold;
	overflow: hidden;
	height: 13px;
	overflow: hidden;
/*	opacity: 0.8;
	filter: alpha(opacity=80); */
}

marquee#nieuwskrant {
	position: absolute;
	top: 5px;
	left: 0;
	height: 13px;
	font-size: 11px;
	width: 449px;
	padding: 5px 5px 5px 0px;
	font-weight: bold;
	color: white;
	border-right: 1px solid white;
/*	opacity: 0.8;
	filter: alpha(opacity=80); */
}

marquee#nieuwskrant strong { color: white; } 

div#statusbalk small {
	font-size: 9px;
	font-weight: normal;
}

table#controle td { padding: 3px 0; }

/* 
div#xmlhttp_response {
	display: none;
	cursor: pointer;
	position: absolute;
	top: 470px;
	left: 330px;
	background-color: #996699;
	color: white;
	font-size: 13px;
	border: 1px solid gray;
	padding: 15px;
	border: 10px solid white;
	opacity: 0.95;
	filter: alpha(opacity=95);
}
*/

span.radio, span.checkbox {
   height: 18px;
   width: 18px;
   padding: 0 0 0 0;
   background: url(/images/check.gif) no-repeat;
   background-position: 0 0px;
   display: block;
   float: left;
   cursor:pointer;
}
span.radioTekst {
   padding:0px 6px 0px 3px;
   float: left;
   height:20px;
   line-height:20px;
}

#rechts #stookseizoenBanner
{
	float: right;
	margin: 59px 0 0 0;
}