body{background:url(../images/bg.jpg);  font-size:11px; color:#13341a; line-height:16px; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; height:100%; }
html {overflow-y: scroll;}
form, p, ul, li, h1, h2, h3{margin:0; padding:0;}
a{outline:none; color:#13341a; text-decoration:underline;}
a:hover{color:#517d23;}

#container{background:url(../images/content_bg.png) repeat-y; width:900px; margin:0 auto; padding:0 13px 0 13px; overflow:hidden;}

#header .logo{background:url(../images/logo.jpg); width:276px; height:63px; display:block; text-indent:-9999px; margin-left:19px; float:left;}
#header .menu{float:right; margin-top:36px; margin-right:10px;}
#header .menu ul, #content .producten ul{list-style:none;}
#header .menu li{float:left; margin:0 8px;}

.menu a{background:url(../images/menu.jpg) no-repeat; text-indent:-9999px; height:16px;}
.menu .home{background-position:-5px -4px; display:block; width:33px; }
.menu .bouw{background-position:-53px -4px; display:block; width:88px; }
.menu .timmerwerk{background-position:-150px -4px; display:block; width:72px; }
.menu .knipping{background-position:-236px -4px; display:block; width:110px; }
.menu .referenties{background-position:-311px -4px; display:block; width:65px; }
.menu .duurzaam{background-position:-387px -4px; display:block; width:107px;  }
.menu .contact{background-position:-509px -4px; display:block; width:44px; }

.menu .home:hover{background-position:-5px -27px;}
.menu .bouw:hover{background-position:-53px -27px; }
.menu .timmerwerk:hover{background-position:-150px -27px;}
.menu .knipping:hover{background-position:-236px -27px;}
.menu .referenties:hover{background-position:-311px -27px; }
.menu .duurzaam:hover{background-position:-387px -27px;}
.menu .contact:hover{background-position:-509px -27px;}

.fotos_home{background:url(../images/banner.jpg); width:898px; height:200px; margin-left:1px;}
.fotos_bouw_verbouw{background:url(../images/fotos_bouw.jpg); width:898px; height:200px; margin-left:1px;}
.fotos_timmerwerk{background:url(../images/fotos_timmerwerk.jpg); width:898px; height:200px; margin-left:1px;}
.fotos_knipping_kozijnen{background:url(../images/fotos_knipping.jpg); width:898px; height:200px; margin-left:1px;}
.fotos_duurzaam_bouwen{background:url(../images/fotos_duurzaam.jpg); width:898px; height:200px; margin-left:1px;}
.fotos_contact{background:url(../images/fotos_contact.jpg); width:898px; height:200px; margin-left:1px;}

#content{background:url(../images/schaduw_contact.jpg) center 0 no-repeat; padding-top:13px;}
#content_contact{background:url(../images/schaduw_contact.jpg) center 0 no-repeat; padding-top:13px;}
#content .content_links{margin:0 0 0 25px; width:645px;}
#content .content_rechts{background: url(../images/contactform_bg.jpg) no-repeat #f2f2f2; width:194px; margin-top:-10px; padding:15px 15px 15px 15px; margin-bottom: -1000px; padding-bottom: 1000px;}
#content h1{margin-bottom:8px;}
.content_groot{padding:0 25px;}

.content_links p{padding-right:15px;}
.content_links img{ margin:0 10px 10px 0;}
#content .producten{margin-top:10px;}
#content .producten li ,#content .referenties li{margin-right:15px; float:left;}
#content .producten li a{width:175px; height:250px; padding:15px; background:#f2f2f2; display:block; text-decoration:none; color:#13341a; position:relative; overflow:hidden}
#content .producten li a:hover{ color:#517d23;}
#content .producten li a img{border:none; margin-bottom:10px; text-decoration:none;}
#content .producten span{margin-top:10px;}
#content .titel, #content_contact .titel{font-weight:bold; font-size:12px; color:#13341a; margin-bottom:7px; display:block;}
#content .producten .product_tekst{display:block;}
#content .producten .meer_info{display:block; position:absolute; border:0; right:15px; font-weight:bold; font-size:12px; color:#13341a;}
#container_onder{background:url(../images/content_onder.png); width:926px; height:29px; margin:0 auto;}

#content .referenties ul{list-style:none;}
#content .referenties li{margin-top:15px;}
#content .referenties a{width:205px; height:129px; background:#13341a; display:block; text-decoration:none; color:#fff; position:relative;}
#content .referenties img{ border:0; margin:0;}
.ref_titel{color:#fff; padding:2px 5px; display:block;}
.ref_foto img{margin:0;}
#content .referenties_lijst ul{list-style:none; margin-top:10px;}
#content .referenties_lijst li a{ padding:10px; display:block; background:#f2f2f2; height:112px; width:625px; position:relative;}
#content .referenties_lijst li a.oneven{background:#fff;}
#content .referenties_lijst li a img{ border:none; margin:0 10px 5px 0}
#content .referenties_lijst .meer_info{display:block; border:0; font-weight:bold; font-size:12px;  color:#13341a; margin-top:5px; position:absolute;bottom:10px; left:132px; text-decoration:underline;}
#content .referenties_lijst .titel{font-weight:bold; font-size:12px; color:#13341a; margin-bottom:3px; display:block;}
#content .referenties_lijst .product_tekst{display:block; }

.contact_formulier{width:300px;}

#content .contact_formulier input{border:1px solid #13341a; width:190px; height:22px; margin-bottom:10px; margin-left:15px; padding-left:5px; color:#13341a;}
#content .contact_formulier form{margin-top:10px;}
#content .contact_formulier .knop{background:url(../images/form_button.jpg) 0 0; width:76px; height:17px; cursor:pointer; text-indent:-99999px; border:none;}
#content .contact_formulier textarea{border:1px solid #13341a; width:350px; height:120px; margin-bottom:10px; padding-left:5px; color:#13341a; margin-left:15px;}
#content .contact_formulier .knop:hover{background:url(../images/form_button.jpg) 0 -17px;}

.contact_formulier{width:550px; padding-right:15px; margin-top:15px;}
.contact_informatie{width:240px;margin-top:15px;}

.ref_lijst{ padding:10px 15px; width:290px;}
.ref_lijst ul{list-style:none;}
.ref_lijst li{margin:7px 0; background:url(../images/bullets.jpg) no-repeat; padding-left:25px;}
.ref_tekst{width:310px; padding:10px 15px;}

.content_rechts form input{border:1px solid #13341a; width:190px; height:22px; margin-top:10px; padding-left:5px; color:#13341a;}
.content_rechts form{margin-top:10px;}
.content_rechts .knop{background:url(../images/form_button.jpg) 0 0; width:76px; height:17px; cursor:pointer; text-indent:-99999px; border:none;}
.content_rechts .knop:hover{background:url(../images/form_button.jpg) 0 -17px;}

.content_rechts ul{margin-left:15px;}
.content_rechts ul li a{display:inline; font-weight:bold; font-size:12px; color:#13341a;}
.content_rechts ul li a:hover{display:inline; font-weight:bold; font-size:12px; color:#517d23;}
.content_rechts ul li{margin:5px 0}

h1 { font-size:29px; padding-top:2px; padding-bottom:7px;}
h1.welkom{background:url(../images/titel_welkom.jpg); width:330px; height:36px; text-indent:-99999px; background-repeat:no-repeat;}
h1.bouw{background:url(../images/titel_bouw.jpg); width:275px; height:35px; text-indent:-99999px;background-repeat:no-repeat;}
h1.duurzaam{background:url(../images/titel_duurzaam_bouwen.jpg); width:275px; height:35px; text-indent:-99999px;background-repeat:no-repeat;}
h1.timmerwerk{background:url(../images/titel_timmerwerk.jpg); width:275px; height:35px; text-indent:-99999px;background-repeat:no-repeat;}
h1.knipping{background:url(../images/titel_knipping.jpg); width:275px; height:35px; text-indent:-99999px;background-repeat:no-repeat;}
h1.referentie_titel{background:url(../images/titel_ref.jpg) no-repeat; width:275px; height:35px; text-indent:-99999px;background-repeat:no-repeat;}
h1.contact{background:url(../images/titel_contact.jpg) no-repeat; width:275px; height:35px; text-indent:-99999px; margin-bottom:8px;background-repeat:no-repeat;}

.ref_foto{position:relative;}
.overlay{background:url(../images/overlay.png); width:644px; height:36px; position:absolute; bottom:0; line-height:34px;}
#content .overlay .titel{font-size:18px; margin-left:15px; color:#fff; font-weight:normal;}

#footer{width:870px; margin:-5px auto 10px  auto;}
#footer .copyright{margin-top:10px; font-weight:bold;}
#footer .logos a{float:left;}

.erkend{background:url(../images/logos.png) 0 -5px; width:72px; height:40px; display:block; text-indent:-99999px; margin-right:5px; float:right;}
.bouwend{background:url(../images/logos.png) -76px -5px; width:96px; height:40px; display:block; text-indent:-99999px; margin-right:5px; float:right;}
.fsc{background:url(../images/logos.png) -176px -5px; width:39px; height:40px; display:block; text-indent:-99999px; float:right;}
.bouw_garant{background:url(../images/logos.png) -215px -2px; width:52px; height:40px; display:block; text-indent:-99999px; float:right;}

.clear{clear:both;}
.left{float:left;}
.right{float:right;}

ul.bullet_list{margin-left:10px;}