/* font Ouder-Amstel */
#menu,
div#dl_menu {display:none;}  
@font-face {
    font-family: 'RotisSansSerif';
    src:	url('/dsresource?objectid=756bc4d9-27a9-4c28-8ccf-33f60087a7d8') format('woff'),
			url('/dsresource?objectid=d4b06c44-d15c-4f62-bfab-5206753415d6') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'RotisSemiSansBold';
  src: 	url('/dsresource?objectid=e84424cd-3a2e-4307-ad4c-433b64c1603f') format('woff'),
		url('/dsresource?objectid=f437a680-93b8-4fbe-befe-725885f51c68') format('truetype');
  font-weight: normal;
  font-style: normal;
}

#quicksearch-keywords_suggestions {text-align:left;}

ul.onlytoptasks li.column a:hover img, ul.onlytoptasks li.column a:focus img {
    filter: brightness(0) invert(1);
}

#tinybar,
#tinybar button.switch:hover::before, 
#tinybar button.switch:focus::before {background-color:#000000;}
#tinybar #accessibility-tools button.switch:hover .hint, 
#tinybar #accessibility-tools button.switch:focus .hint {color:#000000;}

html {scroll-behavior: smooth;}
:target:before {
    content: "";
    display: block;
    height: 210px;
    margin: -210px 0 0;
}
.scrolled_past_header.detail_aside #side-content {margin-top:0;transition:margin-top 0.2s;}
.scrolled_past_header.detail_aside #side-content:focus-within {margin-top:200px;}

button:hover,
button:focus {text-decoration:underline;}
 
html {
    /*font-size:20px;*/
    font-size:1.25em;
}
html.largebodyfont {
    font-size: 22px;
}

body {
    font-size:1rem;
    line-height:1.875rem;
    color:#000000;
}

body * #accessibility-tools * {font-size:0.83rem;}

body,
form#quicksearch button.submit::before {font-family:'ff-scala-sans-pro', arial, sans-serif;}

@media only screen and (min-width : 960px) and (max-width : 1439px) {
    body {font-family:'RotisSansSerif', arial, sans-serif;}
}
@media only screen and (min-width : 768px) and (max-width : 959px){
    body {font-family:'RotisSansSerif', arial, sans-serif;}
}
@media only screen and (max-width : 767px){
	body {font-family:'RotisSansSerif', arial, sans-serif !important;}
}
h1,
h2,
.items h2,
.section.sitemap h2.item-link,
h3,
.items h3,
.items.columns h2,
.section.sitemap h3.item-link,
h4,
.items h4,
h5,
h6 {font-family:'RotisSemiSansBold', arial, sans-serif;}




a.calltoaction, a.calltoaction.new-window.external, .container_aside ul.items li.vacitem a.calltoaction {
    background-color:#33577A;
    color:#FFFFFF;
}

.footer_website a.calltoaction, .footer_website a.calltoaction.new-window.external {
    color:#33577A;
    background-color:#FFFFFF;
}

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:#3777BC;
    color:#FFFFFF;
}
.blocktitle.toggle-active, .section.product .blocktitle.toggle-active,
button.blocktitle, .section.product button.blocktitle,
.hidden_information, .product .hidden_information {border-color:#33577A;border-radius:0;}
.blocktitle::after, .product .blocktitle::after {line-height:2rem;font-size:1rem;}

.blocktitle:focus, .blocktitle:hover, .product .blocktitle:focus, .product .blocktitle:hover {text-decoration:underline;}

#row1 .two.columns, #row2 .two.columns, #row3 .two.columns, #row4 .two.columns {
    margin:0;
}
.item-title {font-size:inherit;}

