/* CSS Document */
/* menu */

.footer-logo #Layer_1 .st0,
.logo #Layer_1 .st0{
	fill : var(--textcolor)!important;
}
.footer-logo #Layer_1 .st1,
.logo #Layer_1 .st1{
	fill : var(--highlightcolor);
}
#theBody{
	background: var(--basecolor);
	color : var(--textcolor)
}
#header{
	background: var(--basecolor)!important;
}

#extraMenu .headAddress p a {
    color: var(--basecolor);
}
#theBody.menuactive .navbar-toggle .icon-bar{
    background: var(--textcolor);
}
#theBody.menuactive #mainmenu{
    background: var(--basecolor);
}
.mainmenu .navbar-nav ul.after-menu li.childmenu a{
	color: #8E8976!important;
}

#extraMenu {
    background: none;
}
.navbar-nav li a.menu-link {
    background: none;
    color: var(--textcolor); 
}
/*block-btns  .btn-primary{
    background: none;
    color: var(--textcolor); 
}*/
.navbar-nav li.active a.menu-link ,
.navbar-nav li.active a.menu-link:hover,
.social-icon a{
    background: none;
    color: var(--textcolor);
}
.navbar-nav li a:hover,
.navbar-nav li a.menu-link:hover {
    background: none;
    color: var(--basecolorMedium);
}
.extra-menu .navbar-nav li a.menu-link{
    color: var(--textcolor);
}
#theMain .menu-locatie-a-omgeving::before,
#theMain .menu-het-project::before{
    color: var(--basecolor);
}
.mainmenu .navbar-nav .active ul.after-menu li.childmenu.active a{
	background: none!important;
    color: var(--basecolor)!important;
}


.navbar-toggle{
	background: var(--basecolor);
}
.menuactive .navbar-toggle{
	background: var(--basecolor);
}
.navbar-toggle .icon-bar{
	background: var(--textcolor);
}
.menuactive .navbar-toggle .icon-bar{
	background: var(--basecolorMedium);
}

@media(min-width:768px) {
	
	.breadcrumb{
		background: var(--basecolor);
	}
	.breadcrumb a{
		text-decoration: none; color: var(--textcolor);
	}
	
    .menu-default .mainmenu .navbar-nav,
    .menu-centered .mainmenu .navbar-nav{
        background: none;
    }
    .menu-default .mainmenu #extraMenu .navbar-nav,
    .menu-centered .mainmenu #extraMenu .navbar-nav{
        background: none;
    }
    #header.menu-side {
        background: var(--basecolorMedium);
    }
	
	
}


.menu-default .mainmenu #extraMenu .navbar-nav li a,
.menu-centered .mainmenu #extraMenu .navbar-nav li a{
    background: var(--highlightcolor);
    color: var(--basecolor);
}

/* mainsection */

#mainsection{
    background: var(--basecolor);
}
.breadcrumb{
    background: var(--basecolor);
}
    


h1,
.page-block-name h1{
    color: var(--textcolor);
}
h2,
.page-block-ttl h2 
h2 a,
.page-block-ttl h2 a{
    color: var(--textcolor);
}
.page-block-txt h2 {
    color: var(--textcolor);
}
.page-block-txt h3,
h3 {
    color: var(--textcolor);
}  
.page-block-subname h3,
.page-block-ttl.page-block-ttl-intro h3,
.page-block-image-text h3,
.page-block-subname h3 a,
.page-block-ttl.page-block-ttl-intro h3 a,
.page-block-image-text h3 a{
    color: var(--textcolor);
}
.page-block-intro p,
.page-block-intro ul{
    color: var(--textcolor);
} 
.page-block-txt p,
.page-block-txt ul{
    color: var(--textcolor);
} 
.page-block-txt p a,
.page-block-txt ul a{
    color: var(--textcolor);
}   


.page-block-image-text h2 ,
.page-block-image-text p {
    color: var(--textcolorLight);
}

