/* apply a natural box layout model to all elements */
*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/* new clearfix */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

/* ADMIN */

#ControlBar, #ControlBar:before, #ControlBar:after, #ControlBar *:before, #ControlBar *:after,
#ControlBar li, #ControlBar li:before, #ControlBar li:after,
#ControlBar a, #ControlBar a:before, #ControlBar a:after,
.dnn_mact, .dnn_mact:before, .dnn_mact:after, .dnn_mact *:before, .dnn_mact *:after,
.dnn_mact li, .dnn_mact li:before, .dnn_mact li:after {
    box-sizing: content-box !important; /* Opera/IE 8+ */
}


.dnnActionMenu, .dnnActionMenu * {
    box-sizing: content-box !important; /* Opera/IE 8+ */
}


/* RESPONSIVE */
img {
    display: inline-block;
    height: auto;
    max-width: 100%;
    border: 0;
    padding: 0;
    vertical-align: top;
}

.container-red .module-title {
    color: #fff;
}

.main_content a {
    font-weight: normal;
}

.hide-mobile { display: none }
.show-tablet { display: none }

ul,
ol {
    margin: 1em 0;
}

ul li {
    list-style-type: disc;
}

.list-inline {
    padding: 0;
    margin: 0;
    display: inline-block;
}
.list-inline li {
    padding: 0;
    margin: 0 10px 0 0;
    float: left;
    list-style: none;
}
.list-inline li:last-child {
    margin:0;
}

.list-pipe li {
    margin-right:0;
}

.list-pipe li:after {
    content: "\00a0\00a0\00a0\007c\00a0\00a0\00a0";

}

.list-pipe li:last-child:after {
    content: "";
}

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

@media (min-width: 640px) {

    .navigation-mobile {
        display: none;
    }

}

/**
 * Voorwaarden en Normen
 */

.vn.content {
    padding-top: 0 !important;
}

.vn-sidebar {
    padding: 0;
    border: 0 !important;
}

    .vn-sidebar .vn-back-mobile {
        display: inline-block;
        padding: .75em .75em .75em 2.3333333333333335em;
        margin: 0 0 1.8333333333333333em 0;
        background: #CFD0D2 url(img/bg_chevron_left_red.svg) no-repeat left 1em center;
        background-size: 8px 16px;
        color: #000;
    }

    .vn-navtitle {
        padding: 0 .5em;
        margin: 1em .5454545454545454em;
        background-color: #ebeced;
        color: #000;
        font-family: ScalaSansScWebPro-Bold, sans-serif;
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 1.8181818181818181;
    }

    .vn-sidenav {
        display: none;
        padding: 0;
        margin: 6px 0 0 0;
        line-height: 1.5;
    }

        .vn-sidenav-item {
            margin-bottom: 0.6666666666666666em;
            list-style: none none;
        }

            .vn-sidenav-link,
            .vn-sidenav-link:visited {
                color: #222;
                text-decoration: underline;
            }

            .active .vn-sidenav-link {
                font-weight: bold;
                text-decoration: none;
            }

    .vn-sidenav-mobile {
        width: 100%;
        height: 2.375em;
        margin: 0 0 1.375em 0;
        font-size: 16px;
        font-size: 1.6rem;
    }

.vn-pagetitle {
    position: relative;
    margin-bottom: .8em;
    font-family: ScalaSansScWebPro-Bold, sans-serif;
    font-size: 20px;
    font-size: 2rem;
    color: #d20019;
} 

    .vn-printbutton {
        position: absolute;
        top: .5em;
        right: 0;
        display: block;
        padding-right: 1.5em;
        background: url(img/icon_print.gif) no-repeat scroll right center;
        font-size: .6em;
        line-height: 1.5em;
        vertical-align: middle;
    }

.vn-tabs {
    font-size: 1em;
}

    .vn-tabs-header {
        border-bottom: 1px solid #cfd0d2;
        padding: 0;
        margin: 0 !important;
    }

        .vn-tabs-tab {
            float: left;
            border-bottom: 1px solid #A4A4A4;
            margin-right: 5px;
            margin-bottom: -1px;
            background-color: #A4A4A4;
            list-style: none none;
        }

        .vn-tabs-tab.active {
            position: relative;
            border: 1px solid #cfd0d2;
            border-bottom-color: transparent;
            background-color: #fff; 
        }

            .vn-tabs-link,
            .vn-tabs-link:visited {
                display: block;
                padding: .75em;
                color: #fff;
            }

            .active .vn-tabs-link {
                color: #000;
            }

    .vn-tabs-main {
        padding: 2em 1.3333333333333333em;
        border: 1px solid #cfd0d2;
        border-top: 0;
    }