h1, h2, h3, h4, h5, h6, p, ul, ol,
div.ug-gallery-wrapper {color:#000000;}
h1, h2, h3, h4, h5, h6, a.item-title {
    font-weight:300;
    color:#33577A;
    line-height:1.875rem;
}

.section table {margin-bottom:1rem;}
.section table th {text-align:left;}
.section table tr:nth-child(odd) {background-color:#33577A20;}

h1 {font-size:2rem;margin:0 0 1rem}
h2,
.items h2,
.section.sitemap h2.item-link{font-size:1.75rem;margin:0 0 1rem;}
h3,
.items h3,
.items.columns h2,
.section.sitemap h3.item-link {font-size:1.5rem;margin:0 0 1rem}
h4,
.items h4 {font-size:1.25rem;margin:0 0 1rem}
h5 {font-size:1.25rem;margin:0 0 1rem}
h6 {font-size:1.25rem;margin:0 0 1rem}
p {margin:0 0 1rem}
ul, ol {padding:0;}

.items li, dl.items dd {margin:0 0 1.5rem;padding:0;}
.items p.description, .items p.with-photo {margin:0;color:#000000;}
p.with-photo img, a.item-photo img {padding:0;margin-right:20px;}
h2.sub-heading {border-color:#33577A;margin:2rem 0 1.5rem;padding-bottom:1rem;}
.items.no-description h3 {margin:0;}

h1 ~ .description {margin-bottom:2rem;}

div#content-footer {border-color:#33577A;margin:2rem 0;padding-top:1rem;min-height:auto;}

.quickto ul li {background-color:transparent;border-width:0;}
.quickto ul li a:hover, .quickto ul li a:focus {background-color:transparent;}
.quickto ul li a {color:#33577A;padding:0;}

.onecolumn ul.items li,
.section ul:not(.items) li,
#side-content div.container-content ul li,
ul.subitems li {list-style-type:none;margin:0 0 0 1.25rem;font-weight:300;}

.container_aside ul.items li a,
.container_aside ul li a {color:#33577A;padding:0;display:block;}
.container_aside ul.items li,
.container_aside ul li {border-width:0;background-color:transparent;}
.container_aside .ug-gallery-wrapper .ug-textpanel-title {font-weight:300;}

.section.search-results ul.pagerbar li.current {border-width:0; background-color:transparent; padding:0;margin:0;min-width:40px;min-height:40px;color:#000000;text-decoration:none;font-weight:bold;}
.section.search-results ul.pagerbar li {padding:0 !important; margin:0;}
.section.search-results ul.pagerbar li::before {content:"";}
.section.search-results ul.pagerbar a {padding: 0 10px; min-width:40px;min-height:40px;border-width:0;text-decoration:underline;}

.section.document ul:not(.items) li ,
.section ol:not(.items) li {margin:0 0 0 1.8rem;font-weight:300;}

.onecolumn .landing ul.items li {border-width:0;}
.onecolumn .landing ul.items li span.title{font-size:1rem;font-weight:normal;padding:0;color:#33577A;}
#row2.sublayout_row2_one-columns .folder h2 {position:static;}

.onecolumn .landing ul li::before,
.section ul:not(.items) li::before,
.quickto ul li::before,
.footer_website .folder li::before,
div.container_aside.briefing .container-content ul.items li::before,
div.container_aside.folder .container-content ul.items li::before,
#side-content div.container-content li::before,
ul.subitems li::before {
    content:"\f054";
    font-family:fontawesome;
    display: block;
    position: relative;
    max-width: 0;
    max-height: 0;
    left: -0.75rem;
    top: 0px;
    color:#33577A;
    font-size: 0.5rem;
}
#get_box ul.subitems li,
.section ul.tabs li {margin-left:0;}
#get_box ul.subitems li::before,
.section ul.tabs li::before {content:"";padding:0;}
#get_box a.filetype:focus::before, #get_box a.filetype:hover::before, a.block_link:focus::before, a.block_link:hover::before {color:#FFFFFF;}
#get_box a.calltoaction, a.block_link {font-size:1rem;}
.tabcontainer {line-height:1.5em;}
#header .container-sessions {top:5px;right:auto;left:18%;}
.container.digid-session, .container.login-session, .container.er4b-session, .container.eidas-session, .container.cmslogin-session, .container.passportlogin-session, #shoppingcart-session {
    font-weight:300;line-height:1rem;text-align:left;
}
button.blocktitle, .section.product button.blocktitle,
.hidden_information {padding:0.5rem;}
h2 + .hidden_information {margin-top:-1rem}
#social-sharing div.hidden_information {margin-top:-0.3rem;}
#social-sharing ul.icon-list {overflow:hidden;padding:0;}

a {
    transition: all 0.18s ease;
}

body.overview_folder .row2_content .grid-16,
.search-results.grid-16 {margin-left:0; margin-right:0;width:100%;}
body.overview_folder .row2_content .grid-16, .search-results.grid-16 {width:100%;}
.grid-11 {width:68%;margin:0;box-sizing:border-box;}
.grid-5 {width:23.6%;margin:0;float:right;}
.pull-11,.push-5 {left:0;}
.contentrow > .section, .layout_four .contentrow .onecolumn {
    margin:0;
}

#tinyblock .toplinks ul.quicklinks {margin-right:0;}
#tinyblock .toplinks ul.quicklinks li {line-height:1;margin:0; padding:0 15px; border-right:1px solid #33577A;}
#tinyblock .toplinks ul.quicklinks li.last-child {background-color:transparent;padding:0 0 0 15px;margin:0;border-right-width:0;}
#tinyblock .toplinks ul.quicklinks li a,
#tinyblock .toplinks ul.quicklinks li.last-child a {color:#33577A;font-weight:300;line-height:1;}

div#menu_wide {
    top: 60px;
    width:960px;
    height:0px;
    right: 0;
    padding: 0;
    box-sizing: border-box;
    background-color: transparent;
    left: 0px;
    margin: 0 auto;
    border-bottom: 0;
    z-index:9;
    position:fixed;
    transition: top 0.5s;
}

body.dsEditToolbarVisible div#menu_wide {
    top:131px;
}

.menu-horizontal li.first-child {
    margin-left:0px;
}

body.menutype_horizontal #dl-menu.dl-menuwrapper a, body.menutype_dual #dl-menu.dl-menuwrapper a, body.menutype_horizontal #dl-menu.menu-horizontal a, body.menutype_dual #dl-menu.menu-horizontal a,
.menu-horizontal li a {
    padding:0px 15px;
    border-right:1px solid #000000;
    font-size:1.75rem;
    line-height:1.4rem;
    font-weight:300;
    color:#33577A;
}
body.menutype_horizontal #dl-menu.menu-horizontal li.last-child a {border-right-width:0;}
body.menutype_horizontal #dl-menu.menu-horizontal li.active a,
.menu-horizontal li.active a {
    text-decoration:underline;
}
body.menutype_horizontal #dl-menu.menu-horizontal li.active li a,
.menu-horizontal li.active li a {text-decoration:none;}

.singlemenu li:hover > a, .singlemenu li a.show-menu,
.menu-horizontal li.active a {
    background-color:#FFFFFF;
    color:#33577A;
}
body.menutype_horizontal ul.dropdownmenu, body.menutype_dual ul.dropdownmenu {
    top:36px;
    left:0;
    width:960px;
    columns:3;
    column-rule: 1px solid #33577A;
}
body.menutype_horizontal ul.dropdownmenu li:nth-child(3n+1) {clear:none;}
body.menutype_horizontal ul.dropdownmenu li {width:100%;float:none;overflow:hidden;}

body.menutype_horizontal #dl-menu ul.dropdownmenu li a.item-link,
body.menutype_dual #dl-menu ul.dropdownmenu li a.item-link {
    border-width:0;
    font-size:1rem;
    line-height:1.5rem;
}
body.menutype_horizontal #dl-menu ul.dropdownmenu li a.item-link:hover,
body.menutype_horizontal #dl-menu ul.dropdownmenu li a.item-link:focus {text-decoration:underline;background-color:transparent;}
.menu-thumb {
    float:left;
    clear:left;
    margin-right:10px;
}
a#logo {
    padding:0;
}
div#header {
    position: fixed;
    width: 100%;
    background-color: #FFFFFF;
    z-index: 4;
    box-shadow: 0 0px 4px 0 #000000;
}
div.topsix_search.with_toptasks {padding-top:40px;padding-left:0;padding-right:0;}
div.topsix_search #sublayout_search {
    margin:0 auto;
    width:50%;
    height:4.5rem;
    transition: all 0.2s ease-in;
    border-width:0;
}
div.topsix_search #sublayout_search input.text {font-size:1.75rem;height:4.5rem;}
div.topsix_search #sublayout_search button.submit {height:4.5rem;background-color:#33577A;width:21.2%;margin-left:-21.2%;}
div.topsix_search #sublayout_search button.submit::before {content:"";}
div.topsix_search #sublayout_search button.submit span.offscreen {position:static;font-size:1.75rem;font-weight:bold;color:#FFFFFF;}

body.layout_four #tinyblock form#quicksearch {display:none;}
body.layout_four.scrolled_past_header #tinyblock form#quicksearch {display:block;}
#tinyblock form#quicksearch {
    top: 50px;
    height:2.6rem;
    left: auto;
    right: 0;
    width: 100%;
    margin: 0 0 0 auto;
    border:1px solid #33577A;
    box-sizing:border-box;
}