.btn:hover,
.btn:focus {
}
.btn-primary,
.btn-primary-grey,
.btn-default,
.btn-secondary,
.btn-info,
.btn-list,
.btn-primary {
    border-color: var(--textcolor);
    background: var(--basecolor);
    color: var(--textcolor);
}
.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active,
.show>.btn.dropdown-toggle,
.btn:hover,
.btn:active,
.btn:focus {
    background: var(--basecolorDark);
    border-color: var(--basecolor);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    background: var(--highlightcolor);
    border-color: var(--highlightcolor);
    color: var(--textcolorLight);
}
.btn-primary span,
.btn-primary-grey span,
.btn-default span,
.btn-secondary span,
.btn-info span,
.btn-list span,
.btn-primary span {
    color: var(--textcolor);
}
.btn:hover span,
.btn:active span,
.btn:focus span {
    color: var(--textcolor);
}

.btn-list {
    background: var(--basecolorMedium);
    color: var(--textcolorMedium);
    border-color: var(--basecolorMedium);
}
.btn-default {
    background: var(--basecolorMedium);
    border-color: var(--textcolorMedium);
}
.btn-info {
    background: var(--basecolorMedium);
    border-color: var(--textcolorMedium);
}
.btn-info.active,
.btn-info:focus,
.btn-info:hover,
.open>.dropdown-toggle.btn-info {
    background: var(--basecolorLight);
    border-color: var(--textcolorLight);
}

.btn-secondary,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover{
    background: var(--basecolorLight);
}


.page-block .block .block-caption .block-icon h3 ,
.page-block .block .block-caption .block-icon h3 a,
.page-block .block .block-caption .block-ttl h2 a,
.page-block .block .block-caption .block-ttl h2,
.page-block .block .block-caption .block-txt p{
    color: var(--textcolor);
}




.page-block h1,
.page-block .page-block-name h1,
.page-block h2,
.page-block .page-block-ttl h2 
.page-block h2 a,
.page-block .page-block-ttl h2 a,
.page-block .page-block-subname h3,
.page-block .page-block-ttl.page-block-ttl-intro h3,
.page-block .page-block-image-text h3
{
    color: var(--textcolor);
}  



.page-block h1, .page-block .page-block-name h1{
    color: var(--creamcolor);
}


.page-block .page-block-intro p,
.page-block .page-block-intro ul,
.page-block .page-block-txt p,
.page-block .page-block-txt ul{
    color: var(--textcolor);
}   
.page-block .btn-primary,
.page-block .btn-primary-grey,
.page-block .btn-default,
.page-block .btn-secondary,
.page-block .btn-info,
.page-block .btn-list{
    border-color: var(--textcolor);
    background: none;
	color: var(--textcolor);
}
.page-block .btn-primary span,
.page-block .btn-primary-grey span,
.page-block .btn-default span,
.page-block .btn-secondary span,
.page-block .btn-info span,
.page-block .btn-list span{
    color: var(--textcolor);
}
.page-block .block .block-caption .block-icon h3 ,
.page-block .block .block-caption .block-icon h3 a,
.page-block .block .block-caption .block-ttl h2 a,
.page-block .block .block-caption .block-ttl h2,
.page-block .block .block-caption .block-txt p{
    color: var(--textcolor);
}
.page-block .btn:not(:disabled):not(.disabled).active,
.page-block .btn:not(:disabled):not(.disabled):active,
.page-block .show>.btn.dropdown-toggle,
.page-block .btn:hover,
.page-block .btn:active,
.page-block .btn:focus {
    background: none;
    border-color: var(--basecolor);
    color: var(--textcolor);
}
.page-block .btn:not(:disabled):not(.disabled).active span,
.page-block .btn:not(:disabled):not(.disabled):active span,
.page-block .show>.btn.dropdown-toggle span,
.page-block .btn:hover span,
.page-block .btn:active span,
.page-block .btn:focus span,
.block-btns .btn-primary:hover span{
    color: var(--textcolor);
}

/*dark*/
#pageBlock1.page-block.dark{
    background:  var(--basecolor);
}

/*light*/
.page-block.light{
    background:  var(--basecolorLight);
}
/*medium*/
.page-block.medium{
    background:  var(--basecolorMedium);
}
/*grey*/
.page-block.grey{
    background:  var(--greycolor);
}


/*green*/
.page-block.green{
    background:  var(--greencolor);
}


.page-block.list-click-detail.highlights  .block{
	background: var(--basecolor);
}


