/*
    Geel: #ffed00
    Blauw: #212b55;
*/

.row {
    margin: 0 !important;
}

.modal input {
    width: 100%;
    margin-bottom: 10px;
}

.modal button {
    padding: 10px;
}

.modal h3 {
    margin: 0;
}

#warningModal .modal-content {
    padding: 20px;
}

* .page_pand {
    box-sizing: inherit !important;
    -webkit-box-sizing: inherit !important;
}

/* Algemene styling */
* { margin: 0px; padding: 0px; -webkit-backface-visibility: hidden; }
html { min-width: 300px; overflow-x: hidden; }
body { font-size: 14px; }
h1 { font-size: 45px; font-weight: normal; color: #212b55; }
h2 { font-size: 22px; line-height: 28px; font-weight: normal; color: #212b55; }
h3 { color: #212b55; }
img { border: none; }
a { color: inherit; text-decoration: none; }
    a:hover { text-decoration: none; cursor: pointer; }

/* Algemene classes */
.blue { color: #212b55; }
.bluelight { color: #9bacb6; }
.graydark { color: #61686b; }
.green { color: #55C201 !important; }
.red { color: #FF0000; }
.white { color: #FFF; }
.yellow { color: #ffed00; }

input[type=image] { cursor: default; }

.bold { font-weight: bold; }
.button { float: left; color: #212b55 !important; text-align: center; margin-top: 20px; border: none; background-color: #ffed00; padding: 10px 0; font-weight: bold !important; text-transform: uppercase !important; cursor: pointer; -webkit-appearance: none; }
.button2 { float: left; color: #9bacb6; text-align: center; margin-top: 20px; background: #1E396E; padding: 10px 0; text-transform: uppercase; cursor: pointer; -webkit-appearance: none; }
.clearfix { clear: both; float: left; width: 100%; height: 10px; }
.dn { display: none; }
.handje { cursor: pointer; }
.smallcaps { font-size: 11px; color: #CCC; }

.cb { clear: both; }

.mostrecent { padding-left: 7px; }
    .mostrecent h2 { text-align: center; margin-bottom: 10px; }
    .mostrecent li { width: 33%; display: inline-block; }
        .mostrecent li .idkfooter img { display: none; }
    .mostrecent #idk_slider { margin: 0; }
        .mostrecent #idk_slider p { margin: 0; }
.page_nieuwsbericht .sharethis { margin: 25px 0 10px 0; }


/* Header */
.contentheader { clear: both; float: left; width: 100%; }
.headertop { clear: both; float: left; width: 100%; background-color: #212b55; padding-top: 10px; padding-bottom: 5px; }
    .headertop .headerlogo { float: left; width: 250px; }
    .headertop .headerrechts { float: right; margin-top: 16px; color: #94A5AF; }
        .headertop .headerrechts .headeracties { float: right; }
            .headertop .headerrechts .headeracties img { height: 11px; margin-left: 10px; }
            .headertop .headerrechts .headeracties a { margin-right: 10px; cursor: pointer; color: #94A5AF; }
                .headertop .headerrechts .headeracties a:hover { color: #ffed00; text-decoration: none; }
                .headertop .headerrechts .headeracties a.actiestreep { text-decoration: none; }

        .headertop .headerrechts .headertaal { float: right; margin-left: 20px; }
            .headertop .headerrechts .headertaal a { color: #94A5AF; }
            .headertop .headerrechts .headertaal .activelang { color: #FFF; }
.headernav { clear: both; float: left; width: 100%; border-bottom: 1px solid #ccc; }
    .headernav #mobilemenu, .headernav #mobilemenudiv { display: none !important; }
    .headernav .pagenav { float: left; }
        .headernav .pagenav .pagenavblock { float: left; width: 100px; height: 60px; text-align: center; border-right: 1px solid #CCC; }
            .headernav .pagenav .pagenavblock:first-of-type { border-left: 1px solid #CCC; }
            .headernav .pagenav .pagenavblock a { position: relative; top: 40%; font-weight: bold; color: #50585B; text-decoration: none; }
            .headernav .pagenav .pagenavblock:hover, .headernav .pagenav .activemenu { background-color: #212b55; }
                .headernav .pagenav .pagenavblock:hover a, .headernav .pagenav .activemenu a { color: #ffed00; }
    .headernav .socnav { float: right; }
        .headernav .socnav .socnavblock { float: left; width: 60px; height: 60px; border-right: 1px solid #CCC; }
            /* .headernav .socnav .socnavblock:first-of-type { border-left: 1px solid #CCC; } */
            .headernav .socnav .socnavblock a { position: relative; top: 38%; left: 42%; }

/* Body */
.contentbody { clear: both; float: left; width: 100%; }

.title { float: left; padding-right: 15px; border-right: 1px solid #EEE; }
.titleline { overflow: hidden; height: 13px; border-bottom: 1px solid #EEE; }
.titleopvallend { color: #ff0000 !important; text-shadow: 0 0 1px #ff0000; /*color: #bccc38!important; text-shadow: 0 0 1px #222;*/ }

/* Footer */
.contentfooter { clear: both; float: left; width: 100%; margin-top: 20px; background-color: #353D40; color: #94A5AF; }
    .contentfooter .container_12 { }
    .contentfooter ul { list-style: none; display: table; width: 100%; margin: 10px 0; }
        .contentfooter ul li { width: 15%; display: table-cell; text-align: center; font-size: 16px; text-transform: uppercase; font-weight: bold; }
        .contentfooter ul .footerulstreep { width: 20px; }
            .contentfooter ul .footerulstreep:last-of-type { display: none; }
        .contentfooter ul li:first-of-type { text-align: left; }
        .contentfooter ul li:last-of-type { text-align: right; }
    .contentfooter hr { border: none; background-color: #94A5AF; height: 1px; width: 100%; }
.footercopy { clear: both; float: left; width: 100%; margin: 10px 0 5px; text-align: right; }
    .footercopy a { text-decoration: underline; color: #94A5AF; }

.footerdeel { width: 25% !important; margin: 10px 0; }
    .footerdeel h2 { color: #94A5AF; font-size: 22px; }
    .footerdeel a { clear: both; float: left; width: 100%; color: #94A5AF; }



/* Wederkerende objecten */
.banner { clear: both; float: left; width: 100%; height: 150px; }
    .banner h1 { background: #FFF; width: auto; opacity: 0.5; clear: both; float: left; padding: 0 10px; visibility: hidden; }
.bannerhome { height: auto; /*background-image: url('/imgsite/site/foto1.jpg'); background-position-y: -100px;*/ min-height: 355px; }
.banneroverview, .bannernieuws, .bannerverkopen, .bannercontact, .bannerkmi, .bannerfavorieten { background-image: url('/imgsite/site/banner_overview.png'); background-position-y: -120px; }
    .banneroverview h1, .bannernieuws h1, .bannerverkopen h1, .bannercontact h1, .bannerkmi h1, .bannerfavorieten h1 { position: relative; top: 80px; }
/*color: #FFF;*/

.bannerhome { position: relative; }
.homevideo { width: 100%; height: 100%; position: absolute; top: 0; z-index: -1; overflow: hidden; }
.homevideo video { min-height: 100%; min-width: 100%; margin-top: -125px; }
.banner_Kopen, .banner_A_vendre, .banner_Spanje { background: url("/imgsite/site/foto4.jpg") repeat scroll 0 -335px rgba(0, 0, 0, 0); }
.banner_Huren, .banner_A_Louer { background: url("/imgsite/site/foto6.jpg") repeat scroll 0 -100px rgba(0, 0, 0, 0); }
.banner_Nieuwbouw, .banner_Projets { background: url("/imgsite/site/foto7.jpg") repeat scroll 0 -180px rgba(0, 0, 0, 0); }
.banner_Verkopen, .banner_Vendre { background: url("/imgsite/site/foto8.jpg") repeat scroll 0 -350px rgba(0, 0, 0, 0); }
.banner_Verhuren, .banner_Louer { background: url("/imgsite/site/foto9.jpg") repeat scroll 0 -430px rgba(0, 0, 0, 0); }
.bannercontact, .bannerkmi, .bannerfavorieten, .bannernieuws { background: url("/imgsite/site/foto5.jpg") repeat scroll 0 -180px rgba(0, 0, 0, 0); }
    .banner_Kopen h1, .banner_Huren h1, .banner_Nieuwbouw h1, .bannercontact h1, .bannerkmi h1, .bannerfavorieten h1, .bannernieuws h1 { }
/*color: #000;*/
.banner_Interesse, .banner_Bereken { height: 150px; background-image: url('/imgsite/site/foto1.jpg'); background-position-y: -150px; }
.banner_Kantoor { background-image: url('/imgsite/site/fotogent.png'); background-position-y: -300px; height: 250px; }

.label { position: absolute; right: 1px; bottom: 0px; padding: 2px 10px; }
.label_new { background-color: #ffed00; color: #1E396E; }
.label_changed { background-color: #007BAF; color: #FFF; }
.label_sold { background-color: #FF0000; color: #FFF; }

#idk_slider .propdiv { max-width: 232px; display: block; float: none; margin-left: auto; margin-right: auto; }
#divProperties .propdiv { max-width: 232px; margin-left: auto; margin-right: auto; }
#divProperties .propdiv .propdivimg a { float: left; width: 100%; background: #ddd; }
#divProperties .propdiv .propdivimg a img { display: block; width: 230px; height: 154px; max-width: 100%; margin: 0 auto; object-fit: cover; }
.propdiv { margin-bottom: 20px; min-height: 307px; }
    .propdiv .propdivimg { position: relative; clear: both; float: left; width: 100%; text-align: center; border: 1px solid #DDD; border-bottom: none; }
        .propdiv .propdivimg img { display: block; width: 100%; }
    .propdiv .bannersubcolor { clear: both; width: 100%; margin: 0 auto 0 1px; height: 4px; background-color: transparent; }
    .propdiv .propdivinfo { clear: both; float: left; width: 100%; border: 1px solid #DDD; border-top: none; }
        .propdiv .propdivinfo a:hover { text-decoration: none !important; }
        .propdiv .propdivinfo .propdivtitle { padding: 10px; padding-bottom: 0px; color: #61686b; font-weight: bold; }
        .propdiv .propdivinfo .propdivcity { padding: 10px; padding-top: 5px; color: #AAA; font-weight: bold; }
        .propdiv .propdivinfo .propdivprice { padding-bottom: 20px; color: #212b55; text-align: center; font-size: 20px; font-weight: bold; }
            .propdiv .propdivinfo .propdivprice hr { width: 100px; margin: 0px auto 10px; border: none; height: 2px; background: #EEE; }
    .propdiv .propdivfooter { clear: both; float: left; width: 100%; font-size: 12px; background-color: #f5f7f9; color: #61686b; border: 1px solid #DDD; border-top: none; }
        .propdiv .propdivfooter div { margin: 0; padding: 10px 0; text-align: center; border-left: 1px solid #eee; }
            .propdiv .propdivfooter div:first-of-type { border-left: none; }
            .propdiv .propdivfooter div img { position: absolute; top: 40%; left: 20%; }
            .propdiv .propdivfooter div i { margin-left: 2px; }

/* Pops */
.sheetnd { clear: both; float: left; width: 500px; }
    .sheetnd .sheetwit { width: 90%; float: left; padding: 20px 5%; }
        .sheetnd .sheetwit p { width: 100%; }

.sheetbel { clear: both; float: left; width: 150px; }
    .sheetbel .sheetwit { width: 90%; float: left; padding: 20px 5%; text-align: center; }
        .sheetbel .sheetwit h2 { color: #212b55; }

.sheetfav { clear: both; float: left; width: 250px; }
    .sheetfav .sheetwit { width: 90%; float: left; padding: 20px 5%; }
    .sheetfav .sheetgeel { width: 90%; height: 150px; float: left; padding: 20px 5%; }
        .sheetfav .sheetgeel a { color: #212b55; font-size: 22px; line-height: 28px; font-weight: bold; }
    .sheetfav .smallcaps { color: #212b55; font-size: 13px; }
    .sheetfav input[type=text] { float: left; height: 36px; padding: 0px 15px; color: #1E396E; border: none; }
    .sheetfav input[type=image] { float: left; }
    .sheetfav #btnFavorietLogin { clear: both; float: right; width: 100%; font-weight: bold; text-align: center; padding: 10px; }

.popfav { height: auto; box-shadow: none !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; }

/* Home */
.homezoek { margin: 20px 0px 20px 52%; }
    .homezoek img { position: absolute; left: -43px; top: 38px; }
    .homezoek .noUi-midBar { background-color: #9bacb6; }
    .homezoek .homezoektitel { clear: both; float: left; width: auto; padding: 5px 10px; background-color: #212b55; color: #FFF; }
        .homezoek .homezoektitel h2 { color: #FFF; }
    .homezoek .homezoekcont { clear: both; float: left; width: 96%; padding: 20px 2%; background-color: #212b55; }
        .homezoek .homezoekcont .transactiecont input[type="radio"].toggle { position: absolute; left: -99em; }
            .homezoek .homezoekcont .transactiecont input[type="radio"].toggle + label { display: inline-block; margin-right: 10px; margin-bottom: 10px; padding: 3px 20px; text-align: center; background-color: #61686b; color: #EEE; text-transform: uppercase; cursor: pointer; }
            .homezoek .homezoekcont .transactiecont input[type="radio"].toggle.checked + label { background-color: #1E396E; color: #F7F7F7; }
        .homezoek .homezoekcont .transactiecont .btn-referentie { display: inline-block; color: #eee; background: #61686b; border: none; text-transform: uppercase; font-size: 14px; font-family: 'calibriregular'; height: 47px; padding: 0 20px; cursor: pointer; }
        .homezoek .homezoekcont .homereferentie { display: none; margin-top: 10px; padding: 10px 0; }
            .homezoek .homezoekcont .homereferentie .smallcaps { padding-left: 5px; }
        .homezoek .homezoekcont .transactiecont input[type="radio"].toggle.notchecked + label { background: #61686b; }
    .homezoek .selectcontainer { width: 90%; margin: 10px 0 20px 4%; overflow: hidden; background: url('/imgsite/site/bg_select.png') no-repeat right #FFF; }
        .homezoek .selectcontainer select { width: 111%; height: 34px; padding: 5px; border: 0; border-radius: 0; background: transparent; -webkit-appearance: none; }
    /*.homezoek .slidercontainer { width: 90%; margin: 10px 0 20px 4%; }
.homezoek .price_span { float: right; }
.homezoek .slidercontainer p, .homezoek .price_span p { float: left; width: auto; color: #FFF; margin-bottom: 5px; position: relative; top: -1px; }
.homezoek .price_span input[type=text] { float: left; width: 50px; margin-left: 2px; padding: 0px 5px; background-color: #1E396E; color: #9bacb6; border: none; }
.homezoek #priceslider { clear: both; width: 100%; }
.homezoek #priceslider .infoBox { display: none; }
.homezoek #radiusslider { clear: both; width: 97%; margin-left: 3%; }
.homezoek #radiusslider .infoBox { position: absolute; top: 18px; width: 40px; color: #FFF; }*/
    .homezoek #myzoekbutton { width: 100%; text-transform: none; font-weight: bold; }
        .homezoek #myzoekbutton img { position: relative; left: 0; top: 0; width: 20px; margin-right: 10px; }
/*home zoekmodule aangepast zodat ze mobiel ook deftig te zien is*/
.homezoek { margin: 20px 0px 20px 10%; width: 86% !important; }
.sliders { display: none; }
.homezoek .homezoekcont .transactiecont input[type="radio"].toggle + label { margin-right: 0; min-height: 44px; padding: 15px 20px; box-sizing: border-box; }
.homezoek .homezoekcont { box-sizing: border-box; width: 100%; padding: 20px; }
.homezoek .selectcontainer { width: 100%; margin: 10px 0; }
    .homezoek .selectcontainer select { min-height: 40px; }
.homezoek #myzoekbutton { margin-top: 10px; min-height: 44px; box-sizing: border-box; padding-top: 12px; }
/*home zoekmodule aangepast*/

.dividk { margin-bottom: 20px; }
    .dividk h2 { margin-bottom: 10px; color: #61686b; }
    .dividk .bx-wrapper { width: 100%; z-index: 0; }
        .dividk .bx-wrapper .bx-viewport { border: none; box-shadow: none; -webkit-box-shadow: none; }
    .dividk .bx-controls-direction { text-align: right; }
        .dividk .bx-controls-direction a { position: absolute; top: 106%; color: transparent; }
        .dividk .bx-controls-direction .bx-prev { left: initial; right: 40px; }
    .dividk .propdiv .propdivfooter div img { position: absolute; top: 28%; left: 8%; }
    .dividk .propdiv .propdivfooter .idkfooter p { position: absolute; left: 31%; }
    .dividk .idktk { height: 310px; overflow: hidden; }

.divpot { }
    .divpot h2 { margin-bottom: 10px; color: #61686b; }
    .divpot .grid_6 { margin: 0 4px 0 0; width: 49%; }
    .divpot .potaantal { clear: both; float: left; width: 100%; padding: 10px 0; background-color: #DDD; color: #212b55; font-size: 16px; font-weight: bold; text-align: center; }
    .divpot .potdetails { clear: both; float: left; width: 100%; background-color: #EEE; color: #61686b; }
        .divpot .potdetails .potdetail { clear: both; float: left; width: 90%; height: 35px; display: block; padding: 5px 5% 15px; }
        .divpot .potdetails ul li { height: 55px; display: block; list-style: none; }
        .divpot .potdetails hr { border: none; width: 100%; height: 1px; background-color: #CCC; }
    .divpot .homecountpot { width: 95%; margin: 0%; padding: 2%; background-color: #212b55; color: #9bacb6; }
        .divpot .homecountpot h2 { width: 97%; margin: 0 auto; color: #FFF; }
        .divpot .homecountpot p { width: 97%; margin: 0 auto; }
        .divpot .homecountpot .noptag a { width: 48%; margin-top: 10px; margin-left: 1%; margin-right: 1%; }

.divhomenieuws { width: 49%; margin: 0 0.5%; }
    .divhomenieuws h2 { margin-bottom: 10px; margin-left: 1%; color: #61686b; }
    .divhomenieuws .homenieuws { margin-bottom: 20px; }
        .divhomenieuws .homenieuws .homenieuwsimage { clear: both; float: left; width: 100%; border: 1px solid #FFF; }
            .divhomenieuws .homenieuws .homenieuwsimage img { display: block; width: 100%; }
        .divhomenieuws .homenieuws .homenieuwsinfo { clear: both; float: left; width: 90%; height: 100px; padding: 10px 5%; border-left: 1px solid #EEE; border-right: 1px solid #EEE; color: #61686b; }
            .divhomenieuws .homenieuws .homenieuwsinfo h2 { font-size: 16px; line-height: 16px; font-weight: bold; }
        .divhomenieuws .homenieuws .homenieuwsfooter { clear: both; float: left; width: 100%; padding: 10px 0; background-color: #EEE; border-left: 1px solid #EEE; border-right: 1px solid #EEE; text-align: right; }
            .divhomenieuws .homenieuws .homenieuwsfooter a { margin-right: 20px; color: #61686b; }
    .divhomenieuws .meernieuws { clear: both; float: right; width: 200px; margin-right: 1%; padding: 10px 20px; background-color: #eee; color: #61686b; text-align: center; font-weight: bold; font-size: 18px; }

.page_home .homenieuws h2 { margin-bottom: 10px; color: #212b55; }
.page_home .homenieuws { margin-bottom: 20px; }
    .page_home .homenieuws .homenieuwsimage { clear: both; float: left; width: 100%; border: 1px solid #FFF; }
        .page_home .homenieuws .homenieuwsimage img { display: block; width: 100%; }
    .page_home .homenieuws .homenieuwsinfo { clear: both; float: left; width: 90%; height: 148px; padding: 10px 5%; color: #61686b; border: 1px solid #DDD; }
        .page_home .homenieuws .homenieuwsinfo h2 { font-size: 16px; line-height: 16px; font-weight: bold; }
    .page_home .homenieuws .homenieuwsfooter { clear: both; float: left; width: 100%; font-size: 12px; background-color: #f5f7f9; color: #61686b; border: 1px solid #DDD; border-top: none; }
        .page_home .homenieuws .homenieuwsfooter a { margin-right: 20px; color: #61686b; }
        .page_home .homenieuws .homenieuwsfooter div { margin: 0; padding: 10px 0; text-align: center; border-left: 1px solid #eee; }
            .page_home .homenieuws .homenieuwsfooter div:first-of-type { border-left: none; }
            .page_home .homenieuws .homenieuwsfooter div img { position: absolute; top: 40%; left: 20%; }

.page_home .meernieuws { clear: both; float: right; width: 200px; margin-right: 1%; padding: 10px 20px; background-color: #eee; color: #61686b; text-align: center; font-weight: bold; font-size: 18px; }
.page_home .bx-wrapper .bx-viewport { border: none; }
.page_home .divvvtestimonials .bx-controls-direction a { top: 105%; }

.divthemabuttons .grid_2 { width: 18%; }

/* Property_Overview */
.overviewside { clear: both; width: 100%; background-color: #212b55; color: #FFF; box-sizing: border-box; }
    .overviewside br { clear: both; }

.zoekpanel { border-bottom: 3px solid #9bacb6; padding: 10px 4%; }
.overviewside .noUi-midBar { background-color: #9bacb6; }
.overviewside h2 { margin-bottom: 10px; color: #FFF; }
.overviewside p { margin-bottom: 10px; color: #9bacb6; }
    .overviewside p.smallcaps { clear: both; float: left; width: 100%; }
.overviewside .selectcontainer { width: 90%; margin: 10px 0 10px 4%; overflow: hidden; background: url('/imgsite/site/bg_select.png') no-repeat right #FFF; }
    .overviewside .selectcontainer select { width: 111%; height: 40px; padding: 5px; border: 0; border-radius: 0; background: transparent; -webkit-appearance: none; }
.overviewside .slidercontainer { width: 90%; margin: 10px 0 20px 4%; }

.overviewside .price_span { float: left; display: block; width: 100%; box-sizing: border-box; }
    .overviewside .price_span p { float: left; display: block; box-sizing: border-box; min-height: 44px; width: 9% !important; min-height: 44px; margin: 13px 0px 0 1%; }
    .overviewside .price_span input[type=text] { float: left; width: 40%; padding: 0px 5px; background-color: #1E396E; color: #9bacb6; min-height: 44px; box-sizing: border-box; border-radius: 2px; border: 1px solid #005; }

    .overviewside .slidercontainer p, .overviewside .price_span p { float: left; width: auto; }
.overviewside #priceslider { clear: both; width: 100%; display: none !important; }
    .overviewside #priceslider .infoBox { display: none; }
.overviewside #radiusslider { clear: both; width: 97%; margin-left: 3%; }
    .overviewside #radiusslider .infoBox { position: absolute; top: 18px; width: 40px; }
.overviewside .zoekresultaten { padding: 10px 0; border-top: 1px solid #1E396E; border-bottom: 1px solid #1E396E; text-align: center; }
    .overviewside .zoekresultaten span { font-size: 21px; }
.overviewside #btnClearSearch { clear: both; width: 100%; color: #ffed00; font-weight: bold; }
.sidenieuws { color: #61686b; }
    .sidenieuws .propdivinfo { width: 96%; padding: 10px 2%; height: 98px; overflow: hidden; }

.zoekpanelref { margin-bottom: 20px; padding: 10px 4%; }
    .zoekpanelref input[type=text] { float: left; height: 36px; padding-left: 10px; color: #1E396E; border: none; box-sizing: border-box; width: 81%; }
    .zoekpanelref input[type=image] { float: left; }

.overviewkmi { margin-bottom: 20px; padding: 10px 4%; }
    .overviewkmi input[type=text] { float: left; height: 36px; padding-left: 10px; color: #1E396E; border: none; width: 76%; }
    .overviewkmi input[type=image] { float: left; }
    .overviewkmi #btnNewKMI { clear: both; float: left; width: 100%; font-weight: bold; text-align: center; padding: 10px 0; }

#pagingPandenBottom { clear: both; float: left; width: 100%; margin-bottom: 10px; background-color: #EEE; border: 1px solid #CCC; }
    #pagingPandenBottom .pagination { float: right; padding: 10px 0; }
        #pagingPandenBottom .pagination a { padding: 10px; color: #61686b; }
        #pagingPandenBottom .pagination .current { padding: 10px; background-color: #212b55; color: #FFF; }

.uspblokjes .divverkopenpuntjes { clear: both; float: left; width: 100%; margin-bottom: 15px; }
    .uspblokjes .divverkopenpuntjes div { width: 21.3%; padding: 10px 5%; background-color: #EEE; }
        .uspblokjes .divverkopenpuntjes div h2 { clear: both; float: left; color: #212b55; margin-top: 10px; }
        .uspblokjes .divverkopenpuntjes div ul { clear: both; float: left; margin-top: 10px; margin-bottom: 20px; list-style-type: circle; }
            .uspblokjes .divverkopenpuntjes div ul li { margin-bottom: 5px; color: #61686b; font-size: 14px; }

.lbl_vrij { background: #d7242a; width: 82px; height: 82px; border-radius: 50%; position: absolute; top: 5px; right: 5px; color: #fff; padding: 4px; text-align: center; }
/*.lbl_vrij span { display: block; text-transform: uppercase; font-weight: bold; font-size: 16px; line-height: .9; text-align: center; padding-top: 4px; }*/
.lbl_vrij span { display: block; text-align: center; padding-top: 15px; word-break: break-word; }
/*.lbl_vrij span::before { content: ''; width: 40%; height: 3px; margin-left: 30%; background: #ffed00; display: block; margin-bottom: 4px; }*/
#pandfotos .item .lbl_vrij { top: 15px; right: 15px; width: 100px; height: 100px; padding: 6px; font-size: 18px; }
#pandfotos .item .lbl_vrij span { font-size: 15px; }

/* Nieuwe zoekmodule fix */
#noresults { text-align: center; margin: 10px 0; }
#loader { position: absolute; margin-top: -20px; width: 50px; left: 50%; margin-left: -25px; }
#pandpaging { float: right; padding: 10px 0; }
    #pandpaging ul li { display: inline; padding: 10px; color: #61686b; }
    #pandpaging ul .active a { padding: 10px; background-color: #212b55; color: #FFF; }
/* end nieuwe zoekmodule fix */

/* Pand_Detail */
.owl-theme .owl-controls { margin-top: 10px; text-align: center; }
    .owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline; margin: 5px; padding: 5px 10px; font-size: 12px; background: #1E396E; filter: Alpha(Opacity=50); opacity: 0.5; color: #ffed00; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
    .owl-theme .owl-controls .owl-buttons .owl-prev { position: absolute; top: 45%; left: 10px; }
    .owl-theme .owl-controls .owl-buttons .owl-next { position: absolute; top: 45%; right: 10px; }
    .owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); opacity: 1; text-decoration: none; }
    .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; }
        .owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50); opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; }
        .owl-theme .owl-controls .owl-page.active span,
        .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100); opacity: 1; }
        .owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.owl-item.loading { min-height: 150px; background: url('/imgsite/site/AjaxLoader.gif') no-repeat center center; }

.pandnav { color: #61686b; }
.pandheader { margin: 20px 1% 10px 1%; }
    .pandheader h1 { font-size: 40px; margin-bottom: 10px; color: #61686b; }
        .pandheader h1 span { font-size: 20px; float: right; position: relative; top: 13px; }

.pandteaser { font-size: 25px; margin-top: 25px; }
    .pandteaser p { font-style: italic; }
    .pandteaser h3.price { background: #212b55; color: #fff; padding: 6px 10px; display: inline-block; float: left; margin-top: 20px; font-size: 25px; }

.pandbuttons-div { margin-bottom: 25px; }
.pandteaser_buttons { clear: both; float: left; width: 100%; position: relative; bottom: 5px; margin-top: 50px; }
    .pandteaser_buttons a.button { float: left; background: #212b55; color: #fff !important; font-weight: normal !important; width: 49%; font-size: 16px; margin-top: 0; }
    .pandteaser_buttons a.pandafspraak { margin-right: 2%; background: #ffed00; color: #212b55 !important; font-weight: bold !important; }
    .pandteaser_buttons a.pandligging { float: right; margin-top: 5px; }

#pandfotos { margin-bottom: 20px; }
    #pandfotos .item { margin-right: 3px; position: relative; }
        #pandfotos .item img { display: block; width: 100%; height: auto; margin: 0 auto; }

.pandbuttons { text-align: center; }
    .pandbuttons a { background: #212b55; color: #fff; width: 32px; height: 24px; padding-top: 8px; display: inline-block; text-align: center; border-radius: 4px; position: relative; bottom: 11px; margin: 0 18px; }
    .pandbuttons span { height: 32px; display: inline-block; margin: 0 6px; }

.panddetailleft {
    width: 97%;
}

    .panddetailleft h1 { clear: both; font-size: 24px; color: #212b55; }
    .panddetailleft p { color: #61686b; font-size: 21px; line-height: 1.4; margin-bottom: 15px; text-align: justify; }
        .panddetailleft p.autotekst { font-size: 14px; margin: 50px 0 20px 0; }
            .panddetailleft p.autotekst a { color: #212b55; }
    .panddetailleft .button { clear: both; float: left; width: 100%; background-color: #212b55; color: #FFF; }
    .panddetailleft .panddetailknoppen a { color: #FFF !important; font-weight: normal !important; }
        .panddetailleft .panddetailknoppen a.green { color: #55C201 !important; }
        .panddetailleft .panddetailknoppen a.yellow { color: #ffed00 !important; }
        .panddetailleft .panddetailknoppen a img { height: 10px; }
    .panddetailleft .halfbutton { clear: none; width: 49%; margin-right: 1%; }
.panddetailnav { clear: both; float: left; width: 100%; margin-top: 5px; margin-bottom: 20px; position: relative; z-index: 100; }
    .panddetailnav .pandnav { float: left; width: 31.3%; margin: 0 1%; padding: 10px 0; background-color: #EEE; color: #61686b; text-align: center; }

        .panddetailnav .pandnav img { width: 20%; /*float: left;*/ }
        .panddetailnav .pandnav p { /*float: left;*/ text-align: center; }
.panddetailleft .panddetailvertegenwoordiger { clear: both; float: left; width: 100%; margin-top: 20px; border: 1px solid #CCC; }
    .panddetailleft .panddetailvertegenwoordiger .panddetailvertegenwoordigerfoto { clear: both; width: 90%; margin: 15px auto; }
        .panddetailleft .panddetailvertegenwoordiger .panddetailvertegenwoordigerfoto img { width: 100%; }
    .panddetailleft .panddetailvertegenwoordiger .panddetailvertegenwoordigerinfo { clear: both; width: 90%; margin: 5px auto; text-align: center; line-height: 16px; color: #61686b; }
.panddetailleft .socialbutton { clear: both; float: left; width: 100%; margin-top: 20px; }
    .panddetailleft .socialbutton .socialbut { float: left; width: 25%; text-align: center; }

.panddetailyoutube { margin-bottom: 20px; }
    .panddetailyoutube iframe { width: 100%; height: 200px; }

.panddetailaroundmedia { display: block; float: left; width: 100%; }
    .panddetailaroundmedia iframe { width: 100%; height: 300px; border: none; }
#around { width: 100%; height: 500px; }
.am-mobile-launch-button { background-color: #212b55 !important; color: #ffed00 !important; }

.panddetailright { }
    .panddetailright h2 { font-size: 30px; margin-bottom: 10px; color: #61686b; }
    .panddetailright .autotekst { display: block; clear: both; float: left; width: 100%; color: #61686b; margin: 20px 0; font-family: 'Archivo Narrow', sans-serif; }
        .panddetailright .autotekst a { color: #212b55; }
            .panddetailright .autotekst a:hover { text-decoration: underline; }
    .panddetailright .pandnews { clear: both; float: left; width: 100%; }
        .panddetailright .pandnews .divnieuwsinfo { border-top: 1px solid #EEE; }
#detailTabs { clear: both; float: left; width: 100%; border-radius: 0px; }

.r-tabs-nav { margin: 0px; padding: 0px; }
.r-tabs .r-tabs-tab { display: inline-block; margin: 0; list-style: none; margin-bottom: 5px; }
.r-tabs-nav li { margin-right: 10px !important; padding: 5px 10px; background-color: #EEE; border: 0px; border-radius: 0px; }
    .r-tabs-nav li a { font-size: 14px; color: #61686b; text-decoration: none; }
.r-tabs-nav .r-tabs-state-active { background-color: #212b55; }
    .r-tabs-nav .r-tabs-state-active a { color: #FFF; }
.r-tabs .r-tabs-accordion-title { display: none; clear: both; float: left; width: 95%; padding: 5px 2%; background-color: #EEE; }
.r-tabs-accordion-title { margin-top: 5px; }
    .r-tabs-accordion-title.r-tabs-state-active { background: #212b55; color: #FFF; padding: 5px 2%; }
.r-tabs .r-tabs-panel { display: none; clear: both; float: left; width: 95%; margin-bottom: 5px; padding: 15px 2%; color: #61686b; border: 1px solid #EEE; }
    .r-tabs .r-tabs-panel.r-tabs-state-active { display: block; }
#tab_welkom h4 { margin-bottom: 15px; }
.r-tabs-panel .row { margin-bottom: 20px; float: left; width: 100%; }
.r-tabs-panel .row h3 { margin-bottom: 7px; }

.tabdiv1, .tabdivproject1 { clear: both; float: left; width: 100%; padding: 3px 0px; background-color: #EFEFEF; }
.tabdiv2, .tabdivproject2 { clear: both; float: left; width: 100%; padding: 3px 0px; }
.tabdiv3 { clear: both; float: left; width: 100%; padding: 3px 0px; }
    .tabdiv3:nth-child(odd) { background-color: #EFEFEF; }
.tabdivprojectsold { clear: both; float: left; width: 100%; background-color: #FF0000; color: #FFF; }
    .tabdivprojectsold a { color: #FFF; }
.tabdivleft { float: left; width: 48%; margin-right: 2%; text-align: right; }
.tabdivright { float: left; width: 48%; margin-left: 2%; text-align: left; }
.tabdivleftsmall { float: left; width: 28%; margin-right: 2%; text-align: right; }
.tabdivrightsmall { float: left; width: 68%; margin-left: 2%; text-align: left; }
.tabindelingleft { float: left; width: 28%; margin-right: 2%; text-align: right; }
.tabindelingmidden { float: left; width: 18%; margin-left: 2%; text-align: left; }
.tabindelingright { float: left; width: 48%; margin-left: 2%; text-align: left; }
.divprojectref { float: left; width: 70%; }
.divprojecttrans { float: left; width: 15%; }
.divprojectprice { float: left; width: 15%; }

#map_canvas { width: 100%; height: 350px; }

.propertyUnderlying { margin: 25px 0; float: left; display: block; width: 99%; }
    .propertyUnderlying * { box-sizing: border-box; }
    .propertyUnderlying .divprojectref a, .propertyUnderlying .divprojecttrans, .propertyUnderlying .divprojectprice, .propertyUnderlying .divprojectref span { padding: 10px 5px; display: block; }
    .propertyUnderlying .divprojectref a { color: #212b55; text-decoration: underline; }

#mapdiv { width: 100%; height: 350px; position: relative; overflow: hidden; }
#mapdiv .olControlAttribution { bottom: 5px; right: 10px; font-size: 12px; }
#mapdiv div.olControlZoom a { display: block; margin: 1px; padding: 0; color: white; font-size: 18px; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; text-align: center; height: 22px; width: 22px; line-height: 19px; background: #212b55; }
#mapdiv #OpenLayers_Control_Zoom_5 { margin: 5px; }

/* Verkopen_Verhuren */
.page_verkopen { }
    .page_verkopen .container-correct { clear: both; float: left; width: 98%; margin-left: 1%; margin-bottom: 20px; }
        .page_verkopen .container-correct h2, .page_verkopen .container-correct img { float: left; }
    .page_verkopen .spanerror { float: left; width: 100%; color: #FF0000; }
    .page_verkopen h2 { margin-bottom: 10px; color: #61686b; }
.divbereken { width: 96% !important; margin: 0%; padding: 2%; background-color: #212b55; color: #9bacb6; border: 1px solid #212b55; }
    .divbereken h2 { color: #FFF; line-height: 22px; }
.divonderbereken { clear: both; float: left; width: 100%; border: 1px solid #CCC; }
    .divonderbereken .divvvcontact { float: left; width: 48%; margin-top: 10px; }
        .divonderbereken .divvvcontact h2 { color: #9bacb6; }
.divvvcontact .clickhide { visibility: hidden; }
.divvvcontact input { float: left; width: 87%; height: 36px; margin-bottom: 15px; padding: 0px 15px; color: #61686b; border: none; border: 1px solid #CCC; }
    .divvvcontact input[type=submit] { float: right; margin-bottom: 0px; margin-top: 0px; width: 99%; background: #212b55; color: #fff !important; }
.divvvcontact select { float: left; width: 100%; height: 36px; margin-bottom: 5px; padding: 0px 15px; color: #61686b; border: none; border: 1px solid #CCC; }

.divonderbereken .divvvkand { float: left; margin-right: 0px; width: 49%; }

    .divonderbereken .divvvkand .potaantal { clear: both; float: left; width: 100%; padding: 10px 0; background-color: #DDD; color: #212b55; font-size: 16px; font-weight: bold; text-align: center; }
    .divonderbereken .divvvkand .potdetails { clear: both; float: left; width: 100%; background-color: #EEE; color: #61686b; }
        .divonderbereken .divvvkand .potdetails .potdetail { clear: both; float: left; width: 90%; height: 35px; padding: 10px 5% 15px; }
        .divonderbereken .divvvkand .potdetails ul li { height: 55px; display: block; list-style: none; }
        .divonderbereken .divvvkand .potdetails hr { border: none; width: 100%; height: 1px; background-color: #CCC; }

    .divonderbereken .divvvkand .selectcontainer { width: 90%; margin: 10px 0 10px 4%; overflow: hidden; background: url('/imgsite/site/bg_select.png') no-repeat right #FFF; }
        .divonderbereken .divvvkand .selectcontainer select { width: 100%; height: 34px; padding: 5px; font-size: 16px; line-height: 1; border: 0; border-radius: 0; background: transparent; -webkit-appearance: none; }
    .divonderbereken .divvvkand input { float: left; width: 80%; height: 36px; margin-bottom: 5px; padding: 0px 15px; color: #61686b; border: none; border: 1px solid #CCC; }
        .divonderbereken .divvvkand input:first-of-type { margin-top: 10px; }
        .divonderbereken .divvvkand input[type=submit] { width: auto; }
    .divonderbereken .divvvkand span { float: left; width: 100%; color: #FF0000; }
    .divonderbereken .divvvkand textarea { float: left; width: 80%; height: 50px; margin-bottom: 5px; padding: 5px 15px; color: #61686b; border: none; border: 1px solid #CCC; resize: none; }
    .divonderbereken .divvvkand .contacterrors { clear: both; float: left; width: 100%; color: #FF0000; list-style: none; }

/*.testimonial { clear: both; float: left; width: 100%; margin-top: 15px; margin-bottom: 15px; }
    .testimonial .testheader { clear: both; width: 100%; text-align: center; color: #61686b; }
    .testimonial .testbody { clear: both; width: 80%; margin: 0 auto; text-align: center; }
    .testimonial .testfooter { clear: both; width: 100%; text-align: right; color: #212b55; }*/

.divvvrealisaties .propdivprice { min-height: 38px; }
.divvvrealisaties .bx-wrapper { clear: both; }
.divvvrealisaties .bx-viewport { box-shadow: none; -webkit-box-shadow: none; }
.divvvrealisaties .bx-controls-direction { text-align: right; }
    .divvvrealisaties .bx-controls-direction a { position: absolute; top: 106%; color: transparent; }
    .divvvrealisaties .bx-controls-direction .bx-prev { left: initial; right: 40px; }

.divvvtestimonials .propdivinfo { width: 96%; padding: 10px 2%; height: 98px; overflow: hidden; }
.divvvtestimonials .bx-wrapper { clear: both; }
.divvvtestimonials .bx-viewport { box-shadow: none; -webkit-box-shadow: none; }
.divvvtestimonials .bx-controls-direction { text-align: right; }
    .divvvtestimonials .bx-controls-direction a { position: absolute; top: 106%; color: transparent; }
    .divvvtestimonials .bx-controls-direction .bx-prev { left: initial; right: 40px; }


.page_verkopen .divverkopenwaarom { clear: both; float: left; width: 100%; margin-top: 20px; }
.page_verkopen h1 { clear: both; float: left; width: 100%; margin: 10px 0 10px 10px; font-size: 40px; color: #212b55; }
.page_verkopen .divverkopenwaarom h2 { color: #212b55; }
.page_verkopen .divverkopenwaarom p { margin-bottom: 10px; color: #61686b; }

.page_verkopen .divverkopenpuntjes { clear: both; float: left; width: 100%; margin-bottom: 15px; }
    .page_verkopen .divverkopenpuntjes div { width: 21%; padding: 10px 5%; background-color: #EEE; }
        .page_verkopen .divverkopenpuntjes div h2 { clear: both; float: left; color: #212b55; margin-top: 10px; }
        .page_verkopen .divverkopenpuntjes div ul { clear: both; float: left; margin-top: 10px; margin-bottom: 20px; list-style-type: circle; }
            .page_verkopen .divverkopenpuntjes div ul li { margin-bottom: 5px; color: #61686b; font-size: 14px; }

    .page_verkopen .divverkopenpuntjes .grid_12 { width: 90%; margin-bottom: 10px; }
        .page_verkopen .divverkopenpuntjes .grid_12 h2 { margin-top: 0px; }
        .page_verkopen .divverkopenpuntjes .grid_12 ul { margin-bottom: 0px; }

.potonderaan { margin-bottom: 40px; }

/*.page_verkopen .divverkopenrealisaties { clear: both; float: left; width: 100%; margin-top: 20px; }*/


/* Contact */
.btn_contactform { padding-left: 15px; padding-right: 15px; border: 1px solid #CCC; }
.grecaptcha-badge { display: none; }
.pag_contact { }
    .pag_contact .container-correct { clear: both; float: left; width: 98%; margin-left: 1%; margin-bottom: 20px; }
        .pag_contact .container-correct h2, .pag_contact .container-correct img { float: left; }
    .pag_contact .selectcontainer { width: 90%; margin: 10px 0 10px 4%; overflow: hidden; background: url('/imgsite/site/bg_select.png') no-repeat right #FFF; }
        .pag_contact .selectcontainer select { width: 100%; height: 34px; padding: 5px; font-size: 16px; line-height: 1; border: 0; border-radius: 0; background: transparent; -webkit-appearance: none; }
    .pag_contact input { float: left; width: 100%; height: 36px; margin-bottom: 5px; padding: 0px 15px; color: #61686b; border: none; border: 1px solid #CCC; }
        .pag_contact input[type=submit] { width: auto; }
    .pag_contact select { float: left; width: 106%; height: 36px; margin-bottom: 5px; padding: 0px 15px; color: #61686b; border: none; border: 1px solid #CCC; }
    .pag_contact span { float: left; width: 100%; color: #FF0000; }
    .pag_contact textarea { float: left; width: 100%; height: 50px; margin-bottom: 5px; padding: 5px 15px; color: #61686b; border: none; border: 1px solid #CCC; resize: none; }
    .pag_contact .contacterrors { clear: both; float: left; width: 100%; color: #FF0000; list-style: none; }

    .pag_contact #contactmap { float: right; width: 46%; height: 360px; }
    .pag_contact #contactpand { float: right; width: 46%; height: 360px; }

    .pag_contact .hoofdkantoor { clear: both; float: left; width: 100%; margin-top: 10px; padding: 20px 0; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; }
        .pag_contact .hoofdkantoor h4, .pag_contact .hoofdkantoor p, .pag_contact .kantoren .mytitel { margin-bottom: 5px; }
        .pag_contact .hoofdkantoor .openingsuren table { width: 100%; text-align: center; background-color: #F8F8F8; border-top: 1px solid #F0F0F0; }
            .pag_contact .hoofdkantoor .openingsuren table tr td { padding: 3px 0; border-bottom: 1px solid #F0F0F0; }
    .pag_contact .kantoren { clear: both; float: left; width: 100%; margin-top: 10px; margin-bottom: 10px; }
        .pag_contact .kantoren .kantoor { float: left; width: 25%; margin-bottom: 10px; }
    .pag_contact .verplichteinfo { clear: both; float: left; width: 98%; margin: 5px 1%; background-color: #EFEFEF; color: #AAA; font-size: 12px; border-top: 1px dashed #94A5AF; border-bottom: 1px dashed #94A5AF; }

/* U Zoekt */
.page_uzoekt { }
    .page_uzoekt input[type=text] { float: left; width: 100%; height: 36px; margin-bottom: 5px; padding: 0px 15px; color: #61686b; border: none; border: 1px solid #CCC; }
    .page_uzoekt select { float: left; width: 98%; height: 36px; margin-bottom: 5px; padding: 5px 15px; color: #61686b; border: none; border: 1px solid #CCC; }
    .page_uzoekt .widget-block { clear: both; width: 97%; border: 2px solid #CCC; padding: 1.5%; float: left; margin: 1.71% 0 0; }
    .page_uzoekt .zoekform-container { clear: both; float: left; width: 100%; }
    .page_uzoekt .zoekform-container { margin-top: 10px; }
        .page_uzoekt .zoekform-container .zoekform-checkbox .tablecontent { clear: both; float: left; width: 100%; margin-bottom: 20px; border: 2px solid #CCC; }
            .page_uzoekt .zoekform-container .zoekform-checkbox .tablecontent .tablediv { float: left; width: 30%; padding: 5px 1.5%; }
        .page_uzoekt .zoekform-container .zoekform_container1 { clear: both; float: left; width: 49%; margin-right: 1%; }
            .page_uzoekt .zoekform-container .zoekform_container1 .zoekform-subcontainer { clear: both; float: left; width: 100%; }
            .page_uzoekt .zoekform-container .zoekform_container1 #gemeente_radius { float: left; width: 30%; }
            .page_uzoekt .zoekform-container .zoekform_container1 #gemeenteinvul { float: left; width: 57%; margin-right: 5%; }
            .page_uzoekt .zoekform-container .zoekform_container1 hr { clear: both; float: left; width: 100%; height: 1px; margin: 10px 0px; border: none; background-color: #CCC; }
        .page_uzoekt .zoekform-container .zoekform_container2 { float: left; width: 49%; margin-left: 1%; }
            .page_uzoekt .zoekform-container .zoekform_container2 .zoekform-subcontainer { clear: both; float: left; width: 100%; }
            .page_uzoekt .zoekform-container .zoekform_container2 #verzoek { height: 115px; width: 100%; resize: none; }
            .page_uzoekt .zoekform-container .zoekform_container2 .budget input { float: left; width: 30%; margin-right: 2%; margin-bottom: 10px; }
            .page_uzoekt .zoekform-container .zoekform_container2 .budget span { float: left; padding-top: 10px; }
            .page_uzoekt .zoekform-container .zoekform_container2 hr { clear: both; float: left; width: 100%; height: 1px; margin: 10px 0px; border: none; background-color: #CCC; }
            .page_uzoekt .zoekform-container .zoekform_container2 #naam_zoekopdracht { width: 93%; }

    .page_uzoekt .inschrijven h4 { clear: both; float: left; width: 100%; }
    .page_uzoekt .inschrijven .zoekform_container1 { float: left; width: 49%; margin-right: 1%; }
        .page_uzoekt .inschrijven .zoekform_container1 input { width: 94%; }
            .page_uzoekt .inschrijven .zoekform_container1 input[type=submit] { width: 100%; }
    .page_uzoekt .inschrijven .zoekform_container2 { float: left; width: 49%; margin-left: 1%; }
        .page_uzoekt .inschrijven .zoekform_container2 input[type=text] { width: 94%; }

    .page_uzoekt .spanerror { float: left; width: 100%; color: #FF0000; }
    .page_uzoekt .button { width: auto; margin-top: 15px; padding: 10px 20px; }
    .page_uzoekt .nobuttontop { margin-top: 0px; }
    .page_uzoekt .clickhide { visibility: hidden; }
    .page_uzoekt .container-correct img, .page_uzoekt .container-correct h2 { float: left; }

/* AutoComplete box */
.ac_results { font-size: 14px; color: #666; }
    .ac_results ul { padding: 0; width: 100%; margin: 20px 36px; border: 1px solid #ddd; }
    .ac_results li { list-style-type: none; padding: 5px; }

.ac_even { background: #fff; }
.ac_odd { background: #eee; }
.ac_over { background: #ffed00; color: #212b55; cursor: pointer; }
.autocomplete_container { display: block; z-index: 9999; }


/* Nieuws */
.bannernieuwsbericht { height: 200px; }
.divnieuws, .page_nieuws .homenieuws { margin-bottom: 20px; }
    .divnieuws h2, .page_nieuws .homenieuws h2 { margin-bottom: 10px; color: #61686b; }
    .divnieuws .divnieuwsimage, .page_nieuws .homenieuws .homenieuwsimage { clear: both; float: left; width: 100%; border: 1px solid #FFF; }
        .divnieuws .divnieuwsimage img, .page_nieuws .homenieuws .homenieuwsimage img { display: block; width: 100%; }
    .divnieuws .divnieuwsinfo, .page_nieuws .homenieuws .homenieuwsinfo { clear: both; float: left; width: 90%; height: 100px; padding: 10px 5%; border-left: 1px solid #EEE; border-right: 1px solid #EEE; color: #61686b; }
        .divnieuws .divnieuwsinfo h2, .page_nieuws .homenieuws .homenieuwsinfo h2 { font-size: 14px; line-height: 14px; }
    .divnieuws .divnieuwsfooter, .page_nieuws .homenieuws .homenieuwsfooter { clear: both; float: left; width: 100%; padding: 10px 0; background-color: #EEE; border-left: 1px solid #EEE; border-right: 1px solid #EEE; text-align: right; }
        .divnieuws .divnieuwsfooter a, .page_nieuws .homenieuws .homenieuwsfooter a { margin-right: 20px; color: #61686b; }


.page_nieuwsbericht { min-height: 300px; }
    .page_nieuwsbericht h2 { text-align: center; margin-bottom: 10px; }
    .page_nieuwsbericht .divnieuwsberichtimage { text-align: center; }
        .page_nieuwsbericht .divnieuwsberichtimage img { width: 100%; }
    .page_nieuwsbericht .divnieuwsberichtinfo { margin-top: 20px; }
        .page_nieuwsbericht .divnieuwsberichtinfo a { color: #212b55; text-decoration: underline; }
        .page_nieuwsbericht .divnieuwsberichtinfo img { max-width: 100%; height: auto !important; }
    /*.page_nieuwsbericht .divverkopenpuntjes .grid_4, .page_faq .divverkopenpuntjes .grid_4 { width: 21%; margin-top: 20px; }*/
    .page_nieuwsbericht .divverkopenpuntjes .grid_4 /*, .page_faq .divverkopenpuntjes .grid_4*/ { width: 21.7%; margin-top: 20px; }

.sharethis { text-align: center; }
.sharethid .knoppen { }

/* Favorieten */
.page_favorieten { min-height: 300px; }
    .page_favorieten .divfavorietlogin { clear: both; float: left; width: 100%; }
        .page_favorieten .divfavorietlogin span { clear: both; float: left; width: auto; color: #FF0000; }
        .page_favorieten .divfavorietlogin h2 { color: #212b55; margin-bottom: 20px; }
        .page_favorieten .divfavorietlogin input { float: left; width: 50%; height: 36px; margin-bottom: 5px; padding: 0px 15px; color: #61686b; border: none; border: 1px solid #CCC; }
            .page_favorieten .divfavorietlogin input[type=submit] { width: auto; margin-top: 0px; margin-left: 20px; }

    .page_favorieten .divfavorietregistreer { clear: both; float: left; width: 100%; }
        .page_favorieten .divfavorietregistreer span { clear: both; float: left; width: auto; color: #FF0000; }
    .page_favorieten .divfavorierregistreer h2 { color: #212b55; margin-bottom: 20px; }
    .page_favorieten .divfavorietregistreer input { float: left; width: 95%; height: 36px; margin-bottom: 5px; padding: 0px 15px; color: #61686b; border: none; border: 1px solid #CCC; }
        .page_favorieten .divfavorietregistreer input[type=submit] { float: right; width: auto; margin-top: 0px; margin-left: 20px; }

/* Colorbox */
#cboxLoadedContent body { background-color: rgb(239, 239, 239); }
#cboxOverlay { opacity: 0.8 !important; }
#cboxContent button { border: none; }

/* Aflossingsmodule */
#berekenmodule { padding: 5%; float: left; width: 90%; }
    #berekenmodule .labeltje { clear: both; float: left; width: 100%; margin-top: 5px; text-transform: uppercase; color: #646464; }
    #berekenmodule .slider { clear: both; float: left; width: 100%; margin: 0px 0 20px; }
/* margin-bottom: 25px; margin-top: 18px;  */
.jslider .jslider-bg i { background: #212b55 !important; }
.jslider .jslider-pointer { background: #ffed00 !important; height: 15px; }


.aflossing h4 { text-align: center; width: 100%; font-size: 16px; margin: 0 0 15px; float: left; }
.jslider .jslider-value { background: none !important; }
.rente-aflossing { width: 100%; float: left; margin-top: 10px; background-color: #F2F2F2; padding: 15px 0; text-align: center; position: relative; }
.aflossing-copyright { font-size: 12px; margin: 10px 0 5px; width: 100%; float: left; }
    .aflossing-copyright a { color: #F0527A; }
        .aflossing-copyright a:hover { color: #555; }
.monthlyPayment { color: #212b55; font-weight: bold; }
.hypotheekAdviseur .OrangeButton { margin: 10px 0; width: 100%; display: none; }

.page_error { text-align: center; }

.titelsitemap { text-decoration: underline; color: #94a5af; display: inline-block; }
.link-kristian { text-decoration: none; font-size: 22px; }
.contentfooter .cb .push_8 { left: 0; }

.rendertans { font-size: 25px; text-align: justify; margin-top: 50px; margin-bottom: 50px; }
/*onsitemap*/
.cityspace { padding: 5px; }
.cityvalue { font-weight: 900; }
.headtype { font-weight: 700; }
.spaceundercity { margin-left: 5em; }

.sitemapoverviewtitel { margin-top: 15px; margin-bottom: 30px; }

.page_extra { }
    .page_extra h2 { margin-bottom: 10px; }
    .page_extra .fotoblok { margin-bottom: 10px; }
        .page_extra .fotoblok img { width: 100%; }
    .page_extra #contactmap { float: right; width: 100%; height: 150px; margin-top: 20px; margin-bottom: 10px; }
    .page_extra .duwkeboven { margin-top: 20px; }

    .page_extra .divverkopenpuntjes { clear: both; float: left; width: 100%; margin-bottom: 15px; }
        .page_extra .divverkopenpuntjes div { width: 21%; padding: 10px 5%; background-color: #EEE; }
            .page_extra .divverkopenpuntjes div h2 { clear: both; float: left; color: #212b55; margin-top: 10px; }
            .page_extra .divverkopenpuntjes div ul { clear: both; float: left; margin-top: 10px; margin-bottom: 20px; list-style-type: circle; }
                .page_extra .divverkopenpuntjes div ul li { margin-bottom: 5px; color: #61686b; font-size: 14px; }

        .page_extra .divverkopenpuntjes .grid_12 { width: 90%; margin-bottom: 10px; }
            .page_extra .divverkopenpuntjes .grid_12 h2 { margin-top: 0px; }
            .page_extra .divverkopenpuntjes .grid_12 ul { margin-bottom: 0px; }

    .page_extra .rechtstekst ul { margin-left: 20px; }
        .page_extra .rechtstekst ul li { margin-bottom: 5px; }
    .page_extra .rechtstekst p { margin: 5px 0; }
    .page_extra a { text-decoration: underline; color: #212b55; }
    .page_extra button.accordion { background-color: #eee; color: #444; cursor: pointer; padding: 18px; width: 100%; text-align: left; border: none; outline: none; transition: 0.4s; }
        .page_extra button.accordion.active, button.accordion:hover { background-color: #ddd; }
    .page_extra div.panel { padding: 0 18px; background-color: white; display: none; max-height: 0; overflow: hidden; transition: 0.6s ease-in-out; opacity: 0; }
        .page_extra div.panel.show { display: block !important; opacity: 1; max-height: 700px; }
    .page_extra button.accordion:after { content: '\02795'; /* Unicode character for "plus" sign (+) */ font-size: 13px; color: #777; float: right; margin-left: 5px; }
    .page_extra button.accordion.active:after { content: "\2796"; /* Unicode character for "minus" sign (-) */ }

.page_faq { min-height: 500px; }
    .page_faq h1 { font-size: 2.5em; margin-bottom: 25px; }
    .page_faq h3 { width: 100%; float: left; }
    .page_faq ul { margin-left: 20px; width: 100%; }
    .page_faq p { margin: 15px 0; line-height: 1.5em; }
    .page_faq .faqVraag { background-color: #eee; color: #444; cursor: pointer; padding: 18px; width: 100%; text-align: left; border: none; outline: none; transition: 0.4s; display: block; float: left; margin: 8px 0; }
        .page_faq .faqVraag:hover { background-color: #ddd; }
        .page_faq .faqVraag:after { content: '\02795'; font-size: 13px; color: #777; float: right; margin-left: 5px; }
    .page_faq .antw a { color: #212b55; text-decoration: underline; }
    .page_faq .cta_vragen { float: right; font-size: 16px; }
        .page_faq .cta_vragen span { text-transform: lowercase; color: #212b55; font-weight: bold; }
        .page_faq .cta_vragen a.button { float: none; padding: 10px 6px; margin-left: 10px; }
    .page_faq img, .page_faq iframe { max-width: 100%; }
.page_faq_detail .cta_vragen { margin: 30px 0; }
.faqdetailtitle { font-size: 25px; }
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */

/*#pandsugg { float: left; width: 100%; }*/
.grid_push_6 { left: 25%; }
#pandsugg p.autotekst { font-size: 14px; margin: 50px 0 20px 0; }
    #pandsugg p.autotekst a { color: #212b55; }
#gelijkaardigePanden { display: none; }
    #gelijkaardigePanden .prefix { display: none; }
#msCookieDiv, #msCookieswf { visibility: hidden !important; }

/* Toevoegingen 23/12/2016 */
.homezoek { margin-left: 0px !important; }
.postit { margin-top: 92px; }
    .postit img, .postit div { width: 75%; }
    .postit div { position: absolute; top: 0; padding: 20px 15px; }
    .postit h2 { text-transform: uppercase; font-weight: bold; font-size: 18px; }
    .postit p { color: #212b55; width: 65%; line-height: 1.5; font-size: 15px; }
/*.page_home .postit { position: absolute; top: 200px; left: 0; margin: 0; width: 360px; height: auto; }
.postit img { width: 100%; }*/

/*.neemcontactop { color: #212b55; padding-left: 8px; line-height: 2; width: 100%; float: left; margin-top: -30px; }*/
/*.neemcontactop { color: #212b55; padding-left: 3px; line-height: 2.5; }*/
.neemcontactop { color: #212b55; line-height: 2.5; text-align: center; font-size: 17px; border-top: 1px solid #ccc; background: #ffed00; margin: 0; width: 100% !important; font-weight: bold; margin-top: 33px; }
    .neemcontactop i { padding-left: 3px; }
    .neemcontactop:hover { text-decoration: underline; }

.ofbelons { color: #212b55; display: inline-block; margin-top: 29px; margin-left: 10px; font-weight: bold; font-size: 15px; }

/* LANDINGSPAGINA */
.landingspagina .landingheader { text-align: center; }
    .landingspagina .landingheader p { max-width: 50%; margin: 10px auto 30px auto; font-size: 16px; }
    .landingspagina .landingheader img { max-height: 400px; }
.landingspagina .propdiv .reference { position: absolute; right: -1px; top: 214px; color: #333; background: #DEDEDF; padding: 3px 5px; font-size: 12px; }
.landingspagina .propdiv .teasertxt { padding: 10px; text-align: center; color: #333; min-height: 110px; }
.landingspagina .propdiv .propdivfooter div img { position: absolute; top: 22%; left: 8%; }
.landingspagina .propdiv .propdivinfo .propdivcity { min-height: 50px; }

.lblOpendeur { position: absolute; width: 100%; top: 190px; background: #ffed00; padding: 3px 0; border-left: 1px solid #ffed00; }
.page_overview .lblOpendeur { top: auto; bottom: 0; background: rgba(255,242,0,0.8); border: none; }

.datetitle h2 { color: #fff; background: #212b55; padding: 3px 7px; margin-bottom: 15px; }

.divthemabuttons { margin-top: 60px; margin-bottom: 60px; margin-left: 0.5%; margin-right: 0.5%; }
.divextrahome { margin-left: 0.5%; margin-right: 0.5%; margin-bottom: 30px; }
.btn-thema { background: #212b55; width: 100%; display: block; }
    .btn-thema img { width: 75%; margin-left: auto; margin-right: auto; display: block; padding: 25px 0; }

/* NIEUWE WIJZIGINGEN 17/03 */
.divverkopenpuntjes_btn-advies { float: left; padding: 10px 5%; text-align: center; background: #212b55; color: #fff; font-size: 16px; text-transform: uppercase; font-weight: bold; }
.balk-testimonials { margin-bottom: 20px; }
    .balk-testimonials .bx-controls { display: none; }
    .balk-testimonials .testimonial-info { float: left; margin-top: 20px; max-width: 75%; }
        .balk-testimonials .testimonial-info strong { font-size: 16px; }
    .balk-testimonials .testimonial-footer { clear: both; font-size: 12px; background-color: #f5f7f9; color: #61686b; border: 1px solid #ddd; float: right; position: relative; bottom: 37px; right: 9px; z-index: 10; padding: 10px 0; }
        .balk-testimonials .testimonial-footer a { padding: 15px; }
    .balk-testimonials .bx-wrapper .bx-viewport { box-shadow: none; }
    .balk-testimonials .testimonial { border: 1px solid #ddd; }
.no-ml { margin-left: 0; }

/* PEB */
.lbl_peb { position: absolute; bottom: 5px; left: 5px; }
.lbl_peb_detail { position: relative; top: 2px; }
.lbl_peb_detail_value { position: relative; bottom: 3px; }

.opendeur #contactopname { display: none; }
.contactform input, .contactform textarea { box-sizing: border-box; }

/* ---- Popup Mailing ---- */
.popup-mailing { width: 100%; float: left; background: #fff; color: #333; margin: 15px 0; }
    .popup-mailing * { box-sizing: border-box; }
    .popup-mailing h4 { font-size: 18px; margin-top: 0; margin-bottom: 15px; }
    .popup-mailing .popup-close { display: none; }
    .popup-mailing label.subtitle { font-size: 16px; font-weight: bold; display: block; margin-top: 10px; margin-bottom: 3px; }
    .popup-mailing input[type="text"], .popup-mailing input[type="submit"] { width: 100%; height: 36px; margin-bottom: 5px; padding: 0px 15px; color: #61686b; border: 1px solid #ccc; }
    .popup-mailing .chk_mailing { display: inline-block; width: 45%; font-size: 16px; line-height: 32px; }
        .popup-mailing .chk_mailing input { position: relative; width: 15px; height: 15px; float: left; }
.chk_mailing label { margin-top: 7px; float: left; margin-left: 7px; line-height: 0; }
.popup-mailing .fullwidth, .popup-mailing .halfwidth { float: left; position: relative; padding-left: 10px; padding-right: 10px; }
.popup-mailing .fullwidth { width: 100%; }
.popup-mailing .halfwidth { width: 50%; }
.popup-mailing .thankyou { display: none; }
.popup-mailing #contactsubmit:disabled { cursor: not-allowed; }
.popup-mailing .form-check.gdpr { border-top: 1px solid darkslateblue; padding-top: 8px; margin-top: 10px; }
    .popup-mailing .form-check.gdpr label { margin-top: 4px; }
        .popup-mailing .form-check.gdpr label a { color: #333; }
    .popup-mailing .form-check.gdpr #checkOptIn, .popup-mailing .form-check.gdpr #checkOptInAfspraak { float: left; width: 15px; height: 25px; margin-right: 10px; }

.popup-notification { display: none; }

.cookiebar { position: fixed; bottom: 0; width: 100%; background: rgba(255,255,255,0.9); padding: 8px; box-shadow: 0 -1px 18px rgba(0,0,0,.2); z-index: 99999999999;}
    .cookiebar .container { width: 100%; max-width: 1020px; margin: 0 auto; z-index: 99; float: none; display: block; }
    .cookiebar button, .cookiebar a { float: left; display: inline-block; margin-top: 15px; }
    .cookiebar a { margin-left: 20px; margin-top: 27px; }
    .cookiebar p { margin: 0; }
    .cookiebar .button { padding: 8px 15px; border: 1px solid #CCC; }
.hidden { display: none; }

.form-check.gdpr { float: left; width: 100%; display: block; clear: both; }
    .form-check.gdpr #checkOptIn, .form-check.gdpr #checkOptInAfspraak { float: left; width: 25px; height: 25px; margin-right: 10px; }
    .form-check.gdpr label { float: left; display: block; margin-top: 4px; }
        .form-check.gdpr label a { text-decoration: underline; color: #212b55; }
            .form-check.gdpr label a:hover { text-decoration: none; }
.inschrijven .form-check.gdpr label { margin-top: 4px; }

/* ---- Privacy- en cookiebeleid ---- */
.privacybeleid h2 { text-align: left; margin-top: 25px; }
.privacybeleid h3 { margin: 15px 0 8px; }
.privacybeleid p { margin-bottom: 7px; }
.privacybeleid ul { padding-left: 25px; margin-bottom: 7px; }
.privacybeleid table { border: 1px solid; margin-bottom: 15px; }
.privacybeleid table td { padding: 3px 5px; vertical-align: top; } 
.privacybeleid table tr:nth-child(even) { background: #f5f5f5; }
.privacybeleid table strong { font-size: 16px; }

.socnavftr { margin-top:25px;float:left;}
.socnavftr .lnk_sm {
    float: left!important;
    display: inline-block;
    width: auto!important;
    clear: none!important;
    width: 44px!important;
    height: 44px!important;
    border: 1px solid #555;
    text-align: center;
    font-size: 1.2em;
    padding-top: 10px;
    box-sizing: border-box;
    margin-right: 7px;
    transition: border-color 0.5s, color 0.5s;
    color: #94A5AF;
}
.socnavftr .lnk_sm:hover {
    color:#eee;
    border-color:#eee;
}
.video{float:left; display:block; width:100%;}
.video iframe{width:100%!important; height:auto!important; min-height:250px!important;}

/* LIVE AGENDA */
.pand_description {    float: left;
    max-width: 100%;
    word-break: break-word;}
.live_agenda { margin: 0 0 20px 0; padding: 15px 10px; background: #eee; }
.live_agenda h3 { font-size: 21px; }
.live_agenda p { line-height: 1; font-size: 14px; margin-bottom: 10px; }
.live_agenda form .row { width: 100%; }
.live_agenda form input, .live_agenda form select, .live_agenda form button { display: inline-block; width: 100%; height: 36px; margin-bottom: 5px; padding: 0px 3%; color: #61686b; border: 1px solid #ccc; }
.live_agenda form .row_tel input { width: 84.9%; }
.live_agenda form .row_tel input:first-of-type { width: 14%; color: #aaa; }
.live_agenda form .row_name input { width: 49.4%; }
.live_agenda form select { width: 100% }
.live_agenda form button { width: auto; background: #212b55; color: #fff; text-transform: uppercase; cursor: pointer; }
.live_agenda form button:hover { background: #eede05; }
.live_agenda form button:focus { background: #eede05; outline: none; }
.live_agenda form button .btn2 { display: none; }
.live_agenda form button .btn2 img { display: inline-block; height: 55px; position: relative; top: -9px; }
.live_agenda form button .btn2 span { position: relative; top: -31px; }
.live_agenda form label { display: block; margin: 7px 0 2px; }
.live_agenda form input.required_empty { border-color: #FF0000; }
.only_mobile .live_agenda { margin-top: 40px; }

/* --- Donkere versie */
.live_agenda { background: #212b55; float: left; }
.live_agenda h3, .live_agenda p, .live_agenda form label { color: #fff; }
.live_agenda form button { background: #ffed00; color: #212b55; font-weight: bold; border: none; }
.live_agenda .form-check.gdpr label a { color: #fff; }

.live_agenda .agenda_result { background: #eee; padding: 8px 10px; margin-bottom: 10px; font-size: 16px; }
.live_agenda .agenda_result.agenda_success { background: green; color: #fff; }
.live_agenda .agenda_result.agenda_failed { background: red; color: #fff; }

.home-notification { background: #212b55; margin-bottom: 35px; }
    .home-notification_inner { width: 100%; float: left; padding: 28px 32px; }
    .home-notification .popup-close { left: auto; right: -38px; padding: 5px 10px; }
        .home-notification h2 { color: #fff; text-transform: uppercase; font-weight: bold; font-size: 24px; }
        .home-notification h3 { color: #fff; font-weight: bold; font-size: 18px; margin-bottom: 15px; }
        .home-notification p { color: #fff; font-size: 16px; }
        .home-notification a { padding: 10px 15px; }

.live_agenda_annulatie { margin-top: 50px; margin-bottom: 150px; }
.live_agenda_annulatie label { float: left; width: 100%; font-size: 20px; }
.live_agenda_annulatie form button { width: auto; background: #ffed00; color: #fff; text-transform: uppercase; cursor: pointer; padding: 10px 14px; }
.live_agenda_annulatie form button:hover { background: #eede05; }
.live_agenda_annulatie form button:focus { background: #eede05; outline: none; }
.live_agenda_annulatie form button .btn2 { display: none; }
.live_agenda_annulatie form button .btn2 img { display: inline-block; height: 55px; position: relative; top: -9px; }
.live_agenda_annulatie form button .btn2 span { position: relative; top: -31px; }

.live_agenda_annulatie .message { background: #eee; padding: 20px 25px; font-size: 20px; }

.live_agenda_vol h4 { color: #fff; font-size: 16px; margin-bottom: 5px; }
.live_agenda_vol p { margin-bottom: 0; font-size: 12px; text-align: left; line-height: 1.3; color: #fff; }


/*RESPONSIVE CSS*/
@media screen and (min-width: 800px) and (max-width: 1013px) {
    .live_agenda form .row_tel input, .live_agenda form .row_tel input:first-of-type, .live_agenda form .row_name input { width: 100%; }
}

@media screen and (min-width:580px) {
    .homezoek { float: right; width: 46% !important; }
    .homezoekcont .grid_6 { width: 98%; }
}

@media screen and (min-width:769px) {
    #pull { display: none; }
    .headernav #desktopmenudiv { display: block !important; }
    .banner h1 { visibility: visible; }

    .popup-mailing, .popup-notification { position: fixed; bottom: 150px; right: -408px; width: 330px; height: auto; background: #001c54; color: #fff; padding: 20px; z-index: 10001; box-shadow: 0px 1px 3px rgba(0,0,0,.4); border-top: 1px solid #011438; margin: 0; }
        .popup-mailing .popup-close, .popup-notification .popup-close{ display: block; position: absolute; left: -38px; top: -1px; cursor: pointer; background: #001c54; border: 1px solid #011438; padding: 5px 14px; font-size: 21px; }
        .popup-mailing { top: 120px; bottom: unset; }
	.popup-mailing .halfwidth { width: 50%; }
        .popup-mailing .chk_mailing { width: 45%; line-height: 25px; }
        .popup-mailing .form-check.gdpr label a { color: #fff; }
    .video iframe{min-height:500px!important;}

    .home-notification { display: none; }
    .popup-notification { display: block; right: auto; left: -408px; }
        .popup-notification .popup-close { left: auto; right: -38px; padding: 5px 10px; }
        .popup-notification h2 { color: #fff; text-transform: uppercase; font-weight: bold; font-size: 24px; }
        .popup-notification h3 { color: #fff; font-weight: bold; font-size: 18px; margin-bottom: 15px; }
        .popup-notification p { font-size: 16px; }
        .popup-notification a { width: 100%; }

    .only_mobile { display: none; }
    .contentfooter .cb .push_8 { left: 50%; }
}

@media screen and (min-width:992px) {
    .banner { margin-bottom: 40px; }

    .form-check.gdpr #checkOptIn, .form-check.gdpr #checkOptInAfspraak { width: 15px; }
    .inschrijven .form-check.gdpr label { margin-top: 5px; }

    .homevideo video { width: 100%; }
}

@media screen and (max-width: 1000px) {
    .divhomenieuws .homenieuws .homenieuwsinfo { height: 120px; }
    .homezoekcont .slidercontainer p { width: 100%; }
    .homezoekcont .slidercontainer span p { width: auto; }
    .page_overview .divverkopenpuntjes { display: none; }
}

@media screen and (max-width: 950px) {
    .page_uzoekt .zoekform-container .zoekform_container1 #gemeenteinvul { width: 55%; }
    .page_uzoekt .zoekform-container .zoekform_container2 .budget input { width: 26%; }
    #desktopmenudiv .pagenav .pagenavblock { width: auto; padding: 0 15px; }
    .landingspagina .propdiv .reference, .landingspagina .propdiv .lblOpendeur { position: initial; }
}

@media screen and (max-width: 900px) {
    .dividk { width: 98% !important; }
    .divpot { width: 98% !important; margin-top: 20px; }
}

@media screen and (max-width: 850px) {
    .headertop .headerrechts .headertaal { position: absolute; top: 10px; right: 10px; }
    .headertop .headerrechts { clear: both; float: left; width: 100%; }
        .headertop .headerrechts .headeracties { width: 100%; margin-bottom: 5px; text-align: center; }
    .page_nieuwsbericht .grid_6 { width: 98%; }
    .pag_contact .kantoren .kantoor { width: 33%; margin-bottom: 10px; }
}

@media screen and (max-width: 800px) {
    .page_overview .grid_3 { width: 31.333%; }
    .zoekpanelref input[type=text], .overviewkmi input[type=text] { width: 75%; }
    .page_overview .grid_9 { width: 64.667%; }
    .page_overview .grid_4 { width: 48.0%; }
    .divverkopenrealisaties .propdiv { width: 31.333%; }
    .divfavorieten .propdiv { width: 31.333%; }
    .divverkopenrealisaties #rel_propdiv_4 { display: none; }
    .page_pand .panddetailleft, .page_pand .panddetailright { width: 98%; margin-bottom: 20px; }
        .page_pand .panddetailleft .panddetailknoppen, .page_pand .panddetailleft .panddetailnav { clear: none; float: left; width: 50%; }
        .page_pand .panddetailleft .panddetailvertegenwoordiger { width: 50%; }
        .page_pand .panddetailleft .socialbutton { clear: none; width: 50%; }
    .pag_contact #contactmap, .pag_contact #contactpand { width: 44%; }
    .noUi-handle div { height: 15px !important; width: 15px !important; top: -5px !important; }
    #desktopmenudiv .pagenav .pagenavblock { width: auto; padding: 0 10px; }
    #desktopmenudiv .socnav .socnavblock { width: auto; padding: 0 10px; border-right: none; }
    .page_pand .panddetailleft .panddetailnav { width: 100%; }
        .page_pand .panddetailleft .panddetailnav .pandnav { width: 15%; margin: 0 7.5%; }
    .landingspagina .propdiv .teasertxt { min-height: 120px; }
}

@media only screen and (max-width: 768px) {
    /*menu*/
    #pull { display: block; width: 100%; height: 44px; text-align: left; background: #f2f2f2; border: 1px solid #eee; box-shadow: inset -1px -1px 0px #fff; font-weight: bold; /*margin-bottom: 25px;*/ box-sizing: border-box; padding: 5px; }
        #pull i { margin-right: 15px; }
    #desktopmenudiv { width: 100%; display: none; float: left; }
    .headernav .pagenav { display: block; width: 100%; float: left; padding: 0; }
    #desktopmenudiv .pagenav .pagenavblock { display: block; width: 100%; float: left; padding: 0; height: auto; border: none; }
    .headernav .pagenav .pagenavblock a { top: 0; position: static; font-size: 1.2em; line-height: 2.2em; display: block; }
    .pagenav { width: 100%; display: block; float: left; }
        .pagenav a { display: block; width: 100%; float: left; font-weight: bold; color: #50585B; min-height: 44px; border: 1px solid #eee; border-top: none; padding-top: 10px; text-align: center; }
    .socnav { float: left; width: 100%; display: block; }
    .socnavblock { display: block; width: 33.33% !important; padding: 0 !important; height: auto !important; box-sizing: border-box; }
    .socnav a { width: 100%; float: left; display: block; border: 1px solid #eee; border-top: none; text-align: center; padding-top: 26px; min-height: 44px; position: static !important; left: 0 !important; top: 0 !important; }
    .socnav .socnavblock:first-child a { border-right: none; }
    .socnav .socnavblock:last-child a { border-left: none; }
    /*menu aangepast*/
    .homezoekcont .grid_6 { width: 98%; }
    .page_extra .grid_6 { width: 98%; }
    .page_extra h2 { margin-top: 20px; }
    .r-tabs .r-tabs-nav { display: none; }
    .r-tabs .r-tabs-accordion-title { display: block; }
    .divhomenieuws .homenieuws .homenieuwsinfo, .divnieuws .divnieuwsinfo { height: 150px; }
    .page_uzoekt .zoekform-container .zoekform_container1 { width: 95%; }
    .page_uzoekt .zoekform-container .zoekform_container2 { width: 95%; }
    .page_uzoekt .zoekform-container .zoekform_container1 #gemeenteinvul { width: 60%; }
    .page_uzoekt .inschrijven .zoekform_container1 { width: 95%; }
    .page_uzoekt .inschrijven .zoekform_container2 { width: 95%; }
    .page_verkopen .divverkopenlinks, .page_verkopen .divverkopenrechts { width: 98%; }
    .divvvcontact input[type=submit] { float: left; width: 96%; }
    .footerdeel { width: 50% !important; }
    /*.footerdeel3 { display: none; }*/

    .landingspagina .grid_4 { width: 47.8%; }
    .landingspagina .propdiv .teasertxt { min-height: 110px; }
}

@media screen and (max-width: 750px) {
    .page_uzoekt .zoekform-container .zoekform_container1 #gemeenteinvul { width: 58%; }
    .mostrecent li { width: 98%; display: block; }
    .landingspagina .landingheader img { width: 60%; }
    .postit { display: none; }
}

@media screen and (max-width: 600px) {
    .page_overview .grid_3 { width: 39.667%; }
    .page_overview .grid_9 { width: 56.333%; }
    .page_overview .grid_4 { width: 98.0%; }
    .divverkopenrealisaties .propdiv { width: 48%; }
    .divfavorieten .propdiv { width: 48%; }
    .divverkopenrealisaties #rel_propdiv_3 { display: none; }
    .divverkopenwaarom div { width: 96% !important; margin-bottom: 10px; }
    .divverkopenpuntjes div { width: 86% !important; margin-bottom: 10px; padding-right: 0px; }
    .homenieuws, .divnieuws, .divthemabuttons .grid_6 { width: 98% !important; }
    .divthemabuttons .grid_6 { margin-bottom: 10px; }
    .divthemabuttons .grid_2 { width: 48%; margin-bottom: 10px; }
    .page_uzoekt .tablediv { width: 47% !important; }
    .contentfooter ul li { display: none; }
    .contentfooter ul .hoofdkantoor { display: block; width: auto; text-align: center !important; }
    .page_home .divextrahome .divvvtestimonials { margin-bottom: 50px; }
}

@media screen and (max-width: 550px) {
    .footerdeel { width: 50% !important; margin-left: 25%; }
    /*.footerdeel3, .footerdeel2, .footerdeel1 { display: none; }*/
    .titelsitemap { width: 50%; margin-left: 0; }

    .landingspagina .grid_4 { width: 97.5%; }
}

@media screen and (max-width: 500px) {
    .headertop .headerrechts .headeracties a { width: 100%; clear: both; float: left; }
        .headertop .headerrechts .headeracties a.actiestreep { display: none; }
    .page_uzoekt .zoekform-container .zoekform_container1 #gemeenteinvul { width: 56%; }
    .page_verkopen .divonderbereken .grid_6 { width: 98% !important; }
    .pag_contact .contactform, .pag_contact #contactmap, .pag_contact #contactpand, .pag_contact .hoofdkantoor .grid_4, .pag_contact .openingsuren { width: 98%; }
}

@media screen and (max-width: 450px) {
    .headertop .headerrechts .headeracties a { clear: both; width: 100%; text-align: center; }
    .divpot .grid_6 { width: 98% !important; }
    .page_uzoekt .tablediv { width: 98% !important; }
    .page_overview .grid_3, .page_overview .grid_9 { width: 98%; }
    .zoekpanelref input[type=text], .overviewkmi input[type=text] { width: 80%; }
    .sidenieuws { display: none; }
    .page_uzoekt .zoekform-container .zoekform_container1 #gemeenteinvul { width: 90%; margin-left: 0px; }
    .page_uzoekt .zoekform-container .zoekform_container2 .budget span { clear: both; }
    .pag_contact .kantoren .kantoor { width: 98%; }
    .page_nieuwsbericht .divnieuwsberichtinfo { padding: 5px; width: 96%; }
    .page_nieuwsbericht .divnieuwsberichtinfo iframe { max-width: 100%; height: auto !important; }
}

@media screen and (max-width: 405px) {
    .homezoek .homezoekcont .transactiecont input[type="radio"].toggle + label { padding: 15px 11px; }
    .homezoek .homezoekcont .transactiecont .btn-referentie { padding: 0 11px; }
}

@media screen and (max-width: 400px) {
    /*.page_pand .panddetailleft .panddetailnav .pandnav { clear: both; float: left; width: 60px; margin-left: 10px; margin-bottom: 20px; padding: 2px; }*/
    .page_pand .panddetailleft .panddetailnav .pandnav { clear: none; width: 31%; margin: 0 1%; }
    .page_pand .panddetailleft .panddetailvertegenwoordiger { width: 100%; }
    .divverkopenrealisaties .propdiv { width: 98%; }
    .divfavorieten .propdiv { width: 98%; }
    .divverkopenrealisaties #rel_propdiv_2 { display: none; }
    .idktk, .idkth { width: 98% !important; }
        .idktk .bx-controls, .idkth .bx-controls { clear: both; margin-bottom: 40px; }
    .bannerhome { min-height: 400px; }
}

@media screen and (max-width: 350px) {
    .homezoek .homezoekcont .transactiecont input[type="radio"].toggle + label { padding: 15px 8px; }
    .homezoek .homezoekcont .transactiecont .btn-referentie { padding: 0 8px; }
}

/* Ipad Portrait only */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    .noUi-handle div { height: 15px !important; width: 15px !important; top: -5px !important; }
}

/* Ipad Landscape only */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
    .noUi-handle div { height: 15px !important; width: 15px !important; top: -5px !important; }
}

/* Iphone Portrait only */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation:portrait) {
    .noUi-handle div { height: 15px !important; width: 15px !important; top: -5px !important; }
    .overviewkmi { display: none; }
    #priceslider { width: 90%; margin: 0 auto; }
    .banner { background: none; height: 0px; }
        .banner h1 { color: #212b55; }
    .page_pand .panddetailleft .panddetailknoppen, .page_pand .panddetailleft .panddetailnav { width: 98%; }
        .page_pand .panddetailleft .panddetailnav .pandnav { clear: none; float: left; width: 31%; margin-left: 1%; padding: 0px; }
    .divvvrealisaties, .divvvtestimonials { width: 98% !important; }
    .idktk .bx-controls, .idkth .bx-controls { clear: both; margin-bottom: 40px; }
    .sidenieuws { display: none; }
}
/* iPhone Landscape only */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation:landscape) {
    .noUi-handle div { height: 15px !important; width: 15px !important; top: -5px !important; }
    #priceslider { width: 90%; margin: 0 auto; }
    .overviewkmi { display: none; }
    .banner { background: none; }
        .banner h1 { color: #212b55; }
    .idktk .bx-controls, .idkth .bx-controls { clear: both; margin-bottom: 40px; }
    .sidenieuws { display: none; }
}