#tinyblock form#quicksearch input.text {
    width: 79% !important;
    padding: 0 20px;
    margin:0;
    font-size: 1rem;
    background-color: #FFFFFF;
    font-weight: 400;
    border-width: 0;
    transition: background-color 0.18s;
    height: calc(2.6rem - 2px);
    transition: all 0.2s ease-in;
    border-radius:0;
}
#tinyblock form#quicksearch button.submit{
    min-width: 0;
    height: 2.5rem;
    margin: 0;
    float: right;
    width: 21%;
    padding: 0px;
    background-color: #33577A;
    color:#FFFFFF;
    transition: all 0.2s ease-in;
}
#tinyblock {display:block;text-align:end;}

#sublayout_search button.submit::before,
#tinyblock form#quicksearch button.submit::before {
    content: "";
    font-size: 1rem;
    font-weight: 400;
    color: #FFFFFF;
}

#tinyblock form#quicksearch button.submit span.offscreen {
    position:static;
    font-size: 1rem;
    font-weight: 400;
    color: #FFFFFF;
}

#sublayout_search input.text.placeholder,
#tinyblock form#quicksearch input.text.placeholder {text-indent:-999999em;}
#sublayout_search input.text:focus,
#tinyblock form#quicksearch input.text:focus {text-indent:0;}


/* home */
div#row1.sublayout_row1_topsix_search {background-position:center top !important;}


ul.onlytoptasks.columns {padding:0;margin-top:340px;transition:margin 0.2s;}


ul.onlytoptasks.columns {display:flex;flex-direction:row;justify-content: space-between;align-items: baseline;}

ul.onlytoptasks.columns li.column {height:220px;margin:0;}

