/* ten behoeve van knop Tekstgrootte */
    html.largebodyfont * {
    word-break: break-word;
    }
    ul.menu-horizontal a {
    padding: 7px 15px 13px;
    }
    /* einde ten behoeve van knop Tekstgrootte */

/* aanpassing tbv secundaire menubalk na release CMS2021.4 */
    ul.menu.secnav.dl-submenu.dropdown.dropdowntrigger {margin-top:5px;}
    /* einde aanpassingen nav CMS2021.4 */

/* om letters te vergroten*/
    p
    {font-size:1.2rem;}
    h4
    {font-size:1.2rem;}
    .hidden_information h4
    {font-size:1.2rem;}
    .section ul 
    {font-size:1.2rem;}
    ul.secnav a.item-link, ul.secnav span.item-link
    {font-size:1.25rem;padding-top:0}
    ul.dropdownmenu li a.item-link, ul.dropdownmenu span.item-link
    {font-size:1.25rem;padding:7px 15px 6px 15px;}
    .section ol
    {font-size:1.2rem;}
    .item-title
    {font-size:1.25rem}
    .section.folder a, .section.search-results a, .section.briefing a, .section.sitemap a
    {font-weight:bold;}
    form.simpleform .comment
    {font-size:1em;
    }
    form.simpleform label, form.simpleform .label
    {font-size:1.2em;
    }
    form.simpleform legend, form.simpleform .legend
    {font-size:1.2em;
    }
    form.simpleform input.submit, form.simpleform .submit
    {font-size:1.2em;
    }
    form.simpleform inputfield, form.simpleform .inputfield
    {font-size:1.2em;
    }
    form.simpleform summary, form.simpleform .summary
    {font-size:1.2em;
    }
    form.simpleform legend.form_legend, form.simpleform .form_legend
    {font-weight:bold; font-size:1.3em;
    }
    form.simpleform .checkfields ul
    {font-size:1em;
    }
    form.simpleform a.button.govmetricbutton, form.simpleform .button.govmetricbutton
    {font-size:1.2em;
    }
    .description p
    {font-size:1.2rem;
    }
    .section.folder p.description
    {font-size:1rem;
    }
    #slider .accordion-toggle
    {font-size:1.2rem;}
    .comment
    {font-size:1.2em;
    }
    .indent-1 p ul ol
    {margin:0 0 0 0;}
    /* einde letters vergroten */
                        
