body {
   margin: 0;
   padding: 0;
   background: #000 url(images/hoofd_bg2.jpg) no-repeat bottom fixed;
   text-align: center;
   width: 100%;
   height: 100%;
   font-family: "verdana", "arial", sans-serif;
   color: #333;
}
a:link {
   color: #860d01;
   text-decoration: none;
}
a:hover {
   color: #870b01; 
   text-decoration: underline;
}
a:visited {
   color: #666;
   text-decoration: none;
}

h1, h2, h3, h4, h5 {
   padding: 10px;
   border: 0px solid oranje;
}
ul {
   margin: 0;
   padding: 0;
}
acronym {
   cursor: help;
}
acronym:hover {
   border-bottom: 1px solid #870b01;
}

#container {
   border: 1px solid #000;
   border-right: none;
   border-bottom: 0px solid #860d01;
   border-top: 0px solid #860d01;
   background-color: transparent;
   position: relative;
   margin: auto;
   margin-top: 0px;
   margin-bottom: 0px;
   padding: 0px;
   width: 760px;
   text-align:left;
   voice-family: "\"}\""; 
   voice-family: inherit;
   width: 754px;
}
#intro {
   padding: 0;
}
#pageHeader {
   background: url(images/hoofd_titel.jpg) no-repeat top left;
   height: 145px;
   border-bottom: 3px solid #860d01;
}
#begeleidTekst {
   position: relative;
   left: 0;
   width: 523px;
   color: #777;
}
#linkLijst {
	position: absolute;
	top: 148px;
	right: 0px;
	margin: 0 0 0 515px;
	background-color: #000;
	border-left: 1px solid #000;
	border-bottom: 0px solid #000;
	border-right: 1px solid #000;
	border-top: 0px;
	visibility: visible;
}

#pageHeader h1 {
   border: 1px solid red;
   font-size: x-small;
   margin: 0px;
   padding: 0px;
   display: none;
}
#pageHeader h2 {
   border: 1px solid red;
   font-size: x-small;
   margin: 0px;
   padding: 0px;
   display: none;
}
#korteSamenvatting p.p1 {
   border: 1px solid red;
}

#introductie {
   position:relative;
   left: 0;
   padding: 0px;
   width: 522px; 
   font-size: x-small;
   display: block;
   border-bottom: 1px solid #000;
   border-right: 0px solid #000;
   background-color: #860d01;
   color: #fff;
   min-height: 150px;
}
#introductie h3 {
   background: url(headers/slogan_titel.jpg) no-repeat top left;
   margin: 0px;
   text-indent: -2000px;
   height: 38px;
   border-bottom: 1px solid #000;
   padding: 0px;
}
#introductie p {
   margin: 10px;
   text-align: justify;
   margin-right: 20px;
   padding: 0;
   line-height: 1.6em;
}
#korteSamenvatting {
   display: none;
}
#korteSamenvatting p {
   margin: 10px;
   text-align: justify;
   padding: 0;
   line-height: 1.6em;
}
#korteSamenvatting p.p1{
   display: none;
}
#korteSamenvatting a:link, #korteSamenvatting a:active, #korteSamenvatting a:visited {
   text-decoration: none;
   border-bottom: 2px solid #506067;
}
#korteSamenvatting a:hover {
   text-decoration: none;
   border-bottom: 2px solid #708089;
}

#begeleidTekst p {
   margin: 10px; 
   margin-left: 100px;
   margin-right: 20px;
   padding: 0;
   line-height: 1.6em;
   font-size: x-small;
   text-align: left;
}
#begeleidTekst h3 {
   margin: 0px;
   text-indent: -2000px;
   height: 22px;
}
#werkwijze, #voordelen, #partners, #vragen {
   padding: 0px;
   padding-bottom: 20px;
   margin: 0px;
   border-right: 1px solid #000;
   border-bottom: 1px solid #ccc;
   width: 522px;
   background-color: #fff;
}
#contactinfo {
   border-bottom: 0px;
   padding-bottom: 10px;
   border-right: 1px solid #000;
   width: 522px;
   background-color: #fff;
}

#werkwijze h3 {
   background: url(headers/watdoenwij_titel.jpg) no-repeat top left;
}
#voordelen h3 {
   background: url(headers/voordelen_titel.jpg) no-repeat top left;
}
#partners h3 {
   background: url(headers/partners_titel.jpg) no-repeat top left;
}
#vragen h3 {
   background: url(headers/vragen_titel.jpg) no-repeat top left;
}
#contactinfo h3 {
   background: url(headers/contactinfo_titel.jpg) no-repeat top left;
}
#begeleidTekst a:link, #begeleidTekst a:active, #begeleidTekst a:visited {
   font-weight: bold;
}
#begeleidTekst a:hover {
}
#werkwijze:hover, #voordelen:hover, #partners:hover, #vragen:hover, #contactinfo:hover {
   color: #000;
   background-image: url(images/jebe.gif);
   background-repeat: no-repeat;
   background-position: bottom right;
}
#introductie:hover {
   background: #4a0201 url(images/rode_drop.jpg) no-repeat 0 38px;
   color: #fff;
}

#footer {
   margin: 0px;
   width: 522px;
   height: 1em;
   line-height: 1em;
   font-size: x-small;
   text-align: center;
   background-color: #000;
   margin-top: 0px;
   border-top: 1px solid #000;
   border-right: 1px solid #000;
   border-bottom: 5px solid #860d01; 
}
#footer h3 {
   background: url(headers/slogan_titel.jpg) no-repeat top left;
   margin: 0px;
   text-indent: -2000px;
   height: 38px;
   border-bottom: 1px solid #000;
   padding: 0px;
}
#footer a:link, #footer a:active, #footer a:visited {
   color: #fff;
}
#footer a:hover {
}