ul.onlytoptasks.columns.bannercount-1 li.column,
ul.onlytoptasks.columns.bannercount-2 li.column,
ul.onlytoptasks.columns.bannercount-3 li.column,
ul.onlytoptasks.columns.bannercount-4 li.column,
ul.onlytoptasks.columns.bannercount-5 li.column,
ul.onlytoptasks.columns.bannercount-6 li.column {
    width:220px;
    margin:0;
}
ul.onlytoptasks.columns li.column a {
    width:220px;
    height:100px;
    background: #FFFFFF;
    border:1px solid #33577A;
    transition: background-color 0.18s;
    padding:0 10px;
    font-size:1.05rem;
    color:#33577A;
}
ul.onlytoptasks.columns li.column.photo a {
    height:210px;
}
ul.onlytoptasks.columns li.column a img {margin:15px auto; height:110px;width:110px;}
ul.onlytoptasks.columns li.column a span {
    height:60px;
}
ul.onlytoptasks.columns li.column a:hover,
ul.onlytoptasks.columns li.column a:focus {
    background-color:#3777BC;
    color:#FFFFFF;
}
.layout_four #row3,
.layout_four #row4 {margin:2rem 0;}

/* home row2 */
#row2.sublayout_row2_one-columns {
    background-color:#FFFFFF;
    padding-top:1rem;
    margin:2rem 0;
    transition:padding 0.2s;
}

.layout_four .column .section.briefing h2.offscreen,
#row2.sublayout_row2_one-columns .folder h2 {
    background-color:transparent;
    color:#33577A;
    border-bottom:1px solid #33577A;
    padding-bottom:1rem;
}
.layout_four .column .section.briefing h2.offscreen {
    position:static;
    padding:0 0 0.5rem 0;
    margin-bottom:0.5rem;
    font-size:1.5rem;
    font-weight:300;
}

.container_aside.landing.briefing h2,
.fotobar h2,
.fotobar_three h2,
.column .quickto h2,
.container_aside.landing.briefing h2 a,
.fotobar h2 a,
.fotobar_three h2 a{
    background-color:transparent;
    color:#33577A;
    padding:0;
    font-size:1.5rem;
    font-weight:300;
}
.container_aside.landing.briefing a.read-more {border-width:0;}

.section.folder .columns h2,
.section.folder .columns h3 {position:relative;}
.section.folder .columns h2 a,
.section.folder .columns h3 a,
.container.landing h2 a span {display:block; padding:0 1.5rem 0.5rem 0;}

.container_aside.landing.briefing h2 a,
.section.folder .columns h2 a, .container.landing h2 a span {
    display: flex;
    min-height: 75px;
    align-items: end;
}

.column .quickto h2 {padding:0 0 0.5rem;border-bottom:1px solid #33577A;}
.section.folder .columns h2 {border-bottom:1px solid #33577A;}

.quickto ul {margin:0.5rem 0 0;}

.section.folder .columns h2 a::after,
.section.folder .columns h3 a::after,
.container.landing h2 a span::after {
    content:"\f054";
    font-family:fontawesome;
    display: block;
    position: absolute;
    max-width: 0;
    max-height: 0;
    right: 1rem;
    top: 1.9rem;
    color:#33577A;
    font-size: 1rem;
}
/* Pijl onderaan link
.section.folder .columns h2 a::after,
.section.folder .columns h3 a::after {top:auto; bottom:2.3rem;}
*/

.container.landing h2 a span span.dsEditText::after {display:inline;content:"";}
.container.landing img {margin-top:0.5rem;}

.container_aside.landing.briefing h2 a,
.fotobar h2 a span,
.fotobar_three h2 a span {
    background-color:transparent;
    color:#33577A;
    border-bottom:1px solid #33577A;
    padding-bottom:0.5rem;
}

div.container_aside h3 {
    background-color:transparent;
    color:#33577A;
    font-size:1.5rem;
    font-weight:300;
}
div.container_aside.folder h3,
div.container_aside h3 a span.title {
    border-bottom:1px solid #33577A;
    padding-bottom:0.5rem;
}
div.container_aside h3 img {margin-top:0.5rem;}
div.container_aside h3 a {
    color:#33577A;
    font-size:1.5rem;
}
div.container_aside .container-content {
    border-top:1px solid #33577A;
    padding-top:0.5rem;
    background-color:transparent;
}
.detail_aside #side-content {margin-top:0;}
.aside .container h3, .container_aside h2, .container_aside h3, .container_aside .title_fotobar, div.container_aside.url h3 a span.title, div.container_aside.softlink h3 a span.title, div.container_aside.document h3 a span.title, div.container_aside.product h3 a span.title {
    background-color:transparent;
    color:#33577A;
    font-size:1.5rem;
    padding:0 0 0.5rem;
    font-weight:300;
}
.container_aside ul.items li a:hover,
.container_aside ul.items li a:focus {background-color:transparent;}

.container.landing h2 a span span.dsEditText {border-width:0;}
.softlinks .fotobar_description, .hardlinks .fotobar_description {
    margin:0.5rem 0 0;
}
div.container_aside > ul, div.container_aside > div,
div.container_aside.briefing .container-content, div.container_aside.folder .container-content {margin-top:0.5rem;padding:0; border-width:0;}
div.container-content, div.container_aside.briefing .container-content p {padding:0;}
div.container-content p {margin:0 0 1rem;}

    /*DP-M202105 1645 display:block;toegevoegd*/
#row2.sublayout_row2_one-columns .folder ul.items {
    display:block;
    columns:3;
}
div.container-content .items li,
.quickto ul li,
.footer_website .folder li,
#row2.sublayout_row2_one-columns .folder ul.items li {
    margin:0 0 0 1rem;
    overflow:visible;
    display:flex;
}
#row2.sublayout_row2_one-columns .folder ul.items a.item-title {font-size:1rem;font-weight:400;align-items:baseline;}