.vn-list {
    padding: 0;
    margin: 0;
}

    .vn-list-settings:empty {
        display: none;
    }

    .vn-list-settings,
    .vn-list-item {
        list-style: none none;
    }

    .vn-list-item {
        margin-bottom: 1em;
    }

        .vn-list-index {
            float: left;
        }

        .vn-list-content {
            padding-left: 48px;
        }

.vn-tabs-content p {
    margin-top: 0;
}

.vn-tabs-content p:last-child {
    margin-bottom: 0;
}

@media (min-width: 992px) {

    .vn-sidebar {
        padding: 0;
    }

    .vn-sidebar .vn-back-mobile {
        display: none;
    }

    .vn-navtitle {
        padding: 0 .5em;
        margin: 1em 0;
        background-color: #ebeced;
        color: #000;
        font-family: ScalaSansScWebPro-Bold, sans-serif;
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 1.8181818181818181;
    }

    .vn-sidenav {
        display: block;
    }

    .vn-sidenav-mobile {
        display: none;
    }

}

.vn-search {
    margin: 2.6666666666666665em 0;
}

.vn-search .searchInputContainer {
    position: inherit !important;
    display: block !important;
    margin: 0 !important;
}

.vn-search .NormalTextBox {
    width: 100%;
    height: 2.8333333333333335em;
    padding: 0 1em;
    border: 1px solid #a5a6a7;
    border-radius: 2px;
}

@media (min-width: 768px) {

    .vn-overview {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -ms-flex-direction: row;
        margin-bottom: 2.6666666666666665em;
    }

    .vn-overview-container {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-bottom: 0;
    }

    .vn-overview-container.conditions {
        margin-right: .5em;
    }

    .vn-overview-container.standards {
        margin-left: .5em;
    }

}

/* Counters */

.conditions .vn-overview-list { counter-reset: conditions; }
.standards .vn-overview-list { counter-reset: standards; }

.conditions .vn-overview-list li { counter-increment: conditions; }
.standards .vn-overview-list li { counter-increment: standards; }

/*.conditions .vn-overview-list li:before { content: "Deel " counter(conditions)":"; }
.standards .vn-overview-list li:before { content: counter(standards); }*/

.vn-overview-prefix {
    display: inline-block;
    margin-right: 1em;
}

td[align="center"] img {
    max-width: inherit !important;
}

/**
 * Mobile banner
 */

.banner-mobile {
    position: relative;
}

.banner-mobile:before {
    display: block;
    width: 100%;
    padding-top: 31.25%;
    content: '';
}

.banner-mobile-inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(img/bg_banner_mobile.jpg) no-repeat 0 0;
    background-size: 100%;
}

.banner-desktop {
    position: relative;
}

.banner-desktop .owl-dots {
    padding: 1em 0 0 0;
    line-height: .8333333333333334;
    text-align: center;
}

.banner-desktop .owl-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 4px;
    background-color: #cfd0d2;
    border-radius: 50%;
    vertical-align: top;
}

.banner-desktop .owl-dot.active {
    background-color: #d20019;
}

@media (max-width: 991px) {

    .banner-desktop {
        display: none !important;
    }

}

@media (min-width: 992px) {

    .banner-mobile {
        display: none;
    }

    .banner-desktop {
        display: block;
    }

}

/**
 * Mobile page header
 */

.mobile-page-header {
    background-color: #ebeced;
    padding: 12px;
}

.wrapper-home .mobile-page-header {
    background-color: #d20019;
    color: #fff;
}

.mobile-page-header-breadcrumb {
    display: inline-block;
    padding-left: 1em;
    background: url(img/bg_chevron_left_red.svg) no-repeat top 6px left;
    background-size: 6px 11px;
    font-family: ScalaSansScWebPro, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
}

.wrapper-home .mobile-page-header-title {
    margin-bottom: .4em;
    font-size: 20px;
    font-size: 2rem;
    font-weight: normal;
    line-height: 1.25;
}