/* om gerelateerde producten blok onderaan te plaatsen*/
    #content-footer #relatedproducts
    {float:left;clear:both;width:40%;margin-top:1em;margin-left:1.5em;}
    .section.product {position:relative;padding-bottom:200px;}
    .section.product #relatedproducts {position:absolute;bottom:0px;left:0;width:40%;clear:both;margin-top:1em;margin-left:0em;}
    .section.product + .contentfooter {margin-top:-213px;margin-bottom:100px;}
    #relatedproducts ul.kif_wrap {box-sizing:border-box;} 
    .container_aside.landing.eventlist .container-content a.item-title 
    {padding:0.5em 0;} 
    .container_aside.landing.eventlist .container-content a:focus,
    .container_aside.landing.eventlist .container-content a:hover 
    {background-color:transparent;} 
                        
    @media only screen and (min-width : 5px) and (max-width : 641px) 
    {#content-footer #relatedproducts {width:100%;}}
    @media only screen and (min-width : 5px) and (max-width : 641px) 
    {.section.product #relatedproducts {width:100%;margin-top:-250px;margin-bottom:5px;}}
    @media only screen and (min-width : 5px) and (max-width : 641px) 
    {.section.product + .contentfooter {margin-top: -213px;margin-bottom: 300px;}}
    /* einde gerelateerde producten blok onderaan plaatsen*/

/* SUP-18990 over icoontje 'vergroot contrast' in header*/
    .togglecontrast::before 
    { content: "\f042"; font-family: 'fontawesome'; font-weight: normal; font-size: 13px; padding-right: 3px; display: inline-block; } 
    button.switch {color:#000000;}
    /* END SUP-18990 */

/* contrast randen invoervelden zoekvenster mbt digitale toegankelijkheid */
    form#quicksearch input.text,
    form.simpleform .inputfield, .formreqs .inputfield { border-color:#707070; }
    /* einde contrast randen invoervelden zoekvenster*/

/* contrast tekst en contrast rand invoerveld in module afspraak maken mbt digitale toegankelijkheid */
    .timeblockr_vertical #accordion ul li > a, .timeblockr_vertical #accordion > ul > li > span {color:#000000;}
    .select2-container--default .select2-selection--single .select2-selection__placeholder {color:#000000;}
    .select2-container--default .select2-results > .select2-results__options {color:#000000;}
    #timeblockr .selection li a:hover, #timeblockr .selection span {border-color:#000000;}
    .timeblockr_vertical #accordion ul li > a.step-header-link, .timeblockr_vertical #accordion > ul > li > span.step-header-link {color:#000000;}
    .select2-container--default .select2-search--dropdown .select2-search__field {border: 1px solid #707070;}
    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {border: 2px solid #707070;background:#707070;font-weight: normal;color:#fff;}
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border: 2px solid #707070;background:#707070;font-weight: normal;color: #fff;}
    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {border: 2px solid #707070;background:#707070;font-weight: normal;color: #fff;} 
    .select2-container--default .select2-selection--single .select2-selection__rendered {color: black;}
    .timeblockr_button {color:#ffffff;}
    /* einde contrast in module afspraak maken */

/* contrast randen uitklapblokken */
    button.blocktitle, .section.product button.blocktitle {border: 1.1px solid; border-color:#00aec7;}
    .hidden_information.open, .product .hidden_information.open {border:1.1px solid #00aec7; border-top-width:0;}
    /* einde contrast randen uitklapblokken */

/* tabelhoofden linksuitlijnen en grote letters voor th en td */
    .section th {text-align: left;}
    .section td,
    .section th {font-size: 1.2em;}
    /* einde tabelhoofden */

/* lettergrootte afsprakenmodule */
    .timeblockr ul {font-size:1.05em;}
    .timeblockr p {font-size:1.05em;}
    .timeblockr h2 {font-size:1.3em;}
    .timeblockr h3 {font-size:1.2em;}
    /* einde lettergrootte afsprakenmodule */

/* toptaken op landingspagina Bezoekers */
ul.onlytoptasks.bannercount-3 li.column a
    {font-size: 1.25rem;    
    background-color: #ffffff;
    color:#002b7f;
    border-color: #ffffff;}

ul.onlytoptasks.bannercount-3 li.column {
    width: 140px;}
    
ul.onlytoptasks.bannercount-4 li.column a
    {font-size: 1.25rem;    
    background-color: #ffffff;
    color:#002b7f;
    border-color: #ffffff;}

ul.onlytoptasks.bannercount-4 li.column {
    width: 140px;}

ul.onlytoptasks.bannercount-5 li.column a
    {font-size: 1.25rem;    
    background-color: #ffffff;
    color:#002b7f;
    border-color: #ffffff;}

ul.onlytoptasks.bannercount-5 li.column {
    width: 140px;}
    
ul.onlytoptasks.bannercount-6 li.column a
    {font-size: 1.25rem;    
    background-color: #ffffff;
    color:#002b7f;
    border-color: #ffffff;}

ul.onlytoptasks.bannercount-6 li.column {
    width: 140px;}

@media only screen and (min-width : 5px) and (max-width : 641px) {
ul.onlytoptasks.bannercount-3 li.column {width: 100%;border: 1.1px solid; border-color:#b3b3b3;}}

@media only screen and (min-width : 5px) and (max-width : 641px) {
ul.onlytoptasks.bannercount-4 li.column {width: 100%;border: 1.1px solid; border-color:#b3b3b3;}}

@media only screen and (min-width : 5px) and (max-width : 641px) {
ul.onlytoptasks.bannercount-5 li.column {width: 100%;border: 1.1px solid; border-color:#b3b3b3;}}

@media only screen and (min-width : 5px) and (max-width : 641px) {
ul.onlytoptasks.bannercount-6 li.column {width: 100%;border: 1.1px solid; border-color:#b3b3b3;}}

@media only screen and (min-width : 5px) and (max-width : 641px) {
ul.onlytoptasks li.column a span {text-align:center;}}

@media only screen and (min-width : 960px) {
#row1.sublayout_row1_onlytoptasks {
    height: 550px;}}
/* einde toptaken op landingspagina Bezoekers */

/* CSS om beschrijving bij banners op landingspagina's te verbergen, maar wel leesbaar te laten voor screenreaders*/
    .container.landing .fotobar p.fotobar_description {position:absolute; top:-999999em;left:-999999em;}
    .container.landing .fotobar a.read-more {display:none;}
    /* einde CSS om beschrijving bij banners op landingspagina's te verbergen, maar wel leesbaar te laten voor screenreaders*/

/* CSS om op een pagina met de Extra CSS class 'projecten' de beschrijving wel te tonen */
 .projecten .container.landing .fotobar p.fotobar_description {position:static;}
 /* Einde CSS om op een pagina met de Extra CSS class 'projecten' de beschrijving wel te tonen */

/*CSS voor pijltje bij CTA*/
    .pijltje {
    border: solid white;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    }
    .rechts {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    }
    /*einde CSS voor pijltje bij CTA*/

/*CSS voor pijltje bij overige CTA*/
    .pijltjeblauw {
    border: solid #002b7f;
    border-width: 0 4px 4px 0;
    display: inline-block;
    padding: 3px;}

    .pijltjewit {
    border: solid #ffffff;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;}

    .rechts {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);}
    /*einde CSS voor pijltje bij overige CTA*/

/* CSS voor CTA buttons*/
    a.calltoaction, a.calltoaction.new-window.external, .container_aside ul.items li.vacitem a.calltoaction
    {font-weight:bold; font-size:1.12em; letter-spacing: 0.04em; }
    /* einde CSS voor CTA buttons*/

/* CSS voor overige buttons*/
 .tegel {
    border:0.333rem solid #00aec7;
    width:300px;
    height:6.916rem;
    text-align:center;
    padding-top:20px;
    margin:10px;
    float:left;
    }

.tegel a:link {
    font-weight:bold;
    color:#273068;
    text-decoration: none;
    }

.tegel a:visited {
    font-weight:bold;
    color:#273068;
    text-decoration: none;
    }

.tegel a:hover {
    font-weight:bold;
    color:#002b7f;
    text-decoration: underline;
    }

.tegel a:active {
    font-weight:bold;
    color:#273068;
    text-decoration: underline;
    }   

.tegel h2 {
    color:#273068;
    font-size:2.2em; 
    margin:2px;
    }

.tegel p {
    color:#273068;
    font-size:1.3em;
    }
    /* einde CSS voor overige buttons */

/* CSS voor buttons Kernen en Wijken*/
 .tegelKernenWijken {
    background-color:#0753A0;
    width:215px;
    height:164px;
    text-align:left;
    padding-top:0px;
    margin:0px 20px 30px 0px;
    float:left;
    }

.tegelKernenWijken a:link {
    color:#ffffff;
    font-weight:normal;
    text-decoration: none;
    }

.tegelKernenWijken a:visited {
    font-weight:normal;
    color:#ffffff;
    text-decoration: none;
    }

.tegelKernenWijken a:hover {
    font-weight:normal;
    color:#ffffff;
    text-decoration: underline;
    }

.tegelKernenWijken a:active {
    font-weight:normal;
    color:#ffffff;
    text-decoration: underline;
    }

.tegelKernenWijken h3 {
    color:#ffffff;
    font-size:1.75em; 
    margin:4px;
    }

.tegelKernenWijken p {
    color:#0753A0;
    font-size:1.3em;
    }
    /* einde CSS voor buttons Kernen en Wijken */

/* oplossen BUG afbeelding bovenaan landingspagina */
    body #row1.row1_breadcrumb
    {   background-position: center 28px; } 
    /* einde oplossen BUG afbeelding bovenaan landingspagina */

/* achtergrondkleur oneven rijen */
    #row1,#row3,#row5 {
    background-color: #edf9fb;}
   /* einde achtergrondkleur oneven rijen */
   
/* gerelateerde formulieren voor Samenwerkende Catalogi verbergen */
    #get_box {display:none;}
    /* einde gerelateerde formulieren verbergen */

/*PIP Mijn Account verbergen SUP-50584 en icoontje winkelwagen verbergen SUP-56348 */
    p#pipadmin {font-size: 0px;}
    p#pipadmin *{display:none; font-size: 0px;}
    p#pipadmin a#pipadmin-link {display:block;font-size: 12px;padding: 0.6em 0 0;}
    #shoppingcart-session {display:none;}
    /* einde PIP Mijn Account verbergen */
    
/* lay-out toptakenblok in verband met niet goed tonen van toptakenblok op mobiel */
    @media only screen and (max-width: 959px) {
    .toptaskscontainer .horizontal_tabs [role="tablist"] {flex-direction:column;}
    }
    /* einde lay-out toptakenblok */

/* styling uitklapmenu ReadSpeaker */    
    body .webreader .rsbtn .rsbtn_play .rsbtn_left .rsbtn_text::after {
    top: 0px;
    left: 0;
    color:#002B7F;}
    body .webreader .rsbtn .rsbtn_toolpanel.vertical {top: 30px;}
    body .webreader .rsbtn.mega_toggle .rsbtn_tooltoggle {height:27px;top:1px;}
    body .webreader .rsbtn.toolsopen .rsbtn_toolpanel .rsbtn_tools {height:auto;}
    /* einde styling */
    
/* achtergrondkleur en kleur focus bij buttons, loader en voortgangsbalkje in module 'Afspraak maken' */
    a.timeblockr_button:focus{background-color:#0753a0; color:#ffffff;}
    a.timeblockr_button:hover{background-color:#0753a0; color:#ffffff;}
    .timeblockr_progress-indicator{color:#ffffff;background-color:#273068;}
    .timeblockr_button{background-color:#002b7f;}
    .timeblockr>.loader{background-color:#0753a0;}
    #timeblockr .selection li a:hover, #timeblockr .selection span {background-color:#ffffff;padding:0;border-color:#000000;border-radius:4px;}

    /* einde achtergrondkleur focus */
    
/* achtergrondkleur nieuwe huisstijl bij stappen 1 tem 5 in afsprakenmodule */
    .timeblockr_vertical #accordion ul li.timeblockr_route:not(.timeblockr_disabled) > a:not(.timeblockr_next-route)
    {background-color:#273068; color:#ffffff;}
    .timeblockr_vertical .timeblockr_active>.accordion {border-top: 0px solid #002B7F;}
    /* einde huissijl afsprakenmodule */
    
/* woorden afbreken en witruimte verkleinen bij beschrijving producten in module 'Afspraak maken' */
    .ui-accordion .ui-accordion-content {padding: 1em 1em; word-break: break-word; hyphens: auto;}
    .timeblockr ul {margin-left:0;}
    /* einde afbreken en witruimte */
    
/* inline style vervangen door algmene CSS voor opmaak om tekst te accentueren adhv een grijs vlak */
    .grijsvlak {border:1px solid #cccccc; background-color:#e5e7e6; padding:6px;}
    /* einde CSS voor grijs vlak */
    
/* inline style vervangen door algemene CSS voor opmaak blok Afspraak maken */
    .blauwvlak {border:1px solid #cccccc; background-color:#c5cad3; padding:6px;}
    /* einde CSS voor blauw vlak */
  
/* inline style vervangen door algemene CSS voor opmaak bold */
    .bold {font-weight:bold;}
    /* einde CSS voor bold */
    
/* inline style vervangen door class voor ondertitels YouTube filmpjes */
    .ondertitel p {font-size:1rem;}
    /* einde class voor ondertitels */
    
/* inline style vervangen door class voor uitgeklapt uitklapblok */
    .uitgeklapt {display:block; border:solid; border-width:0px 1px 1px 1px; border-radius:0px 0px 5px 5px; border-color:#00AEC7;}
    /* einde class voor uitgeklapt */
    
/* inline style vervangen door class voor achtergrondkleur */
    .groen {background-color:#a8d08d;}
    .grijs {background-color:#d9d9d9;}
    .blauw {background-color:#b5d2ec;}
    .oranje {background-color:#f8cbad;}
    /* einde class voor achtergrondkleur */
    
/* kleur links op landingspagina's */
    .fotobar h2 a {color:#ffffff;background-color:#0753a0;}
    /* einde kleur links */
    
/* CSS voor achtergrondkleur nieuwsblok */
    #slider h2 {background-color:#0753a0;}
    #slider .accordion-toggle.accordion-toggle-active {background-color: #273068; color:#ffffff;}
    #slider .only-one-item h2, .column .quickto h2 {background-color: #0753a0;}
    #slider .accordion-content {background-color: #ffffff;}
    /* einde CSS achtergrondkleur */

/* CSS voor quicklinks in header */
    .toplinks ul.quicklinks li.last-child
    {background-color:#273068}
    /* einde CSS voor quicklinks */
    
/* CSS voor scheidingslijn content - footer */
    .footer_website
    {border-top:0.5em solid #00aec7;}
    /* einde CSS voor scheidingslijn */

/* CSS voor CTA buttons*/
    a.calltoaction, a.calltoaction.new-window.external, .container_aside ul.items li.vacitem a.calltoaction
    {background-color:#273068}
    
    a.calltoaction:hover, a.calltoaction:focus, a.calltoaction.new-window.external:hover, a.calltoaction.new-window.external:focus, .container_aside ul.items li.vacitem a.calltoaction:hover, .container_aside ul.items li.vacitem a.calltoaction:focus, .container_aside ul.items li.vacitem a.calltoaction.new-window.external:hover, .container_aside ul.items li.vacitem a.calltoaction.new-window.external:focus
    {background-color:#0753a0;}
    /* einde CSS voor CTA buttons*/

/*CSS voor hover en focus van toptaken en nieuwsblok */
    .toptaskscontainer ul.item_tab li:hover a, .toptaskscontainer ul.item_tab li a:focus {background-color:#ffffff;}
    #slider  .article-link:hover, #slider .article-link:focus {background-color:#ffffff;}
    #slider .accordion-toggle-active:hover, #slider .accordion-toggle-active:focus {background-color:#273068;}
    /* einde hover en focus */
    
/* zeelandveilig script menu correctie */
    .vrz-live-incident-active #wrapper {
    margin-top: 200px;}
    /* einde */

/* SUP-109774 voor hamburgermenu Samsung */   
    @media only screen and (min-width:5px) and (max-width: 959px) {
    body.menutype_horizontal ul#dl-menu 
    {display: none !important;}
    body.menutype_horizontal ul#dl-menu[aria-expanded="true"] {display: block !important;}}
    /* einde */

/* toptaken onderaan de achtergrondsafbeelding op landingspagin
    div.onlytoptasks {padding:25em 10px;}
    einde*/