/* 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);
}
#header{
	background: var(--basecolor);
}

#extraMenu .headAddress p a {
    color: var(--basecolor);
}

.navbar-toggle .icon-bar{
	background: var(--navColor);
}
#theBody.menuactive .navbar-toggle .icon-bar{
    background: var(--navColor);
}
#mainmenu,
#theBody.menuactive #mainmenu{
    background: var(--basecolorLight); margin-top: 0px; max-height: none;
}
.mainmenu .navbar-nav ul.after-menu li.childmenu a{
	color: var(--textcolor)!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 {
    background: none;
    color: var(--textcolor);
}
.navbar-nav li a.menu-link:hover {
    background: none;
    color: var(--textcolor);
}
.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;
}

@media(min-width:768px) {
    .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(--basecolorMedium);
}
    


h1,
.page-block-name h1,
.page-block-subname h3{
    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: none;
    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: none;
    border-color: var(--basecolor);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    background: none;
    border-color: var(--highlightcolor);
    color: var(--textcolor);
}
.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-link .btn-primary::before,
.content-link .btn-primary::before,
.block-btns  .btn-primary::before,
.page-block-txt  .btn-primary::before{
	background: var(--textcolor);;
}



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

/*dark*/
#theBody.dayMode,
#theBody.dayMode #mainsection,
#theBody.dayMode #pageBlock1.page-block.dark{
    background:  var(--basecolorInverse);
}

#theBody.dayMode .page-block.dark h1,
#theBody.dayMode .page-block.dark .page-block-name h1,
#theBody.dayMode .page-block.dark h2,
#theBody.dayMode .page-block.dark .page-block-ttl h2 
#theBody.dayMode .page-block.dark h2 a,
#theBody.dayMode .page-block.dark .page-block-ttl h2 a{
    color: var(--basecolor);
}  
#theBody.dayMode .page-block.dark .page-block-intro p,
#theBody.dayMode .page-block.dark .page-block-txt p,
#theBody.dayMode .page-block.dark .paooight .btn-list span{
    color: var(--basecolor);
}
#theBody.dayMode .page-block.dark .block .block-caption .block-icon h3 ,
#theBody.dayMode .page-block.dark .block .block-caption .block-icon h3 a,
#theBody.dayMode .page-block.dark .block .block-caption .block-ttl h2 a,
#theBody.dayMode .page-block.dark .block .block-caption .block-ttl h2,
#theBody.dayMode .page-block.dark .block .block-caption .block-txt p{
    color: var(--textcolorLight);
}


#theBody.dayMode .page-block-link .btn-primary,
#theBody.dayMode .content-link  .btn-primary,
#theBody.dayMode .block-btns  .btn-primary,
#theBody.dayMode .page-block-txt  .btn-primary{
	border-bottom: 1px solid var(--basecolor)!important;
}
#theBody.dayMode .btn-primary span,
#theBody.dayMode .btn-primary-grey span,
#theBody.dayMode .btn-default span,
#theBody.dayMode .btn-secondary span,
#theBody.dayMode .btn-info span,
#theBody.dayMode .btn-list span,
#theBody.dayMode .btn-primary span {
    color: var(--basecolor);
}

#theBody.dayMode .page-block-link .btn-primary::before,
#theBody.dayMode .content-link .btn-primary::before,
#theBody.dayMode .block-btns  .btn-primary::before,
#theBody.dayMode .page-block-txt  .btn-primary::before{
	background: var(--basecolor);;
}

#theBody.dayMode .btn:hover span,
#theBody.dayMode .btn:active span,
#theBody.dayMode .btn:focus span {
    color: var(--basecolor);
}
#theBody.dayMode .page-block-link .btn-primary::before,
#theBody.dayMode .content-link .btn-primary::before,
#theBody.dayMode .block-btns  .btn-primary::before,
#theBody.dayMode .page-block-txt  .btn-primary::before{
    color: var(--basecolor);
}

/*#theBody.dayMode .footer,
#theBody.dayMode .footerAddress p a,
#theBody.dayMode .footer-credits a,
#theBody.dayMode .footer-credits a{
    color: var(--basecolor);
}
#theBody.dayMode .footer-logo path{
    fill: var(--basecolor)!important;
}*/




/**/


#theBody #basicloadercontainer{
    background:  var(--basecolor);
}

/*light*/
#theBody.light,
#theBody.light #mainsection,
#theBody.light #header,
#theBody.light .footer,
.page-block.light{
    background:  var(--basecolorLight);
}
#theBody.light.nightMode,
#theBody.light.nightMode #mainsection,
#theBody.light.nightMode #header,
#theBody.light.nightMode .footer,
#theBody.light.nightMode .page-block.light{
    background:  var(--basecolor);
}

#theBody.medium #basicloadercontainer{
    background:  var(--basecolorMedium);
}