#row1,
#row3 {background-color:#FFFFFF;}

nav.breadcrumbs {margin:0;padding:2rem 0;color:#33577A;font-weight:300;}
nav.breadcrumbs a {color:#33577A;}

/* home row4 */
body.layout_four .columns.two,
body.layout_four .columns.three,
body.layout_four .columns.four {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.footer_website {border-top:0;}
.footer_website .contentrow {width:100%;background-color:#33577A;}
#footer {background-color:#FFFFFF;}
div#footer ul.quicklinks {float:none;margin:0;padding:1rem 0;text-align:center;line-height:1;}
#footer_columns {
    padding:2rem 0 1rem;
    margin:0 auto;
    clear:both;
}
div#footer ul.quicklinks li {padding:0;margin:0;}
div#footer ul.quicklinks li a {color:#33577A;border-right:1px solid #33577A;padding:0 15px 0 0;margin:0 15px 0 0;}
div#footer ul.quicklinks li a.external {border-width:0;padding:0;margin-right:10px;}
div#footer ul.quicklinks li a.external::after {content:"";padding:0;}
div#footer ul.quicklinks li a img {vertical-align:bottom;}

#contact-information .heading,
#footer_columns .column h1,
#footer_columns .column h2,
#footer_columns .column h3,
#footer_columns .column h4,
.footer_website h2, .footer_website h3, .footer_website h4, .footer_website h5, .footer_website h6,
.footer_website p, .footer_website ul, .footer_website ol, 
.footer_website ul li::before,
.footer_website .folder ul li::before,
.footer_website .section ul:not(.items) li::before,
.footer_website a,
#contact-information p a {
    color:#FFFFFF;
    font-weight:300;
}
#footer_columns .column h2 {
    padding-bottom:0.5rem;
    font-size:1.5rem;
    font-weight:300;
    margin:0 0 0.5rem;
    border-bottom:1px solid #FFFFFF;
}

#row3 .three.columns,
body.layout_four .columns.three {margin:0;}
body.layout_four .columns.three .column {margin:0;width:31.3%;}


@media only screen and (min-width : 1440px) {
    .contentrow,
    #footer_columns {width:1440px;margin:0 auto;}
    div#accessibility-tools {width:20rem;}
    div.toplinks {right:20rem;}
}
@media only screen and (min-width : 960px) and (max-width : 1439px) {
    html {
        /*font-size:16px;*/
        font-size:1em;
    }
    body {font-size:1rem !important;}
    .grid-5 {width:27%;} 
    .contentrow,
    #footer_columns {width:96%;margin:0 auto;}
    .contentrow > .contentrow {width:100%;}
    a#logo img {height:130px;}
    div#menu_wide {width:60%;}
    body.menutype_horizontal ul#dl-menu {width:100%;}
    body.menutype_horizontal #dl-menu.menu-horizontal a {font-size:1.3rem;}
    body.menutype_horizontal ul.dropdownmenu {top:25px;width:100%;columns:2;}
    
    #tinyblock form#quicksearch button.submit {padding:10px;}
    ul.onlytoptasks.columns.bannercount-1 li.column, ul.onlytoptasks.columns.bannercount-2 li.column,
    ul.onlytoptasks.columns.bannercount-3 li.column, ul.onlytoptasks.columns.bannercount-4 li.column,
    ul.onlytoptasks.columns.bannercount-5 li.column, ul.onlytoptasks.columns.bannercount-6 li.column {width:16%;}
    ul.onlytoptasks.columns li.column a {width:100%;}
    h2, .items h2, .section.sitemap h2.item-link {font-size:1.5rem;}
    #footer_columns .column h2,
    .container_aside.landing.briefing h2, .fotobar h2, .fotobar_three h2, 
    .container_aside.landing.briefing h2 a, .fotobar h2 a, .fotobar_three h2 a {font-size:1.3rem;}
}
@media only screen and (min-width : 5px) and (max-width : 959px){
    .three .column .quickto h2,
    #footer_columns .column h2,
    #row2.sublayout_row2_one-columns .folder h2,
    .section.folder h2 a.item-title,
    .three .column .fotobar h2 a, .fotobar h2 a {font-size:1.4rem !important;font-weight:300 !important;}
    a#logo {padding-top:0;}
    body.menutype_horizontal #dl-menu.menu-horizontal a {border:0 solid #33577A;border-width:1px 0 0;}
}
@media only screen and (min-width : 768px) and (max-width : 959px){
    html {
        /*font-size:16px;*/
        font-size:1em;
    }
    body {font-size:1rem !important;}
    .grid-5 {width:27%;}
    div.contentrow,
    #footer_columns {width:96% !important;margin:0 auto;}
    .contentrow > .contentrow {width:100%;}
    
    div#accessibility-tools {top:14px;right:2%;}
    a#logo {padding-top:0 !important;}
    a#logo img {max-width:none !important; max-height:none !important; height:110px;}
    #sublayout_search button.submit span.offscreen {font-size:1.5rem;}
    
    div#menu_wide {top:50px;left:auto; right:1rem;margin:0; width:2.7rem;height:2.7rem;}
    div#menu_wide::after {top:0;left:0;width:100%;background-color:#33577A;height:9px;box-shadow:0 16px 0 #33577A, 0 32px 0 #33577A; }
    button#menu-icon {width:2.7rem;height:2.7rem;padding-left:6rem;overflow:hidden;}
    
    ul#dl-menu, body.menutype_horizontal ul#dl-menu {box-shadow: 0 0px 4px 0 #000000;left:auto !important;right:0;top:70px !important; margin:0 !important;}
    ul.menu-horizontal a, ul.menu-horizontal a:hover, ul.menu-horizontal .moremenu .dropdownmenu a:hover {background-color:#FFFFFF;}
    body.menutype_horizontal ul.menu-horizontal li.first-child {width:auto;}
    body.menutype_horizontal ul.dropdownmenu, body.menutype_dual ul.dropdownmenu {width:auto;}
    body.menutype_horizontal ul.menu-horizontal li {width:96vw;}
    body.menutype_horizontal #dl-menu.menu-horizontal a {line-height:3rem;}
    body.menutype_horizontal ul.dropdownmenu li {border-bottom-width:0;}
    body ul.menu-horizontal a, ul.menu-horizontal a:hover, ul.menu-horizontal .moremenu .dropdownmenu a:hover,
    body.menutype_horizontal ul.dropdownmenu li a.item-link {background-color:#FFFFFF;}
    
    .onecolumn .landing ul li::before, .section ul:not(.items) li::before, 
    .section ul:not(.tabs) li::before,
    div.container_aside.briefing .container-content ul.items li::before, 
    div.container_aside.folder .container-content ul.items li::before, 
    #side-content div.container-content li::before, ul.subitems li::before,
    .quickto ul li::before {
        /*top:9px;*/
    }
    ul.onlytoptasks.columns {width:100%;}
    body.layout_four ul.onlytoptasks.columns.columns {display:block;columns:3;}
    body.layout_four ul.onlytoptasks.columns.columns .column {display:block;float:none;clear:none;}
    
}
@media only screen and (max-height : 768px){
    ul.onlytoptasks.columns {margin-top:275px;}

}
@media only screen and (max-height : 600px){
    ul.onlytoptasks.columns {margin-top:115px;}

}
@media only screen and (max-width : 767px){
    div.topsix_search.with_toptasks {margin-bottom:0 !important;}
    div.topsix_search #sublayout_search {display:none;}
    body.layout_four #tinyblock form#quicksearch {display:block;}
    html {
        font-size:16px;
        font-size:1em;
    }
    body {font-size:1rem !important;}
    h1 {font-size:1.5rem;}
    h2, .items h2, .section.sitemap h2.item-link {font-size:1.4rem;}
    h3 {font-size:1.3rem;}
    h4 {font-size:1.2rem;}
    h5 {font-size:1.1rem;}
    h6 {font-size:1rem;}
    
    div.grid-11,
    div.grid-5 {width:100%;margin:0;}
    body.overview_folder .row2_content .grid-16, body.overview_folder .row2_content .main-content,
    body.layout_four h1.onscreen, body.layout_four .columns, body.layout_four .onecolumn,
    body.overview_folder .row2_content .grid-16, .search-results.grid-16 {width:100%; margin:0 !important;}
    nav.breadcrumbs {margin:0 !important;}
    div.contentrow {width:94% !important;margin:0 auto;}
    .footer_website .contentrow  {width:100% !important;margin:0 auto;}
    #footer_columns {width:94% !important;margin:0 auto !important;}
    div.contentrow > div.contentrow {width:100% !important;}
    
    div#accessibility-tools {top:15px;right:2%;}
    body a#logo {max-width:85px;padding-top:15px;}
    body a#logo img {max-width:none !important; max-height:none !important; width:100%;}
    
    #sublayout_search {top:50px;height: 2.6rem;left: auto;right:4rem;width:50% !important;}
    
    #sublayout_search button.submit span.offscreen {font-weight:normal;font-size:1rem;}
    #tinyblock form#quicksearch input.text{width:70% !important;}
    #tinyblock form#quicksearch button.submit {width:30%;}
    #sublayout_search input.text {font-size:1rem;height:calc(2.6rem - 2px);}
    #sublayout_search button.submit {height:2.5rem;}
    #tinyblock form#quicksearch input.text {transition:none;}
    #tinyblock form#quicksearch input.text {border-width:0 !important;}
    
    
    div#menu_wide {top:50px;left:auto; right:1rem;margin:0; width:2.7rem;height:2.7rem;}
    div#menu_wide::after {top:0;left:0;width:100%;background-color:#33577A;height:9px;box-shadow:0 16px 0 #33577A, 0 32px 0 #33577A; }
    button#menu-icon {width:2.7rem;height:2.7rem;padding-left:6rem;overflow:hidden;}
    
    ul#dl-menu, body.menutype_horizontal ul#dl-menu {box-shadow: 0 0px 4px 0 #000000;left:auto !important;right:0;top:70px !important; margin:0 !important;}
    ul.menu-horizontal a, ul.menu-horizontal a:hover, ul.menu-horizontal .moremenu .dropdownmenu a:hover {background-color:#FFFFFF;}
    #dl-menu, body.menutype_horizontal ul#dl-menu {width:92vw !important;max-height:70vh !important;overflow-y:auto;}
    body.menutype_horizontal ul.menu-horizontal li.first-child {width:auto;}
    body.menutype_horizontal ul.menu-horizontal li {width:auto;}
    body.menutype_horizontal #dl-menu.menu-horizontal a {line-height:3rem;}
    body.menutype_horizontal ul.dropdownmenu, body.menutype_dual ul.dropdownmenu {width:100%;columns:1;column-rule-width:0;}
    body.menutype_horizontal ul.dropdownmenu {display:none;}
    body.menutype_horizontal li.active ul.dropdownmenu {display:block;}
    body.menutype_horizontal #dl-menu.dl-menuwrapper a, body.menutype_dual #dl-menu.dl-menuwrapper a, body.menutype_horizontal #dl-menu.menu-horizontal a, body.menutype_dual #dl-menu.menu-horizontal a, .menu-horizontal li a {border-width:0;}
    body.menutype_horizontal ul.dropdownmenu li {border-bottom-width:0;}
    body ul.menu-horizontal a, ul.menu-horizontal a:hover, ul.menu-horizontal .moremenu .dropdownmenu a:hover,
    body.menutype_horizontal ul.dropdownmenu li a.item-link {background-color:#FFFFFF;}
    
    ul.onlytoptasks.columns {margin-top:1rem;}
    #row1.sublayout_row1_onlytoptasks {height:auto;}

    ul.onlytoptasks.columns {display:block;}
    ul.onlytoptasks.columns.bannercount-1 li.column, ul.onlytoptasks.columns.bannercount-2 li.column,
    ul.onlytoptasks.columns.bannercount-3 li.column, ul.onlytoptasks.columns.bannercount-4 li.column,
    ul.onlytoptasks.columns.bannercount-5 li.column, ul.onlytoptasks.columns.bannercount-6 li.column {height:auto;margin-bottom:1rem;width:100%;}
    ul.onlytoptasks.columns li.column.photo a {width:100%;height:50px;padding:3px;font-size:1.05rem;min-height:0;}
    ul.onlytoptasks.columns li.column a img {float:left;width:36px;height:36px;margin: 0 15px 0 0;}
    ul.onlytoptasks.columns li.column a span {width:auto;height:38px;justify-content:left;}
    
    #row2.sublayout_row2_one-columns .folder ul.items {columns:1;column-rule-width:0;}
    
    .onecolumn .landing ul li::before,
    .section ul:not(.items) li::before,
    .section ul:not(.tabs) li::before,
    .quickto ul li::before,
    div.container_aside.briefing .container-content ul.items li::before,
    div.container_aside.folder .container-content ul.items li::before,
    #side-content div.container-content li::before,
    ul.subitems li::before {top:0;}
    
    body.layout_four .columns.two, body.layout_four .columns.three, body.layout_four .columns.four {display:block;}
    body.layout_four .columns.three .column,
    .two .column, .three .column, .four .column, .five .column {width:100% !important;}
    .three .column {margin-left:0 !important;margin-right:0 !important;}
    
    div.fotobar a {max-height:none;}
    div#footer ul.quicklinks li a {padding-right:5px;margin-right:5px;}
    
    div.toplinks {right:20.5rem;}
    div#accessibility-tools {width:20rem;left:auto;}
    #tinyblock .toplinks ul.quicklinks li {padding:0 10px;}
    #tinyblock .toplinks ul.quicklinks li.last-child {margin-right:0px;}
    
}
@media only screen and (max-width : 512px){
    #tinyblock form#quicksearch {width:220px !important;margin-left:auto;}
}

div.container_aside.folder .container-content p.description{padding:0;background-color:transparent;border-width:0;}

/* hoog contrast
Hoog contrast knop is voor Ouder-Amstel niet nodig */

.highcontrast {}

.highcontrast div#quicklinks li.last-child,
.highcontrast #row2_content .simpleform input.submit,
.highcontrast #social-follow,
.highcontrast .container_aside h3,
.highcontrast .container_aside form.simpleform input.submit,
.highcontrast ul.toptasks .active h2.toptasks_tab,
.highcontrast ul.toptasks h2.toptasks_tab.focus,
.highcontrast ul.toptasks h3.toptasks_title,
.highcontrast #slider h2,
.highcontrast .quickto h2,
.highcontrast #row3 .quickto h2,
.highcontrast .fotobar h2,
.highcontrast .fotobar h2 a,
.highcontrast .fotobar_three h2,
.highcontrast .fotobar_three h2 a,
.highcontrast .aside .container h3,
.highcontrast a.menu-horizontal li.active a,
.highcontrast .menu-horizontal li:focus a,
.highcontrast .menu-horizontal li:hover a,
.highcontrast .menu-horizontal li:focus a,
.highcontrast .menu-horizontal li:hover a,
.highcontrast .menu-horizontal li.active a,
.highcontrast .aside .container h3, 
.highcontrast .container_aside h2, 
.highcontrast .container_aside h3, 
.highcontrast .container_aside .title_fotobar, 
.highcontrast .fotobar_three h2 a, 
.highcontrast .newsdescription h2 a, 
.highcontrast div.container_aside.url h3 a span.title, 
.highcontrast div.container_aside.softlink h3 a span.title, 
.highcontrast div.container_aside.document h3 a span.title, 
.highcontrast div.container_aside.product h3 a span.title, 
.highcontrast .mapoverview.landing h2,
.highcontrast .container_aside.landing.briefing h2,
.highcontrast .container_aside.landing.briefing h2 a{
    background-color:inherit !important;
}
.highcontrast form.simpleform input.submit,
.highcontrast #filter .submit_button, 
.highcontrast form.simpleform a.close, 
.highcontrast .submit_button.submit, 
.highcontrast ul.icon-list a.list-icon, 
.highcontrast .menu-horizontal li.active a, 
.highcontrast .menu-horizontal li:hover a, 
.highcontrast ul.secnav a.item-link, 
.highcontrast ul.secnav span.item-link, 
.highcontrast ul.toptasks h2.toptasks_tab a, 
.highcontrast ul.toptasks .active h3.toptasks_title span, 
.highcontrast #slider h2, 
.highcontrast .fotobar a, 
.highcontrast #social-follow p, 
.highcontrast .fotobar_three a,
.highcontrast .banner, 
.highcontrast ul.pagerbar li.current, 
.highcontrast ul.pagerbar a:hover, 
.highcontrast div#quicklinks li.last-child a, 
.highcontrast .aside .container h3, 
.highcontrast .container_aside h2, 
.highcontrast .container_aside h3, 
.highcontrast .container_aside h4, 
.highcontrast .container_aside h5, 
.highcontrast .container_aside .title_fotobar, 
.highcontrast .fotobar_three h2 a, 
.highcontrast .with-background .quicklinks a, 
.highcontrast #slider h2 a, 
.highcontrast .newsdescription h2 a, 
.highcontrast ul#topproducts span a h3, 
.highcontrast #product-themes .blocks .item-title, 
.highcontrast #product-themes .blocks .item-title h3,
.highcontrast .container_aside.landing.briefing h2{
    color:inherit !important;
}
.highcontrast .container_aside.landing.briefing h2 a {color:#33577A;}
.highcontrast #slider h2 a,
.highcontrast #row3 .quickto h2, 
.highcontrast h3.submenutitle, 
.highcontrast .quickto h2, 
.highcontrast .title_fotobar, 
.highcontrast ul.toptasks h2.toptasks_tab a:focus, 
.highcontrast ul.toptasks h2.toptasks_tab a:hover, 
.highcontrast .search-productcatalog .container h2, 
.highcontrast .life_productcatalog .container h2, 
.highcontrast .anchors_producttitle, 
.highcontrast #get_box h2, 
.highcontrast #bannerfoto .header_text span, 
.highcontrast ul#topproducts span a h3, 
.highcontrast #product-themes .blocks .item-title, 
.highcontrast #webmetric h2, ul.pagerbar li.current, 
.highcontrast form.simpleform input.submit:focus, 
.highcontrast form.simpleform input.submit:hover, 
.highcontrast #filter .submit_button:focus, 
.highcontrast #filter .submit_button:hover, 
.highcontrast form.simpleform a.close:focus,
.highcontrast form.simpleform a.close:hover,
.highcontrast form.simpleform a.button:focus, 
.highcontrast form.simpleform a.button:hover,
.highcontrast .submit_button.submit:focus, 
.highcontrast .submit_button.submit:hover, 
.highcontrast form.simpleform a.set:focus, 
.highcontrast form.simpleform a.set:hover, 
.highcontrast a.button:focus, 
.highcontrast a.button:hover {
    color:inherit !important;
    background-color:inherit !important;
}