/* @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700&display=swap');*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap');

body div[id^="row"]:last-child {padding-bottom:0;}

div.container_aside form.poll .answer {
    position: static;
    margin-top: 0;
    margin-left: 10px;
}
.container_aside form.poll {padding:0;}

html {font-size:16px;}

body {
  /*  font-family: 'Source Sans Pro', sans-serif;*/
    font-family: 'Open Sans', sans-serif;
	color: #003A80;
    font-weight: normal;
    font-size: 16px;
    text-rendering:geometricPrecision;
}
h1, h2, h3, h4, h5, h6, .item-title, .toggle_heading {font-weight:600;}

h1 {font-size:1.8rem;}

#wrapper {
  line-height: 26px;
}

a#logo {
    padding:20px 0 10px;
    margin:0;
}

.contrastlinks{
    display:none;
}

#accessibility-tools {
    margin-left:0;
    right:0;
    top:5px;
    width:160px;
}
.onecolumn .landing.folder {margin:1rem 0.7rem 0;}
.onecolumn .landing.folder h2 {
    position:static;
    border-bottom:1px solid #003A80;
    font-weight: normal;
    color:#003A80;
    padding-bottom: 10px;
    text-align: center;
}
.onecolumn .landing.folder ul.items li.column {border-width:0;margin-bottom:0;}
.onecolumn .landing.folder ul.items li a {line-height:1.5;}
.onecolumn .landing.folder ul.items li a span.title {padding:0;font-size:1rem;font-weight:normal;}
.onecolumn .landing.folder ul.items li:last-child a span.title {font-weight:bold;}


@media only screen and (min-width: 960px) {
    #tinyblock form#quicksearch {
        top: 70px;
        margin-left: 55px;
        right: 0px;
        width: 340px;
        height: 35px; 
        left: 445px;
        animation-name: contactanimation1;
        animation-duration: 0.75s;
    }
    .layout_four #tinyblock form#quicksearch {
        top: 70px;
        margin-left: 55px;
        right: 0px;
        width: 340px;
        height: 35px; 
        left:auto;
        animation-duration:0s;
    }


    /* laatste tab van hoofdmenu, gestyled als ronde 'button' */
    #dl-menu > li.last-child {
                background-color: #FECB10 !important;
                float: right;
                margin-top:-37px;
                border-radius: 50%;
                height: 100px;
                width: 100px;
                animation-name: contactanimation2;
                animation-duration: 0.75s;
                position:absolute;
                right:0;
    }
    .layout_four #dl-menu > li.last-child {
                background-color: #FFCC00 !important;
                float: right;
                margin-top:0;
                border-radius: 50%;
                height: 100px;
                width: 100px;
                animation-duration:0s;
    }
    


    
    /* bolletje contact met vertraging naar boven dmv animatie */
    @keyframes contactanimation2 {
      0%  {margin-top:20px;}
      100% {margin-top:-37px;}
    }
    
    #dl-menu li.last-child > a.toplevellink {
                color:#003A80;
                background-color: #FFCC00;
                font-weight: 505;
                border-radius: 50%;
                height: 100px;
                width: 100px;
                padding:0 !important;
                text-align:center;
                vertical-align: middle;
                display: table-cell;
    }
    
    #dl-menu li.last-child > a.toplevellink:hover {
                text-decoration: underline;      
    }  
}

.dropdownmenu li.last-child a {font-weight : bold;}

/* vertraging dmv animatie: verschuiving zoekvenster (form#quicksearch) naar links */
@keyframes contactanimation1 {
  0%   {left:565px;}
  100%  {left:445px;}
}

#tinyblock form#quicksearch input.text {
    border: 1px solid #003A80;
    font-size: 16px;
    font-family: Arial, Verdana, Sans-Serif;
    color: #003A80;
}    

body.menutype_horizontal #menu_wide, body.menutype_dual #menu_wide {
        background-color:#FFFFFF !important;
        /*position:absolute;
        left:0;*/
    }
.menu-horizontal li:hover a, .menu-horizontal li.active a {
        background-color:#003A80;
        color:#FFFFFF;
    }
    
