/* Algemene elementen */

@media (max-width: 320px) {
    #formdiv {
        width: 260px;
        max-width: 100%;
        position: absolute;
        left: 50%;
        margin-left: -130px;
        top: 120px;
    }
}
@media (min-width: 321px) {
    #formdiv {
        width: 290px;
        max-width: 100%;
        position: absolute;
        left: 50%;
        margin-left: -145px;
        top: 120px;
    }
}

#subscriberLoginformBody {
    padding: 10px;
    border: 1px solid #cccccc;
    border-radius: 8px;
}

#settings_subscriber,
#logoff_subscriber {
    width: 90px;
    float: right;
    margin-right: 20px;
    margin-bottom: 4px;
    clear: both;
}
#settings_subscriber span#icon {
    float: right;
    font-size: 16px;
}
#settings_subscriber span#text {
    float: right;
    font-size: 12px;
    font-style: italic;
    margin-right: 6px;
    margin-top: 5px;
}
#settings_options {
    float: right;
    margin-right: 20px;
    margin-bottom: 10px;
    clear: both;
    display: none;
}
#settings_options button {
    width: 140px;
    margin-top: 4px;
    float: right;
}

html {

}



html, body {
    -ms-touch-action: none;
    touch-action: none;
    overflow: hidden;
}
body,
body p {
    font-family: lato_light, sans-serif; font-weight: normal; font-style: normal;     font-size: 16px;
    color: #454545;
<!--    color: #ffffff;-->
<!--    background-image: url("/customdata/4ea30ecb28f1cbe486fabf9d41fac661/system/backgrounds/bg_browser_image.jpg"); /* The image used */-->
<!--    background-color: #cccccc; /* Used if the image is unavailable */-->
<!--    background-position: left top; /* Center the image */-->
<!--    background-repeat: repeat; /* Do not repeat the image */-->
<!--    background-size: auto; /* Resize the background image to cover the entire container */-->
}

.container {
    max-width: 1140px !important;
}

#contentArea {
<!--    background-color: transparent;-->
}

#contentContainer {
    position: relative;
    height: 100%;
    padding: 15px;
}

#articleLogoArea {
    margin-top: 4px;
}

hr.header {
    border-top: 1px solid #00549C;

}

.block {
    padding: 0 2px;
}

.no-scroll {
    overflow-y: visible;
    height: auto;
}

.text_window_title,
.text_window_subtitle {
    line-height: 1em;
}


p {
    font-size: 1rem;
    margin-bottom: 10px;
}

p.lead {
    font-weight: 700 !important; /* bold */
    font-size: 1.1em !important;
    color: inherit;
}

p.description,
p.caption,
.audio-title {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-size: 0.8rem !important;
    line-height: 1rem !important;
    margin-top: 5px !important;
    margin-bottom: 2px !important;
}

.audio-title {
}

.download {
    color: #fafafa;
}

h1 {
	line-height: 1em;
}


.subhdr {
	line-height: 1em;
}

a {
    color: #e40617; text-decoration: none; cursor: auto;}

a:link {
    color: #e40617; text-decoration: none; cursor: auto;}

a:visited {
    color: #e40617; text-decoration: none; cursor: auto;}

a:hover {
    color: #0e95a8; text-decoration: none; cursor: pointer; }

a:active {
    color: #0e95a8; text-decoration: none; cursor: auto; }

.bg-light {
    background-color: transparent !important;
}

#navbarNav {
    margin-top: 8px;
}

#navbarNav ul li a {
    padding: 4px 6px;
    margin: 0px;
    color: #ffffff;
    background-color: #155699;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 5px;
    font-size: 13px;
}

#navbarNav ul li a:hover {
    background-color: #888888;
}

#navbarNav ul li a.active {
    background-color: #888888;
}

#responsive_title_small,
#responsive_title_large {
    font-family: 'Roboto_Cond_Bold', serif;
    font-weight: 700;
    color: #155699;
    line-height: 1em;
    margin: 0px;
    padding: 0px;
    font-size: 52px;
}

.titleName {
    font-family: 'Roboto_Cond_Light', serif;
    font-weight: 300;
    font-style: normal;
    color: #155699;
    line-height: 1em;
    font-size: 32px;
}

ul {
    margin-left: 0px;
    padding-left: 18px;
}

.list-unstyled {
    margin-right: 20px;
    clear: both;
}

hr {
    clear: both;
}

