/* kleur links op landingspagina's */
    .fotobar h2 a {color:#ffffff;background-color:#0753a0;}
    /* einde kleur links */

/* CSS voor scheidingslijn content - footer */
    .footer_website
    {border-top:0.5em solid #00aec7;}
    /* einde CSS voor scheidingslijn */

/* achtergrondkleur oneven rijen */
    #row1,#row3,#row5 {
    background-color: #edf9fb;}
   /* einde achtergrondkleur oneven rijen */

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

/* ten behoeve van knop Dyslexie */
    body.dyslexic * {
    word-break: break-word;
    }
    ul.menu-horizontal a {
    padding: 7px 15px 10px;
    }
/* einde ten behoeve van knop Dyslexie */

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

/* toptaken op landingspagina nieuwe opzet */
ul.onlytoptasks.bannercount-4 li.column a
    {font-size: 17px;
    font-weight:normal;
    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: 17px;
    font-weight:normal;
    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: 17px;
    font-weight:normal;
    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-4 li.column {width: 100%;border: 1.1px solid; border-color:#b3b3b3;}
    ul.onlytoptasks.bannercount-5 li.column {width: 100%;border: 1.1px solid; border-color:#b3b3b3;}
    ul.onlytoptasks.bannercount-6 li.column {width: 100%;border: 1.1px solid; border-color:#b3b3b3;}
    }

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

/* opmaak nieuwsblok */
.container_aside ul.items li a {
    color: #4f4f4f;
    background: white;
    border-width: 1px 1px 0px 1px;
    border-color: #d0e6f9;
    border-style: solid;
    font-size:1.2em;
}
.container_aside ul.items li a:hover {
    background: white;
}

ul.items {
    border-bottom:solid;
    border-bottom-color: #d0e6f9;
    border-bottom-width: 1px;}

div.container_aside.briefing .container-content, div.container_aside.folder .container-content {
    background-color: white;}

div.container_aside.landing.briefing h2 a {
    background-color: #0753a0;
    color: white;}

/* einde opmaak nieuwsblok  */

/* om letters te vergroten*/
p
{font-size:1.2rem;}

body
{font-size:1.2rem;}

.toggle_heading
{font-size:1.4rem;}

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

.container_aside ul.items li a
{font-size:1.2rem;}

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

/* 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 randen uitklapblokken */
button.blocktitle, .section.product button.blocktitle {border: 1.1px solid; border-color:#00aec7;}
/* 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 */

/* 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*/
.pijltjelichtblauw {
  border: solid #1277ca;
  border-width: 0 4px 4px 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; background-color: #273068;}
a.calltoaction:hover, a.calltoaction.new-window.external:hover, .container_aside ul.items li.vacitem a.calltoaction:hover 
{color:white; background-color: #0753a0;}
a.calltoaction:visited, a.calltoaction.new-window.external:visited, .container_aside ul.items li.vacitem a.calltoaction:visited
{color:white; background-color: #273068;}
/* einde CSS voor CTA buttons*/

/* CSS voor overige buttons*/
 .tegel {
    border:0.333rem solid #1277ca;
    width:293px;
    height:6.916rem;
    text-align:center;
    padding-top:20px;
    margin:7px;
    float:left;
 }

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

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

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

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

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

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

/* CSS voor CTA webshop */
 .tegelWebshop {
    
    border-radius:10px;
    background:#FF8707;
    width:190px;
    height:100px;
    text-align:center;
    padding-top:0px;
    margin:10px;
    
 }

.tegelWebshop a:link {
    font-weight:bold;
    font-size:1.2em;
    color:white;
    text-decoration: none;
}

.tegelWebshop a:visited {
    font-weight:bold;
    font-size:1.2em;
    color:white;
    text-decoration: none;
}

.tegelWebshop a:hover {
    font-weight:bold;
    font-size:1.2em;
    color:white;
    text-decoration: underline;
}

.tegelWebshop a:active {
    font-weight:bold;
    font-size:1.2em;
    color:white;
    text-decoration: underline;
}

.tegelWebshop p {
    color:#002b7f;
    font-size:1.5em;
    font-weight:bold;
}
/* einde CSS voor CTA webshop */

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

.rechts {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
  
.pijltjewit {
    border: solid #ffffff;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
}

.pijltjewitgroot {
    border: solid #ffffff;
    border-width: 0 6px 6px 0;
    display: inline-block;
    padding: 8px;
}
                        
.rechts {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
/*einde CSS voor pijltje bij overige CTA*/

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