.menu-horizontal li a {
        margin-top: 12px;
        color:#003A80;
        height:42px;
        box-sizing:border-box;
        font-size:20px;
	    padding:10px 20px 0 !important;
    }
    
body.menutype_horizontal ul.dropdownmenu, body.menutype_dual ul.dropdownmenu {background-color:#E1E1E1;top:54px;}
ul.dropdownmenu li a.item-link {padding:8px !important;background-color:#E1E1E1;}
ul.dropdownmenu li a.item-link:hover, ul.dropdownmenu li a.item-link:focus {background-color:transparent;}

/* hoogte rij 1*/    
div.sublayout_row1_onlytoptasks {
height: 350px;
padding-top: 54px;
}
@media only screen and (min-width: 1920px) {
    div#row1.sublayout_row1_onlytoptasks {
        background-position: bottom center;
        background-size:cover;
    }
}

ul.onlytoptasks.columns {overflow:visible;}

ul.onlytoptasks.bannercount-4 li.column a {
    font-size:1rem;
    font-weight:normal;
}


/* eigenschappen 1 toptaak/blokje */
ul.onlytoptasks li.column a {
    display: block;
    box-shadow: 0 0 6px 0 #000000;
    margin: 8px auto;
    height: 140px;
    width: 140px;
}

/* eigenschappen van afbeelding toptaak in blokje */
ul.onlytoptasks li.column a img {
    display: block;
    margin: 10px auto;
    height: 60px;
    width: 60px;
}


div.container_aside > ul,
div.container_aside > div  {background-color:transparent;}

.column .quickto h2,
.quickto ul li {background-color:transparent;padding:0;border-width:0;}
.quickto ul li a {color:#003A80;}
.quickto ul li a:hover,
.quickto ul li a:focus {text-decoration:underline;background-color:transparent;}
.container_aside.landing.briefing h2,
.fotobar h2, .fotobar_three h2,
.container_aside.landing.briefing h2 a,
.fotobar h2 a,
.fotobar_three h2 a {background-color:transparent;}

.fotobar h2 a {font-size:1.375rem;}

.column .quickto h2 {
    padding:11px;
    font-size:19px;
    color:#FFFFFF;
    background-color:#003A80;
}

.fotobar h2 a:hover span, .fotobar h2 a:active span {
    text-decoration: underline;
}

.quickto ul {background-color:#FFFFFF;margin:0;}
.layout_four #row3 .fotobar_description {background-color:#FFFFFF;padding:10px 20px;margin:0;display:block;}
.layout_four #row3 a.read-more {background-color:#FFFFFF;padding:10px 20px;margin:0;display:block;}

#row1 body a {color: #FFFFFF;}

/* kop rij 2 */
.layout_four .section.folder h2 {
        font-size: 21px;
        font-weight: 500;
        padding: 10px;
        color: #003A80;
        border-bottom: 1px solid #003A80;
}

/* titels items in rij 2 */
body.layout_four #row2 .onecolumn .landing ul.items {align-items:center;}
.layout_four #row2 .item-title {
    color: #003A80;
    padding: 0.5rem 0;
    font-size: 16px;
    font-weight: normal;
    text-decoration:underline;
}

/* laatste item(titel) in rij 2 */
.layout_four #row2 .folder li:last-child a {
    font-weight: bold;
}

#row3 {
    background-color: #FFCC00;
}

#row3 h2 a {margin-left: 0;}

#row3 .container_aside.landing.briefing h2 a, 
#row3 .container.landing h2 a span,
.three .column .quickto h2 {
    background-color: #003A80;
    color: #FFFFFF;
    font-size: 19px !important;
    padding: 11px;
}
#row3 .container.landing h2 a,
#row3 .container.landing h2 a span span {padding: 0px;}
#row3 .container.landing h2 a span {padding:11px;}

.layout_four #row3 .fotobar img {
    box-sizing: border-box;
    padding: 10px 10px 0 10px;
    background-color: #FFFFFF;
}

#row3 div.container_aside {
    border-width: 0 0 1px 0 !important;
}

.column .quickto h2::after,
.container_aside.landing.briefing h2::after,
.fotobar h2::after,
.fotobar_three h2::after {
    position: absolute;
    border-bottom: 2px solid #003A80;
    content: "";
    width: 100px;
    display: inline-block;
    bottom: -14px;
}