.unselectable {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.imageIcon {
    position: absolute;
    bottom: -4px;
    right: -4px;
    width: 20px;
    height:20px;
    content:url('/customdata/423e61bdb3e727368a187ff3abc5dc26/system/thumbnails/link_icon.png');
}

.enlargeIcon {
    position: absolute;
    bottom: 4px;
    right: 4px;
    width: 20px;
    height:20px;
    content:url('/customdata/423e61bdb3e727368a187ff3abc5dc26/system/thumbnails/enlarge_icon.png');
}

#img_41bfd8bdee750674b805e881d2ce5fd3


/* HYPHENATION */

h1,h2, h3, h4 {
    overflow-wrap: break-word;
    -webkit-hyphens: manual;
    -moz-hyphens: manual;
    -ms-hyphens: manual;
    -o-hyphens: manual;
    hyphens: manual;
}

p {
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}



p.caption {
    overflow-wrap: break-word;
    -webkit-hyphens: manual;
    -moz-hyphens: manual;
    -ms-hyphens: manual;
    -o-hyphens: manual;
    hyphens: manual;
}

.agenda-item {
    overflow-wrap: break-word;
    -webkit-hyphens:  auto;
    -moz-hyphens:  auto;
    -ms-hyphens:  auto;
    -o-hyphens:  auto;
    hyphens:  auto;
}


/* Scrollbar */
    .mCustomScrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCustomScrollbar .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
    .mCustomScrollbar .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCustomScrollbar .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #000000;
    }


    .mCustomScrollbar .mCSB_scrollTools .mCSB_draggerRail {
        background-color: #cccccc;
    }

body.cover .mCustomScrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
body.cover .mCustomScrollbar .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
body.cover .mCustomScrollbar .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
body.cover .mCustomScrollbar .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fcd158;
}

body.cover #toc_content .mCSB_dragger_bar {
    background-color: #27318b;
}


body.editorial #pos_425167646d0b4cffaf3acf31b7004b3d {
    line-height: 1.5em;
}

body.editorial #pos_425167646d0b4cffaf3acf31b7004b3d .mCSB_dragger_bar {
    background-color: #fcd158;
}

/* Element Promotion */
.promotion {
    float:left;
    padding: 2px;
}
.promotion .promotion_container {
    position: relative;
    border: 1px solid #ccc;
    height: 84px;
}
.promotion .promotion_container .imageholder {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 63px;
    height: 82px;
}
.promotion .promotion_container .promotion_data {
    position: absolute;
    left: 73px;
    top: 0px;
    height: 82px;
}

.promotion .promotion_container .promotion_data .promotion_name,
.promotion .promotion_container .promotion_data .promotion_old_new,
.promotion .promotion_container .promotion_data .promotion_date {
    font-size: 14px;
}
.promotion .promotion_container .promotion_name {
    font-weight: 700;
}


/* btCarousel */
p.btcaptionString {
    font-weight: bold !important;
    font-size: 1.0em !important;
    color: #ffffff !important;
}

.carousel-caption {
    background-color: rgba(0, 0, 0, 0.0);
}


/* PGW Slider */

.pgwSlider .ps-caption {
    font-size: 15px !important;
    padding: 2px 12px !important;
    background-color: rgba(0,0,0,0.7);
}

/* Bootstrap Carousel */

.carousel-caption {
    text-shadow: 2px 2px 10px rgba(0,0,0,1);
}

.carousel .fa.fa-chevron-left,
.carousel .fa.fa-chevron-right {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    color: #ffffff;
    font-size: 1.3em;
    text-shadow: 2px 2px 10px rgba(0,0,0,1);
}

.carousel .fa.fa-chevron-left {
    left: 10px;
}

.carousel .fa.fa-chevron-right {
    right: 10px;
}



div.pageUpButton {
    position: absolute;
    left: 50%;
    margin-left: -80px;
    top: -11px;
    background-image: url("system/elements/scroll_button_sprite.png");
    background-position: 0px 0px;
    width: 130px;
    height: 18px;
    cursor: pointer;
    display: none;
    z-index: 1030;
}

div.pageDownButton {
    position: absolute;
    left: 50%;
    margin-left: -80px;
    bottom: -18px;
    background-image: url("system/elements/scroll_button_sprite.png");
    background-position: 0px -19px;
    width: 130px;
    height: 18px;
    cursor: pointer;
    display: none;
    z-index: 1030;
}

#coverLogoArea img,
#coverMailchimpButtonArea img,
#coverLogoSmallArea img,
#articleLogoArea img,
#articleMailchimpButtonArea img,
#articleLogoSmallArea img {
<!--    max-width: 100%;-->
<!--    max-height: 100%;-->
}

.advert img,
.mobile-app img,
.image img {
    width: 100%;
    height: auto;
}




/***************************************** Hoofdelementen MAGAZINE *****************************************/



/****************** HEADER ***************/


<!--#headerContainer {-->
<!--    color: inherit;-->
<!--    background-color: transparent-->
<!--}-->



span.title-bold {
    font-size: 24px;
}

span.title-regular {
    font-size: 24px;
}