/*sand*/
.page-block.list-click-detail.highlights  .block.sand,
#theBody.sand #header,
#theBody.sand #tophighlight::after{
    background:  var(--sand)!important;
}
.page-block.sand{
    background:  var(--sand);
}

/*cream*/
.page-block.list-click-detail.highlights  .block.cream,
#theBody.cream #header,
#theBody.cream #tophighlight::after{
    background:  var(--creamcolor)!important;
}
.page-block.cream{
    background:  var(--creamcolor);
}

/*blue*/
.page-block.list-click-detail.highlights  .block.blue,
#theBody.blue #header,
#theBody.blue #tophighlight::after{
    background:  var(--bluecolor)!important;
}
.page-block.blue{
    background:  var(--bluecolor);
}

/*leather*/
.page-block.list-click-detail.highlights  .block.leather,
#theBody.leather #header,
#theBody.leather #tophighlight::after{
    background:  var(--leathercolor)!important;
}
.page-block.leather{
    background:  var(--leathercolor);
}


/*lightgold*/
.page-block.list-click-detail.highlights  .block.lightgold,
#theBody.lightgold #header,
#theBody.lightgold #tophighlight::after{
    background:  var(--lightgold)!important;
}
.page-block.lightgold{
    background:  var(--lightgold);
}

/*gold*/
.page-block.list-click-detail.highlights  .block.gold,
#theBody.gold #header,
#theBody.gold #tophighlight::after{
    background:  var(--goldcolor)!important;
}
.page-block.gold{
    background:  var(--goldcolor);
}


/*
quote
*/ 
.page-block.quote .page-block-caption .page-block-txt p{
}
.page-block.quote .page-block-caption .page-block-ttl h2, 
.page-block.quote .page-block-caption .page-block-ttl h2 a,
.page-block.quote .page-block-caption .page-block-ttl h3, 
.page-block.quote .page-block-caption .page-block-ttl h3 a{
    color: var(--textcolor);
}
.page-block.quote .page-block-caption .page-block-txt p,
.page-block.quote .page-block-caption .page-block-txt h3,
.page-block.quote .page-block-caption .page-block-txt h4{
    color: var(--textcolor);
}


/*
slideshow
*/ 
.page-block.slideshow .page-block-module .carousel-indicators li{
    background-color: var(--basecolorLight);
}
.page-block.slideshow .page-block-module .carousel-indicators .active{
    background-color: var(--highlightcolor);
}
.carouselCurrent{
    color: var(--highlightcolor);
}
.page-block.gallery.slideshow .page-block-module .carousel-control-prev, .page-block.gallery.slideshow .page-block-module .carousel-control-next,
.page-block.list-click-detail.slideshow .page-block-module .carousel-control-prev, .page-block.list-click-detail.slideshow .page-block-module .carousel-control-next,
.carouselTotal{
    color: var(--basecolor);background: none;
}

.link-image h3{
    color: var(--highlightcolor); background: var(--basecolor);
}
/*slider*/
.slideLeft,
.slideRight{
    color: var(--highlightcolor);
} 

/*
lightbox
*/ 
.lightbox-modal .close::after,
.lightbox-modal .carousel-control-next::after,
.lightbox-modal .carousel-control-prev::after,
.lightbox-modal .close,
.lightbox-modal .carousel-control-prev, .lightbox-modal .carousel-control-next{
    background: none;
    color:  var(--textcolor);
}
.deckInformation{
    color: var(--highlightcolor); background: var(--basecolor);
}
.deckInformation .deckDESC{
}

/*
projectplanning
*/
.block.projectplanning .block-caption .block-ttl h2{
    color:  var(--textcolor);
}
.page-block.projectplanning .page-block-caption .page-block-module .block-listing .block .block-caption .block-txt{
    color:  var(--highlightcolor);
}
.page-block.projectplanning .page-block-caption .page-block-module .block-listing .block::after{
    color:  var(--textcolorSecondair);
}


@media(min-width:991px) {
.page-block.projectplanning .page-block-caption .page-block-module .block-listing .block{
    background: var(--basecolorMedium);
}
}

/*map*/

#map2 .gm-style .gm-style-iw-c #bodyContent h3,
#map3 .gm-style .gm-style-iw-c #bodyContent h3{
    color:  var(--basecolorLight);
}