#row3 .column .quickto h2::after,
#row3 .container_aside.landing.briefing h2::after,
#row3 .fotobar h2::after,
#row3 .fotobar_three h2::after {
    display: none;
}

#row4 .section.image h2, .section.document h2 {
    font-size: 1.3em;
}

#row4 .section.document ul {
    padding-top: 5px;
}

#row4 div.image img.image {
    padding: 10px 0;
}

#row4 .container.landing h2 a span {
    padding-left: 0;
}

#row4 .column .quickto h2::after,
#row4 .container_aside.landing.briefing h2::after,
#row4 .fotobar h2::after,
#row4 .fotobar_three h2::after {
    border-bottom: 2px solid #FFCC00;
}

#row4 {background-color: #DEDAD6;padding-bottom:3rem;}

#row4 .softlinks .fotobar_description {
    padding-top: 10px;
}

.read-more {color:#003A80; font-weight: normal; text-decoration: underline; margin-bottom: 1em;}

.footer_website, .footer_website p, .footer_website li {background-color: #003A80; color: #FFFFFF; border-top: none;}

.footer_website h2 {
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
    padding-bottom: 10px;
    text-transform: uppercase;
}

#footer_columns .column h2, #footer_columns .column h3, #footer_columns .column h4 {
    display: block;
    font-size: 18px;
    margin-bottom:0;
    color: #FFFFFF;
    font-weight: bold;
    margin-top: 0.5em;
    text-align: left;
}

.footer_website {
    height: auto !important;
}

table.openingstijden {
    margin: -10px 0 20px 0 !important;
}
table.openingstijden td {
    padding: 0 !important;
}

#footer_columns p a.calltoaction {
    background-color: #fff !important;
    color: #003A80 !important;
    text-decoration: none !important;
}

#footer_columns p a.calltoaction:hover, 
#footer_columns p a.calltoaction:focus, 
#footer_columns p a.calltoaction.new-window.external:hover, 
#footer_columns p a.calltoaction.new-window.external:focus {
    background-color: #ffffff !important;
    color: #003a80 !important;
    text-decoration: underline !important;
}


#social-follow p {color: white;}

#social-follow.icon-list-container {display: none;}

#footer.fullfooter .quicklinks li a {color: white;}

#footer_columns .column p, #footer_columns .column a, #footer_columns .column ul, #footer_columns .column dl {
    color:#FFFFFF;
    text-align:left;
}

#footer_columns .column img.float-left {
    margin-right:2px;
}

#footer a {
    color:#FFFFFF;
}

#footer ul.quicklinks {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    float: none;
    text-align: center;
    margin-bottom: 0;
    box-sizing: border-box;
}    

/* styling contentpagina .detail_aside */

.detail_aside .container_aside {
    margin-top: 40px;
}

.detail_aside .container_aside {
    border: 1px solid #C5DDFC;
}

.detail_aside .container_aside h3 {
    background-color: #003A80;
    color: #FFFFFF;
    font-size: 1.2em;
}

.detail_aside .container_aside.document h3 a span.title {
    background-color: #003A80;
    color: #FFFFFF;
    font-size: 1.2em;
}

div.container_aside.softlink h3 a span.title {
    background-color: #003A80;
    color: #FFFFFF;
    font-size: 1.2em;
}

.detail_aside .container-content p {
    font-weight: 300;
}

.detail_aside .container_aside a.more{
    font-weight: normal;
}

.detail_aside .container_aside.folder .container-content p.description {
    background-color: #FFFFFF;
    border-bottom: 1px solid #C5DDFC;
}
.description {font-weight:600;}

.detail_aside .container_aside ul.items li {
    border-bottom: 1px solid #C5DDFC;
}

.detail_aside .container_aside ul.items li a:hover {
    background-color: #E7F0FC;
}

/* styling overzichtspagina .overview_folder */

/*zelfde verschuiving van zoekvenster en bolletje contact als op contentpagina's*/
#tinyblock form#quicksearch {
    top: 70px;
    margin-left: 55px;
    right: 0px;
    width: 340px;
    height: 35px; 
    left: 445px;
    animation-name: contactanimation1;
    animation-duration: 0.75s;
}