.subTitle {
    font-size: 14px;
    letter-spacing: 3px;
}


/************ HEADER - Cover ***********/



.subTitle {
    font-family: Roboto_Cond_Bold, sans-serif; font-weight: 700; font-style: normal; color: #fafafa; text-transform: none; line-height: 100%; }

/************ HEADER - Article ***********/

span.title-bold {
    font-family: Georgia, 'Times New Roman', Times, serif; font-weight: bold; font-style: normal; color: #fafafa; text-transform: uppercase; line-height: 100%; }

span.title-regular {
    font-family: Georgia, 'Times New Roman', Times, serif; font-weight: normal; font-style: normal; color: #fafafa; text-transform: uppercase; line-height: 100%; }


/************ HEADER - ADVERTORIAL  ************/

#advertBar {
    position: absolute;
    left: 0px;
    height: 40px;
    width: 100%;
}


/****************** FOOTER ***************/


#footerContainer {
    height: 40px;

}

#footer {
    background-color: background: #ffffff; ;
}


#footerSeparator {
    position: absolute;
    top: 10px;
    left: 0px;
    width: 100%;
}

#footerSeparatorLine {
    margin: 0 15px;
    border-top: 1px solid #ed1c24; }

/************ FOOTER - NAVIGATIE ELEMENTEN ************/


#navPrev {
width: 80px;
height: 40px;
background: url('/customdata/423e61bdb3e727368a187ff3abc5dc26/system/elements/pagenav_sprite_2.png');
background-position: 0px 0px;
}

#navNext {
width: 80px;
height: 40px;
background: url('/customdata/423e61bdb3e727368a187ff3abc5dc26/system/elements/pagenav_sprite_2.png');
background-position: -80px 0px;
}


/************ FOOTER - SHARE BUTTON ************/

#shareModal .modal-dialog {
    width: 205px;
    margin: 200px auto 0px auto;
}

#shareModal .modal-content {
    border-radius: 0px;
    background-color: rgba(0,0,0,0.3);
    margin: 200px auto 0px auto;
}

#sharebuttons {
    margin: 1px auto;
}

.jssocials-shares {
    margin: 0px;
}

.jssocials-share {
    margin: 0px;
}




/**************************** ELEMENTEN ****************************/

/************ ADVERT ************/

hr.advert_top {
    border-top: 2px dotted #ccc;
    margin-bottom: 0px;
}

hr.advert_bottom {
    border-top: 2px dotted #ccc;
    margin-top: 6px;
}

.adverttext {
    font-family: sans-serif;
    font-weight: normal;
    font-size: 10px;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

/************ IMAGE - READON BUTTON ************/

.readonbuttonLeft {
    position: absolute;
    left: 0px;
    margin-left: 0px;
    background-image: url('/customdata/423e61bdb3e727368a187ff3abc5dc26/system/elements/readon_button_sprite.png');
    background-position: 0px 0px;
    width: 128px;
    height: 30px;
}

.readonbuttonCenter {
    position: absolute;
    left: 50%;
    margin-left: -64px;
    background-image: url('/customdata/423e61bdb3e727368a187ff3abc5dc26/system/elements/readon_button_sprite.png');
    background-position: 0px -30px;
    width: 128px;
    height: 30px;
}

.readonbuttonRight {
    position: absolute;
    right: 0px;
    margin-right: 0px;
    background-image: url('/customdata/423e61bdb3e727368a187ff3abc5dc26/system/elements/readon_button_sprite.png');
    background-position: 0px -60px;
    width: 128px;
    height: 30px;
}

.readonbuttonLeft a:link,
.readonbuttonLeft a:visited,
.readonbuttonLeft a:active,
.readonbuttonCenter a:link,
.readonbuttonCenter a:visited,
.readonbuttonCenter a:active,
.readonbuttonRight a:link,
.readonbuttonRight a:visited,
.readonbuttonRight a:active {
    text-decoration: none;
    color: #ed1d24}

.readonbuttonLeft a:hover,
.readonbuttonCenter a:hover,
.readonbuttonRight a:hover {
    text-decoration: none;
    color: #000000}

.readonbuttonText {
    position: absolute;
    top: 8px;
    left: 16px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold; font-style: normal; font-size: 14px; line-height: 100%; }

/*************** ADVERTORIAL *****************/

#advertColorBar {
    height: 100%;
    margin: 0px 15px;
}

#advertBarText {
    position: absolute;
    top: -17px;
    font-family: sans-serif;
    font-size: 12px;
    font-color: #666666;
    width: 100%;
    margin-left: 15px;
}

#supplierBarText {
    position: absolute;
    top: 10px;
    font-family: sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #fafafa;
    width: 100%;
}

/***************** ELEMENTTYPEN *****************/

/* element ADVERT */

