/* 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; }


/* General Styles */
label{ cursor:pointer; }
a{ color:#000; text-decoration:underline; }
a:visited,
a:link{
    -webkit-transition: color 300ms ease-in;
    -moz-transition:color 300ms ease-in;
    -o-transition:color 300ms ease-in;
    transition:color 300ms ease-in;
}
a:focus,a:hover{ color:#0085cf;text-decoration: none; }
body{ background:#F4F4F4; color:#343434; font:62.5% Arial, Helvetica, sans-serif;  }


h1{ font-size:28px; line-height:26px; color:#041119; font-weight:normal;}
h2{ font-size:24px; line-height:24px; color:#15112e; font-weight:normal}
h2 a{color:#15112E;}
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:13px; line-height:20px;}
img{ vertical-align:bottom;}
img.hide{display:none;}

/*layout*/
.wrapper{ margin:auto; width:978px; padding:0 35px;background:#fff url(images/bgr-body-top.png) no-repeat 50% 0; padding-top:4px;}

/* header */
.header{ width:100%; border-bottom:1px solid #eae5e6; padding:13px 0 10px; margin-bottom:20px;padding-top:4px;position:relative; z-index:99;}
.logo{width:232px;height:73px;text-indent:-9999em;background:url(images/bgr-logo.png) no-repeat;cursor:pointer; margin:0px 0 0 7px; 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{background-color:#e6e6e6; margin-top:22px; border:1px solid #f5f5f5; height:31px; float:right;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
.nav{ float:right} 
	.nav li{ float:left;position:relative;}
	.nav a{padding:0 19px; color:#272056; height:30px; line-height:30px;float:left;font-size:15px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;text-decoration: none;}
        .nav a:link,
	.nav a:visited{-webkit-transition: none;-moz-transition:none;-o-transition:none;transition:none;}
        .nav a:hover,.nav a:focus{color:#fff;background-color:#272056;}

.subnav {position:absolute; left:0px; top:30px; width:156px; padding:10px 10px; display:none; background:#CCC;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
border-top-left-radius: 0;
border-top-right-radius: 8px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
	.subnav  li{color:#fff; height:25px; font-size:15px;padding:3px 0; width:156px; background:none; line-height:25px;}
	.subnav  a,
	.subnav  a:visited{height:25px;line-height:25px; padding:0; display:block; width:140px; padding:0 8px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
	.subnav  a:hover{color:#fff; background-color:#272056;}

/*section*/
.section{}

.quote { border-bottom:1px solid #eae5e6;}
	.quote p{ color:#15112e; font-size:25px; line-height:30px;}

.projects{ border-bottom:1px solid #eae5e6;}
.projects.last{border-bottom:none;}
.project-details.last{border-bottom:none;}
	.projects .item{ background-color:#f4f4f4; overflow:hidden;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;position:relative}
	.projects .inner{overflow:hidden; }
	.projects .col3 .inner{ padding:8px 8px 10px; }
        .projects .col3 .inner p{padding-bottom:10px;}
	.projects .col3 .btn{ float:right;}
	.projects .col3 .sameheight_js .btn{ position:absolute; bottom:10px; right:10px;text-decoration:none;}
	.projects .col6 .inner{ padding:8px 15px 60px;}
	.projects h4 a,
	.projects h4 a:visited{ color:#15112e; margin:5px 0 10px; display:block}
	.projects .img-link{display:block; height:167px; position:relative;}
	.projects .img-link .on{background:url(images/bgr-imhon.png) no-repeat; width:83px; padding-left:10px; height:54px; line-height:54px; text-align:center; display:block; position:absolute; top:15px; right:15px; z-index:9; font-size:14px; color:#313131;text-decoration:none;}
	.projects .img-link .ontwoline{ line-height:18px;padding:10px 0 0 10px; height:44px;}
        a.img-link{text-decoration: none;}
div.pand{border-bottom:1px solid #f3f0f1}
	.pand .col6 p{ margin-bottom:20px;}
	.pand .col6 .inner{ padding:8px 0 50px;}
	.pand .col6 .btn{ margin-right:15px;}
	.pand .title-facebox{padding:20px 0 0 0;}


.pand_overzicht.hasborder{margin-bottom:0;}
	.pand_overzicht .col3 .inner{padding-bottom:25px}

.bottomlinks {overflow:hidden; position:absolute; bottom:13px;left:13px; height:30px; line-height:30px; width:440px;}
	.bottomlinks .btn,
	.bottomlinks p{ float:left;}
	.bottomlinks .more{ float:right;}

.widgets{}
	.widgets .item{overflow:hidden;}
	.widgets .inner{ padding:8px 0 10px; overflow:hidden}
	.widgets h2{ margin-bottom:20px;}
	.widgets  p{ padding-bottom:15px;}
	.widgets strong{ font-size:15px; display:block; padding:5px 0; font-style:italic}
.recent-photos li{ float:left; padding:0 10px 10px 0}



/*bannerbox*/
.bannertxt{ position:absolute; right:0; z-index:2;}
	.bannertxt h1{color:#f1f1f1;}
	.bannertxt p{ font-size:14px; color:#f1f1f1; width:350px;}

.bannertxt-half{ width:440px;}
.bannertxt-third{ width:270px;}

.bannerbox{ height:366px;position:relative; z-index:1; overflow:hidden ;}
	.bannerbox .bx-prev,
	.bannerbox .bx-next{ background:url(images/bgr-prev-next.png) no-repeat; width:20px;height:40px;display:block;position:absolute;top:160px;text-indent:-99999em;z-index:99999}
	.bannerbox .bx-prev{ background-position:0 0;left:0px;}
	.bannerbox .bx-next{ background-position:-20px 0; right:0px;}
	.bannerbox .bannertxt{bottom:13px;background:url(images/bgr-opacity-banner.png) repeat;padding:5px 130px 10px 15px;}
	.bannerbox .bx-pager{top:285px;}
.banner { height:366px; width:978px;}
	.banner li{ height:366px; width:978px; position:relative;}

.haspager { height:320px; margin:25px 0 0 }
	.haspager .banner { height:313px;}
	.haspager .banner li{ height:313px;}

.bannerbox-inner{ height:83px; padding:0 0 5px}
	.smallbanner{ height:83px; position:relative; }
	.smallbanner h1{ font-size:36px; }
	.bannerbox-inner .bannertxt{ top:0;background:url(images/bgr-opacity-banner-right.png) no-repeat 100% 0; padding-right:10px; height:83px;}
	.bannerbox-inner .bannertxt-inner{background:url(images/bgr-banner-opacity-inner.png) repeat; height:70px; padding:13px 120px 0 10px;}
	.smallbanner .bannertxt-inner{ padding:9px 0 4px 25px;}
	.smallbanner p{ font-size:18px; width:auto}

.projectslider{ width:474px; height:325px; overflow:hidden}
	.projectslider .slider{width:474px; height:315px}
	.projectslider .slider li{width:474px; height:315px; position:relative}
	.projectslider .bx-pager{top:280px;}
	.projectslider .bx-pager a{background:url(images/bgr-slider-dots.png) no-repeat; width:14px; height:14px; float:left;  text-indent:-9999999px; margin-right:8px}
	.projectslider .bx-pager a.pager-active{background-position:100% 0}


.buurtslider{ height:305px; margin-top:7px;}
	.buurtslider .slider{height:289px}
	.buurtslider .slider li{ height:289px; }
	.buurtslider .bx-pager{top:260px;}

.bx-pager{position:absolute; z-index:99999; margin:0 auto; height:15px; right:10px;}
.bx-pager a{background:url(images/bgr-slider-dots.png) no-repeat; width:14px; height:14px; float:left;  text-indent:-9999999px; margin-right:8px}
.bx-pager a.pager-active{background-position:100% 0}



/*slider*/
.slider-txt{background:url(images/bgr-box-top.png) no-repeat; width:154px; padding-top:6px; position:absolute; top:15px; right:15px;  z-index:1000; }
	.slider-txt .slider-txt-out{background:url(images/bgr-box-bot.png) no-repeat 0 100%; width:100%; padding-bottom:6px; }
	.slider-txt .slider-txt-in{background:url(images/bgr-box-rep.png) repeat-y; width:110px; padding:10px 12px 10px 32px; overflow:hidden; text-align:center}
	.slider-txt .slider-txt-arrow { position:absolute; bottom:20px; left:1px;background:url(images/bgr-arrow.png) no-repeat; width:17px; height:29px;}
	.slider-txt p{font-size:16px; color:#282828; margin:0;}

div.project-details { border-bottom:1px solid #eae5e6; padding-bottom:15px; padding-top:10px;}
	.project-details .inner{ padding:8px 0 10px; overflow:hidden}
	.project-details .inner p{ margin-bottom:20px;}
	.project-details .btn{ margin:15px 15px 0 0}
	.project-details .twocol .col3{border-top:1px solid #eae5e6; margin-top:15px; padding-top:10px; }


.blogitem{ width:100%; float:left; border-bottom:1px solid #f3f0f1; padding-bottom:30px; margin-bottom:30px;}
	.blogitem .facebox{ float:left;  text-align:left; margin-top:20px;	}
	.blogitemtxt{ float:left; width:360px; padding:0 30px 0 0;}
        .blogitemtxt.full{width:100%;}
	.blogitemtxt .btn{margin-top:20px;text-decoration:none;color:#fff;}
        .blogitemtxt.full .col3{float:right;padding-left:20px;}

.blogsidebar{background-color:#f4f4f4; overflow:hidden;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px; padding:17px 20px 10px;}
	.blogsidebar .item{background:url(images/bgr-line-blogsidebar.png) repeat-x 0 100%; padding-bottom:20px; margin-bottom:20px; overflow:hidden}
	.blogsidebar .last{ margin-bottom:0; background:none; padding:0}
	.blogsidebar h2{ margin-bottom:15px;}
	.blogsidebar .recent-photos li{ float:left; padding:0 13px 13px 0}

/*blog-comments*/
.blogcomments{ margin-top:15px;}
	/*level 1*/
	.comment-box{padding-top:10px;}
		.comment-box a.img-link{float:left; background-color:#fbfbfb;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; border:1px solid #f1f1f1; padding:3px; margin-right:15px;}
		.comment-box a.img-link img{vertical-align:bottom}
		.comment-author{ width:100%; float:left; padding:7px 0;}
		.comment-author p{  float:left; font-size:12px; padding:10px 0}
		.comment-author p span{color:#b9b9b8; padding:0 15px;}
		.coment-text p{ padding-bottom:20px;}
			
	/*level 2*/		
	.level2{ padding-left:30px}
	/*level 3*/		
	.level3{ padding-left:60px}
	/*level 3*/		
	.level4{ padding-left:90px}


.footer{width:100%; background-color:#f4f4f4; overflow:hidden;border-top-right-radius:7px; 	-moz-border-radius-topright:7px;-webkit-border-radius-topright:7px;border-top-left-radius:7px;	-moz-border-radius-topleft:7px;-webkit-border-radius-topleft:7px;}
.footer .colfirst{margin-left:20px!important;}
.contact{ padding:0 0 0 15px;}
	.contact p{ padding-bottom:15px;}

.footer-list{ padding-right:10px;}
.footer-list li a{color:#343434;border-bottom:1px solid #e0dfe1; text-transform:uppercase; display:block; padding:3px 0 3px;text-decoration:none;}

.footer-list li a:visited,
.footer-list li a:link{
    -webkit-transition: color 300ms ease-in;
    -moz-transition:color 300ms ease-in;
    -o-transition:color 300ms ease-in;
    transition:color 300ms ease-in;
}

.footer-list li a:focus,
.footer-list li a:hover{
    color:#0085cf;
}

.footer-list li span{border-bottom:1px solid #e0dfe1; text-transform:uppercase; display:block; padding:3px 0 3px;}
.footer-list li li a,
.footer-list li li a:visited{border-bottom:1px solid #e0dfe1; text-transform:none; padding:3px 0 3px 20px;}

.footer p{margin:20px 20px 0 20px;font-size:11px;}

.frmbox{ width:100%; float:left; overflow:hidden}
	.frmbox .txt-input,
	.frmbox textarea{ -webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;background: #fff; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#343434}
	.frmbox .btn{ cursor:pointer;}
	.frmbox .btn .btn-submit{background:none;border:none; /*color:#434343;*/ color:#fff; font-size:13px; height:30px;margin:0;float:left}
	.frmbox .btn:hover .btn-submit{cursor:pointer; color:#fff }
	.frmbox .btn-light .btn-submit{color:#434343;}

#frmcontact{ margin-top:30px;}
	#frmcontact li{ width:100%; float:left; padding-bottom:7px}
	#frmcontact label{ float:left; width:120px; font-size:13px;line-height:23px;}
	#frmcontact li li label{  width:420px;line-height:17px;}
	#frmcontact .txt-input{ border:1px solid #d7d7d7; width:200px; height:19px; padding:3px 10px;}
        #frmcontact .txt-input.small{width:100px;}
	#frmcontact textarea{ border:1px solid #d7d7d7; width:300px; height:110px; padding:5px 10px;overflow:auto; resize:none}
	#frmcontact .btn{ margin:0;}
	.blogitem #frmcontact textarea{ width:480px}
	
#frmsearch{ padding: 10px 0;}
	#frmsearch li{ float:left}
	#frmsearch .txt-input{ width:150px; height:19px; padding:7px 10px 3px; margin:5px 0 15px 1px;border:1px solid #edeced;-webkit-box-shadow: #999 0px 1px 2px;-moz-box-shadow: #999 0px 1px 2px;box-shadow: #999 0px 1px 2px;}
	#frmsearch .btn-submit{ width:100px;} 


.facebox{float:right; text-align:right;}

.hasborder{border-bottom:1px solid #eae5e6; margin-bottom:10px;}

.title{ width:100%; overflow:hidden; padding-bottom:15px;}
	.title h1{ float:left;}
	.title h2{ float:left}
	.title p{ float:right}
	.title h3{ padding-top:6px;}

.title-facebox{ padding-bottom:35px;}
.list{padding-bottom:15px; }
.list li{background:url(images/bgr-line.png) no-repeat 0 10px; padding-left:10px}

.list a{color:#000;text-decoration: underline;}

.list a:link,
.list a:visited{
    -webkit-transition: color 300ms ease-in;
    -moz-transition:color 300ms ease-in;
    -o-transition:color 300ms ease-in;
    transition:color 300ms ease-in;
}


.list a:hover,
.list a:focus{
    color:#0085cf;
    text-decoration: none;
}


.dot{width:100%; overflow:hidden; clear:left }
.dot li{background-image:url(images/bgr-dot.png);background-repeat:no-repeat;background-position:right center; padding-right:16px; float:left}
.dot a,.dot a:visited{ text-decoration:none; font-size:10px; text-transform:uppercase}
.dot a:hover{ text-decoration:underline;}

.dot li:last-child{background-image:none;}

.more{font-size:13px;text-decoration:underline; color:#332c47;}
.more:visited,
.more:link{
    -webkit-transition: color 300ms ease-in;
    -moz-transition:color 300ms ease-in;
    -o-transition:color 300ms ease-in;
    transition:color 300ms ease-in;
}
.more:hover{color:#0085cf;text-decoration:none;}

.more.reactions{font-size:13px;text-decoration:none; color:#332c47;font-style: italic;text-decoration:underline;}
.more.reactions:visited,
.more.reactions:link{}
.more.reactions:hover,
.more.reactions:focus{color:#0058cf;text-decoration:none;}

.btn,
.btn:visited{float:left; /*color:#434343;*/ color:#fff; font-size:13px; line-height:30px; padding:0 15px;background-color:#b6b6b6;-moz-border-radius: 8px;-webkit-border-radius:8px;border-radius:8px;text-decoration: none;}
.btn:hover,.btn:focus{ color:#fff; background-color:#272056}

.btn-light{color:#434343!important;background-color:#eeeeef!important;text-decoration: none;}
.btn-light:visited,
.btn-light:link{-webkit-transition: none;-moz-transition:none;-o-transition:none;transition:none;}
.btn-light:hover,btn-light:focus{color:#fff !important; background-color:#272056 !important;}

/*.btn,
.btn:visited{background:url(images/btn-btn.png) no-repeat; height:30px; padding-left:10px; float:left; color:#434343; font-size:13px; line-height:30px;}
	.btn span{ background:url(images/btn-btn.png) no-repeat 100% -30px; padding-right:10px; float:left; height:30px;}
	.btn span span{ background:url(images/btn-btn.png) repeat-x 0 -60px ; padding:0 5px; float:left; height:30px;}
.btn:hover{ color:#fff; background-position:0 -90px;}
	.btn:hover span{background-position:100% -120px;}
	.btn:hover span span{ background-position:0 -150px;}
	*/
	
.contactmap{ width:474px; height:290px;margin-bottom:15px;}

.last{background:none!important; padding-right:0!important;}

.sameheight_js{ padding-bottom:28px; position:relative}

.justtext{ padding-top:47px!important;}

.map{ margin:20px 0 10px; position:relative}
#map{ border:1px solid red;border: 10px solid blue;
-moz-border-radius: 10px; }
/*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; overflow:hidden}
	.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;}

.margintop45{ margin-top:45px}
.margintop30{ margin-top:30px}


.pagingbox{ padding:8px 0 ; overflow:hidden; width:100%; margin-bottom:20px; clear:both }
	.pagingbox a,
	.pagingbox a:visited{ font-size:13px; color:#343434;}
	.paginglist li{ float:left; padding:0 5px;font-size:13px; color:#343434;}
        .paginglist li.active{color:#fff;height:22px; display:block; text-align:center; line-height:22px; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color: #272056; border:1px solid #f9f9f9; padding:0 7px}
	.paginglist a,
	.paginglist a:visited{height:22px; display:block; text-align:center; line-height:22px; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color: #f2f2f2; border:1px solid #f9f9f9; padding:0 7px; }
	.paginglist a.active,
	.paginglist a.active:visited{ color:#434343;background-color:#eeeeef;}
	.paginglist a:hover{ color:#fff; background-color:#272056;text-decoration:none; }
	.paginglist a.prevnext,
	.paginglist a.prevnext:visited{ border:1px solid #f1f1f1;}
	.paginglist a.inactive,
	.paginglist a.inactive:visited,
	.paginglist a.inactive:hover{background-color:transparent; border:none;color:#343434;  cursor:default}

	.pagingbox a.prev-blog{ float:left}
	.pagingbox a.next-blog{ float:right}
	

.rounded-all{-moz-border-radius: 7px;	-webkit-border-radius: 7px;	border-radius: 7px; float:left; display:block; }
.rounded-top{border-top-right-radius:7px;	-moz-border-radius-topright:7px;-webkit-border-radius-topright:7px;border-top-left-radius:7px;	-moz-border-radius-topleft:7px;-webkit-border-radius-topleft:7px;float:left; display:block;}

.doublecolumn{
    position:relative;
    display:block;
}

.doublecolumn .facebox{
    position:absolute;
    top:0px;
    right:0px;
}

.doublecolumn .contentparagraph{
    width:474px;
}

.doublecolumn .contentparagraph.double{
    width:auto;
    -moz-column-count: 2;
    -moz-column-width: 474px;
    -moz-column-gap: 30px;
    -webkit-column-count: 2;
    -webkit-column-width: 474px;
    -webkit-column-gap: 30px;
    column-count: 2;
    column-width: 474px;
    column-gap: 30px;
}

ul.footer-list li{
    font-size:11px;
}

.immo_premise_warning{
    text-align: right;
    color:#555555;
    font-style:italic;
    font-size:10px;
}