.section.folder.two.columns h1 {
    font-size: 1.6em;
    font-weight:600;
}

.section.folder.two.columns h2 a.item-title {
    color: #4f4f4f;
    font-size: 1.1em;
    font-weight: 600;
}

.section.folder.two.columns .more {
    font-weight: 600;
    margin-top: 0.5em;
}

.overview_folder a.footer-link.print-link {
    padding-right: 10px;
}

.row2_content .search-filters h3 {font-size:1.375rem;}
.row2_content .search-filters ul li {background-color: #ECECEC;margin-bottom:2px}


/* Tablet staand */
@media only screen and (max-width: 959px) {
    div#accessibility-tools {
        top:5px;
        right:10px;
        margin-left:0;
    }
    body.menutype_horizontal #menu_wide, body.menutype_dual #menu_wide {
        background-color:#003A80 !important;
    }
    .menu-horizontal li {border-bottom:1px solid #FFFFFF;}
    .menu-horizontal li a {margin-top:0;}
    
}

@media only screen and (max-width: 767px) {
    div.onlytoptasks {
        padding:0;
    }

    .layout_four .section.folder h2 {
        margin-top:0;
    }
}



/* icoontjes toptaken op mobiele telefoon */
@media only screen and (max-width: 480px) {
     ul.onlytoptasks li.column a {min-height:0;}
}
@media only screen and (max-width: 512px) {
    body {font-size:14px !important;}
    ul.onlytoptasks li.column a img {
        margin-top: 0px;
        height: 40px;
        width: 40px;
    }
    body .two .column,
    body .three .column,
    body .four .column {width:100%;margin-left:0;margin-right:0;}
    
    .contentrow > .section.folder ul.columns.four li.column, .contentrow .onecolumn .section.folder ul.columns.four li.column {
        width:100%;
    }
    div#accessibility-tools {left:155px;}
    .layout_four #row3 {padding-top:10px;}
}

@media only screen and (min-width : 5px) and (max-width : 492px) { 
    #tinyblock form#quicksearch {width:auto !important;}
   body #tinyblock form#quicksearch input.text {padding-right:40px;} 
   body #tinyblock form#quicksearch button.submit {margin-left:-35px;} 
}


/* Update 2020.8 */
@media only screen and (max-width: 767px){
ul.onlytoptasks li.column a span {
    height: 38px;
    justify-content: left;
    width: auto;
}
}

@media only screen and (max-width: 512px){
ul.onlytoptasks li.column a img {
    margin: 0 8px 0 2px;
    float: left;
}
}
@media only screen and (max-width: 959px) and (min-width: 5px){
#tinyblock form#quicksearch {
    margin-left: 0;
}
}

@media only screen and (max-width: 512px) and (min-width: 5px){
#tinyblock form#quicksearch {
    left: 10px !important;
}
}

.container_aside ul.items li {
    background-color: #FFFFFF;
}


@media only screen and (max-width: 959px){
    body.menutype_horizontal #menu_wide, body.menutype_dual #menu_wide {
       top: -0.5em;
    }
}

@media only screen and (min-width: 960px){
    body.menutype_horizontal #menu_wide, body.menutype_dual #menu_wide {
       background-color: #FFFFFF !important;
        height: 54px;
    }
}

#accessibility-tools {
    left: auto;
}
#styleselect button.switch {
    font-size: 1em;
}

body.menutype_horizontal ul#dl-menu, body.menutype_dual ul#dl-menu {
   /* overflow: hidden;*/
}
/*melding SUP-75655 */
.quickto p.description {
    background-color:#FFFFFF;
    font-weight:normal;
}

/*Aanpassing voor klibare koppen met underline SS 16-3-2023*/

.section.folder.two.columns h2 a.item-title {
    color: #4f4f4f;
    font-size: 1.1em;
    font-weight: 600;
    text-decoration: underline;
}
/* laatste item megamenu bold (PS */
.dropdownmenu li.last-child a {font-weight : bold;}

/*2025.3 fix voor hamburgermenu mobiel*/
@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;}
}