.maptypebuttons .btn-primary{
	background:  var(--basecolorLight);
    color: var(--basecolor);
}
.maptypebuttons .btn-primary:hover{
	background:  var(--highlightcolor);
    color: var(--basecolor)
}

.pin::after {
  border: 5px solid var(--basecolorLight);;
}
.pin::before {
  border: 3px solid var(--basecolorLight);;
}
.shadow::after {
  box-shadow: rgba(0, 0, 0, 0.5) 100px 0 20px;
}
.pulse::after {
  box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 6px 3px var(--basecolorLight);;
}

.pin.special-item-----::after {
  border: 5px solid #bb931e;
}
.pin.special-item-----::before {
  border: 3px solid #bb931e;
}
.pulse.special-item-----::after {
  box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 6px 3px #bb931e;
}

/*news*/
.block.news .block-image .block-tag,#theBody.nieuws.detail_mode #pageBlock1 .page-block-caption .page-block-subname h3{    
    background: var(--textcolor);
    color: var(--basecolor);
}
.block.news .block-caption .block-ttl h2 a{
    color: var(--textcolor);
}

#tagMenuToggle{
    background: var(--basecolor); border:1px solid var(--textcolor); color: var(--textcolor);
}
#tagMenu{
    background: var(--basecolor);
}
#tagMenu a::before{
    background: none;
    border:1px solid var(--textcolor);
}
#tagMenu a.active::after{
    background: var(--highlightcolor);
    border:1px solid var(--highlightcolor);
}


@media (min-width: 600px){
}


#theBody.nieuws.detail_mode #pageBlock0.page-block .page-image-caption h2{
    color: var(--textcolorSecondair);
}
.news-date{
    color: var(--textcolorSecondair);
}
#theBody.nieuws.detail_mode #pageBlock2.page-block .page-block-txt{
}
#theBody.nieuws.detail_mode .page-block .page-block-txt p{
}




.footer-logo path{
	fill:  var(--basecolor)!important;
}



/* footer */

.btn.btn-primary.scrolltop{
    background: var(--basecolor);
    border-color: var(--basecolorSpecial);
    color: var(--highlightcolor);
}

.footer{
    background: var(--basecolorMedium);    
}
.footerAddress h3,
.footerAddress h2,
.footer-menu h2,
.footer-socials h2,
.footer .social-icon a{
    color: var(--textcolor);
}
.footer,
.footer-menu .navbar-nav li.menu-link a.menu-link,
.footerAddress p a{
    color: var(--textcolor);
}
.footer-menu .navbar-nav li.menu-link a.menu-link:hover{
    background: none;
    color: var(--textcolorLight);
}

.footer-menu .navbar-nav li.menu-link.active a.menu-link{
    background: none;
    color: var(--highlightcolor);
}

.footer-credits a {
    color: var(--textcolor);
}
.footer-credits a:hover {
    color: var(--textcolorSecondair);
}
    



.fancyformLabel,
#pageBlockPage .slider_output span{
    color: var(--textcolorSecondair);
}
.fancy-form-item{
    border-bottom: 1px solid var(--basecolorMedium);
}
.form-control{
    border: 1px solid var(--textcolor);
}
.form-control,
.fancy-column input.form-control, .fancy-column select.form-control, .fancy-column textarea.form-control{
    color: var(--textcolor);
}
select.form-control option{
    color: var(--textcolorSecondair);
}
select.form-control option[disabled]{
    color: var(--basecolorMedium);
}
select.form-control:invalid,
select.form-control option[value=""] {
  color: var(--textcolorSecondair);
}
.form-group.row.has-error label{
    color: var(--errorcolor);
}
.fancy-column .has-error.form-control, .fancy-column .has-error .form-control{
    border-color: var(--errorcolor);
}
.slider-handle.round {
	background: var(--highlightcolor);
}
.slider.slider-horizontal .slider-track


.alert-success {
    background-color: var(--successcolor);
    border-color: var(--basecolor);
    color: var(--textcolor);
}
.alert-success h2{
    color: var(--textcolor);
} 
.alert-success p{
    color: var(--textcolor);
} 

h2.woningtypeSplitter{
    color: var(--highlightcolor);
}

