@import url("/style/custom/kp/menu.css?v3");

header #header {
    max-width: 100%;
}

.name_rapport_hernieuwbaar .themeview .wrapper-sidebar,
.name_rapport_co2uitstoot__work_rvo2 .themeview .wrapper-sidebar,
.name_rapport_hernieuwbaar_energie .themeview .wrapper-sidebar,
.name_achtergrondinformatie .themeview .wrapper-sidebar,
.name_rapport_hernieuwbaar .themeview #dashboardViewsHeader,
.name_rapport_co2uitstoot__work_rvo2 .themeview #dashboardViewsHeader,
.name_rapport_hernieuwbaar_energie .themeview #dashboardViewsHeader,
.name_achtergrondinformatie .themeview #dashboardViewsHeader {
    display: none;
}

.name_rapport_hernieuwbaar .header-image,
.name_rapport_co2uitstoot__work_rvo2 .header-image,
.name_rapport_hernieuwbaar_energie .header-image,
.name_achtergrondinformatie .header-image {
    display: block;
    width: 100%;
    height: 300px;
    margin-top: 0;
    margin-bottom: -78px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover !important;
}

@media (max-width: 1140px) {

    .name_rapport_hernieuwbaar .header-image,
    .name_rapport_co2uitstoot__work_rvo2 .header-image,
    .name_rapport_hernieuwbaar_energie .header-image,
    .name_achtergrondinformatie .header-image {
        height: 400px;
    }
}

.name_achtergrondinformatie .header-image {
    background-position: bottom center !important;
    background-size: cover !important;
}

.name_rapport_hernieuwbaar .header-image {
    background-image: url("images/header_foto7.jpg");
}

.name_rapport_co2uitstoot__work_rvo2 .header-image {
    background-image: url("images/header_foto2.jpg");
}

.name_rapport_hernieuwbaar_energie .header-image {
    background-image: url("images/header_foto4.jpg");
}

.name_achtergrondinformatie .header-image {
    background-image: url("images/banner.jpg");
}

.name_rapport_hernieuwbaar .themeview #dashboardwrapper,
.name_rapport_co2uitstoot__work_rvo2 .themeview #dashboardwrapper,
.name_rapport_hernieuwbaar_energie .themeview #dashboardwrapper,
.name_achtergrondinformatie .themeview #dashboardwrapper {
    width: 100% !important;
    max-width: 1180px;
    padding: 0 30px;
    background: #e6f0f5;
}

.theme .theme__image img,
.theme .theme__image object {
    height: 100%;
}

.themeview .caption p {
    margin: 0;
}

/* Vormgeving swing-get-codes */
span.hoofdletter,
span.kleineletter {
    display: inline-block;
}

span.hoofdletter::first-letter {
    text-transform: uppercase;
}

span.kleineletter::first-letter {
    text-transform: lowercase;
}

.name_rapport_hernieuwbaar.swing-stories #mainwrapper #dashboardViewsHeader,
.name_rapport_co2uitstoot__work_rvo2.swing-stories #mainwrapper #dashboardViewsHeader,
.name_rapport_hernieuwbaar_energie.swing-stories #mainwrapper #dashboardViewsHeader,
.name_achtergrondinformatie.swing-stories #mainwrapper #dashboardViewsHeader {
    width: 100%;
    padding: 25px 20px 20px 20px;
    margin-top: 0;
    margin-right: -20px;
    margin-left: 260px;
    background: #e6f0f5;
}

.b_search-container {
    display: none;
}

.scroll-up #innercontainer .b_menu-search-container {
    position: fixed;
    top: 0;
    z-index: 99999;
    width: 100%;
}

.scroll-up div.mosaic-header {
    top: 73px !important;
}

#dashboardwrapper {
    margin-bottom: 20px;
}

.scroll-up #dashboardwrapper {
    padding-top: 73px;
}

.cgdhij7hgerieh,
.cgdhij8apjaba {
    display: none
}

.name_mozaiek5 .theme .theme__image img,
.theme .theme__image object {
    width: 80%;
}

#mainwrapper {
    min-height: 100vh;
    background-size: cover !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #E6F0F5;
}

/* Dit voeg ik toe*/

body.name_rapport_energieverbruik .mosaic-top-header {
    background: url(images/header_foto6.jpg) no-repeat center;
    background-size: cover;
    height: 350px;
    width: 100%;
    content: "";
}

body.name_rapport_energieverbruik .mosaic-top-header::after {
    background: url(images/header_foto6.jpg) no-repeat center;
    background-size: cover;
    height: 350px;
    width: 100%;
    content: "";
    position: absolute;
}

body.name_rapport_energieverbruik #dashboardwrapper {
    background: #fff;
    margin-top: 15rem;
    padding: 0 60px;
    box-sizing: revert;
}

/* .sidenav #innerfooter {
    position: relative;
    max-width: 1420px;
    width: 100%;
    margin: 10px auto 0 auto;
} */

/* skiplinks */
.a-skiplink {
    background-color: #fff;
    border: 2px solid #999;
    display: block;
    left: -1000em;
    padding: .5em;
    position: absolute;
    z-index: 10;
    transition: none;
}

