html, body, div, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, hr {
margin : 0;
padding : 0;
}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th {
font-size : 1em;
font-style : normal;
}
fieldset, img, hr {
border : none;
}
caption, th {
text-align : left;
}
body {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #333333;
}
td, th {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #333333;
}
body {
background-color : #c1c9de;
/*background-color : white;*/
margin-left : 0;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
}
p {
margin-bottom : 20px;
margin-top : 10px;
}
p.ondertekend {
margin : 0;
padding : 10px 0 0 0;
font-weight : bolder;
color : #666666;
font-size : 11px;
}
p.datum {
margin : 0;
margin-bottom:10px;
padding : 0 0 20px 0;
font-style : italic;
color : #666666;
font-size : 10px;
border-bottom: 1px solid silver;
}
p.artikel {
font-family : "Times New Roman", Times, serif;
color : #666666;
font-style : italic;
font-size : 14px;
margin-bottom : 0;
padding-bottom : 0;
padding-top:10px;
}
select{
border:1px solid  #c1c9de;
color:#666666;
}
input{
border:1px solid  #c1c9de;
color:#666666;
}
h1 {
font-size : 24px;
font-weight : bold;
}
h1.welkom {
font-size : 28px;
font-weight : bold;
color : #0e3083;
}
h1.media {
font-size : 28px;
font-weight : bold;
color : #0e3083;
}
h1.vochtwering {
font-size : 28px;
font-weight : bold;
color : #571f40;
}
h1.ventilatie {
font-size : 28px;
font-weight : bold;
color : #082865;
}
h1.isolatie {
font-size : 28px;
font-weight : bold;
color : #a0570d;
}
h1.zonnepanelen {
font-size : 28px;
font-weight : bold;
color : #356016;
}
h2 {
font-size : 14px;
font-weight : bold;
margin-bottom : 10px;
}
h2.welkom {
font-size : 14px;
font-weight : bold;
margin-bottom : 10px;
color : #0e3083;
margin-bottom : 10px;
}
h2.media {
font-size : 14px;
font-weight : bold;
margin-bottom : 10px;
color : #0e3083;
margin-bottom : 10px;
}
h2.vochtwering {
font-size : 14px;
font-weight : bold;
margin-bottom : 10px;
color : #571f40;
margin-bottom : 10px;
}
h2.ventilatie {
font-size : 14px;
font-weight : bold;
margin-bottom : 10px;
color : #082865;
margin-bottom : 10px;
}
h2.isolatie {
font-size : 14px;
font-weight : bold;
margin-bottom : 10px;
color : #a0570d;
margin-bottom : 10px;
}
h2.zonnepanelen {
font-size : 14px;
font-weight : bold;
margin-bottom : 10px;
color : #356016;
margin-bottom : 10px;
}
h3 {
font-size : 12px;
font-weight : bold;
margin-top : 0;
padding-top : 0;
margin-bottom : 0;
padding-bottom : 0;
}
h4 {
font-size : 18px;
font-weight : bold;
margin-top : 0;
padding-top : 0;
margin-bottom : 10px;
padding-bottom : 0;
}
.blauw {
color : #0e3083;
}
.groen {
color : #009900;
font-weight : bold;
}
li{margin-bottom:10px;}
a:link.rood, a:visited.rood, a:active.rood {
color : #e2001a;
font-size : 14px;
text-decoration : none;
}
a:hover.rood {
color : #ff0000;
}
a:link, a:visited, a:active {
color : #0e3083;
}
a:hover {
color : #0e3083;
}
div.banner {
display : block;
width : 728px;
height : 90px;

position : absolute;
top : 24px;
left : 50%;
margin-left : -260px;
z-index : 100;
}
div.wrapper {
display : block;
width : 1000px;
position : absolute;
left : 50%;
margin-left : -500px;
background-color : #ffffff;
border-left: 1px solid white;
border-right: 1px solid white;
/*border-left: 1px solid #c1c9de;
border-right: 1px solid #c1c9de;*/
}
div.head {
display : block;
width : 1000px;
height : 183px;
background-image : url(../images/fadeblauw_boven.jpg);
background-repeat : repeat-x;
background-position : bottom;
float : left;
}
img.logo {
width : 203px;
height : 183px;
margin-left : 14px;
float : left;
}
div.menubalk {
display : block;
width : 740px;
height : 20px;
position : relative;
margin-top : 150px;
margin-left : 22px;
float : left;
}
a:link.menubut, a:visited.menubut, a:active.menubut {
display : block;
float : left;
height : 25px;
text-align : center;
margin-right : 12px;
text-decoration : none;
padding : 0;
font-size : 14px;
}
a:hover.menubut {
text-decoration : underline;
}
div.menu {
display : block;
width : 214px;
height : 252px;
float : left;
background-color : #c1c9de;
}
a:link.vochtwering, a:visited.vochtwering, a:active.vochtwering {
display : block;
float : left;
height : 40px;
width : 184px;
padding-left : 26px;
padding-top : 20px;
margin-bottom : 4px;
font-size : 24px;
font-weight : bold;
color : #ffffff;
text-decoration : none;
font-size : 18px;
background-image : url(../images/BUT_vochtwering.jpg);
}
a:hover.vochtwering {
background-color : #a74363;
background-image : inherit;
}
a:link.vochtwering-over, a:visited.vochtwering-over, a:active.vochtwering-over, a:hover.vochtwering-over {
display : block;
float : left;
height : 40px;
width : 184px;
padding-left : 26px;
padding-top : 20px;
margin-bottom : 4px;
font-size : 24px;
font-weight : bold;
color : #ffffff;
text-decoration : none;
font-size : 18px;
background-color : #a74363;
}
a:link.ventilatie, a:visited.ventilatie, a:active.ventilatie {
display : block;
float : left;
height : 40px;
width : 184px;
padding-left : 26px;
padding-top : 20px;
margin-bottom : 4px;
font-size : 24px;
font-weight : bold;
color : #ffffff;
text-decoration : none;
font-size : 18px;
background-image : url(../images/BUT_ventilatie.jpg);
}
a:hover.ventilatie {
background-color : #006cb3;
background-image : inherit;
}
a:link.ventilatie-over, a:visited.ventilatie-over, a:active.ventilatie-over, a:hover.ventilatie-over {
display : block;
float : left;
height : 40px;
width : 184px;
padding-left : 26px;
padding-top : 20px;
margin-bottom : 4px;
font-size : 24px;
font-weight : bold;
color : #ffffff;
text-decoration : none;
font-size : 18px;
background-color : #006cb3;
}
a:link.isolatie, a:visited.isolatie, a:active.isolatie {
display : block;
float : left;
height : 40px;
width : 184px;
padding-left : 26px;
padding-top : 20px;
margin-bottom : 4px;
font-size : 24px;
font-weight : bold;
color : #ffffff;
text-decoration : none;
font-size : 18px;
background-image : url(../images/BUT_isolatie.jpg);
}
a:hover.isolatie {
background-color : #f6a800;
background-image : inherit;
}
a:link.isolatie-over, a:visited.isolatie-over, a:active.isolatie-over, a:hover.isolatie-over {
display : block;
float : left;
height : 40px;
width : 184px;
padding-left : 26px;
padding-top : 20px;
margin-bottom : 4px;
font-size : 24px;
font-weight : bold;
color : #ffffff;
text-decoration : none;
font-size : 18px;
background-color : #f6a800;
}
a:link.zonnepanelen, a:visited.zonnepanelen, a:active.zonnepanelen {
display : block;
float : left;
height : 40px;
width : 184px;
padding-left : 26px;
padding-top : 20px;
margin-bottom : 4px;
font-size : 24px;
font-weight : bold;
color : #ffffff;
text-decoration : none;
font-size : 18px;
background-image : url(../images/BUT_zonnepanelen.jpg);
}
a:hover.zonnepanelen {
background-color : #97bf0d;
background-image : inherit;
}
a:link.zonnepanelen-over, a:visited.zonnepanelen-over, a:active.zonnepanelen-over, a:hover.zonnepanelen-over {
display : block;
float : left;
height : 40px;
width : 184px;
padding-left : 26px;
padding-top : 20px;
margin-bottom : 4px;
font-size : 24px;
font-weight : bold;
color : #ffffff;
text-decoration : none;
font-size : 18px;
background-color : #97bf0d;
}
div.intro {
display : block;
width : 786px;
height : 252px;
background-color : #ffffff;
float : left;
}
div.introtxt-welkom {
display : block;
width : 279px;
height : 212px;
float : left;
color : #ffffff;
padding : 30px 30px 10px 20px;
overflow : auto;
}
div.introtxt-vochtwering {
display : block;
width : 279px;
height : 212px;
background-image : url(../images/fade_vochtwering.jpg);
float : left;
color : #ffffff;
padding : 30px 30px 10px 20px;
overflow : auto;
}
div.introtxt-ventilatie {
display : block;
width : 279px;
height : 212px;
background-image : url(../images/fade_ventilatie.jpg);
float : left;
color : #ffffff;
padding : 30px 30px 10px 20px;
overflow : auto;
}
div.introtxt-isolatie {
display : block;
width : 279px;
height : 212px;
background-image : url(../images/fade_isolatie.jpg);
float : left;
color : #ffffff;
padding : 30px 30px 10px 20px;
overflow : auto;
}
div.introtxt-zonnepanelen {
display : block;
width : 279px;
height : 212px;
background-image : url(../images/fade_zonnepanelen.jpg);
float : left;
color : #ffffff;
padding : 30px 30px 10px 20px;
overflow : auto;
}
div.introtxt-media {
display : block;
width : 279px;
height : 212px;
float : left;
color : #0e3083;
padding : 30px 30px 10px 20px;
background-color : #c1c9de;
overflow : auto;
}
div.introfilm-welkom {
border : 1px solid #c1c9de;
float : left;
display : block;
height : 250px;
width : 455px;
margin : 0;
padding : 0;
}
div.introfilm-media {
border : 1px solid #0e3083;
float : left;
display : block;
height : 250px;
width : 455px;
margin : 0;
padding : 0;
}
div.introfilm-vochtwering {
border : 1px solid #571f40;
float : left;
display : block;
height : 250px;
width : 455px;
margin : 0;
padding : 0;
}
div.introfilm-ventilatie {
border : 1px solid #082865;
float : left;
display : block;
height : 250px;
width : 455px;
margin : 0;
padding : 0;
}
div.introfilm-isolatie {
border : 1px solid #a0570d;
float : left;
display : block;
height : 250px;
width : 455px;
margin : 0;
padding : 0;
}
div.introfilm-zonnepanelen {
border : 1px solid #356016;
float : left;
display : block;
height : 250px;
width : 455px;
margin : 0;
padding : 0;
}
div.onderkant {
display : block;
width : 1000px;
float : left;
min-height:50px;
background-image : url(../images/fadeblauw_onder.jpg);
background-repeat : repeat-x;
background-position : top;
}
div.adres {
display : block;
width : 203px;
height : 280px;
margin-left : 14px;
float : left;
background-image : url(../images/adreskader.jpg);
text-align : center;
padding-top : 80px;
}
div.promoblock {
display : block;
width : 194px;
margin-left : 14px;
float : left;
padding: 16px 0 0 9px;
}
.promo{
border: 1px solid #c1c9de;
margin-bottom:10px;
}
div.tekst {
display : block;
width : 420px;
margin-left : 22px;
float : left;
padding-top : 22px;
}
div.tekstwide {
display : block;
width : 730px;
margin-left : 22px;
float : left;
padding-top : 22px;
}
div.pics {
display : block;
width : 275px;
margin-left : 32px;
float : left;
padding-top : 22px;
}
img.belgratis {
width : 275px;
margin-bottom : 20px;
margin-top : 15px;
}
img.gratisdiagnose {
margin-top : 10px;
margin-left : 2px;
}
img.inhoudimg-vochtwering {
width : 275px;
border : 1px solid #a74363;
margin-bottom : 10px;
}
img.inhoudimg-ventilatie {
width : 275px;
border : 1px solid #006cb3;
margin-bottom : 10px;
}
img.inhoudimg-isolatie {
width : 275px;
border : 1px solid #f6a800;
margin-bottom : 10px;
}
img.inhoudimg-zonnepanelen {
width : 275px;
border : 1px solid #97bf0d;
margin-bottom : 10px;
}
img.inhoudimg-welkom {
width : 275px;
border : 1px solid #c1c9de;
margin-bottom : 10px;
}
img.inhoudimg-media {
width : 275px;
border : 1px solid #c1c9de;
margin-bottom : 10px;
}
div.kaderreacties {
display : block;
width : 250px;
height : 445px;
margin-left : 26px;
padding-left : 20px;
padding-right : 18px;
padding-top : 12px;
float : left;
background-image : url(../images/kaderklantenreacties.jpg);
}
div.bottom {
display : block;
width : 948px;
height : 60px;
float : left;
margin-top : 20px;
margin-left : 25px;
border-top : 2px solid #c1c9de;
font-size : 9px;
color : #999999;
}
a.bottomlogo {
margin : 2px 12px 0 0;
float : left;
border : 0;
display : block;
}
div.realisatie {
display : block;
float : left;
border: 2px solid #c1c9de;
width:710px;
font-size:10px;
padding: 10px 10px 10px 10px;
margin-bottom: 10px;
}
img.folderdownload{
margin-right: 25px;
margin-bottom: 25px;
border: 2px solid #c1c9de;
}

.afbeelding-links{
	padding-right:10px;
	padding-bottom:5px;
}