html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em,
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup,
menu, footer, header, nav, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;}
article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video{display:block;}
a img{border:0;}
body{font:16px/24px 'Asap', sans-serif;}
h2{font-size:1.5em;font-family:'Rokkitt', serif;font-weight:700;color:#e72130;margin-bottom:10px;}
p{font-size:14px;line-height:24px;}
li{font-size:14px;line-height:24px;}
a{text-decoration:none;color:#d9d9d9;}
.sectiekop a{font-size:16px;font-weight:700;letter-spacing:0.01em;color:#e72130;font-family:'Rokkitt', serif;background-color:#fff;float:left;height:28px;padding-top:4px;padding-right:5px;}
.sectiekop:after, .sectiekop:before{width:10px;content:"";float:left;border:1em solid #fff;}
.sectiekop:before{border-left-color:transparent;margin-right:-17px;}
.sectiekop:after{border-top-color:transparent;border-bottom-color:transparent;border-right-color:transparent;}
.sectiekop a:hover{color:#d9d9d9;}
.transitie{-webkit-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;transition:all .1s ease-in-out;}
a.meer{font-family:'Rokkitt', serif;font-size:14px;color:#d9d9d9;font-weight:700;text-transform:uppercase;height:19px;margin-top:15px;float:right;border-bottom:2px solid #d9d9d9;}
a.meer:hover{color:#e72130;border-bottom:2px solid #e72130;}
section#content .mobile{display:none;}
section#content .mobile a{display:none;}
#div{height:300px;}
*+html section#header .grunge_border_top,
*+html section#footer .grunge_border_bottom{display:none;}
::selection{background:#e72130;color:#fff;}
::-moz-selection{background:#e72130;color:#fff;}
img::selection{background:transparent;}
img::-moz-selection{background:transparent;}
body{-webkit-tap-highlight-color:#e72130;}
body{width:100%;padding:0px;margin:0px;color:#4f4e4e;background-position:fixed;-webkit-text-size-adjust:100%;background:#dad9d6;background-image:url("../images/wood-bg-1.png");background-repeat:repeat;}
.wrapper{width:1020px;margin:0 auto;}
.col_8,
.col_4,
.col_2{float:left;display:block;margin:0 20px;}
.col_8{width:640px;}
.col_4{width:300px;}
.col_2{width:130px;}
section{width:100%;margin:0 auto;}
section#header{height:130px;background-color:#fff;position:relative;margin-bottom:-60px;z-index:2000;}
section#header .logo{padding-top:125px;background-image:url('../images/logo.jpg');background-repeat:no-repeat;background-position:left bottom;}
.nav select{display:none;width:100%;padding:10px;font-family:'Rokkitt', serif;font-size:18px;}
section#header .nav ul{list-style-type:none;display:inline;}
section#header .nav li{float:left;padding-right:10px;height:30px;}
section#header .nav a,
section#header .nav b{-webkit-transition:background .2s ease-in-out;-o-transition:background .2s ease-in-out;-moz-transition:background .2s ease-in-out;text-align:center;font-family:'Rokkitt', serif;font-weight:700;font-size:1.3em;width:115px;padding:70px 0 50px;display:block;background:url("../images/ribbon_hover.png") 0 -180px no-repeat;}
section#header .nav a .icon_home,
section#header .nav a .icon_diensten,
section#header .nav a .icon_projecten,
section#header .nav a .icon_contact{width:25px;height:24px;margin:0 auto 5px;-webkit-transition-delay:.1s;}
section#header .nav a .icon_home{background:url("../images/icon_home.png") 0 0 no-repeat;}
section#header .nav a .icon_diensten{background:url("../images/icon_diensten.png") 0 0 no-repeat;}
section#header .nav a .icon_projecten{background:url("../images/icon_projecten.png") 0 0 no-repeat;}
section#header .nav a .icon_contact{background:url("../images/icon_contact.png") 0 0 no-repeat;}
section#header .nav b .icon_home,
section#header .nav b .icon_diensten,
section#header .nav b .icon_projecten,
section#header .nav b .icon_contact{width:25px;height:24px;margin:0 auto 5px;}
section#header .nav a:hover .icon_home,
section#header .nav b .icon_home{background:url("../images/icon_home.png") 0 -24px no-repeat;}
section#header .nav a:hover .icon_diensten,
section#header .nav b .icon_diensten{background:url("../images/icon_diensten.png") 0 -24px no-repeat;}
section#header .nav a:hover .icon_projecten,
section#header .nav b .icon_projecten{background:url("../images/icon_projecten.png") 0 -24px no-repeat;}
section#header .nav a:hover .icon_contact,
section#header .nav b .icon_contact{background:url("../images/icon_contact.png") 0 -24px no-repeat;}
section#header .nav a:hover{background:url("../images/ribbon_hover.png") 0 -20px no-repeat;color:#fff;}
section#header .nav b{color:#be1522;}
section#header .grunge_border_top{height:10px;z-index:-10;width:100%;margin-top:130px;position:absolute;background-image:url("../images/grunge_border_top.png");background-position:bottom;}
section#content{z-index:1;}
section#content .wrapper{margin-top:55px;}
section#content .wrapper a{color:#4f4e4e;}
section#content .top{height:420px;}
section#content .kop h1{font-family:'Rokkitt', serif;font-size:48px;line-height:54px;letter-spacing:-1px;color:#be1522;}
section#content .top .kop h1{margin-top:205px;}
section#content .over_ons{height:220px;}
section#content .projecten{height:250px;}
section#content .project_thumb img{height:130px;width:130px;background-color:#e72130;overflow:hidden;border-radius:2px;-moz-border-radius:2px;}
section#content .project_thumb p{font-size:18px;line-height:18px;color:#fff;font-family:'Rokkitt', serif;font-weight:700;width:130px;height:130px;padding:15px;text-align:left;position:absolute;text-shadow:0px 1px 1px rgba(0,0,0,.2);filter:dropshadow(color=rgba(0,0,0,.2), offx=0, offy=1);}
section#content .project_thumb a{display:block;height:130px;width:130px;text-align:center;position:absolute;opacity:0;border-radius:2px;-moz-border-radius:2px;}
section#content .project_thumb a:hover{background-color:rgba(236,63,40,.8);opacity:1;}
section#footer{background-color:#fff;float:left;bottom:0;position:relative;}
section#footer .grunge_border_bottom{height:10px;z-index:-10;width:100%;margin-top:-10px;position:absolute;background-image:url("../images/grunge_border_bottom.png");background-position:bottom;}
section#footer{margin-bottom:0;}
section#footer .wrapper{margin-top:20px;}
section#footer .taal p{margin-top:5px;margin-right:5px;float:left;font-size:18px;font-family:'Rokkitt', serif;font-weight:700;color:#d9d9d9;}
section#footer .taal ul{display:none;list-style-type:none;width:280px;height:30px;}
section#footer .taal li{display:inline;float:left;margin:0;}
section#footer .taal a{font-size:12px;color:#e72130;font-weight:700;display:block;width:24px;height:24px;padding-left:1px;text-align:center;-moz-border-radius:13px;border-radius:13px;margin-top:5px;}
section#footer .taal a:hover{background-position:center center;font-size:.001em;}
section#footer .taal a.en:hover{background-image:url('../images/taal_en.jpg');}
section#footer .taal a.de:hover{background-image:url('../images/taal_de.jpg');}
section#footer .taal a.fr:hover{background-image:url('../images/taal_fr.jpg');}
.fb-like,
.twitter-share-button{margin-top:6px;display:block;}
section#footer .adres{margin-bottom:50px;}
section#footer .adres p{margin-top:5px;font-size:18px;font-family:'Rokkitt', serif;font-weight:700;color:#7C7C7C;display:block;padding-bottom:-4px;}
section#footer .adres a{color:#7C7C7C;}
section#footer .adres a:hover{border-bottom:2px solid #d9d9d9;}
a#go_to_top{position:relative;display:block;float:right;background-color:#fff;width:70px;height:70px;margin-right:20px;margin-top:-60px;border-radius:60px;moz-border-radius:60px;webkit-border-radius:60px;o-border-radius:60px;}
a#go_to_top:hover{color:#fff;background-color:#d9d9d9;}
a#go_to_top p{padding-top:23px;line-height:1em;font-size:.8em;text-align:center;}
.go_to_top_mobile{display:none;}
.projecten_intro{height:220px;}
.projecten_intro .kop h1{margin-top:80px;}
#project1,
#project2,
#project3,
#project4,
#project5,
#project6,
#project7{height:420px;margin-bottom:100px;}
.space{width:300px;height:100px;}
.info{width:300px;height:auto;}
.info p{margin-bottom:30px;line-height:22px;}
.info a{color:#333;border-bottom:1px dotted #333;}
.info a:hover,
.info a:active{color:#d9d9d9;border-bottom:1px dotted #d9d9d9;}
.info div.addthis_toolbox a{border-bottom:none;}
.werkwijze_intro .sectie{margin-top:90px;}
.werkwijze_intro .kop h1{margin-top:80px;margin-bottom:50px;}
.diensten_intro .sectiekop{margin-top:45px;}
.diensten_intro .kop h1{margin-top:30px;margin-bottom:50px;}
.werkwijze p,
.diensten p{margin-bottom:15px;}
.adres .sectie{margin-top:90px;}
.adres .maps{background-color:#ccc;margin-top:90px;height:300px;margin-bottom:90px;}
.adres .gegevens{margin-top:90px;height:300px;}
.adres .gegevens ul{list-style-type:none;}
.adres .gegevens ul li{margin:5px 0;font-size:14px;}
.adres .gegevens ul a{color:#555;text-decoration:underline;}
.adres .gegevens ul a:hover{color:#333;}
.contact .sectie{margin-top:120px;}
.contact .formulier{margin-top:120px;margin-bottom:100px;}
form .form_row p{padding-top:10px;width:160px;}
form .form_row input,
form .form_row textarea{padding:13px;margin-bottom:6px;width:270px;border:0;background-color:#fff;-webkit-transition:background .2s ease-in-out;-o-transition:background .2s ease-in-out;-moz-transition:background .2s ease-in-out;-moz-border-radius:2px;border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px;font-family:'Asap', sans-serif;font-size:14px;line-height:19px;font-weight:700;color:#d9d9d9;border:2px solid #fff;}
form .form_row input:hover,
form .form_row textarea:hover{border:2px solid #d9d9d9;color:#d9d9d9;}
form .form_row input:focus,
form .form_row textarea:focus{border:2px solid #d9d9d9;color:#d9d9d9;}
form .form_row input:visited,
form .form_row textarea:visited{background-color:#d9d9d9;color:#d9d9d9;}
label p{margin-top:3px;font-size:13px;float:left;}
#spamcheck{width:80px;float:right;}
#send{margin-top:20px;font-family:'Rokkitt', serif;font-size:18px;font-weight:700;color:#fff;width:300px;background-color:#e72130;padding:13px;border:none;cursor:pointer;-moz-border-radius:2px;border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px;}
#send:hover{background-color:#d9d9d9;}
.errormsg{display:block;float:left;margin:15px 0;padding:14px;width:266px;border:2px solid #a00;font-size:14px;font-weight:700;color:#a00;-moz-border-radius:2px;border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px;}
.verzonden{display:block;float:left;width:100%;margin:60px 0 250px;background-color:#458909;-moz-border-radius:2px;border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px;}
.verzonden p{font-size:14px;color:#fff;margin:14px;}
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus{outline:none;}
.slides,
.flex-control-nav,
.flex-direction-nav{margin:0;padding:0;list-style:none;}
.flexslider{overflow:hidden;width:100%;max-width:640px;max-height:480px;}
.flexslider .slides > li{display:none;-webkit-backface-visibility:hidden;}
.loading{display:block;min-height:300px;background:url(../images/ajax-loader.gif) no-repeat center center;}
.flexslider .slides img{max-width:640px;display:block;-moz-border-radius:2px;border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px;}
.flex-pauseplay span{text-transform:capitalize;}
.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
html[xmlns] .slides{display:block;}
* html .slides{height:1%;}
.no-js .slides > li:first-child{display:block;}
.flexslider{position:relative;zoom:1;}
.flexslider .slides{zoom:1;}
.flexslider .slides > li{position:relative;}
.flex-control-nav{position:relative;text-align:left;margin-bottom:20px;margin-top:-45px;margin-left:30px;z-index:100;}
.flex-control-nav li{margin:0 0 0 1px;display:inline;zoom:1;*display:inline;}
.flex-control-nav li:first-child{margin:0;}
.flex-control-nav li a{width:21px;height:21px;display:inline-block;background:url("../images/slide_nav.png") no-repeat;cursor:pointer;text-indent:-999em;}
.flex-control-nav li a:hover{background-position:0 -21px;}
.flex-control-nav li a.active{background-position:0 -42px;cursor:default;}
.diensten .flexslider{overflow:hidden;width:100%;max-width:300px;margin-bottom:50px;}
.diensten .flexslider .slides img{max-width:300px;display:block;-moz-border-radius:2px;border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px;}
@media only screen and (min-width:768px) and (max-width:1020px){.wrapper{width:680px;}
section#header{height:90px;background-color:#fff;position:relative;margin-bottom:-60px;z-index:2000;}
section#header .logo{padding-top:75px;background-image:url('../images/logo.jpg');width:130px;}
section#header .nav{width:470px;height:70px;top:0;background-color:#fff;}
section#header .nav a,
section#header .nav b{background
display:block;font-family:'Rokkitt',serif;font-size:1.1em;padding:35px 0 50px;text-align:center;width:90px;}
section#header .nav a:hover{}
section#header .nav b{color:#fff;}
section#header .grunge_border_top{height:10px;z-index:-10;width:100%;margin-top:90px;position:absolute;}
.projecten_intro{height:180px;}
section#content .top #kringel{margin-top:280px;}
section#content #kringel{margin-top:50px;margin-left:50px;}
section#content .top .kop h1{margin:60px 0;}
section#content .space{display:none;}
section#content .kop{width:640px;}
section#content .project_thumb{margin-bottom:30px;}
.sectiekop{margin-bottom:300px;}
.werkwijze_intro .sectie{display:none;}
.diensten_intro .sectie{display:none;}
.adres .sectie{display:none;}
.contact .sectie{display:none;}
section#content .kop h1{margin-top:70px;margin-bottom:30px;}
#project1, #project2, #project3, #project4, #project5, #project6, #project7, #project8{height:550px;margin-bottom:100px;}
.info{width:640px;height:auto;}
p{margin-bottom:10px;}
a.meer{margin-top:0px;margin-bottom:40px;}
section#footer{margin-top:50px;}
section#footer .adres p{margin-top:15px;}
a#go_to_top{margin-right:20px;margin-top:-235px;}
}
@media only screen and (max-width:767px){p{font-size:16px;line-height:24px;}
.wrapper{width:320px;}
section#content .wrapper{margin-top:30px;}
.col_8,
.col_4,
.col_2{float:none!important;display:block;margin:0 auto;}
.col_8{width:280px;}
.col_4{width:280px;}
section#header{height:210px;}
section#header .logo{padding-top:130px;}
section#header .nav{margin-top:20px;}
section#header .nav ul{display:none;}
section#header .nav select{display:inline-block;position:relative;bottom:0;}
section#content #kringel{display:none;}
section#content .top{height:450px;}
section#content .kop{width:280px;}
section#content .kop h1{margin-top:85px;font-size:32px;line-height:34px;}
section#content .top .kop h1{font-size:42px;line-height:44px;margin-top:25px;}
section#content .top .flexslider{margin-top:60px;}
.flexslider .slides img{width:280px;}
section#content .flexslider .flex-control-nav{margin-top:-40px;margin-left:15px;}
section#content .over_ons{margin-top:0;height:460px;}
section#content .tekst{margin-top:20px;margin-bottom:20px;}
section#content .sectie{display:none;}
section#content .projecten{display:none;}
a.meer{display:none;}
section#content .mobile{display:block;height:110px;margin-bottom:30px;}
section#header .grunge_border_top{margin-top:33px;}
section#content .mobile_action a{float:left;display:block;background-color:#e72130;margin-bottom:10px;width:175px;padding:12px 0 10px;font-size:18px;color:#fff;text-transform:uppercase;font-family:'Rokkitt',serif;}
section#content .mobile_action a:hover{width:185px;}
.mobile_action:after, .mobile_action:before{width:10px;content:"";float:left;border:23px solid #e72130;}
.mobile_action:before{border-left-color:transparent;margin-right:-17px;}
.mobile_action:after{border-top-color:transparent;border-bottom-color:transparent;border-right-color:transparent;}
section#footer{margin-top:50px;}
section#footer .taal{margin-bottom:15px;}
section#footer .adres p{display:block;margin-bottom:10px;}
.space{display:none;}
.werkwijze_intro .kop h1{margin-top:60px !important;margin-bottom:20px !important;}
.diensten_intro .kop h1{margin-top:10px !important;margin-bottom:10px !important;}
.diensten .flexslider{margin-bottom:0px;}
.projecten_intro{height:160px;}
.projecten_intro .kop h1{margin-top:60px !important;margin-bottom:20px !important;}
.info h2{margin-top:60px;}
.adres .maps{display:none;}
.adres .gegevens{margin-top:100px;height:auto;}
.contact .formulier{margin-top:10px!important;margin-bottom:0px !important;}
form .form_row input,
form .form_row textarea{margin-bottom:15px;width:250px;}
#send{width:100%;}
a#go_to_top{display:none;}
.go_to_top_mobile{display:block;background-color:#fff;color:#d9d9d9;margin-top:40px;margin-bottom:20px;}
.go_to_top_mobile a{display:block;font-size:.9em;padding:10px 20px;}
.go_to_top_mobile a:hover,
.go_to_top_mobile a:hover{color:#e72130;}
.go_to_top_mobile a strong{font-size:.7em;float:right;}
@media only screen and (min-width:480px) and (max-width:767px){.wrapper{width:420px;}
.col_8,
.col_4,
.col_2{float:none!important;display:block;margin:0 auto;}
.col_8{width:380px;}
.col_4{width:380px;}
.col_2{width:180px;}
section#content .top{height:390px;}
section#content .flexslider{width:380px;margin-top:170px;}
.flexslider .slides img{width:380px;}
section#content .kop{width:380px;}
section#content .over_ons{height:380px;}
}
@media only screen and (-webkit-device-pixel-ratio:2){section#header .logo{background-image:url('../images/logo.jpg');background-size:254px;}
section#content .info a.twitter .icon{background-image:url('../images/icon_twitter_x2.png');background-size:100%;}
section#content .info a.facebook .icon{background-image:url('../images/icon_facebook_x2.png');background-size:100%;}
.flex-control-nav li a{width:19px;height:19px;background-image:url("../images/slide_nav_x2.png");background-size:100%;}
}