/* Css Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
ol,ul{list-style:none;}
blockquote,q{ quotes:none; }
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none; }
:focus{ outline:0; }

/*h1, h2, h3,
.footer p,
.designed a,
.designed a:visited{ font-family:'ColaborateLightRegular',Arial, Helvetica, sans-serif}*/

.btn,
.frmbox .btn-submit{ font-family:'ColaborateRegular',Arial, Helvetica, sans-serif}
/*end font*/

/* General Styles */
label{ cursor:pointer; }
a,a:visited{ color:#0c2e48; text-decoration:underline; }
a:focus,a:hover{ text-decoration:none;color:#0085cf }
body{ background:#F3F3F3; color:#555555; font:62.5% Arial, Helvetica, sans-serif;  }


h1{ font-size:26px; line-height:26px; color:#041119; font-weight:normal;}
h2{ font-size:22px; line-height:22px; color:#041119; font-weight:normal}
h3{ font-size:20px; line-height:20px; color:#041119; font-weight:normal}
h4{ font-size:16px; line-height:16px; color:#333; font-weight:normal}

p,li{ font-size:14px; line-height:20px;}

/*layout*/
.wrapper{ margin:0 auto; width:1070px; background-color:#fff; padding-bottom:50px;}
.content{margin :0 auto; width:960px;}

/* header */
.header{}
	.logo{width:231px;height:27px;text-indent:-9999em;background:url(images/bgr-logo.png) no-repeat;cursor:pointer; margin:20px 0 0 15px; float:left}
	.foot-logo{width:113px;height:35px;text-indent:-9999em;background:url(images/bgr-logo-footer.png) no-repeat;cursor:pointer; margin:15px 30px 0 0; float:right}

/* menu */
.menubox{position: relative; z-index:2;width:1000px;}

.menu{background-image:url(images/bgr-menuv2.png); background-repeat:no-repeat; background-position:0 -154px; height:77px; padding-left:8px; z-index:1; position:relative; top:0; left:0; width:990px; }
	.menu .menu-out{background:url(images/bgr-menuv2.png) no-repeat 100% -154px; height:77px; float:left; padding-right:8px;}
	.menu .menu-in{background:url(images/bgr-menuv2.png) repeat-x 0 -154px; height:77px; width:984px; float:left;}
.nav{ float:right} 
	.nav li{ float:left;height:81px; background:url(images/bgr-menu-selector.png) no-repeat 100% 0; padding-right:4px; position:relative;}
	.nav a, 
	.nav a:visited {color:#fff; height:30px; line-height:30px;float:left;font-size:13px;font-weight:bold;padding:20px 15px 0 19px;text-shadow: -1px -1px 1px #434343;text-decoration: none;}

.subnav {position:absolute; left:0; top:77px; width:150px; padding:10px 15px; display:none; background:url(images/bgr-subnav.png) repeat;}
	.subnav  li{color:#fff; height:25px; font-size:15px;padding:3px 0; width:100%; background:none; line-height:25px;}
	.subnav  a,
	.subnav  a:visited{height:25px;line-height:25px; padding:0}
	
/*section*/
.section{}
	.section .content{ overflow:hidden; padding:10px 0 40px;} 	

/*bannerbox*/
.bannerbox .content{ width:1000px;position:relative; height:340px; z-index:1; overflow:hidden ; padding:0 3px}
	.bannerbox .bx-pager{position:absolute; z-index:99999; margin:0 auto; height:15px; left:0;top:300px;}
	.bannerbox .bx-pager a{background:url(images/bgr-slider-dots.png) no-repeat; width:14px; height:14px; float:left;text-indent:-9999999px; margin-right:8px}
	.bannerbox .bx-pager a.pager-active{background-position:100% 0}
	.bannerbox .bx-prev,
	.bannerbox .bx-next{ background:url(images/bgr-prev-next.png) no-repeat; width:34px; height:54px;display:block; position:absolute;top:135px;text-indent:-99999em;z-index:99999}
	.bannerbox .bx-prev{ background-position:0 0;left:50px;}
	.bannerbox .bx-next{ background-position:-34px 0; right:50px;}

	.banner { height:340px; width:1000px;}
	.banner li{ height:340px; width:1000px;}

/* block with houses*/
.blockbox .content{position:relative; height:510px; width:1000px; padding:90px 0 0 0;background-color:#f7f6f4; z-index:1;border-bottom-right-radius:10px; 	-moz-border-radius-bottomright:10px;-webkit-border-radius-bottomright:10px;border-bottom-leftt-radius:10px; 	-moz-border-radius-bottomleft:10px;-webkit-border-radius-bottomleft:10px}

.bgimg{ width:870px; height:385px;margin:0 auto;}
.blockrow{ width:100%; float:left; }	
	
.lofts{background:url(../images/img-gray1.jpg) no-repeat 50% 0; padding:95px 20px 0 65px; }
	.lofts .blockrow{ margin-bottom:5px;}	
.kantoren{background:url(../images/img-gray2.jpg) no-repeat 50% 0; padding:65px 14px 30px 71px;  }
	.kantoren .blockrow{ margin-bottom:2px;}	
	
.block_state{ position:absolute;  z-index:1; background-repeat:no-repeat; width:73px; height:73px;}
	.block_state-top{top:-1px; left:-1px;}
	.block_state-bot{bottom:-1px; left:-1px; background-position: 0 -77px;}

.forsalebox{background:url(images/bgr-forsale.png)  repeat-x ; position:relative;  float:left; cursor:pointer}
	.forsalebox .block_state{background-image:url(images/bgr-box-forsale.png);}
.optionbox{background:url(images/bgr-forsale.png) repeat-x;position:relative; float:left; cursor:pointer}
	.optionbox .block_state{background-image:url(images/bgr-box-option.png);}
.soldbox{background:url(images/bgr-sold.png) repeat-x ; position:relative;  float:left;}
	.soldbox .block_state{background-image:url(images/bgr-box-sold.png);}

.topleft{ background:url(images/bgr-sold.png) repeat-x ; position:absolute; top:0; left:-33px; width:33px; height:34px;z-index:2;}
.topright{background:url(images/bgr-forsale.png) repeat-x; position:absolute; top:0; right:-35px; width:35px; height:34px;z-index:2;}

.topleft.sold,
.topright.sold{
    background-image:url(images/bgr-sold.png);
}
.topleft.forsale,
.topright.forsale,
.topleft.option,
.topright.option{
    background-image:url(images/bgr-forsale.png);
}


	
.blocktxt { padding-top:60px;}
	.blocktxt p{ font-size:20px; color:#444; line-height:22px; text-align:center;}
	.blocktxt p span{ font-size:15px; display:block;}

.bl_1{ width:135px; height:150px; margin:0 5px 0 0}
.bl_2{ width:65px; height:150px;margin:0 5px 0 0;}
.bl_3{ width:65px; height:130px;margin:19px 5px 0  0;}
	.bl_3 .blocktxt{ padding-top:40px;}
.bl_4{ width:130px; height:175px; margin:0 2px 0 0}
	.bl_4 .blocktxt{ padding-top:80px;}
.bl_5{ width:69px; height:175px; margin:0 2px 0 0}
	.bl_5 .blocktxt{ padding-top:80px;}
.bl_6{ width:68px; height:175px; margin:0 2px 0 0}
	.bl_6 .blocktxt{ padding-top:80px;}
.bl_7{ width:68px; height:175px; margin:0 2px 0 0}
.bl_8{ width:130px; height:150px; margin:0 2px 0 0}
.bl_9{ width:89px; height:150px; margin:0 2px 0 0}
.bl_10{ width:85px; height:150px; margin:0 2px 0 33px;}
.bl_11{ width:72px; height:150px; margin:0}
.bl_12{ width:67px; height:150px; margin:0 2px 0 0}
.bl_13{ width:83px; height:150px; margin:0 36px 0 0}

/*lightbox for boxes*/
.lightbox{background:url(images/bgr-lightbox.png) no-repeat; width:347px; padding-top:15px; position:absolute; top:40px;  z-index:1000; display:none;}
	.lightbox-toleft{left:20px;}
	.lightbox-toright{right:20px;}
	.lightbox .lightbox-out{background:url(images/bgr-lightbox.png) no-repeat 100% 100%; width:100%; padding-bottom:14px; }
	.lightbox .lightbox-in{background:url(images/bgr-lightbox-rep.png) repeat-y; width:311px; padding:0 18px 5px;}
	
	.lightbox .title{overflow:hidden; padding:0; border-bottom:none; margin-bottom:15px;}
	.lightbox .title h3{ color:#fff; float:left;}
	.lightbox .title span{ color:#fff; float:right; font-size:20px;}
	.lightbox .close{background:url(images/btn-close.png) no-repeat; width:23px; height:23px; display:block; position:absolute; top:-8px;text-indent:-99999em;}
		.lightbox-toleft .close{ right:-8px;}
		.lightbox-toright .close{ left:-8px;}
	.lightbox .lightbox-arrow { position:absolute; top:30px;background-image:url(images/bgr-lightbox-arrow.png); background-repeat: no-repeat; width:20px; height:24px;}
		.lightbox-toleft .lightbox-arrow{background-position:0 0; left:-13px;}
		.lightbox-toright .lightbox-arrow{background-position:100% 0; right:-13px;}
	.lightbox p{padding-bottom:15px; font-size:12px; line-height:16px; color:#081c2b}
	.lightbox p strong{font-size:14px; display:block}
	.lightbox a,
	.lightbox a:visited{ font-size:12px; color:#081c2b; text-decoration:underline}
	.lightbox a:hover{text-decoration:none}


/*mappopup*/
.mapbox{background:url(images/bgr-mapbox.png) no-repeat; width:311px; padding-top:11px; position:absolute; top:80px; left:500px;  z-index:1000; }
	.mapbox .mapbox-out{background:url(images/bgr-mapbox.png) no-repeat 100% 100%; width:100%; padding-bottom:11px; }
	.mapbox .mapbox-in{background:url(images/bgr-mapbox-rep.png) repeat-y; width:285px; padding:0 13px;}
	.mapbox .maptxt{ float:left; width:182px;}
	.mapbox .star li{float:left; padding-right:4px;}
	.mapbox  h4{ margin-bottom:5px;}
	.mapbox .mapbox-arrow { position:absolute; top:30px; left:-13px;background-image:url(images/bgr-mapbox-arrow.png); background-repeat: no-repeat; width:20px; height:24px;}
	.mapbox p{font-size:12px; line-height:16px; color:#555; margin-bottom:3px;}


.smallslider .bx-prev,
	.smallslider .bx-next,
.highslider .bx-prev,
	.highslider .bx-next,
.planslider .bx-prev,
	.planslider .bx-next{ background:url(images/bgr-prev-next-small.png) no-repeat; width:13px; height:20px;display:block; position:absolute;text-indent:-99999em;z-index:999}
	
.smallslider{ width:288px; padding:10px 20px 0; height:77px; overflow:hidden}
	.smallslider .slider{ width:288px; height:77px;}
	.smallslider .slider li{ width:86px; height:77px; text-align:center; float:left}
	.smallslider .bx-prev,
	.smallslider .bx-next{top:30px;}
	.smallslider .bx-prev{ background-position:0 0;left:-20px;}
	.smallslider .bx-next{ background-position:-13px 0; right:-20px;}

.highslider{ width:288px; padding:10px 20px 0; height:336px; overflow:hidden}
	.highslider .slider{ width:288px; height:336px;}
	.highslider .slider li{ width:86px; height:336px; text-align:center; float:left}
	.highslider .slider li a{ padding:0 0 6px 6px; float:left}
	.highslider .bx-prev,
	.highslider .bx-next{top:160px;}
	.highslider .bx-prev{ background-position:0 0;left:-20px;}
	.highslider .bx-next{ background-position:-13px 0; right:-20px;}

.planslider{ width:265px; padding:10px 25px 0; height:200px; overflow:hidden}
	.planslider .pslider{ width:255px; height:200px;}
	.planslider .pslider li{ width:255px; height:200px; text-align:center; float:left}
	.planslider .bx-prev,
	.planslider .bx-next{ top:75px;}
	.planslider .bx-prev{ background-position:0 0;left:-20px;}
	.planslider .bx-next{ background-position:-13px 0; right:-20px;}
	.planslider .bigger,
	.planslider .bigger:visited{float:left; text-decoration:underline}
	.planslider .bigger:hover{ text-decoration:none;}


.bouwteam .txt{ float:left; width:395px;}
	.bouwteam .imgbox{ float:left; width:225px;text-align:right}

.imgtxt li{ padding-bottom:35px; overflow:hidden; width:100%}
	.imgtxt li.last{ padding-bottom:0;}
.footer{width:100%; background-color:#ecebe8}
	.footer .content{  height:60px;}
	.footer p{ font-size:15px; color:#0b293f; float:left; line-height:60px;}
	.footer p a,
	.footer p a:visited{ color:#0b293f;text-decoration: underline;}
        .footer p a:hover{color:#0085cf;text-decoration:none;}



.frmbox{ width:100%; float:left; overflow:hidden}
	.frmbox .txt-input,
	.frmbox textarea{ -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background: #fff; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
	.frmbox .btn{ cursor:pointer;}
	.frmbox .btn span span{ padding:0;}
	.frmbox .btn .btn-submit{ background:url(images/btn-submit.png) no-repeat 50% 10px; width:78px; height:30px; border:none; color:#fff; font-size:17px;margin:0;float:left}
	.frmbox .btn:hover .btn-submit{cursor:pointer; background-position: 50% -17px; }

#frmcontact{ margin-top:30px;}
	#frmcontact li{ width:100%; float:left; padding-bottom:7px}
	#frmcontact label{ float:left; width:165px; font-size:14px;line-height:25px;}
	#frmcontact li li label{  width:420px;line-height:17px;}
	#frmcontact .txt-input{ border:1px solid #c4b7b1; width:280px; height:20px; padding:5px 10px;}
        #frmcontact .txt-input.small{width:100px;}
	#frmcontact textarea{ border:1px solid #c4b7b1; width:280px; height:90px; padding:5px 10px; margin-bottom:20px; overflow:auto}
	#frmcontact .chkbox{ float:left; width:450px;}
	#frmcontact .chkbox input{ float:left; }
	#frmcontact .btn{margin:20px 0;}
	

#frmsearch{ padding: 10px 0;}
	#frmsearch li{ float:left}
	#frmsearch .txt-input{ width:150px; height:19px; padding:7px 10px 3px; margin-right:15px; border:1px solid #dddcd8;-webkit-box-shadow: #666 0px 1px 1px;-moz-box-shadow: #666 0px 1px 1px;box-shadow: #666 0px 1px 1px;}
	#frmsearch .btn{ width:95px;}


.cols{ width:100%; margin-bottom:10px;}
	.cols .item{ width:100%; overflow:hidden; }
	.cols p{ padding-bottom:15px;}

.sameheight_js{position:relative; padding-bottom:50px}
	.sameheight_js .btn{ position:absolute; bottom:0; left:0px;}

.title{ width:100%; overflow:hidden; padding:25px 0 8px; border-bottom:1px solid #aab4bc; margin-bottom:19px;}
	.title h1{ float:left;}
	.title h2{padding-top:4px;}
	.title h3{ padding-top:6px;}

.toggle{ padding:5px 0 8px; margin-bottom:8px;}
	.toggle h2{ cursor:pointer}

.faq li a,
	.faq li a:visited,
	{ text-decoration:underline}

.list{padding-bottom:15px;}
	.list li a,
	.list li a:visited{ text-decoration:underline}
	.list li a:hover{ text-decoration:none;}

.more,
	.more:visited{font-size:14px; color:#0b293f; text-decoration:underline}
	.more:hover{ text-decoration:none;color:#0085cf;}

/*.btn,
	.btn:visited{ height:30px; padding:0 18px; float:left; color:#fff; font-size:17px; line-height:30px; background: #0e3655; border-width:1px; border-style:solid; border-color: #2290b6 #2290b6 #186089;box-shadow:0 0 2px 2px #cccccc;-moz-box-shadow:0 0 2px 2px #cccccc;-webkit-box-shadow:0 0 2px 2px #cccccc;-moz-border-radius: 16px;-webkit-border-radius: 16px;border-radius: 16px; margin-left:1px;}*/
.btn,
.btn:visited{background:url(images/btn-btn.png) no-repeat; height:33px; padding-left:17px; float:left; color:#fff; font-size:17px; line-height:30px;}
	.btn span{ background:url(images/btn-btn.png) no-repeat 100% -33px; padding-right:17px; float:left; height:33px;}
	.btn span span{ background:url(images/btn-btn.png) repeat-x 0 -66px ; padding:0 5px; float:left; height:33px;}
.btn:hover{ color:#0c2f49; background-position:0 -99px;}
	.btn:hover span{background-position:100% -132px;}
	.btn:hover span span{ background-position:0 -165px;}
	
.designed a,
	.designed a:visited{ float:right; color:#0b293f; font-size:11px;margin:10px 30px 0 0; }


.twocol{ width:620px; padding-right:25px; float:left}
.threecol{ width:300px; padding-right:25px; float:left}
.lastcol{ padding:0;}
p.note{ font-size:12px;padding-bottom:0;}
.contactmap{ width:300px; height:240px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; margin-bottom:15px;}
.last{ background:none!important;}

/*if need more then 3 must increase also .bannerbox .content { padding 0 3px}*/
.badge{ width:166px; height:60px; position:absolute; bottom:13px; left:-3px; z-index:99999}

.smallfader{
    position:relative;
    display:block;
    width:288px;
    height:150px;
    padding:0 10px;
}

ul#fader{
    position:relative;
    display:block;
    width:288px;
    height:150px;
}

ul#fader li{
    display:block;
    width:288px;
    height:150px;
    position:absolute;
    top:0;
    left:0;
    text-align: center;
    z-index:8;
    opacity:0.0;
}

ul#fader li a{
    display:block;
    width:288px;
}

ul#fader li.active{
    z-index:10;
    opacity:1.0;
}

ul#fader li.last-active{
    z-index:9;
}

.blueprint_titles{
    position:absolute;
    top:20px;
    margin-left:25px;
    margin-right:25px;
    width:950px;
    display:block;
}

.blueprint_titles h2{
    font-size:26px;
    padding-bottom:8px;
    border-bottom:1px solid #AAB4BC;
    margin-bottom:9px;
}

.blueprint_titles h3{
    font-size:15px;
    padding-left:3px;
    color:#555555;
}

.lastcol2{ padding:0 0 50px 0;}
.padding-top { padding-top:50px;}