.mobile-page-header-title:last-child {
    margin-bottom: 0;
}

.mobile-page-header-cta {
    display: block;
    padding-left: 3.125em;
    font-family: ScalaSansScWebPro, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.25;
}

.wrapper-home .mobile-page-header-cta {
    position: relative;
    color: #fff;
}

.mobile-page-header-cta:before {
    position: absolute;
    top: 3px;
    left: 37px;
    display: block;
    width: 6px;
    height: 11px;
    background: url(img/bg_chevron_right_white.svg) no-repeat 0 0;
    background-size: 100%;
    content: '';
}
.mobile-page-header {
    display: block;
    font-family: ScalaSansScWebPro, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.25;
}

.mobile-page-header-cta.loan-checker {
    background-image: url(img/icn_loan_checker.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 28px 40px;
}

@media (min-width: 992px) {

    .mobile-page-header {
        display: none;
    }
    .mobile-page-header.owl-carousel.owl-theme.owl-loaded {
        display:none;
    }

}

/**
 * Layout
 */

/* Hide sidebar nav on mobile */

.layout-holy-grail .aside-1,
.layout-conditions-1 .aside-1,
.layout-conditions-2 .aside-1 {
    display: none;
}

@media (min-width: 992px) {

    /* Show sidebar nav on desktop */

    .layout-holy-grail .aside-1,
    .layout-conditions-1 .aside-1,
    .layout-conditions-2 .aside-1 {
        display: block;
    }

    /* Layout homepage */

    .layout-homepage {
        padding-top: 1em;
    }

    .layout-homepage .content-left,
    .layout-homepage .content-right {
        width: 48.94736842105263%;
    }

    .layout-homepage .content-left {
        margin-right: 2.105263157894737%;
    }

    /* Holy grail layout */

    .layout-holy-grail .aside-1,
    .layout-holy-grail .aside-2 {
        width: 21.05263157894737%;
        min-height: 1px; /* Prevent collapsing when empty */
    }

    .layout-holy-grail .aside-1 {
        margin-right: 3.052631578947368%;
    }

    .layout-holy-grail .aside-2 {
        padding-top: 1.9166666666666667em;
        margin-left: 3.052631578947368%;
    }

    .layout-holy-grail .main {
        width: 51.78947368421053%;
    }

    /* Layout conditions 1 */

    .layout-conditions-1 .aside-1,
    .layout-conditions-1 .aside-2 {
        width: 21.05263157894737%;
    }

    .layout-conditions-1 .aside-1 {
        margin-right: 3.052631578947368%;
    }

    .layout-conditions-1 .aside-2 {
        padding-top: 1.9166666666666667em;
        margin-left: 3.052631578947368%;
    }

    .layout-conditions-1 .main {
        width: 51.78947368421053%;
    }

    /* Layout conditions 2 */

    .layout-conditions-2 .aside-1 {
        float: left;
        width: 21.05263157894737%;
        margin-right: 3.052631578947368%;
    }

    .layout-conditions-2 .main {
        float: left;
        width: 75.89473684210526%;
    }

    .layout-conditions-2 .main-aside {
        float: left;
        width: 27.73925104022191%;
        margin-right: 4.022191400832178%;
    }

    .layout-conditions-2 .main-content {
        float: left;
        width: 68.23855755894591%;
    }

}

.searchSkinObjectPreview,
#dnn_ctr834_Login_Login_DNN_passwordLink {
    display: none !important;
}

/**
 * BotherWidget
 */

.BotherWidget {
    position: fixed;
    bottom: 2em;
    right: 2em;
    padding: 1.5em;
    border: 1px solid #cfd0d2;
    width: 400px;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
    font-size: 1.6rem;
    opacity: 0;
    transform: translateY(calc(100% + 2em));
    transition: opacity .5s ease-in-out, 
                transform .5s ease-in-out;
}

.BotherWidget.is-visible {
    opacity: 1;
    transform: translateY(0%);
}

.BotherWidget-anchor {
    display: inline-block;
    padding: 6px 16px;
    background-color: #d20019;
    color: #fff !important;
    font-size: 13px;
    text-transform: uppercase;
}