#theBody.medium .st0_weder{
    fill: var(--navColorInverse);
}
#theBody.medium .navbar-toggle .icon-bar{
	background: var(--navColorInverse);
}

#theBody.medium .page-block-link .btn-primary::before,
#theBody.medium .content-link .btn-primary::before,
#theBody.medium .block-btns  .btn-primary::before,
#theBody.medium .page-block-txt  .btn-primary::before{
	background: var(--basecolorMedium);
}


#theBody.medium #toggleNavTxt,
#theBody.medium #toggleNavTxtOpen{
	color: var(--navColorInverse);
}

#theBody.medium.menuactive #toggleNavTxtOpen{
	color: var(--navColor);
}
#theBody.medium.menuactive .navbar-toggle .icon-bar{
	background: var(--navColor);
}


#theBody.medium .extra-menu .navbar-nav li a.menu-link{
	color: var(--navColorInverse);
	border: 1px solid var(--navColorInverse);
}
#theBody.medium #extraMenu .navbar-nav li a.menu-link:hover{
	color: var(--navColor);
	background: var(--navColorInverse);
}

#theBody.medium.menuactive .extra-menu .navbar-nav li a.menu-link{
	color: var(--navColor);
	border: 1px solid var(--navColor);
}
#theBody.medium.menuactive #extraMenu .navbar-nav li a.menu-link:hover{
	color: var(--navColorInverse);
	background: var(--navColor);
	border: 1px solid var(--basecolorMedium);
}


/*aanbod*/
#theBody.aanbod .st0_weder{
    fill: var(--navColorInverse);
}
#theBody.aanbod .navbar-toggle .icon-bar{
	background: var(--navColorInverse);
}

#theBody.aanbod .page-block-link .btn-primary::before,
#theBody.aanbod .content-link .btn-primary::before,
#theBody.aanbod .block-btns  .btn-primary::before,
#theBody.aanbod .page-block-txt  .btn-primary::before{
	background: var(--basecolorMedium);
}

#theBody.aanbod #toggleNavTxt,
#theBody.aanbod #toggleNavTxtOpen{
	color: var(--navColorInverse);
}


#theBody.aanbod.menuactive #toggleNavTxtOpen{
	color: var(--navColor);
}
#theBody.aanbod.menuactive .navbar-toggle .icon-bar{
	background: var(--navColor);
}





#theBody.aanbod .extra-menu .navbar-nav li a.menu-link{
	color: var(--navColorInverse);
	border: 1px solid var(--navColorInverse);
}
#theBody.aanbod #extraMenu .navbar-nav li a.menu-link:hover{
	color: var(--navColor);
	background: var(--navColorInverse);
}

#theBody.aanbod.menuactive .extra-menu .navbar-nav li a.menu-link{
	color: var(--navColor);
	border: 1px solid var(--navColor);
}
#theBody.aanbod.menuactive #extraMenu .navbar-nav li a.menu-link:hover{
	color: var(--navColorInverse);
	background: var(--navColor);
	border: 1px solid var(--basecolorMedium);
}



/*special*/
#theBody.special,
#theBody.special #mainsection,
#theBody.special #header,
#theBody.special .footer,
.page-block.special{
    background:  var(--basecolorSpecial);
}

#theBody.special #basicloadercontainer{
    background:  var(--basecolorSpecial);
}
#theBody.special .page-block-link .btn-primary::before,
#theBody.special .content-link .btn-primary::before,
#theBody.special .block-btns  .btn-primary::before,
#theBody.special .page-block-txt  .btn-primary::before{
	background: var(--basecolorSpecial);
}
#theBody.special #extraMenu .navbar-nav li:hover{
	border: 1px solid var(--basecolorSpecial);
}


/*inverse*/
#theBody.inverse,
#theBody.inverse #mainsection,
#theBody.inverse #header,
#theBody.inverse .footer,
.page-block.inverse{
    background:  var(--basecolorInverse);
}

#theBody.inverse #basicloadercontainer{
    background:  var(--basecolorInverse);
}

#theBody.inverse .st0_weder{
    fill: var(--navColorInverse);
}
#theBody.inverse .navbar-toggle .icon-bar{
	background: var(--navColorInverse);
}

#theBody.inverse .page-block-link .btn-primary::before,
#theBody.inverse .content-link .btn-primary::before,
#theBody.inverse .block-btns  .btn-primary::before,
#theBody.inverse .page-block-txt  .btn-primary::before{
	background: var(--basecolorMedium);
}

#theBody.inverse #toggleNavTxt,
#theBody.inverse #toggleNavTxtOpen{
	color: var(--navColorInverse);
}

#theBody.inverse .footer,
#theBody.inverse .footer-menu .navbar-nav li.menu-link a.menu-link,
#theBody.inverse .footerAddress p a,
#theBody.inverse .footer-credits a{
	color: var(--navColorInverse);
}