.bwnr_row{
	background: var(--basecolorSpecial);  
    border-bottom: 1px solid var(--basecolor);
}
.bwnr_row:hover{
    background: var(--basecolor);
}


.bwnr_row h3{
	color:  var(--basecolorMedium);
}
.bwnr_row .bwnr-spec{
	color:  var(--textcolor);
}
.bwnr_row .bwnr-spec:nth-of-type(2),
.bwnr_row .bwnr-spec:nth-of-type(3){
    border-right: 0px solid var(--basecolorMedium);;
}
.bwnr_row .bwnr-spec:nth-of-type(4){
    color: var(--textcolor);
}
.bwnr_row .bwnr-spec.beschikbaar{
	color:  var(--basecolorMedium);
}
.bwnr_row .bwnr-spec .btn-primary{
    background: var(--basecolorSpecial);
    border-color: var(--basecolorMedium);
}
.bwnr_row .bwnr-spec .btn-primary:hover{
    background: var(--highlightcolor);
    border-color: var(--highlightcolor);
}
.bwnr_row .bwnr-spec .btn-primary span{
    color: var(--basecolorMedium);
}
.bwnr_row .bwnr-spec .btn-primary:hover span{
    color: var(--basecolor);
}





#aanbod---woningtypes{
}
.bouwtype-item{
	border: 0px;
}
.bouwtype-item .block-caption,
.bouwtype-item .block-btns,
.bouwtype-item .typebwnrs{
	background: var(--basecolor);    
}

.bouwtype-item .block-image h2 a{
    color: var(--textcolor); text-decoration: none;
}
.bouwtype-item .block-caption .block-ttl h2 a{
    color: var(--basecolorMedium); text-decoration: none;
}
.bouwtype-item .block-caption .block-ttl h3 a{
    color: var(--textcolor);
}
.bouwtype-item .block-caption .block-ttl h4{
    color: var(--textcolor);
}
.block.bouwtype-item .block-caption .block-ttl h2 a{
    color: var(--basecolorMedium);
}
.bouwtype-item .block-btns .btn-list{
    background: var(--basecolor); border: 1px solid var(--highlightcolor);
}
.bouwtype-item .block-btns .btn-list span{
	color: var(--highlightcolor);
}

.bouwtype-item .block-btns .btn-primary{
    background: none!important; border: 0px!important;
}
.bouwtype-item .block-btns .btn-primary:hover span{
    color: var(--basecolorMedium);
}

.bouwtype-item .bwnr_row .bwnr-spec:nth-of-type(4){
    color: var(--textcolor);
}

.bouwtype-item .block-btns .btn-list{
    
}
.bouwtype-item .block-btns .btn-list span{
    
}
.bouwtype-item .block-btns .btn-primary{
    
}
.bouwtype-item .block-btns .btn-primary span{
    
}
.closeFoldLink{
    color: var(--textcolor);
    background: var(--basecolor);
}
.closeFoldLink:hover{
    background: var(--textcolor);
    color: var(--basecolor);
}
.bouwtype-item .bwnr_row{
    background: none!important;
    border-bottom: 1px solid var(--basecolorSpecial);
}
.bouwtype-item .bwnr_row:nth-last-of-type(1){
	 border-bottom: 0px solid var(--basecolorSpecial);
}
.bouwtype-item .bwnr_row h3{
	color:  var(--basecolor);
}

.bouwtype-item .bwnr_row .bwnr-spec{
	color:  var(--textcolor);
}
.bouwtype-item .bwnr_row .bwnr-spec:nth-of-type(4){
    color: var(--basecolorSpecial);
}
.bouwtype-item .bwnr_row .bwnr-spec.beschikbaar{
	color:  var(--basecolor);
}
.bouwtype-item .bwnr_row .bwnr-spec .btn-primary:hover::before{
    color: var(--textcolor);
}

#form_search_reset .btn-primary:hover{
    background: var(--basecolor);
}
#form_search_reset .btn-primary:hover span{
	color:  var(--highlightcolor);
}

#woning3d{
    background: var(--basecolor); border-bottom: 1px solid var(--basecolorMedium); border-top: 1px solid var(--basecolorMedium);
}

