html { font-size: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; /* overflow: default=visible, let's try auto or hidden */ }
html.lt-ie8 { *behavior: url(../js/boxsizing.htc);}
*, *:before, *:after { -moz-box-sizing: inherit; -webkit-box-sizing: inherit; box-sizing: inherit;}
/* *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing:  border-box;}*/
a {word-wrap:break-word;}
a img {border:none;}
/* Specific fonts */
@font-face {
    font-family: 'texgyreadventor';
    src: url('texgyreadventor_regular_macroman/texgyreadventor-regular-webfont.eot');
    src: url('texgyreadventor_regular_macroman/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('texgyreadventor_regular_macroman/texgyreadventor-regular-webfont.woff') format('woff'),
         url('texgyreadventor_regular_macroman/texgyreadventor-regular-webfont.ttf') format('truetype'),
         url('texgyreadventor_regular_macroman/texgyreadventor-regular-webfont.svg#texgyreadventorregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'texgyreadventor';
    src: url('texgyreadventor_bold_macroman/texgyreadventor-bold-webfont.eot');
    src: url('texgyreadventor_bold_macroman/texgyreadventor-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('texgyreadventor_bold_macroman/texgyreadventor-bold-webfont.woff') format('woff'),
         url('texgyreadventor_bold_macroman/texgyreadventor-bold-webfont.ttf') format('truetype'),
         url('texgyreadventor_bold_macroman/texgyreadventor-bold-webfont.svg#texgyreadventorbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

body {margin:0;padding:0;text-align:center;font:normal 12px 'texgyreadventor', Arial, Helvetica, Sans-Serif;
background:#ffffff url(/img/bg/lemons.jpg) no-repeat 50% top; background-size:cover; background-attachment:fixed;
}

.nowrap,
nobr {white-space:nowrap;}
strong,
.bold {font-weight:bold;}
.blok,
.fl {float:left;}
.fr {float:right;}
.ar {text-align:right;}
.clear {clear:both;}
.debug {border:dashed 1px red;}
.ie-lt8 .half {width:50%;}
.half {width:50%;}

/* clearfix is called group now: */
.group:before, .group:after {content: "";display: table;} 
.group:after {clear: both;}
.group {zoom: 1; /* For IE 6/7 (trigger hasLayout) */}
.copyright {position:absolute;right:0;bottom:0;padding:0 2% 2px;}
.visually_hidden {text-indent:-9999px;text-align:left !important;}

.block {display:block;}
/*img.responsive {width:100%;max-width:1000px;height:auto;}*/
.pureslider img,
img.responsive {max-width:100%;width:auto;height:auto;}
img.responsive.makelaar {width:33.333%;max-width:126px;height:auto;}
.abs {position:absolute;}
.rt {right:0;top:0;text-align:right;position:absolute;}
.lb {left:0;bottom:0;text-align:left;position:absolute;}
.rb {right:0;bottom:0;text-align:right;position:absolute;}
.ml {margin-left:40px;}
.mb {margin-bottom:1em;}
.mb0 {margin-bottom:0;}
.mh0 {min-height:0 !important;}
.mh332 {min-height:332px;}
.mt0 {margin-top:0;}
.mt {margin-top:1em;}
.mt2 {margin-top:20px;}
.mb2 {margin-bottom:20px;}
.bar {height:24px;}
.centertext {text-align:center;}
.pos_rel {position:relative;}
.main .blok,
.padding {padding:15px;}
.main .blok .nopad,
.main .blok.nopad,
.main .blok.bg0,
.padding .nopad {padding:0;}

a,
a:visited {color:#3AAA35;text-decoration:none;}
a:hover,
a:active {color:#3AAA35;text-decoration:underline;}

ul.no-indent,
ol.no-indent {padding-left:1.5em;}

ul.square {list-style-type:square;}

.container a,
.container a:visited {color:#3AAA35;text-decoration:none;}
.container a:hover,
.container a:active {color:#3AAA35;text-decoration:underline;}

.blacklinks a,
.blacklinks a:visited {color:#000;text-decoration:none;}
.blacklinks a:hover,
.blacklinks a:active {color:#000;text-decoration:underline;}

.wrapper {max-width:1000px;margin:0 auto;position:relative;}
.container {max-width:1000px;margin:0 auto;padding:0 5%;text-align:left;background-color:#ffffff;}

.header {background-color:#ffffff;}
.header h1 {margin:0 0 5px 0;color:#3AAA35;font-size:3em;line-height:1em;}

.logo {position:absolute;top:20px;left:15px;width:128px;height:128px;text-align:left;margin-left:5%;z-index:10;}
.logo {width:12.8%;height:auto;}
.logo img {width:100%;height:auto;}
.fakelogo img {width:13%;height:auto;float:left;margin-left:20px;}
.home .logo {width:17.2%;height:auto;}
.home .fakelogo img {width:14%;}

.menu {color:#3AAA35;font-size:1.25em;text-align:right;padding-top:10px;}
.menu a {padding:10px 4px; line-height:20px;}
.menu a,
.menu a:visited {color:#000;text-decoration:none;}
.menu a:hover,
.menu a:active,
.menu a:active:hover {color:#3AAA35;text-decoration:none;}
.menu a.active {font-weight:bold;}

/*.visual {background: #ffffff url(../img/bg_gradient_full.jpg) repeat-x scroll 0 0;height:auto;background-size:contain;}*/
.visual {height:auto;background-size:contain;}
.visual .container {padding-bottom:20px;}

.bg0 {background-color:transparent;}
.bg1 {background-color:#D8EED7;}
.bg2 {background-color:#C4E5C2;}
.bg3 {background-color:#B0DDAE;}
.bgw {background:#ffffff;}
.bgwtrans {background:transparent url(/img/bg/white_trans70pct.png) repeat;}
.bg4 {background-color:#1D82AE;}
.bg5 {background:transparent url(/img/sfeer/genieten.jpg) no-repeat 50% top;background-size:cover;}
.bg6 {background-color:#3AAA35;}
.bg7 {background-color:#6AC4CF;}
.bg4,
.bg6,
.bg7 {color:#ffffff;}

.language {position:absolute;top:3px;right:1px;padding:10px 4px;display:block;}
.language img {width:25px;height:15px;}

a.bg6,
a.bg6:visited,
a.bg6:hover,
a.bg6:active,
a.bg6:active:hover,
.bg6 a,
.bg6 a:visited,
.bg6 a:hover,
.bg6 a:active,
.bg6 a:active:hover {color:#ffffff;}

.widechildlinks a {display:inline-block;width:100%;}

.home .main .blok {min-height:14em;}
.main .blok p,
.main .blok h2,
.main .blok h3 {margin-top:0;}
.zuidas .main .blok h3 {margin-bottom:0;}

.blok.w_1_3 {width:32%;margin-right:2%;}
.blok.w_2_3 {width:66%;margin-right:2%;}
/*.blok.w_1_2 {width:49%;margin-right:2%;}*/
.blok.w_1_2 {width:48.333333%;margin-right:3.333333%;}
.blok.last {margin-right:0;float:right;}
.kaart {background:transparent url(/img/visuals/googlemapslocatie.jpg) no-repeat 50% 50%;background-size:cover;}
.kaartje {background:transparent url(/img/sfeer/googlemapslocatie_sm.jpg) no-repeat 50% 50%;background-size:cover;}
a.kaartje {display:block;position:absolute;top:50px;left:15px;right:15px;bottom:15px;}

.pureslider {position:relative;/* width:320px;height:480px; */}
.pureslider .f2 {
    position:absolute;
    left:0;
    top:0;
    z-index:2;
    -webkit-animation-name: fade;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 20s;
    animation-name: fade;
    animation-iteration-count: infinite;
    animation-duration: 20s;
}

@-webkit-keyframes fade {
    0% {opacity: 0;}
    20% {opacity: 1;}
    50% {opacity: 1;}
    70% {opacity: 0;}
    100% {opacity: 0;}
}
@keyframes fade {
    0% {opacity: 0;}
    20% {opacity: 1;}
    50% {opacity: 1;}
    70% {opacity: 0;}
    100% {opacity: 0;}
}

.matchHeight { /* for intellisense in IDE */ }

.largetext {font-size:1.5em;line-height:1.25em;}
.fullsize {display:block;position:absolute;top:0;left:0;right:0;bottom:0;}

.social {float:right;width:45px;height:45px;margin-left:1.6%;}

.footer .container {margin:20px 0;padding:0 5% 12px 5%;}
.footer h3 {font-weight:normal;}

.amgea {width:78px;margin:0 27px 10px 0;}
.nldev {width:38px;}

.copyright {font-size:10px;margin-right:2.75%;}


.voordelen li {font-size:1.1em;}
.plan h2,
.plan h3 {margin-bottom:0;}

a.woningtype {display:block;clear:left;width:8.2em;min-height:1.75em;border-bottom:1px solid transparent;}
.woningtype span {display:block;float:left;min-width:2.75em;}
.woningtype span.c {min-width:1em;text-align:center;}
.woningtype span.r {min-width:3em;text-align:right;}
a.woningtype.hover,
a.woningtype:hover,
a.woningtype:active {border-bottom-color:#000;}

.bottomline {border-bottom:solid 2px #3AAA35;}

/*
.ribbon .container a,
.ribbon .container a:visited,
.ribbon .container a:hover,
.ribbon .container a:active {color:#ffffff;}
.ribbon .container {padding:0.65% 2%;color:#ffffff;}
.address .container {width:100%;color:#3AAA35;text-align:right;padding:0.65% 2%;font-size:11px;}
.address .container {font-size:24px;font-weight:bold;}

.ribbon {background-color:#5BC5F2;min-height:100px;font-size:14px;}
.ribbon h3 {font-size:22px;}
.ribbon h3,
.ribbon p {margin:0;}
*/

.contactform .row label {min-width:90px;text-align:left;display:inline-block;}
.contactform .row input {min-height:24px;margin-bottom:4px;width:215px;border-width:0;padding:0 4px;
/*-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;*/
}
.contactform .row input.btn {background-color:#3AAA35;color:#ffffff;width:106px;margin-bottom:0;cursor:pointer;font-weight:bold;font-size:16px;padding:0 6px;}
a.btn {background-color:#3AAA35;color:#ffffff;min-width:130px;font-weight:bold;font-size:16px;padding:0 6px;
/*-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;*/
}

.textshadow {text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5)}

.bg4,
.bg6,
.bg7,
.bg6 a,
a.bg6,
a.btn,
.contactform .row input.btn {text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);}

.bg7 a:hover,
.bg7 a:active,
a.bg7:hover,
a.bg7:active,
.bg7 a:hover,
.bg6 a:active,
a.bg6:hover,
a.bg6:active,
a.btn:hover, a.btn:active,
.contactform .row input.btn:hover {text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);text-decoration:none;}

.kenmerken {color:#ffffff; position:absolute;left:6.666%;bottom:3.333%;font-size:24px;margin-bottom:20px;line-height:1.28em;font-weight:bold;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);}
/* overriding rules for backward compatibility */
.lt-ie7 .container {width:1000px;} /* the oldIEs don't know 'bout max-anything */
.lt-ie8 .subfooter .container {width:960px;padding:0;line-height:28px;} /* the oldIEs don't know box-sizing */
.lt-ie9 .visual, .lt-ie9 .header, .lt-ie9 .address, .lt-ie9 .ribbon, .lt-ie9 .footer {padding:0;} /* the oldIEs can't do background-size */

/* obsolete 
.visual, .header, .address, .ribbon, .footer {padding:0 2%;}
.lt-ie8 .address .container {padding:0;}
#x img.logo {width:172px;height:172x;position:absolute;top:-134px;left:32px;}
#x .header .container {background:#ffffff url(../img/home_header.gif) no-repeat scroll 50% 0;height:150px;width:100%;}
#x .address .container {background:#ffffff url(../img/home_address.gif) no-repeat scroll 50% 0;height:50px;}
*/



.prijslabel {
    margin:30px 60px 0 0;
    min-width: 54px;
    max-width: 270px;
    width:10.4%;
    margin:3% 6% 0 0;
}


.prijslabel {

    -moz-animation-name: animation_on_start;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-out;
    -moz-animation-duration: 2s;

    -webkit-animation-name: animation_on_start;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-duration: 2s;

    animation-name: animation_on_start;
    animation-iteration-count: once;
    animation-timing-function: ease-out;
    animation-duration: 2s;
}

@-moz-keyframes animation_on_start {
    0% {-moz-transform: translateY(900px);}
    80% {-moz-transform:translateY(-8px);}  
    90% {-moz-transform:translateY(2px);}  
    100% {-moz-transform: translateY(0);}
}
@-webkit-keyframes animation_on_start {
    0% {-webkit-transform: translateY(900px);}
    80% {-webkit-transform:translateY(-8px);}  
    90% {-webkit-transform:translateY(2px);}  
    100% {-webkit-transform: translateY(0);}
}
@keyframes animation_on_start {
    0% {transform: translateY(900px);}
    80% {transform:translateY(-8px);}  
    90% {transform:translateY(2px);}  
    100% {transform: translateY(0);}
}

.visible-xs {display:none;}

@media screen and (max-height: 500px){
    #gmap {height:240px;}
}

@media screen and (max-width: 800px){
    .home .hidden-s {display:none;}
    .stopfloat-medium .blok {float:none;width:100%;margin-right:0;height:auto !important;min-height:0;}
}

@media screen and (max-width: 640px){
    .stopfloat-s .blok {float:none;width:100%;margin-right:0;height:auto !important;min-height:0;}
    .hidden-s {display:none;}
    .menu {font-size:2.4vw;}
    .contactform label {min-width:215px;}
    .mh332 {min-height:0;}
}

@media screen and (max-width: 560px){
    /*.footer .fl.makelaar {float:none;}*/
    /*.footer .container {font-size:9px;font-size:2vw;}
    .ribbon .container,*/
    .address .container,
    .kenmerken {font-size:12px;font-size:4.3vw;}
    /*.copyright {position:relative;margin-top:25px;padding:0 2% 2px;}*/

    .stopfloat-xs .blok {float:none;width:100%;margin-right:0;height:auto !important;min-height:0;}
    .hidden-xs { display:none;}
    .visible-xs { display:block;}
    span.visible-xs,
    .visible-xs-inline { display:inline;}
}

@media screen and (max-width: 560px){ /* was 440px */
    .stopfloat-xxs .blok {float:none;width:100%;margin-right:0;height:auto !important;min-height:0;}
    .hidden-xxs { display:none;}
    .visible-xxs { display:block;}
    span.visible-xxs,
    .visible-xxs-inline { display:inline;}
    .menu {font-size:.85em;}
    .blok,
    .blok.last,
    .group .fl {float:none;}
    .blok,
    .blok.w_1_2,
    .blok.w_1_3,
    .blok.w_2_3,
    .half {width:auto;margin-right:0;height:auto !important;min-height:0;}
    .group .ar {text-align:left;}
}

@media screen and (min-width: 1000px)
{
.header {min-height:127px;}
.home .header {min-height:140px;}
/*
    .ribbon .container,
    .footer .container,
    .address .container {padding:7px 20px;}
    .copyright {padding-right:20px;}
*/
}

/* jssor styles */
/* arrow 06 */
.jssora06l, .jssora06r, .jssora06ldn, .jssora06rdn 
{ 
	position: absolute; 
	cursor: pointer; 
	display: block; 
    background: url(../img/jssor/a06.png) no-repeat; 
    overflow:hidden; 
} 
.jssora06l { background-position: -8px -38px; } 
.jssora06r { background-position: -68px -38px; } 
.jssora06l:hover { background-position: -127px -38px; } 
.jssora06r:hover { background-position: -188px -38px; } 
.jssora06ldn { background-position: -248px -38px; } 
.jssora06rdn { background-position: -308px -38px; } 

/* arrow 19 */
.jssora19l, .jssora19r, .jssora19ldn, .jssora19rdn 
{ 
	position: absolute; 
	cursor: pointer; 
	display: block; 
    background: url(../img/jssor/a19.png) no-repeat; 
    overflow:hidden; 
} 
.jssora19l { background-position: -5px -35px; } 
.jssora19r { background-position: -65px -35px; } 
.jssora19l:hover { background-position: -125px -35px; } 
.jssora19r:hover { background-position: -185px -35px; } 
.jssora19ldn { background-position: -245px -35px; } 
.jssora19rdn { background-position: -305px -35px; } 

/* bullet 14 */
.jssorb14 div, .jssorb14 div:hover, .jssorb14 .av 
{ 
    background: url(../img/jssor/b14.png) no-repeat; 
    overflow:hidden; 
    cursor: pointer; 
} 
.jssorb14 div { background-position: -9px -9px; } 
.jssorb14 div:hover, .jssorb14 .av:hover { background-position: -39px -9px; } 
.jssorb14 .av { background-position: -69px -9px; } 
.jssorb14 .dn, .jssorb14 .dn:hover { background-position: -99px -9px; }