/* 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;
}

.section ul 
{font-size:1.25rem;
}

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.25rem;}

.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
{font-size:1.25rem;
}
.section.folder p.description
{font-size:1em;
}

.comment
{font-size:1.2em;
}
/* einde letters vergroten */


/* om govmetric blok onderaan te plaatsen*/
#content-footer #webmetric 
{float:right;width:40%;clear:both;margin-top:1em;margin-left:1.5em;}
.section.product {position:relative;padding-bottom:200px;}
.section.product #webmetric {position:absolute;bottom:0px;right:0;width:40%;clear:both;margin-top:1em;margin-left:1.5em;}
.section.product + .contentfooter {margin-top:-213px;margin-bottom:100px;}
#webmetric 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 #webmetric {width:100%;}}
@media only screen and (min-width : 5px) and (max-width : 641px) 
{.section.product #webmetric {width:100%;margin-bottom:5px;bottom:-200px;}}
@media only screen and (min-width : 5px) and (max-width : 641px) 
{.section.product + .contentfooter {margin-top: -213px;margin-bottom: 300px;}}
/* einde govmetric blok onderaan plaatsen*/
                        
/* 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; } 
/* 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:#b3b3b3;}
/* 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 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 #857040;
    width:300px;
    height:6.916rem;
    text-align:center;
    padding-top:20px;
    margin:10px;
    float:left;
 }

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

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

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

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

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

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

/* CSS voor buttons Kernen en Wijken*/
 .tegelKernenWijken {
    background-color:#0072C6;
    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:#002b7f;
    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: #ECECEC;}
   /* 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 tweede tabje toptakenblok SUP-70316 */
    div[role="tablist"] {  display: flex;}
    /* einde SUP-70316 */
    
/* 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: -7px;
    left: 0;
    color:#002B7F;}
    body .webreader .rsbtn .rsbtn_toolpanel.vertical {top:20px;}
    
    body .webreader .rsbtn.toolsopen .rsbtn_toolpanel .rsbtn_tools {height:auto;}
    /* einde styling */