#woningdetail #modal .page-block-intro{
    color: var(--textcolorSecondair);
}
#woningdetail #modal .page-block-txt h2 span{
    color: var(--textcolor);
}
#woningdetail #modal .page-block-txt h2 span.spacer{
	border-left: 1px solid var(--textcolorSecondair);
}
#woningdetail #modal .page-block-ttl.page-block-ttl-intro h3{
    color:var(--basecolorMedium);
}

#woningdetail #modal .page-block-txt h2 span.label{
	color: var(--basecolorLight); opacity: 0.4;
}
#woningdetail #modal .page-block-link .btn-primary{
	background: var(--highlightcolor);
}
#woningdetail #modal .page-block-link .btn-primary span,
#woningdetail #modal .page-block-link .btn-primary::after{
	color: var(--textcolorLight);
}


.page-block.cloud .page-block-caption .page-block-module .block-listing .block::before{
	background: var(--textcolor);
}
.page-block.cloud.light .page-block-caption .page-block-module .block-listing .block::before,
.page-block.cloud.medium .page-block-caption .page-block-module .block-listing .block::before{
	background: var(--basecolor);
}


.page-block.cta-sticker.dark{
}
.page-block.cta-sticker .page-block-ttl h2 a, .page-block.cta-sticker .page-block-ttl h2{
	color:  var(--textcolorLight);
}
.page-block.cta-sticker .btn-primary{
	background: var(--basecolorMedium);
}
.page-block.cta-sticker .btn-primary:hover{
	color: var(--textcolor);
}
.page-block.cta-sticker .btn-primary:hover span{
	color: var(--textcolor);
}




.page-block.cta-sticker.dark{
    background: var(--basecolorDark);
}
.page-block.cta-sticker.dark .page-block-ttl h2 a, .page-block.cta-sticker.dark .page-block-ttl h2,
.page-block.cta-sticker.dark .btn-primary span,
.page-block.cta-sticker.dark .btn-primary::after{
	color:  var(--textcolorLight);
}
.page-block.cta-sticker.dark .page-block-txt p, .page-block.cta-sticker.dark .page-block-txt ul{
	color:  var(--textcolorLight);
}
.page-block.cta-sticker .btn-primary:hover{
	background: var(--basecolor);
}
.page-block.cta-sticker.dark .btn-primary:hover span,
.page-block.cta-sticker.dark .btn-primary:hover::after{
	color:  var(--highlightcolor);
}




.page-block.usps,
.page-block.cloud{
	background: var(--basecolorSpecial);
}
.page-block.cloud .page-block-caption .page-block-module .block-listing .block .block-caption .block-ttl h2,
.page-block.cloud .page-block-caption .page-block-module .block-listing .block .block-caption .block-ttl h2 a{
	color: var(--textcolor);
}
.page-block.cloud .btn-primary{
    border-color: var(--basecolor);
    background: var(--basecolorSpecial);
    color: var(--basecolor);
}
.page-block.cloud .btn-primary:hover,
.page-block.cloud .btn-primary:active,
.page-block.cloud .btn-primary:focus {
    background: var(--highlightcolor);
    border-color: var(--highlightcolor);
    color: var(--textcolorLight);
}
.page-block.cloud .btn-primary span {
    color: var(--basecolor);
}
.page-block.cloud .btn-primary:hover span,
.page-block.cloud .btn-primary:active span,
.page-block.cloud .btn-primary:focus span {
    color: var(--textcolorLight);
}


.page-block.usps.medium  h2{
	color: var(--basecolorMedium);
}
.page-block.usps.medium .page-block-txt p{
	color: var(--textcolor);
}
.page-block.usps .block .block-caption .block-ttl h2,
.page-block.usps .block .block-caption .block-ttl h2 a{
    color:  var(--basecolorMedium);
}
.page-block.usps .block .block-caption .block-icon h3,
.page-block.usps .block .block-caption .block-icon h3 a{
    color:  var(--basecolorMedium);
}


h1::after, .page-block.default .page-block-name h1::after, .page-block.default .page-block-ttl h2::after,
.page-block.gallery.slider .page-block-ttl h2::after{
	background: var(--basecolorSpecial);
}


