.gebouw-woning-nav{
    bottom: auto; top: 0px;
}

.aanbod #pageBlock0.page-block .page-block-header-caption{
    display: block; background: #A7B2A6; position: absolute; top: auto; bottom: 0px;
}
.aanbod #pageBlock0.page-block .page-block-header-caption .page-block-intro{
    display: none;
}
.aanbod #pageBlock0.page-block .page-block-header-caption .page-block-name,
.aanbod #pageBlock0.page-block .page-block-header-caption .page-block-name h1{
    width: 100%; text-align: center; color: #ffffff; padding: 0px; margin: 0px;
}

.aanbod.bouwkavels #pageBlock0{
    max-height: 200px!important; overflow: hidden;
}
.aanbod.bouwkavels #pageBlock0 .page-block-page_image, .page-block.header-video .page-block-page_image{
    height: 140px!important; overflow: hidden;
}
#woningsearch.woningdetails_direct h2{
    text-align: left;
}

.spec-value.te-koop{
    background: #1E413D; color: #ffffff; padding: 4px;
}
.spec-value.onder-optie{
    color: #c9532a; font-weight: bold;
}
.spec-value.verkocht,
.spec-value.verkocht-onder-voorbehoud{
    color: #c90e0e; font-weight: bold;
}


#woningdetails .btn-inschrijven{
    background: #1E413D!important; border: 0px; padding: 15px 20px!important; font-size: 16px; margin: 30px 15px 20px 0px; color: #ffffff!important;
}
#woningdetails .btn-informatie{
    background: #1E413D!important; border: 0px; padding: 15px 20px!important; font-size: 16px; margin: 30px 0px 20px 0px; color: #ffffff!important;
}
#woningdetails .btn-inschrijven:hover{
    background: #A7B2A6!important; color: #1E413D!important;
}
#woningdetails .btn-informatie:hover{
    background: #A7B2A6!important; color: #1E413D!important;
}

#theBody.verkoop #pageBlock1{
    display: none;
}

#theBody.vrijblijvend-informatie-aanvragen #pageBlock1{
    display: none;
}
#theBody.vrijblijvend-informatie-aanvragen #formname{
    display: none;
}

#theBody.contact #contact .page-block-image{
    display: none;
}
#theBody.contact #contact .page-block-caption{
    width: 100%; margin: 0px; padding: 30px 45px;
}

#verkoopinformatie, #verkoopinformatie2, #verkoopinformatie3{
    padding: 15px;
}
#verkoopinformatie{
    margin-bottom: 0px;
}
#verkoopinformatie3 .page-block-ttl-intro {
    /*display: block;*/
}
#verkoopinformatie3 .page-block-ttl-intro h3{
    font-size: 16px; font-weight: 700; color: #465F63;
	font-family: parisplus-std;
}


#homedna .page-block-caption{
    padding: 30px 45px;
}


.verkoopinformatie,
.verkoopinformatie2,
.verkoopinformatie3{
    background: #d4ddd8!important; 
}
.verkoopinformatie .page-block-image,
.verkoopinformatie2 .page-block-image,
.verkoopinformatie3 .page-block-image{
    width: 150px; margin: 15px 0px 45px 15px;
}
.verkoopinformatie .page-block-image-png,
.verkoopinformatie2 .page-block-image-png,
.verkoopinformatie3 .page-block-image-png{
    margin: 0px;
}
.verkoopinformatie .page-block-caption,
.verkoopinformatie2 .page-block-caption,
.verkoopinformatie3 .page-block-caption{
    width: calc(100% - 165px);
}
.verkoopinformatie .page-block-caption .page-block-txt p,
.verkoopinformatie2 .page-block-caption .page-block-txt p,
.verkoopinformatie3 .page-block-caption .page-block-txt p{
    font-size: 14px;
}
#verkoopinformatie{
    position: relative;
}
#theBody.contact #verkoopinformatie::before{
    position: relative; width: 90%; margin: 30px 5% 15px 5%; background: #d4ddd8; height: 1px; display: block; content: 'Voor vragen over de woningen, bel Marco of Donald'; left: 0px; top: 0px; float: left;
    font-weight: 700; font-family: parisplus-std;
}
#theBody.contact #verkoopinformatie3::before{
    position: relative; width: 90%; margin: 30px 5% 15px 5%; background: #d4ddd8; height: 1px; display: block; content: 'Voor vragen over financiering, bel Chris'; left: 0px; top: 0px; float: left;
    font-weight: 700; font-family: parisplus-std;
}
#verkoopinformatie .page-block-caption{
    padding-top: 90px;
}
#theBody.contact #verkoopinformatie2{
    padding-top: 0px;
}
#verkoopinformatie2 .page-block-caption{
    padding-top: 80px;
}
#verkoopinformatie3 .page-block-caption{
    padding-top: 60px;
}
.verkoopinformatie .page-block-caption .page-block-image{
    
}
#verkoopinformatie .page-block-caption .page-block-txt h3, #verkoopinformatie2 .page-block-caption .page-block-txt h3, #verkoopinformatie3 .page-block-caption .page-block-txt h3{
    font-size: 14px; display: none;
}

