@font-face{ font-family:'YanoneKaffeesatzLightRegular';  src:url('../fonts/yanonekaffeesatz-light-webfont.eot');  src:local('?'),url('../fonts/yanonekaffeesatz-light-webfont.woff') format('woff'),url('../fonts/yanonekaffeesatz-light-webfont.ttf') format('truetype'),url('../fonts/yanonekaffeesatz-light-webfont.svg#webfontL1LsOPZC') format('svg');  font-weight:normal;  font-style:normal}
html, body, div, h1, h2, h3, h4, p, a, address, img, ul, li, form, label, input, textarea{border:0; font-size:99%; margin:0; outline:0; padding:0; vertical-align:baseline}
html{height:100%; margin-bottom:1px}
body{text-align:center;color:#000;background: #203f3b url(../b/achter2groen.jpg) repeat-x scroll center top;font:26px/1.39em 'YanoneKaffeesatzLightRegular',"Trebuchet MS",Arial,Helvetica,sans-serif}
ul{list-style:none}
a:hover, a:active{color:#000; text-decoration:underline}
a{color:#CD0000; text-decoration:none}
h2, h3, h4, p, ul{text-align:left}
h1{line-height:1.2em;letter-spacing:-1px;font-family:arial,sans-serif;color:#D04333;padding:10px;font-size:74px}h2, h3, p{margin-bottom:0.2em; margin-right:30px; margin-left:30px}
h2{font-size:29px; margin-top:15px}
h3{ font-size:24px; margin-bottom:0; color:#CD0000 }
h4{font:bold 36px "Courier New", Courier, monospace;color:#B4C5B8;text-align:center;}
.floatrechts,.floatlinks{float:right;display:inline;overflow:hidden;margin-left:10px;}
.floatlinks{float:left;margin-right:10px;}
#wrapper{width:960px;height:750px;margin:0 auto;}
#header{height:570px;width:960px;position:relative;overflow:hidden;}
#sliders{overflow:hidden;}
#titlebar{position:relative;z-index:0;top:30px;text-align:center;}
.tagman{position:absolute;top:-47px;left:30px;z-index:50;height:592px;width:389px;background:url('../b/mooi_webdesign.png') no-repeat top center;text-indent:-9999px;}
.tagman a{display:block;height:592px;width:389px;}
.menubar{position:absolute;top:-352px;left:500px;z-index:90;height:352px;width:389px;background:url('../b/webdesign_menu.png') no-repeat bottom center;}
#navigation{padding-top:200px;margin-top:0;margin-bottom:0;margin-left:30px;}
#navigation li{float:left;margin-right:15px;}
#navigation a,#navigation a .hover{height:80px;position:relative;display:block;}
#navigation a.werkwijze{background:url(../b/anigifpijl-def.gif) 0 0 no-repeat;width:70px;}
#navigation a.werkwijze .hover{background:url(../b/anigifpijl-def.gif) 0 -80px no-repeat;}
#navigation a.kosten{background:url(../b/anigifklok-def.gif) 0 0 no-repeat;width:70px;}
#navigation a.kosten .hover{background:url(../b/anigifklok-def.gif) 0 -80px no-repeat;}
#navigation a.portfolio{background:url(../b/anigifbom-def.gif) 0 0 no-repeat;width:70px;}
#navigation a.portfolio .hover{background:url(../b/anigifbom-def.gif) 0 -80px no-repeat;}
#navigation a.contact{background:url(../b/anigifhand-def.gif) 0 0 no-repeat;width:70px;}
#navigation a.contact .hover{background:url(../b/anigifhand-def.gif) 0 -80px no-repeat;}
#toggle{position:absolute;top:257px;right:430px;}
#toggle a{height:100px;position:relative;display:block;}
#toggle a.toggle{background:url(../b/toggle.png) 0 0 no-repeat;width:124px;}
#toggle .highlight a.toggle:hover{width:124px;background:url(../b/toggle.png) 0 -100px no-repeat;}
.coda-slider,.coda-slider .panel{width:960px;}
.coda-slider-wrapper{clear:both;overflow:hidden;margin-top:-205px;}
.coda-slider{float:left;overflow:hidden;position:relative;}
.coda-slider .panel{display:block;float:left;}
.coda-slider .panel-wrapper,.coda-slider .panel-recent{display:inline;float:left;background:url(../b/achtertekst.gif) no-repeat right top;height:354px;width:511px;}
.coda-slider .panel-recent{width:429px;background:url(none);}
.coda-slider .panel-wrapperklein{display:inline;float:left;width:380px;height:324px;margin-right:20px;background:url(../b/achtertekstklein.gif) no-repeat 17px 0;padding:7px 20px 20px;}
.coda-slider .panel-wrapperklein.kosten{height:365px;background:url(../b/achtertekstkleinkosten.gif) no-repeat 17px 0;padding-top:12px;}
.coda-slider .panel-wrapper.kosten{background:url(../b/achtertekstkosten.gif) no-repeat right 3px;height:372px;}
.coda-slider .panel-wrapper.kaart{background:url(../b/kaart.gif) no-repeat right top;height:372px;width:536px;}
.coda-slider .panel-wrapper.kaart h1{margin-top:140px;-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);}
.coda-slider .panel-wrapperklein.naastkaart{background:url(../b/achtertekstklein.gif) no-repeat 17px 0;margin-right:0;margin-top:25px;padding-top:7px;}
.portfolio a img{background:#FBEAD6;margin-left:11px;box-shadow:3px 6px 13px #222;-webkit-box-shadow:3px 6px 13px #222;-moz-box-shadow:3px 6px 13px #222;margin-top:7px;padding:7px;}
.portfolio a:hover img{-webkit-transform:scale(1.13) rotate(1deg);-moz-transform:scale(1.13) rotate(1deg);box-shadow:3px 6px 15px #222;-webkit-box-shadow:3px 6px 15px #222;-moz-box-shadow:3px 6px 15px #222;z-index:5;}
.kop a{background:url(../b/tagman.gif) no-repeat 0 0;display:block;height:125px;width:138px;text-decoration:none;margin:13px 5px 0;}
.kop a:hover{background:url(../b/tagman.gif) no-repeat 0 -125px;cursor:default;}
address,address a{font-size:17px;color:#B4C5B8;font-style:normal;margin:0 auto;padding:5px 0;}
input,textarea{color:#2C3371;width:160px;border-bottom:1px dotted #555;font:bold 15px "Courier New",Courier,monospace;background:transparent;padding:3px;}
input#Telefoon{width:146px;}
textarea{width:230px;max-width:230px;height:120px;margin-top:20px;margin-left:-10px;resize:none;overflow:auto;border:0;background:url(../b/textarea-bgzw.gif) no-repeat left top;padding-top:30px;}
form label{font-size:20px;color:#555;line-height:18px;}
input.submit,input.submit:focus{width:151px;height:33px;border:0;background:url(../b/verstuur.jpg) no-repeat;margin-top:11px;}
.error{color:#f00;font-size:13px;position:absolute;z-index:9999;margin-left:-30px;}
#lbOverlay{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#222;cursor:pointer;}
#lbCenter,#lbBottomContainer{position:absolute;z-index:9999;overflow:hidden;background-color:#fff;}
#lbImage{position:absolute;left:0;top:0;border:10px solid #fff;background-repeat:no-repeat;}
#lbPrevLink,#lbNextLink{display:block;position:absolute;top:0;width:50%;outline:none;}
#lbPrevLink{left:0;}
#lbPrevLink:hover{background:transparent url(prevlabel.gif) no-repeat 0 15%;}
#lbNextLink{right:0;}
#lbNextLink:hover{background:transparent url(nextlabel.gif) no-repeat 100% 15%;}
#lbBottom{font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;font-size:11px;color:#666;line-height:1.4em;text-align:left;border:10px solid #fff;border-top-style:none;}
#lbCloseLink{display:block;float:right;width:66px;height:22px;background:transparent url(closelabel.gif) no-repeat center;outline:none;margin:5px 0;}
#lbCaption,#lbNumber{margin-right:71px;}
#lbCaption{font-weight:bold;}
#contact{height:90px;width:120px;top:10px;right:1px;position:absolute;z-index:49;}
#sliders>*,#navigation a *,#toggle a *{display:none;}
#laadlaag{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10001;overflow:hidden;background:#000;}