.page-block.gallery.slideshow .page-block-module .carousel-indicators{
	background: var(--basecolor);
}
@media (min-width: 768px){
	.page-block.gallery.slideshow{
		background: var(--basecolor);
	}
	.page-block.gallery.slideshow .page-block-caption{
		background: var(--basecolor); display: none;
	}
	.page-block.gallery.slideshow .page-block-ttl h2 a{
		color:  var(--textcolor);
	}
}


.sliderScroll{
	background: #E7E2D6;
}
.sliderScrollKnobb{
	background: var(--textcolor); opacity: 0.6;
}



.page-block.projectplanning .page-block-caption .page-block-module .block-listing .block::before{
	border-left: 1px solid var(--basecolorSpecial);
}
.page-block.projectplanning .page-block-caption .page-block-module .block-listing .block::after{
	color: var(--basecolorSpecial);
}

.page-block.projectplanning .page-block-caption .page-block-module .block-listing .block:hover::before{
	border-left: 1px solid var(--basecolorMedium);
}
.page-block.projectplanning .page-block-caption .page-block-module .block-listing .block .block-caption::after,
.page-block.projectplanning .page-block-caption .page-block-module .block-listing .block:hover::after{
	color: var(--basecolorMedium);
}
@media (min-width: 991px) {
	.page-block.projectplanning .page-block-caption .page-block-module .block-listing .block::before{
		border-left: 0px solid var(--basecolorSpecial);
		border-top: 1px solid var(--basecolorSpecial);
	}

	.page-block.projectplanning .page-block-caption .page-block-module .block-listing .block:hover::before{
		border-left: 0px solid var(--basecolorMedium);
		border-top: 1px solid var(--basecolorMedium);
	}
}




.page-block.cta-fixed{
	border-top: 1px solid  var(--basecolorSpecial);
}
.page-block.cta-fixed .page-block-caption .page-block-txt p{
	color: var(--basecolor);
}


#theBody.het-project #pageBlock1 .page-block-txt span.stad{
	color: var(--highlightcolor);
}
#theBody.het-project #pageBlock1 .page-block-txt span.soortaanbod{
	color: var(--basecolorSpecial);
}
#theBody.woningtype #pageBlock1 .page-block-txt span.soortaanbod{
	color: var(--basecolorSpecial);
}
#theBody.woning #pageBlock1 .page-block-intro{
	color: var(--textcolor);
}
#theBody.het-project #pageBlock1 .page-block-txt h3{
	color: var(--basecolorSpecial);
}
#theBody.woningtype #pageBlock1 .page-block-txt h3{
	color: var(--basecolorSpecial);
}
#theBody.woning #pageBlock1 .page-block-txt h4{
    color: var(--basecolorSpecial);
}
#theBody.woningtype #pageBlock1 .page-block-txt span.aantalbouwnrs{
}



#woning---kenmerken .page-block-txt h2{
	color: var(--highlightcolor);
}
#woning---kenmerken .page-block-txt .spec-item{
}
#woning---kenmerken .page-block-txt .spec-item .spec-label{
	color: var(--basecolorLight);
}
#woning---kenmerken .page-block-txt .spec-item .spec-value{
	color: var(--textcolor);
}
#woning---kenmerken .btn-list span{
	color: var(--textcolorLight);
}



#theBody.contact #terugbel.page-block{
}
#theBody.contact #terugbel.page-block .fancy-form-item{
    border:0px;
}
#theBody.contact #terugbel.page-block .fancy-form-item .form-control{
    border: 1px solid var(--basecolor); background: var(--basecolor)!important;
}
.fancyformLabel{
	color: var(--textcolor);
}



.zone-box .zo_st0{
    fill:#1a5723;
}
.zone-box .zo_st1{
    fill:#1a5723;
}

.app-box.filtered .wz_st0{
    fill:#1a5723;
}
.app-box.filtered .wz_st1{
    fill:#1a5723;
}
.app-box.filtered.optie .wz_st0{
    fill:#e57919;
    opacity: 0.4;
}
.app-box.filtered.optie .wz_st1{
    fill:#e57919;
}
.app-box.filtered.sold .wz_st0{
    fill:#d03e1f;
    opacity: 0.4;
}
.app-box.filtered.sold .wz_st1{
    fill:#d03e1f;
}