#theBody.inschrijven #pageBlock1{
    display: none;
}



@media (max-width:500px) {
    
    .verkoopinformatie,
    .verkoopinformatie2,
    .verkoopinformatie3{
        padding-left: 0px;
    }
    .verkoopinformatie .page-block-image,
    .verkoopinformatie2 .page-block-image,
    .verkoopinformatie3 .page-block-image{
        width: 120px; margin: 30px 0px 45px 0px;
    }
    .verkoopinformatie .page-block-caption,
    .verkoopinformatie2 .page-block-caption,
    .verkoopinformatie3 .page-block-caption{
        width: calc(100% - 135px); padding-left: 0px;
    }
    
    #verkoopinformatie .page-block-image-png,
    #verkoopinformatie2 .page-block-image-png,
    #verkoopinformatie3 .page-block-image-png{
        left: 0px; padding: 0px; margin: 0px;
    }
    
}
@media (min-width:768px) {
.aanbod.bouwkavels #pageBlock0 .page-block-page_image, .page-block.header-video .page-block-page_image{
    height: 180px!important;
} 
#woningsearch.woningdetails_direct{
    padding-left: 45px;
}
}
@media (min-width:900px) {
    #woningsearch.woningdetails_direct{
        padding-left: 30px;
    }
    
    #theBody.contact #pageBlockPage{
        align-items: stretch;
    }
    
    #tw3 .page-block-image img,
    #makelaardij-de-jong .page-block-image img{
        height: 195px; width: auto;
    }
    
    #homedna{
        margin-left: calc(50% - 325px);
        margin-right: calc(50% - 325px);
    }
    
    #tw3, #makelaardij-de-jong{
    }
    #tw3 .page-block-caption, #makelaardij-de-jong .page-block-caption{
        height: 650px; 
    }
    #tw3 .page-block-caption-extra, #makelaardij-de-jong .page-block-caption-extra{
        height: 280px!important; 
    }
    
    
}
@media (min-width:991px) {
    #woningdetails.woningdetails_direct,
    #aanzichten.woningdetails_direct,
    #woning3d.woningdetails_direct,
    #aanzicht_CTA{
        width: 100%; height: auto; max-height: none;
    }
    #theBody.woningzoeker #woningdetails .spec-label{
        max-width: 51%;
    }
    #theBody.woningzoeker #woningdetails.woningdetails_direct .spec-label{
        max-width: 51%;
    }
    
    #informatie-aanvragen.homedna{
        padding-left: calc(50% - 300px);
        padding-right: calc(50% - 300px);
    }
    #informatie-aanvragen.homedna.page-block .page-block-caption{
        padding: 60px 60px 0px 60px;
    }
    
    #theBody.contact #contact{
        width: 50%; margin-left: 50%; margin-bottom: 160px;
    }
    
    
    #theBody.contact #verkoopinformatie .page-block-caption, #verkoopinformatie2 .page-block-caption, #verkoopinformatie3 .page-block-caption{
        padding-left: 30px!important;
        padding-right: 30px!important;
        padding-bottom: 15px!important;
    }
    #theBody.contact #verkoopinformatie .page-block-image-png, #verkoopinformatie2 .page-block-image-png, #verkoopinformatie3 .page-block-image-png{
        margin-left: 0px!important;
    }
    
    #theBody.contact #verkoopinformatie{
        position: absolute; top: 50vw; left: auto; right: 50%; width: 480px; height: 220px; padding-top: 0px; padding-bottom: 0px; z-index: 2; margin: 0px;
    }    
    #theBody.contact #verkoopinformatie2{
        position: absolute; top: calc(50vw + 200px); left: auto; right: 50%; width: 480px; height: 170px; padding-top: 0px; padding-bottom: 0px; z-index: 1; margin: 0px;
    } 
    #theBody.contact #verkoopinformatie3{
        position: absolute; top: calc(50vw + 380px); left: auto; right: 50%; width: 480px; padding-top: 0px; padding-bottom: 0px;margin: 0px; z-index: 1;
    }
    
    #theBody.contact #verkoopinformatie::after{
        margin: -15px 5% 0px 5%;
    }
    #theBody.contact #verkoopinformatie .page-block-caption .page-block-txt p, #theBody.contact #verkoopinformatie2 .page-block-caption .page-block-txt p, #theBody.contact #verkoopinformatie3 .page-block-caption .page-block-txt p{
        font-size: 16px;
    }
    #tw3 .page-block-caption, #makelaardij-de-jong .page-block-caption{
        height: 580px; 
    }
    #tw3 .page-block-caption-extra .page-block-txt-extra,
    #makelaardij-de-jong .page-block-caption-extra .page-block-txt-extra{
        margin-top: 30px; float: left;
    }
    #tw3 .page-block-caption-extra, #makelaardij-de-jong .page-block-caption-extra{
        height: 250px!important; padding-bottom: 30px!important;
    }
}