#theBody.inverse .footer{
}
#theBody.inverse .footer-logo path,
#theBody.inverse .footerAddress .st2{
	fill: var(--navColorInverse)!important;
}



#theBody.inverse.menuactive #toggleNavTxtOpen{
	color: var(--navColor);
}
#theBody.inverse.menuactive .navbar-toggle .icon-bar{
	background: var(--navColor);
}




#theBody.inverse .extra-menu .navbar-nav li a.menu-link{
	color: var(--navColorInverse);
	border: 1px solid var(--navColorInverse);
}
#theBody.inverse #extraMenu .navbar-nav li a.menu-link:hover{
	color: var(--navColor);
	background: var(--navColorInverse);
}

#theBody.inverse.menuactive .extra-menu .navbar-nav li a.menu-link{
	color: var(--navColor);
	border: 1px solid var(--navColor);
}
#theBody.inverse.menuactive #extraMenu .navbar-nav li a.menu-link:hover{
	color: var(--navColorInverse);
	background: var(--navColor);
	border: 1px solid var(--basecolorMedium);
}



.page-block.inverse h1,
.page-block.inverse .page-block-name h1,
.page-block.inverse h2,
.page-block.inverse .page-block-ttl h2 
.page-block.inverse h2 a,
.page-block.inverse .page-block-ttl h2 a{
    color: var(--textcolorInverse)!important;
}  
.page-block.inverse .page-block-intro p,
.page-block.inverse .page-block-intro ul,
.page-block.inverse .page-block-txt p,
.page-block.inverse .page-block-txt ul{
    color: var(--textcolorInverse);
}  
.page-block.inverse .btn-primary,
.page-block.inverse .btn-primary-grey,
.page-block.inverse .btn-default,
.page-block.inverse .btn-secondary,
.page-block.inverse .btn-info,
.page-block.inverse .btn-list{
    border-color: var(--textcolorInverse);
    color: var(--textcolorInverse);
}
.page-block.inverse .btn-primary span,
.page-block.inverse .btn-primary-grey span,
.page-block.inverse .btn-default span,
.page-block.inverse .btn-secondary span,
.page-block.inverse .btn-info span,
.page-block.inverse .btn-list span{
    color: var(--textcolorInverse);
}
.page-block.inverse .btn:not(:disabled):not(.disabled).active,
.page-block.inverse .btn:not(:disabled):not(.disabled):active,
.page-block.inverse .show>.btn.dropdown-toggle,
.page-block.inverse .btn:hover,
.page-block.inverse .btn:active,
.page-block.inverse .btn:focus {
    border-color: var(--textcolorInverse);
    color: var(--textcolorInverse);
}
.page-block.inverse .btn:not(:disabled):not(.disabled).active span,
.page-block.inverse .btn:not(:disabled):not(.disabled):active span,
.page-block.inverse .show>.btn.dropdown-toggle span,
.page-block.inverse .btn:hover span,
.page-block.inverse .btn:active span,
.page-block.inverse .btn:focus span {
    color: var(--textcolorInverse);
}

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


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

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


/*blue*/
.page-block.blue{
    background:  var(--basecolorSpecial);
}

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



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

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


/*oker*/
.page-block.oker{
    background:  var(--okercolor);
}

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


/*
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
*/ 
.block .carousel-indicators li,
.page-block.slideshow .page-block-module .carousel-indicators li{
    background-color: #414141;
}
.page-block.slideshow .page-block-module .carousel-indicators .active{
    background-color: var(--textcolor);
}
.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(--textcolor);
}

.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-color: var(--highlightcolor);
    color:  var(--basecolor);
}
.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(--basecolor);
}

.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(--basecolorSpecial);
    color: var(--textcolorSecondair);
}
.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){
    #nieuws.page-block.scrollable #infiniteListing .block.news.newsitem_1 .block-caption .block-ttl h2 a{  
        color: var(--textcolorSecondair);
    }
}


#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{
    border-top: 1px solid  var(--textcolorSecondair);
}
#theBody.nieuws.detail_mode .page-block .page-block-txt p{
    color: 
}




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



/* footer */

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

.footer{
    background: none;
}
.footerAddress h2,
.footer-menu h2,
.footer-socials h2{
    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(--textcolor);
}

.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{
}
.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 .carousel .carousel-item .carousel-caption .carousel-ttl h2{
	color:  var(--textcolor);
}

.block .carousel-indicators,
.page-block.gallery.slideshow .page-block-module .carousel-indicators{
	background: none;
}
@media (min-width: 768px){
	.page-block.gallery.slideshow{
	}
	.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: var(--basecolorMedium);
}
.sliderScrollKnobb{
	background: var(--basecolorLight);
}



.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);
	}
}






#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;
}