.a-skiplink:focus {
    left: 1em;
    top: 126px;
    z-index: 1000;
}

@supports (-ms-ime-align:auto) {
    html {
        overflow: hidden;
        height: 100%;
    }

    body {
        overflow: auto;
        height: 100%;
        position: relative;
    }

    .themeNavigation {
        width: 1240px;
        margin-left: -620px;
    }
}

/*Ie 10/11*/
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    html {
        overflow: hidden;
        height: 100%;
    }

    body {
        overflow: auto;
        height: 100%;
    }

    .themeNavigation {
        width: 1240px;
        margin-left: -620px;
    }
}

.u-hiddenbutvisible {
    top: -9999px;
    left: -9999px;
}

.cgdgjfieijghjgcgc section.tile.height12 {
    height: 745px;
}

.cgdgjfieijghjgcgc section.tile.height8 {
    height: 575px;
}

.cgdgjfieijghjgcgc section.tile.height6 {
    height: 405px;
}

body.screenshot #mainwrapper {
    background: none !important;
}

body.screenshot #custom_menu {
    display: none !important;
}

.theme {
    border: none !important;
}

.name_mozaiek5 #dashboardView:not(.u-hidden) {
    display: flex;
    margin-right: 0;
    flex-wrap: wrap;
    justify-content: space-between;
}

.theme[data-themecode="db_theme_plat1"],
.theme[data-themecode="db_theme_plat2"],
.theme[data-themecode="db_theme_plat3"] {
    display: block;
    height: 72px;
    border-radius: 5px;
}

.theme[data-themecode="db_theme_plat1"] .theme__image,
.theme[data-themecode="db_theme_plat2"] .theme__image,
.theme[data-themecode="db_theme_plat3"] .theme__image {
    height: auto;
}

.theme[data-themecode="db_theme_plat1"] .theme__name,
.theme[data-themecode="db_theme_plat2"] .theme__name,
.theme[data-themecode="db_theme_plat3"] .theme__name {
    font-size: 17px;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 0 10px;
    background-color: #01689b !important;
    color: #fff !important;
    position: relative;
    width: 100%;
}

.theme[data-themecode="db_theme_plat1"] .name_wrapper,
.theme[data-themecode="db_theme_plat2"] .name_wrapper,
.theme[data-themecode="db_theme_plat3"] .name_wrapper {
    margin-left: 36px;
    text-align: left;
}

.theme[data-themecode="db_theme_plat1"] .theme__name::before {
    content: "A";
}

.theme[data-themecode="db_theme_plat2"] .theme__name::before {
    content: "E";
}

.theme[data-themecode="db_theme_plat3"] .theme__name::before {
    content: "V";
}

.theme[data-themecode="db_theme_plat1"] .theme__name::before,
.theme[data-themecode="db_theme_plat2"] .theme__name::before,
.theme[data-themecode="db_theme_plat3"] .theme__name::before {
    width: 30px;
    height: 30px;
    font-size: 20px;
    line-height: 27px;
    position: absolute;
    top: 4px;
    text-align: center;
    left: 0px;
    background: #fff;
    border-radius: 50%;
    color: #212529;
    font-weight: 500;
}

.theme[data-themecode="db_theme_plat1"] a,
.theme[data-themecode="db_theme_plat2"] a,
.theme[data-themecode="db_theme_plat3"] a {
    display: block;
    border-radius: 5px;
    color: #212529;
    text-decoration: none;
    box-shadow: 2px 2px 2px 0px #d3e3eb;
    padding: 1em 1em 1.2em 1em;
    background: #01689b;
}

.name_rapport_energieverbruik #mainwrapper {
    background-color: unset;
}

.fa-external-link {
    margin-left: 10px;
}

body.screenshot .mosaic-header {
    display: none !important;
}

body.screenshot #dashboardwrapper.transparent-background {
    padding-top: 0 !important;
}

body.screenshot #footer {
    display: none !important;
}

body.screenshot .o-adds {
    display: none !important;
}

body.screenshot .hide-print {
    display: none;
}

@media only screen and (min-width: 1px) and (max-width: 1200px) {
    .name_rapport_hernieuwbaar.swing-stories #mainwrapper #dashboardViewsHeader,
    .name_rapport_co2uitstoot__work_rvo2.swing-stories #mainwrapper #dashboardViewsHeader,
    .name_rapport_hernieuwbaar_energie.swing-stories #mainwrapper #dashboardViewsHeader,
    .name_achtergrondinformatie.swing-stories #mainwrapper #dashboardViewsHeader {
        width: 100%;
        max-width: 900px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 767px) {
    .foot-column {
        width: 100%;
        color: #858585;
        font-weight: 100;
    }

    #footer {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    body.name_rapport_energieverbruik #dashboardwrapper {
        padding: 0;
    }

    #innerfooter ul {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 700px) {

    .theme[data-themecode="db_theme_plat1"],
    .theme[data-themecode="db_theme_plat2"],
    .theme[data-themecode="db_theme_plat3"] {
        width: 48%;
    }
}