@media (min-width:1280px) {
    #theBody.woningzoeker #woningsfeer.woningsfeer-zoekerview{
        display: none;
    }
    #theBody.woningzoeker #aanzichten {
        width: 100%;
        height: calc(1 * (55vw + 90px));
        max-height: 1080px;
    }
    
    #theBody.woningzoeker #woningdetails {
        width: 100%!important;
        height: auto;
        max-height: none;
    }
    
    /*dit moet weg als we toch die zin willen tonen op de aanbod page "kies hier  je nieuwe woningen Inclusief complete keuken en badkamer!"*/
    
    #theBody.aanbod #aanzichten {
        width: 100%;
        height: calc(1 * (55vw + 90px));
        max-height: 1080px;
    }
    #theBody.aanbod.twee-onder-een-kap #aanzichten, #theBody.aanbod.twee-onder-een-kap-groeneweg #aanzichten, #theBody.aanbod.rijwoningen #aanzichten, #theBody.aanbod.beneden-en-bovenwoningen #aanzichten, #theBody.aanbod.bouwkavels #aanzichten{
        height: calc(1 * (55vw + 0px));
    }
    #theBody.aanbod #woningdetails  {
        width: 100%!important;
        height: auto;
        max-height: none;
        padding: 0px 30px!important;
    }
    #theBody.aanbod #woningdetails.displayed{
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    
    #smartwoningzoeker #woningdetails::after{
        display: none;
    }
    
    /* end */
    
    
    #woningsearch.woningdetails_direct{
        padding-left: 55px;
    }
    #woningdetails.woningdetails_direct{
        padding-left: 60px!important;
        padding-right: 60px!important;
    }
    
    #theBody.contact #contact{
        width: 550px!important; margin-left: 45%;
    }
    #theBody.contact #contact .page-block-caption{
        padding-left: 120px!important; 
    }
    
    #theBody.contact #verkoopinformatie{
        margin-right: -30px!important; width: 560px;
    }    
    #theBody.contact #verkoopinformatie2{
        margin-right: -30px!important; width: 560px;
    } 
    #theBody.contact #verkoopinformatie3{
        margin-right: -30px!important; width: 560px;
    }
    
}
@media (min-width:1440px) {
    #woningsearch.woningdetails_direct{
        padding-left: 90px;
    }
    .aanbod.bouwkavels #pageBlock0 .page-block-page_image, .page-block.header-video .page-block-page_image{
        height: 200px!important;
    } 
    #theBody.woningzoeker #woningdetails {
        padding-left: 245px!important;
        padding-right: 245px!important;
    }
    /*dit moet weg als we toch die zin willen tonen op de aanbod page "kies hier  je nieuwe woningen Inclusief complete keuken en badkamer!"*/
    
    #theBody.aanbod #woningdetails {
        padding-left: 245px!important;
        padding-right: 245px!important;
    }
    /* end */
    
    #woningsearch.woningdetails_direct{
        padding-left: 85px;
    }
    #theBody.woningzoeker #woningdetails.woningdetails_direct{
        padding-left: 90px!important;
        padding-right: 90px!important;
    }
    
    #verkoopprocedure .page-block-module .card{
        width: 25%;
    }
    #tw3 .page-block-caption, #makelaardij-de-jong .page-block-caption{
        height: 545px; 
    }
}
@media (min-width:1600px) {
    #woningsearch.woningdetails_direct{
        padding-left: 125px;
    }
    #theBody.woningzoeker #woningdetails.woningdetails_direct{
        padding-left: 130px!important;
        padding-right: 130px!important;
    }
}
@media (min-width:1920px) {
    #theBody.contact #verkoopinformatie{
        top: 920px;
    }    
    #theBody.contact #verkoopinformatie2{
        top: 1085px;
    } 
    #theBody.contact #verkoopinformatie3{
        top: 1270px;
    }
   
}