.BotherWidget-close {
    position: absolute;
    top: -17px;
    right: -17px;
    display: block;
    width: 34px;
    height: 34px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAABWVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZGRkdHR0gICAnJycrKytcXFxbW1tgYGBfX1+ysrKzs7O6urrOzs7a2trY2NjZ2dnb29vd3d3d3d3d3d3q6urp6enq6urx8fHz8/Pz8/P09PT19fX09PT19fX8/Pz8/Pz+/v7+/v42NjY6Ojo7Ozs/Pz9AQEBCQkJKSkpNTU1QUFBRUVFSUlJVVVVWVlZiYmJoaGh/f3+GhobHx8fIyMjJycnKysrLy8vNzc3T09PY2Njc3Nze3t7f39/g4ODh4eHi4uLj4+Pk5OTn5+f+/v7///+i98KNAAAAT3RSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFxgZGhscHh8iIyUmJygpKisuMDI0Nzg+Pj9BQlBRUlOFhoyisbK2ubm6vM/Q0OHj5OXm5+f2+Pv8SeuSCgAAAmdJREFUOMuNlNtuE0EMhj1j78w2aaFNpdKitE8AAiQk+v53veIg3qGo9JSkauc82DNLCTcIb7JxMt/ann/sKOim5MUXf0KtIJe8pqUJYNNqQmrh929I9Zuss6EwvJgLW23ROiKERk2IwoAQOaeSS2eoEfw8saFEgiJIwqQ4VlWVkUYQDcOAA+oWpeRIkd0EwkgUpRkwgyHasTMD4dE7SlroJJlIguBgzGDpxe7bSYLvm7XulXMYEkLSjLt7H2Adg4PR0Bv4vGGAa2EKpRAOMs4P3ru7Oxdrje4x4+kqNW34xpvgNHY0h+82109THvBPeHbvVFMHUGrlUvc/upsEz1aCXf70uQqjuRQkY87rOsKWxXU9N0bUVFpUUXqE1YYXXr22AOPpEbubFYxchFYge2PUQpZnaefYjidGi5/BahGnHS47Mwjy83Wm4xPtb8UPMFeN4Qc4lxrAtZ1cZtL+quGOZZUWAj3tYHKkX0jBX6ZludYAVr6NnCXjSfO5vN4MWhQsNUpXABxxlsuEC/ENPDZZKjWkuJ7IhdsAPxatLgTXW4/ksErxcJBYmKtes9z39hvSDqBtWt0u0ZWtGofFcPHgY4ildAQxbZba/2FoMf96k0KIKVfs08Flr8/Grp9kOZx/u3ccJHGPYx8w2djdcqasyjifzQ6HL+sHnzhIKaIV95SRxhxefnpOdLGKHCOEhkgilL4ji9aOcyr+KXqf/VRJrWoaEp4RQqOnISkhxxQlDevLuqhaeBpKJspysixUrkksN2JrYMW4heRMZWDZpoF9HnutWo8pGViOwwHK1tj/z5/Hv/+CfgERwH6rvqpYJgAAAABJRU5ErkJggg==);
    color: transparent;
    font: 0/0 a;
    text-shadow: none;
}

.fancybox-inner {
    overflow: inherit !important;
}

@media (max-width: 400px) {

    .BotherWidget {
        width: 300px;
        left: 50%;
        right: inherit;
        margin-left: -150px;
    }

}

@media (min-width: 401px) and (max-width: 991px) {

    .BotherWidget {
        width: 360px;
        left: 50%;
        right: inherit;
        margin-left: -180px;
    }

}

/**
 * Linkedin widget fix voor ios
 */

.ios .IN-widget {
    vertical-align: top !important;
}

/* Social links */

.social-links {
    position: absolute;
    top: 25px;
    right: 22px;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

.social-links li {
    float: left;
    list-style: none none;
}

.social-links li + li {
    margin-left: 8px;
}

.social-links img {
    display: block;
    width: 32px;
    height: 32px;
}

@media (min-width: 992px) {

    .social-links {
        top: calc(50% - 16px);
        right: 11px;
    }

}

#mp-subsubmit1 {
    background-color: #008c95 !important;
    border-color: #008c95 !important;
}

#mp-subsubmit1:hover {
    background-color: #00a0b1 !important;
    border-color: #00a0b1 !important;
}