hr.advert-top {
    margin-top: 20px;
    margin-bottom: 5px;
}

.advert-text {
    font-family: Lato, sans-serif;
    font-size: 14px;
    color: @brand-primary;
    margin-top: 5px;
    margin-bottom: 5px;
}

hr.advert-bottom {
    margin-top: 15px;
    margin-bottom: 20px;
}

/* element APP */

.mobile-app-inner {
    width: 51px;
    height: 64px;
    float: left;
    margin: 4px 10px 10px 0px;
}

.app-title {
    font-family: latobold, sans-serif;
    font-size: 18px;
}

/* element COMBI */

.combi_inner {
    overflow: auto;
}

.clink {
    width: 100%;
    clear: both;
}

/* element SHORTLIST */

.shortlist_image {
    width: 30px;
    height: 30px;
    float: left;
}

.shortlist_title,
.shortlist_subtitle {
    font-family: Lato, sans-serif;
    text-transform: uppercase;
    padding-left: 50px;
}

.shortlist_title {
    font-size: 1.4 em;
    font-weight: 700;
}

.shortlist_title:first-child {
    margin-top: 20px;
}

.shortlist_subtitle {
    font-size: 1.2 em;
    font-weight: 400;
    margin-bottom: 6px;
}

/* element SLIDESHOW */

.pgwSlider .ps-caption {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1.3em;
}


/* MODALS */

.modal-header {
    background-color: @brand-primary;
    color: #fff;
}
.fontModal,
.mailchimpModal,
.cookiesModal {
    font-family: arial, sans-serif;
    font-size: 16px;
}

a.fontdialog,
a.mailchimpdialog,
a.cookiesdialog {
    color: @brand-primary;
}


/******************* UTILITY FUNCTIONS *******************/

/* utility SHARE BUTTON */

.entypo-export:before {
    color: #0092a7 !important;
}

#iconCol {
    margin-top: 20px;
    margin-left: 30px;
}



/******************* Table of Contents *******************/


<!--#toc.extra_small {-->
<!--    background-image: url("system/elements/toc_extra_small.png");-->
<!--    height: --><!--;-->
<!--}-->
<!---->
<!--#toc_content.extra_small {-->
<!--    position: absolute;-->
<!--    top: 35px;-->
<!--    left: 38px;-->
<!--    width: 222px;-->
<!--    height: 135px;-->
<!--}-->
<!---->
<!--#toc.small {-->
<!--    background-image: url("system/elements/toc_small.png");-->
<!--    height: --><!--;-->
<!--}-->
<!---->
<!--#toc_content.small {-->
<!--    position: absolute;-->
<!--    top: 35px;-->
<!--    left: 38px;-->
<!--    width: 222px;-->
<!--    height: 200px;-->
<!--}-->
<!---->
<!--#toc.medium {-->
<!--    background-image: url("system/elements/toc_medium.png");-->
<!--    height: --><!--;-->
<!--}-->
<!--  -->
<!--#toc_content.medium {-->
<!--    position: absolute;-->
<!--    top: 35px;-->
<!--    left: 38px;-->
<!--    width: 222px;-->
<!--    height: 265px;-->
<!--}-->
<!---->
<!--#toc.large {-->
<!--    background-image: url("system/elements/toc_large.png");-->
<!--    height: --><!--;-->
<!--}-->
<!---->
<!--#toc_content.large {-->
<!--    position: absolute;-->
<!--    top: 35px;-->
<!--    left: 38px;-->
<!--    width: 222px;-->
<!--    height: 335px;-->
<!--}-->
<!---->
<!--#toc.extra_large {-->
<!--    background-image: url("system/elements/toc_extra_large.png");-->
<!--    height: --><!--;-->
<!--}-->
<!---->
<!--#toc_content.extra_large {-->
<!--    position: absolute;-->
<!--    top: 35px;-->
<!--    left: 38px;-->
<!--    width: 222px;-->
<!--    height: 400px;-->
<!--}-->


/************************************************************** MEDIA QUERIES ******************************************************/

/* Small only */

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

    #responsive_title_small,
    #responsive_title_large {
        font-size: 26px;
        letter-spacing: 1px;
    }

    #articleLogoArea {
        height: 80px;
    }

}

@media screen and (min-width: 377px) and (max-width: 768px) {

    #responsive_title_small,
    #responsive_title_large {
        font-size: 30px;
        letter-spacing: 1px;
    }

    #articleLogoArea {
        height: 90px;
    }

}

/* Medium and up */
@media screen and (min-width: 768.02px) {

     .subTitle {
        font-size: 134px;
        letter-spacing: 3px;
    }

    #articleLogoArea {
        height: 120px;
    }

}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
}

/* Large and up */
@media screen and (min-width: 64em) {

}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
}