.menu-twee-onder-een-kap,
.menu-twee-onder-een-kap-groeneweg,
.menu-rijwoningen,
.menu-beneden-en-bovenwoningen{
    display: none!important;
}

#theBody.aanbod .woningaanbod-nav a:nth-of-type(5),
#theBody.aanbod .woningaanbod-nav a:nth-of-type(6),
#theBody.aanbod .woningaanbod-nav a:nth-of-type(7),
#theBody.aanbod .woningaanbod-nav a:nth-of-type(8){
    display: none;
}

#theBody.aanbod #woonaanbod-twee-onder-een-kap.block.woningaanbod,
#theBody.aanbod #woonaanbod-twee-onder-een-kap-groeneweg.block.woningaanbod,
#theBody.aanbod #woonaanbod-rijwoningen.block.woningaanbod,
#theBody.aanbod #woonaanbod-beneden-en-bovenwoningen.block.woningaanbod{
    display: none;
}



#theBody.woningen #pageBlock1{
    display: none;
}
#theBody.woningen .woningaanbod-nav a:nth-of-type(1),
#theBody.woningen .woningaanbod-nav a:nth-of-type(2),
#theBody.woningen .woningaanbod-nav a:nth-of-type(3),
#theBody.woningen .woningaanbod-nav a:nth-of-type(4){
    display: none;
}
#theBody.woningen #woonaanbod-appartementen.block.woningaanbod,
#theBody.woningen #woonaanbod-penthouses.block.woningaanbod,
#theBody.woningen #woonaanbod-woningen.block.woningaanbod,
#theBody.woningen #woonaanbod-bouwkavels.block.woningaanbod{
    display: none;
}



.woonsoort_area .color_0{
    fill:#ffffff; opacity: 0.4;
    -webkit-animation: glowing1Area 1s linear infinite;
    -moz-animation: glowing1Area 1s linear infinite;
    -ms-animation: glowing1Area 1s linear infinite;
    -o-animation: glowing1Area 1s linear infinite;
    animation: glowing1Area 1s linear infinite;
}
.woonsoort_area .color_1{
    stroke:#ffffff; opacity: 0.1;
}

@keyframes glowing1Area {
  0% {
      opacity: 0.4;
  }
  50% {
      opacity: 0.2;
  }
  100% {
      opacity: 0.4;
  }
}

.woonsoort_area:hover .color_0{
    fill:#ffffff; opacity: 1!important;
    -webkit-animation: glowing2Area 1s linear infinite;
    -moz-animation: glowing2Area 1s linear infinite;
    -ms-animation: glowing2Area 1s linear infinite;
    -o-animation: glowing2Area 1s linear infinite;
    animation: glowing2Area 1s linear infinite;
}
.woonsoort_area:hover .color_1{
    stroke:#ffffff; opacity: 1!important;
}
@keyframes glowing2Area {
  0% {
      opacity: 1;
  }
  50% {
      opacity: 1;
  }
  100% {
      opacity: 1;
  }
}

#tq57036 label,
#tqq57037 label{
    width: 100%!important; padding-bottom: 5px; float: left; position: relative;
}