#linkLijst ul {
   list-style: none;
   width: 230px;
   margin: 0px;
   padding: 0px;
   right: 0px;
   border-bottom: 0px solid #000;
}
#lselecteerfoto {
   margin: 0px;
   font-size: 7pt;
   width: 230px;
}
#lselecteerfoto li {
   padding: 12px 15px 12px 15px;
   border-bottom: 1px solid #000;
   height: 52px;
   line-height: 1.4em;
   background-color: #860d01;
   color: #c63;
}
#lselecteerfoto li:hover {
   background-color: #4a0201;
   background-image: url(images/lin_high.gif);
   background-repeat: no-repeat;
   background-position: top right;
   color: #fff;
}
#lselecteerfoto a:link, #lselecteerfoto a:active, #lselecteerfoto a:visited {
   font-weight: bold;
   color: #c63;
}
#lselecteerfoto a:hover {
   background-color: #4a0201;
   color: #fff;
}
#lselecteerfoto a.c {
   font-weight:normal;
   text-decoration:none;
}
#lselecteerfoto h3 {
   background: url(headers/bekijkfotos_titel.jpg) no-repeat top left;
   margin: 0px;
   text-indent: -2000px;
   height: 38px;
   border-bottom: 1px solid #000;
   padding: 0px;
}
#lselecteerblanco {
   margin: 0px;
   font-size: 7pt;
   width: 230px;
}
#lselecteerblanco h3 {
   background: url(headers/blanco_titel.jpg) no-repeat top left;
   margin: 0px;
   text-indent: -2000px;
   height: 38px;
   border-bottom: 1px solid #000;
   padding: 0px;
}
#larchieven {
   border-right: 0px solid #000;
   border-bottom: 0px solid #000;
   background-color: transparent;
   width: 230px;
}
#larchieven h3 {
   background:url(headers/links_titel.jpg) no-repeat top left;
   margin: 0px;
   text-indent: -2000px;
   height: 38px;
   border-bottom: 1px solid #000;
   padding: 0px;
}
#larchieven ul {
   background-color: #fff;
}
#larchieven li {
   padding: 12px 0 7px 15px;
   height: 25px;
   line-height: 1.2em;
   background-color: #fff;
   color: #c63;
   border-bottom: 1px solid #000;
   font-size: 7pt;
}
#larchieven a:link, #larchieven a:active, #larchieven a:visited {
   color: #c63;
   font-weight: bold;
}
#larchieven li:hover {
   background-color: #4a0201;
   background-image: url(images/lin_high.gif);
   background-repeat: no-repeat;
   background-position: top right;
   color: #fff;
}
#larchieven a:hover {
   background-color: #4a0201;
   color: #fff;
}
#lbronnen {
   border-right: 0px solid #000;
   border-bottom: 0px solid #000;
   background-color: #fff;
   width: 230px;
   background-position: bottom right;
   background-repeat: no-repeat;
}
#lbronnen h3 {
   background:url(headers/lbronnen_titel.jpg) no-repeat top left;
   margin: 0px;
   text-indent: -2000px;
   height: 38px;
   border-bottom: 1px solid #000;
   padding: 0px;
}
#lbronnen li {
   padding: 12px 0 7px 15px;
   height: 25px;
   line-height: 1.2em;
   background-color: #fff;
   color: #c63;
   font-size: 7pt;
   border-bottom: 1px solid #000;
}
#lbronnen li:hover {
   background-color: #4a0201;
   background-image: url(images/lin_high.gif);
   background-repeat: no-repeat;
   background-position: top right;
   color: #fff;
}
#lbronnen a:link, #lbronnen a:active, #lbronnen a:visited {
   color: #c63;
   font-weight: bold;
}
#lbronnen a:hover {
   background-color: #4a0201;
   color: #fff;
}
#foto1 {
	position:absolute;
	padding: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	width:480px;
	height:360px;
	z-index:1;
	left: 120px;
	top: 186px;
	background-image: url(images/1_warmtepomp_principe1.jpg);
	visibility: hidden;	
}
#foto3 {
	position:absolute;
	padding: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	width:480px;
	height:360px;
	z-index:1;
	left: 120px;
	top: 186px;
	background-image: url(images/3_openbronnenboren1.jpg);
	visibility: hidden;	
}
#foto4 {
	position:absolute;
	padding: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	width:480px;
	height:360px;
	z-index:1;
	left: 120px;
	top: 186px;
	background-image: url(images/4_vloerverwarmingleggen1.jpg);
	visibility: hidden;
}
#foto6 {
	position:absolute;
	padding: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	width:480px;
	height:360px;
	z-index:1;
	left: 120px;
	top: 186px;
	background-image: url(images/6_enegriehek4.jpg);
	visibility: hidden;	
}
#foto5 {
	position:absolute;
	padding: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	width:360px;
	height:480px;
	z-index:1;
	left: 120px;
	top: 186px;
	background-image: url(images/5_booractiviteit.jpg);
	visibility: hidden;
}
#foto7 {
	position:absolute;
	padding: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	width:360px;
	height:480px;
	z-index:1;
	left: 120px;
	top: 186px;
	background-image: url(images/1_warmtepompsysteem1.jpg);
	visibility: hidden;
}
#foto8 {
	position:absolute;
	padding: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	width:360px;
	height:480px;
	z-index:1;
	left: 120px;
	top: 186px;
	background-image: url(images/8_bill_warmtepomp.jpg);
	visibility: hidden;
}
#foto2 {
	position:absolute;
	padding: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	width:480px;
	height:277px;
	z-index:1;
	left: 120px;
	top: 186px;
	background-image: url(images/2_warmtepomp_principe2.jpg);
	visibility: hidden;
}