#blog .page-block-caption{
    padding-bottom: 0px; margin-bottom: 0px;
}
#blog .page-block-caption h2,
#blog .page-block-caption p{
    text-align: center;
}
#blog .page-block-module{
    display: flex; justify-content: center; flex-wrap: wrap; margin-top: 0px; padding-top: 0px;
    align-items: stretch;
}
.block.news{
    width:100%; max-width: 340px!important; margin: 15px;
     background: #d4ddd8; 
}
.block.news .block-image,
.block.news .block-image img{
    -webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
    width:100%; margin: 0px; padding: 0px; float: left; overflow: hidden;
}
.block.news:hover .block-image img{
    width:95%; margin: 2.5%;
}
.block.news .block-caption{
    padding: 30px 15px; background: #d4ddd8; width: 100%;
}
.block.news .block-caption .block-subtxt{
    padding: 0px;
}
.block.news .block-caption .block-ttl h2{
    font-size: 24px;
}
.block.news .block-caption .block-btns{
    display: block;
}
.block.news .block-btns .btn-list{
    background: #465F63!important; padding: 5px 15px; border: 0px solid #000000!important;
    color: #ffffff; text-transform: none;
}
.block.news .block-btns .btn-list:hover{
    background: #ffffff!important;
    color: #465F63;
}


#theBody.blog .detail-content .page-header{
    padding: 15px 30px 15px 45px;
}
#theBody.blog .detail-content .page-txt{
    padding: 30px 45px;
}
#theBody.blog .detail-content .page-txt p b{
font-family:"parisplus-std"; 
    font-weight: 500!important;
}
#theBody.blog .detail-content .page-txt h2{
font-family:"parisplus-std"; color: #465F63!important;
    text-align: left!important; font-size: 24px; font-weight: 700!important; 
    margin: 0px; padding: 0px;
}
#theBody.blog .detail-content .detail-media .video{
    padding: 0px 15px;
}
#theBody.blog .detail-content .page-block-module.popup-gallery{
    padding: 0px; display: flex; width: 100%; justify-content: flex-start; flex-wrap: wrap;
} 
#theBody.blog .detail-content .page-block-module.popup-gallery .page-block-gal_image{
    width: 50%!important;
}

@media (min-width:768px) {
    #theBody.blog .detail-content .page-header{
        padding: 15px 30px 15px 30px;
    }
    #theBody.blog .detail-content .cat-header.blog{
        padding: 0px 15px;    
    }
    #theBody.blog .detail-content .page-txt{
        padding: 30px 30px;
    }
    #theBody.blog .detail-content .detail-media{
        column-count: 1;
        column-width: 100%;
    }
    #theBody.blog .detail-content .detail-media .video{
        width: 400px; padding: 0px 0px;
    }
    #theBody.blog .detail-content .page-block-module.popup-gallery{
        padding: 0px 15px;
    } 
}

@media (min-width:991px) {
    #theBody.blog .detail-content h1{
        font-size: 36px; text-align: center; margin: 45px 0px 0px 0px;
    }
    #theBody.blog .detail-content h2{
         text-align: center!important; width: 100%!important; margin: 0px 0px 30px 0px;
    }
    #theBody.blog .detail-content .page-block-module.popup-gallery .page-block-gal_image{
        width: 25%!important;
    }
}
@media (min-width:1280px) {
    #theBody.blog .detail-content{
        padding: 0px 45px;
    }
    #theBody.blog .detail-content .page-block-module.popup-gallery{
        flex-wrap: nowrap;
    } 
    #theBody.blog .detail-content .page-block-module.popup-gallery .page-block-gal_image{
    }
}
@media (min-width:1440px) {
    #theBody.blog .detail-content{
        padding: 0px 75px;
    }
    #theBody.blog .detail-content h1{
        font-size: 46px;
    }
    #theBody.blog .detail-content .cat-header.blog{
        width:80%; margin: 0px 10% 45px 10%;
    }
    #theBody.blog .detail-content .page-txt{
        width:70%; max-width: 70%; padding-top: 0px; margin-top: -10px; margin-left: 12.5%;
    }
    #theBody.blog .detail-content .detail-media .video{
        margin-left: calc(50% + 15px);
    }
}
@media (min-width:1600px) {
    #theBody.blog .detail-content{
        padding: 0px 115px;
    }
}
@media (min-width:1920px) {
    #theBody.blog .detail-content{
        padding: 0px 115px;
    }
}
