@import url("https://use.typekit.net/tpv7wwd.css");
* {outline:none;}

.dsEditText {display:inline !important;position:static !important;padding:0 !important; margin:0 !important;}
#fdPageHeader {margin-top:16px;}

ul.onlytoptasks li.column:nth-child(1) a {border-color:#f0a61f;color:#f0a61f;}
ul.onlytoptasks li.column:nth-child(2) a {border-color:#7e598f;color:#7e598f;}
ul.onlytoptasks li.column:nth-child(3) a {border-color:#797553;color:#797553;}
ul.onlytoptasks li.column:nth-child(4) a {border-color:#e56068;color:#e56068;}
ul.onlytoptasks li.column:nth-child(5) a {border-color:#26a4a6;color:#26a4a6;}
ul.onlytoptasks li.column:nth-child(6) a {border-color:#c6c0b4;color:#c6c0b4;}

.highcontrast ul.onlytoptasks li.column a {background-color:#FFFFFF;}
.highcontrast ul.onlytoptasks li.column:nth-child(1) a {border-color:#714D09;color:#714D09;}
.highcontrast ul.onlytoptasks li.column:nth-child(2) a {border-color:#6F4979;color:#6F4979;}
.highcontrast ul.onlytoptasks li.column:nth-child(3) a {border-color:#5B583E;color:#5B583E;}
.highcontrast ul.onlytoptasks li.column:nth-child(4) a {border-color:#AB1C25;color:#AB1C25;}
.highcontrast ul.onlytoptasks li.column:nth-child(5) a {border-color:#156060;color:#156060;}
.highcontrast ul.onlytoptasks li.column:nth-child(6) a {border-color:#59574A;color:#59574A;}

ul.onlytoptasks li.column a:hover,
ul.onlytoptasks li.column a:focus {color:#231f20;}
ul.onlytoptasks li.column a span {display:block;}
ul.onlytoptasks li.column a span.firstword,
ul.onlytoptasks li.column a span.lastword {display:inline;color:#231f20;}
 {display:inline}


html {font-size:0.875rem;}

body {
    font-family:"calibri", Arial, Sans-Serif;
    font-size: 1rem;
    line-height:1.5rem;
    color:#231f20;
}
h1 {font-size:2rem;margin:0 0 1rem;font-family:"Museo", "calibri", Arial, sans-serif;}
h2 {font-size:1.7142857142857142rem;font-family:"Museo", "calibri", Arial, sans-serif;}
h3 {font-size:1.4285714285714286rem;font-family:"Museo", "calibri", Arial, sans-serif;}
h4 {font-size:1.4285714285714286rem;font-family:"Museo", "calibri", Arial, sans-serif;}
h5 {font-size:1rem;font-family:"Museo", "calibri", Arial, sans-serif;}
h5 {font-size:1rem;font-family:"Museo", "calibri", Arial, sans-serif;}
.section .description {font-size:1.2rem;font-family:"Museo", "calibri", Arial, sans-serif;}
.items p.description, .subitems p.description {color:#231f20;}
p, dl, ul, ol, hr {color:#231f20;margin:0 0 1rem;}

.strike {
    text-decoration: none;
    font-family:"Museo", "calibri", Arial, sans-serif;
}

h2, h3, h4, h5, h6 {
    margin:0 0 0.5rem;
}
ul ul,
ol ol {
    margin-bottom:0;
}

/* color settings */
h1, h2, h3, h4, h5, h6, a,
button#menu-icon,
.layout_four .columns.two .omega .container.landing .softlinks_items h2,
.layout_four .columns.two .omega .container.landing h2,
.layout_four .columns.two .container.landing h2 a span,
.layout_four .columns.three .container.landing h2,
.layout_four .columns.three .container.landing h2 a,
.container_aside.landing h2,
.container_aside.landing.eventlist h2,
.container_aside.landing.briefing h2,
.container_aside.landing.briefing h2 a,
.item-text .title a,
.item-title,
blockquote::before,
.aside .container_aside h3,
.aside .container_aside .items li a,
.layout_four #row3 .columns.two .container.landing .fotobar_three h2 a {
	color:#26A4A6;
}
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 {
    color:#26A4A6;
    background-color:transparent;
}


#dl-menu,
body.menutype_horizontal ul#dl-menu,
.layout_four .columns.three .container.landing a.read-more {
    background-color: #26A4A6;
}
a.read-more span {position:absolute;left:-999999em;top:-999999em;}

blockquote,
.section table th {
	background-color: #26A4A620;
}

.section table tr:nth-child(odd) {
	background-color: #26A4A610;
}

.container_aside.landing,
.container_aside.landing.eventlist,
.container_aside.landing.briefing,
h1,
blockquote,
.section table,
.section table th,
.section table td,
.aside .container_aside h3 {
	border-color:#26A4A6;
}

body.menutype_horizontal #dl-menu.menu-horizontal li.active a,
#row1.sublayout_row1_ .contentrow .section h2,
#row1.sublayout_row1_ .contentrow .section p,
#row1.sublayout_row1_ .contentrow .section ul, 
#row1.sublayout_row1_ .contentrow .section ol,
.layout_four .columns.three .container.landing a.calltoaction,
.footer_website .document p,
.footer_website .document a,
.layout_four .columns.three .container.landing .fotobar_description,
.layout_four .columns.three .container.landing .softlinks_items p,
.layout_four .columns.three .container.landing .hardlinks_items p,
.layout_four .columns.three .container.landing a.read-more {
	color:#FFFFFF;
}

#row1.sublayout_row1_ .contentrow .section a.calltoaction {
	background-color:#80538B;
}
#row1.sublayout_row1_ .contentrow .section a.calltoaction {
	color:#FFFFFF;
}
#row1.sublayout_row1_ .contentrow .section a.calltoaction:hover,
#row1.sublayout_row1_ .contentrow .section a.calltoaction:focus,
.layout_four .columns.three .container.landing h2:hover ~ a.read-more,
.layout_four .columns.three .container.landing .softlinks_items:hover a.read-more,
.layout_four .columns.three .container.landing a.read-more:hover,
.layout_four .columns.three .container.landing a.read-more:focus {
	background-color:#E45662;
}
#row1.sublayout_row1_ .contentrow .section a.calltoaction:hover,
#row1.sublayout_row1_ .contentrow .section a.calltoaction:focus {
	color:#FFFFFF;
}

/* Hoogcontrast color settings */
.highcontrast h1,
.highcontrast h2,
.highcontrast h3,
.highcontrast h4,
.highcontrast h5,
.highcontrast h6,
.highcontrast a,
.highcontrast button#menu-icon,
.highcontrast.layout_four .columns.two .omega .container.landing .softlinks_items h2,
.highcontrast.layout_four .columns.two .omega .container.landing h2,
.highcontrast.layout_four .columns.two .container.landing h2 a span,
.highcontrast.layout_four .columns.three .container.landing h2,
.highcontrast.layout_four .columns.three .container.landing h2 a,
.highcontrast .container_aside.landing h2,
.highcontrast .container_aside.landing.eventlist h2,
.highcontrast .container_aside.landing.briefing h2,
.highcontrast .container_aside.landing.briefing h2 a,
.highcontrast .item-text .title a,
.highcontrast .item-title,
.highcontrast blockquote::before,
.highcontrast .aside .container_aside h3,
.highcontrast .aside .container_aside .items li a,
.highcontrast .layout_four #row3 .columns.two .container.landing .fotobar_three h2 a,
.highcontrast .fotobar_three h2 a {
	color:#156060;
}

.highcontrast #dl-menu,
 body.highcontrast.menutype_horizontal ul#dl-menu,
.highcontrast.layout_four .columns.three .container.landing a.read-more,
.highcontrast.layout_four .columns.three .container.landing .fotobar_description,
.highcontrast.layout_four .columns.three .container.landing .fotobar_description,
.highcontrast.layout_four .columns.three .container.landing .softlinks_items p,
.highcontrast.layout_four .columns.three .container.landing .hardlinks_items p,
.highcontrast a.calltoaction,
.highcontrast a.calltoaction.new-window.external{
    background-color: #156060;
}

.highcontrast blockquote,
.highcontrast .section table th {
	background-color: #15606020;
}

.highcontrast .section table tr:nth-child(odd) {
	background-color: #15606010;
}

.highcontrast .container_aside.landing,
.highcontrast .container_aside.landing.eventlist,
.highcontrast .container_aside.landing.briefing,
.highcontrast h1,
.highcontrast blockquote,
.highcontrast .section table,
.highcontrast .section table th,
.highcontrast .section table td,
.highcontrast .aside .container_aside h3 {
	border-color:#156060;
}

.highcontrast body.menutype_horizontal #dl-menu.menu-horizontal li.active a,
.highcontrast #row1.sublayout_row1_ .contentrow .section h2,
.highcontrast #row1.sublayout_row1_ .contentrow .section p,
.highcontrast #row1.sublayout_row1_ .contentrow .section ul, 
.highcontrast #row1.sublayout_row1_ .contentrow .section ol,
.highcontrast .layout_four .columns.three .container.landing a.calltoaction,
.highcontrast .footer_website .document p,
.highcontrast .footer_website .document a,
.highcontrast .layout_four .columns.three .container.landing .fotobar_description,
.highcontrast .layout_four .columns.three .container.landing .softlinks_items p,
.highcontrast .layout_four .columns.three .container.landing .hardlinks_items p,
.highcontrast ul.menu-horizontal a,
.highcontrast.layout_four .columns.three .container.landing a.read-more,
.highcontrast a.calltoaction,
.highcontrast a.calltoaction.new-window.external {
	color:#FFFFFF !important;
}

.highcontrast #row1.sublayout_row1_ .contentrow .section a.calltoaction {
	background-color:#6F4979;
}
.highcontrast #row1.sublayout_row1_ .contentrow .section a.calltoaction {
	color:#FFFFFF;
}
.highcontrast #row1.sublayout_row1_ .contentrow .section a.calltoaction:hover,
.highcontrast #row1.sublayout_row1_ .contentrow .section a.calltoaction:focus,
.highcontrast .layout_four .columns.three .container.landing h2:hover ~ a.read-more,
.highcontrast .layout_four .columns.three .container.landing .softlinks_items:hover a.read-more,
.highcontrast .layout_four .columns.three .container.landing a.read-more:hover,
.highcontrast .layout_four .columns.three .container.landing a.read-more:focus {
	background-color:#AB1C28;
}
.highcontrast #row1.sublayout_row1_ .contentrow .section a.calltoaction:hover,
.highcontrast #row1.sublayout_row1_ .contentrow .section a.calltoaction:focus,
.highcontrast #footer_columns .column *,
.highcontrast #footer_columns .column h2 {
	color:#FFFFFF;
}
/* highcontrast fixes */
.highcontrast #menu_wide,
.highcontrast #row1.sublayout_row1_ .contentrow .section {
    background-color:#156060 !important;
}
.highcontrast .container_aside h2,
.highcontrast .container_aside h3,
.highcontrast .fotobar_three h2,
.highcontrast .fotobar_three h2 a,
.highcontrast .container_aside ul.items li,
.highcontrast .container_aside.landing.briefing h2 a {background-color:transparent !important;}

/* verborgen elementen */
body.menutype_horizontal ul.dropdownmenu,
.menu.dropdownmenu.show-menu,
.container_aside.landing.eventlist .container-content table,
.container_aside .simpleform.eventcalendar.resultfilters,
#footer_columns #contact {display:none !important;}

#footer_columns .column * {color:#26A4A6;}


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

a.skiplink:focus {outline:#26A4A6;background-color:#26A4A6; color:#FFFFFF;}

/* breadcrumbs */
.row1_breadcrumb .contentrow {
    display: flex;
    flex-direction: column;
}
.row1_breadcrumb .contentrow .contentrow {order:2;display:block;}
nav.breadcrumbs {order:2;margin:1rem 0 3rem;padding:0;}

/* menu */
.nav {position:relative;}
div#menu_wide {
    height: 40px;
    position: absolute;
    right: auto;
    left:0;
    top: -45px;
    width: 40px;
    left: auto;
    cursor: pointer;
    transition: all 500ms ease 0s;
}
#menu_wide:after {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 9px 0 #FFFFFF, 0 18px 0 #FFFFFF;
    content: "";
    height: 4px;
    left: 15%;
    position: absolute;
    top: 9px;
    width: 70%;
}
button#menu-icon {
    height: 40px;
    width: 40px;
    display: block;
    padding: 10px 0 0 50px;
    box-sizing: border-box;
    overflow: visible;
    line-height:2;
    border-width:0;
    background-color:transparent;
    text-indent:-999999em;
}
#dl-menu, body.menutype_horizontal ul#dl-menu {
    left: 0;
    position: absolute;
    top: 40px;
    display: none;
    z-index: 15;
    width: 250px !important;
    margin-left:0px !important;
}
.menu-horizontal li.first-child {margin-left:0;}
body.menutype_horizontal #dl-menu.menu-horizontal li {width:100%;}
body.menutype_horizontal #dl-menu.menu-horizontal a {padding:5px 10px;display:block;width:100%;font-size:1rem;opacity:0.8;box-sizing:border-box;}
body.menutype_horizontal #dl-menu.menu-horizontal li.active a {opacity:1;}
body.menutype_horizontal #dl-menu.menu-horizontal li a:hover, body.menutype_horizontal #dl-menu.menu-horizontal li a:focus {opacity:1;}

#row1.row1_breadcrumb {background-position: top center; }
div#header {height:113px;min-height:113px;}
body.menutype_horizontal .content-wrapper.horizontal {padding-top:0;}

/* header */
#bannerfoto {height:485px;}
#accessibility-tools {margin-left:0; top:5px;right:0;text-align:right;width:auto;}
div#styleselect {position:static;float:none;}
form#quicksearch {margin:0;top:27px;right:0;left:auto;}
form#quicksearch input.text {height:40px;box-sizing:border-box;}
#header .container-sessions {right:30%;}
a#logo {
    position:absolute;
    top:130px;
    /*top:175px;*/
    left:35px;
    padding:0;
    z-index:1;
}

/* footer */
.footer_website {border-top-width:0;background-color:#231f20;}
.footer_website .document p { margin:0;line-height:1;}
.footer_website .document a {}
.footer_website .document a::after {content:"";padding:0;}
.footer_website .contentrow {width:100%;}
div#footer {background-color:#FFFFFF;overflow:hidden;}
div#footer ul.quicklinks {float:none;margin:1rem 0;text-align:center;}
div#footer ul.quicklinks li a::after {content:"";padding:0;}


/* homepage */
#row1.sublayout_row1_ .contentrow .section p,
#row1.sublayout_row1_ .contentrow .section ul, 
#row1.sublayout_row1_ .contentrow .section ol,
.layout_four .columns.three .container.landing a.calltoaction {
       font-size:1.25rem;
       font-family:"Museo", "calibri", Arial, sans-serif;
}
#row1.sublayout_row1_ .contentrow {position: absolute;top: 0;left: 0;right: 0;height:485px;display:flex;align-items: flex-end;}
#row1.sublayout_row1_ .contentrow .section {box-sizing:border-box; padding:1rem 1rem 0;margin:0 0 2rem auto; background-color: rgba(38,164,168,0.6);width: 60%;}
#row1.sublayout_row1_ .contentrow .section a.calltoaction {border-radius:3px;}
#row1.sublayout_row1_ .contentrow .section a.calltoaction:hover,
#row1.sublayout_row1_ .contentrow .section a.calltoaction:focus {}

div.onlytoptasks {padding:3rem 0;}
ul.onlytoptasks li.column a {font-weight:normal;background-color:transparent;padding:0 0 15px; height:auto; border-width:0 0 3px; color:#231f20;}
ul.onlytoptasks li.column a:hover,
ul.onlytoptasks li.column a:focus {background-color:transparent;}
ul.onlytoptasks li.column a span {font-weight:bold; font-family:"Museo", "calibri", Arial, sans-serif; text-align:left;font-size:1.65rem;}
ul.onlytoptasks.bannercount-6 li.column a span {font-size: 1.4rem;}

ul.onlytoptasks li.column a img {height:70px;width:100px;margin:0 0 1rem;}

.sublayout_row3_two-columns .column.alpha {width:65.67%;margin:0 3% 0 0;}
.sublayout_row3_two-columns .column.omega {width:31.33%;margin:0;}

.container.landing {margin-bottom:0;}
body.layout_four .columns {display: flex;flex-flow: row wrap;}
.sublayout_row3_two-columns .column.alpha .fotobar_description {margin:0 1rem;}
.sublayout_row3_two-columns .column.alpha .read-more {margin:0;display:block;padding:0 1rem 1rem;border-radius:3px;}

.sublayout_row3_two-columns .column.alpha .section {margin:0;}
.sublayout_row3_two-columns .column.alpha .section h2{font-size:1.5rem;font-weight:bold;}
.layout_four .columns .section h2{font-size:1.5rem;font-weight:bold;margin:0 0 1rem;}

.softlinks_items {margin-top:0;}
.container.landing a {float:none;margin:0;}
.softlinks_items a img, .folder_items a img {width:100%;}

body.layout_four .columns .column .container-content {height:auto;}

.layout_four .section.imagegallery h2,
.layout_four .section.image h2 {position:absolute; top:-999999em;left:-999999em;}

.gallery {width:100%;}

.layout_four .columns.two .container.landing h2 {background-color:transparent;margin:1rem;font-size:1.5rem;font-weight:bold;}
.layout_four .columns.two .container.landing .softlinks h2 {margin:0}
.layout_four .columns.two .container.landing .softlinks .softlinks_items h2 {margin:1rem}
.layout_four .columns.two .container.landing p {margin:0 1rem 1rem;}
.layout_four .columns.two .container.landing h2 a {background-color:transparent;display: flex;flex-flow: row wrap;font-size:1.5rem;font-weight:bold;}

.layout_four .columns.two .omega .softlinks_items > a {float:none; margin:0;}
.layout_four .columns.two .omega .container.landing .softlinks_items h2,
.layout_four .columns.two .omega .container.landing h2,
.layout_four .columns.two .container.landing h2 a span {font-size:1.5rem;font-weight:bold;margin:1rem;padding:0;order:1;}
.layout_four .columns.two .omega .softlinks_items p {margin:0 1rem;}
.layout_four .columns.two .omega .softlinks_items a.read-more {margin:0 1rem 1rem;}

.layout_four .columns.three .container.landing h2,
.layout_four .columns.three .container.landing h2 a {height:100%;font-size:0;overflow:hidden;}
.layout_four .columns.three .container.landing h2 a span {position:absolute; top:-999999em;left:-999999em;}

/*.layout_four #row3 .columns.three .omega .container.landing .fotobar_three h2,
.layout_four #row3 .columns.three .omega .container.landing .fotobar_three h2 a {font-weight:bold; font-size:1rem;font-family:"calibri", Arial, Sans-Serif;background-color:transparent;color:#26A4A6;}
.layout_four #row3 .columns.three .omega .container.landing .fotobar_three h2 a span {position:static;padding:0;}
.layout_four #row3 .columns.three .omega .container.landing .fotobar_three h2 a {text-decoration:underline;padding:0 1rem 1rem;}
*/


/*.layout_four .columns.three .container.landing a img {filter: brightness(80%);}*/
/*.layout_four .columns.three .container.landing:hover img,*/
.layout_four .columns.three .container.landing a:hover img,
.layout_four .columns.three .container.landing a:focus img  {filter: brightness(60%);}
.layout_four .columns.three .container.landing a.read-more {border-radius:3px;padding:5px;position: absolute; margin:0 1rem 1rem;bottom: 0;left:auto;}
.layout_four .columns.three .container.landing h2:hover ~ a.read-more,
.layout_four .columns.three .container.landing .softlinks_items:hover a.read-more,
.layout_four .columns.three .container.landing a.read-more:hover,
.layout_four .columns.three .container.landing a.read-more:focus {}

/* meerdere banners in 1 kolom */
/*.layout_four .columns.three .container.landing .softlinks_items h2 {position:absolute; top:-999999em;left:-999999em;}*/
.layout_four .columns.three .container.landing .softlinks_items h2 img {position:relative;width:auto;margin-right:0;}


.layout_four .columns.three .container.landing .softlinks_items > a {float:none; margin-right:0;}
.layout_four .columns.three .container.landing .softlinks_items > a.read-more {margin:0 1rem 1rem;border-radius:3px;}
.layout_four .columns.three .container.landing .softlinks_items,
.layout_four .columns.three .container.landing .hardlinks_items {position:relative;margin:0}
.layout_four .columns .landing + .landing,
.layout_four .columns .section + .section,
.layout_four .columns .section + .landing,
.layout_four .columns .landing + .section {margin-top:2rem;}
.layout_four .columns.three .container.landing .fotobar_description,
.layout_four .columns.three .container.landing .softlinks_items p,
.layout_four .columns.three .container.landing .hardlinks_items p {pointer-events: none;font-weight:bold;font-size:1.5rem;margin:0 1rem;position: absolute; bottom: 5rem;}



    .layout_four .columns.three .container.landing .fotobar_description,
    .layout_four .columns.three .container.landing .softlinks_items p,
    .layout_four .columns.three .container.landing .hardlinks_items p {
        text-shadow: 0px 0px 3px #000000;
  }


.container_aside {margin-bottom:0;}
.aside .container_aside {margin-bottom:2rem;}
.simpleform.resultfilters a {margin-top:0;}
.landing form.simpleform .two-columns .question {text-align:center;}
.landing select#frommonth, .landing select#fromyear {-webkit-appearance: none;max-width:50px;margin:0 auto;}
.container_aside.landing,
.container_aside.landing.eventlist,
.container_aside.landing.briefing,
.layout_four #row3 .columns.three .omega .container .folder_items h2 {border-width:1px 0 0;border-style:solid;box-sizing:border-box;}
.container_aside.landing .container-content {box-sizing:border-box;}
.layout_four #row3 .columns.three .omega .container .folder_items h2,
.container_aside.landing h2,
.container_aside.landing.eventlist h2,
.container_aside.landing.briefing h2 {background-color:transparent;padding:1rem;font-size:1.5rem;font-weight:bold;}
.container_aside.landing.briefing h2 a {background-color:transparent;padding:0;}
.container_aside.landing .container-content {border-width:0;padding:1rem;background-color:transparent;}

.layout_four #row3 .columns.three .omega .container .folder_items ul.subitems {margin-left: 2rem;}
.layout_four #row3 .columns.three .omega .container .folder_items ul.subitems li {display:list-item;}
.layout_four #row3 .columns.three .omega .container .folder_items ul.subitems li::after {content:"";}
.layout_four #row3 .columns.three .omega .container .folder_items ul.subitems li a {color:#26A4A6;text-decoration:none;}
.layout_four #row3 .columns.three .omega .container .folder_items ul.subitems li a:hover,
.layout_four #row3 .columns.three .omega .container .folder_items ul.subitems li a:focus {text-decoration:underline;}
.layout_four #row3 .columns.three .omega .container .folder_items a.read-more {padding-left:1rem;}

/* nieuws en eventlijst */
.layout_four .columns.three .landing.briefing {min-height:236px;}
.container_aside.landing .container-content {padding:0 1rem;}
.container_aside.landing ul.items {margin-bottom:1rem;}
.container_aside.landing.eventlist ul.items li,
.container_aside.landing ul.items li {padding:0 0 11px;}
.container_aside.landing.briefing ul.items li,
.container_aside.landing ul.items li:last-child {border-bottom-width:1px;}
.container_aside ul.items li a:hover,
.container_aside ul.items li a:focus {background-color:transparent;}
.container_aside.landing.eventlist .container-content {padding:0 1rem;}
.container_aside.landing.eventlist ul.items li h3 {padding:1rem 0;font-size:1.25rem;}
.container_aside.landing.eventlist ul.items li .objectinfo {font-style:normal;font-size:1rem;}
.container_aside ul.items li a {padding:0 1rem 11px; color:#231f20;font-weight:bold;}
.container_aside.landing.briefing a.read-more {text-align:left;border-width:0;padding:0 1rem;}
.container_aside.landing.eventlist ul.pagerbar {padding:0;}
.fotobar_three, .hardlinks_items {height:auto;}
.layout_four #row3 .columns.two .container.landing .fotobar_three h2 {font-size:1rem;margin:0;}
.layout_four #row3 .columns.two .container.landing .fotobar_three h2 a {
    background-color:transparent;
    font-size:1rem;
    text-decoration:underline;
}
.layout_four #row3 .columns.two .container.landing .fotobar_three h2 a span {font-size:1rem;margin:0 1rem;}

/*event overzicht */
.section span.objectinfo {
    font-weight:bold;
    font-style:normal;
    font-size:1rem;
}
.section ul.items .description {
    font-size:1rem;
    font-weight:normal;
    font-family: "calibri", Arial, Sans-Serif;
}


/* contentpagina */
.grid-11 {width:65.67%;margin:0 3% 0 0;}
.grid-5 {width:31.33%; margin:3rem 0 0;}

h1 {border-width:0 0 1px; border-style:solid;padding-bottom:1rem;}
.item-text .title a, .item-title {}

blockquote {
    font-size: 1.2rem;
    width:60%;
    margin:50px auto;
    font-style:italic;
    color: #231f20;
    padding:1rem 2rem 1rem 4rem;
    border-width:1px 1px 1px 8px;
    border-style:solid;
    line-height:1.6;
    position: relative;
}

blockquote::before{
    font-family:Arial;
    content: "\201C";
    font-size:4em;
    position: absolute;
    left: 10px;
    top:-10px;
}
blockquote::after{
  content: '';
}
blockquote p {margin:1rem 0;}

.section table {margin-bottom:1rem;}
.section table th {text-align:left;}
.section table td {}
.section table tr:nth-child(odd) {}

/* aside */
.aside div.container-content {padding:0 1rem;}
.simpleform .submit-buttons {margin:1rem 0 0;}
.detail_aside #side-content {margin-top:2px;}
.container_aside form.poll {padding:0;}
.aside .container_aside h3 {
    background-color:transparent;
    font-size:1.5rem;
    padding:1rem;
    border-width:1px 0 0;
    border-style:solid;
}
.aside .container_aside > div {
    border-width:0;
}
div.container_aside.folder .container-content p.description,
.aside .container_aside .description {
    background-color:transparent;
    border-width:0;
    padding:1rem 0 0;
    margin-top:0;
}
.aside .container_aside .items {margin-left:2rem;}
.aside .container_aside .items li {
    list-style-type:square;
    border-width:0;
}
.aside .container_aside .items li a {
    padding: 0 0 0.5rem;
    font-weight:normal;
}
span.objectinfo {
    color:#231f20;
    font-style:italic;
    font-size:0.8rem;
}
ul.pagerbar a, ul.pagerbar li.current, ul.pagerbar li.delimiter,
form.simpleform .inputfield, .formreqs .inputfield {border-color:#231f20;}

/* grid fixes */
#row1 .two.columns, #row2 .two.columns, #row3 .two.columns, #row4 .two.columns {margin:0;}
.three .column {margin-top:0;}
 body.layout_four .columns.three {margin:3rem 0;}
 body.overview_folder .row2_content .grid-16 {width:100%;margin:0;}
 
.briefing .calendar {display:none;}

@media only screen and (min-width: 1280px) {
    .nav,
    .contentrow,
    #footer_columns {width:1280px;margin:0 auto}
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
    html {font-size:0.775em;}
    .nav,
    .contentrow,
    #footer_columns {width:960px;margin:0 auto}
    ul.onlytoptasks li.column a span {font-size:1.3rem;}
    a#logo {top:130px;}
    #bannerfoto {max-height:400px;}
    #row1.sublayout_row1_ .contentrow {height:400px;}
    #row1 {background-size:auto 400px;}
}

@media only screen and (max-width: 959px) {
    html {font-size:0.775em;}
    .nav,
    div.contentrow,
    #footer_columns {width:calc(100% - 3rem)!important;margin:0 auto;}
    div#accessibility-tools {top:5px;right:0;width:auto;}
    div#accessibility-tools div#styleselect {position:static !important;}
    form#quicksearch {top:30px !important; right:0 !important;}
    div#header {height: 113px !important;}
    a#logo {padding:0;top:85px;left:0;}
    a#logo img {width:200px;max-height:none !important;max-width:none !important;}
    #bannerfoto {max-height:300px;}
    #row1.sublayout_row1_ .contentrow {height:300px;}
    #row1 {background-size:auto 300px;}
    ul.onlytoptasks {width:100%;justify-content: space-around;}
    ul.onlytoptasks.bannercount-5 li.column:nth-child(4) {margin-left:0;}
    ul.onlytoptasks.bannercount-5 li.column {margin:0 0 3rem;}
    ul.onlytoptasks li.column a span {font-size:1.25rem;height:auto;}
    ul.pagerbar {text-align:center !important;}
    ul.pagerbar li.previous, ul.pagerbar li.next a {display:none;}
    div.fotobar a img {margin:0;}
}

@media only screen and (max-width: 768px) {
    .layout_four .columns.three .container.landing .fotobar_description,
    .layout_four .columns.three .container.landing .softlinks_items p,
    .layout_four .columns.three .container.landing .hardlinks_items p {font-size:1.1rem;}
}

@media only screen and (max-width: 767px) {
    div#row1 {
        /*background: transparent url(https://www.onsbrunssum.nl/dsresource?objectid=ae7fad16-1938-4668-854e-c7283e3402c0&type=WEBIMAGE) no-repeat top center !important;*/
        background-size: auto 300px !important;
    }
    .three .column,
    .sublayout_row3_two-columns .column.alpha,
    .sublayout_row3_two-columns .column.omega {margin:0 0 2rem !important;width:100% !important;}
    #row1.sublayout_row1_ .contentrow .section {width:50%;}
    div#bannerfoto {display:block;}
}

@media only screen and (max-width: 512px) {
    form#quicksearch {left:auto !important;}
    div#menu_wide {top:-42px;}
    button#menu-icon {padding:0;}
    #header a#logo {max-width:200px;padding:0;left:0;right:0;margin:0 auto;}
    div#row1 {background-size: auto 180px !important;}
    div#row1.sublayout_row1_ {height:485px;  background-size: auto 485px !important;}
    div#row1.sublayout_row1_ .contentrow {flex-direction:column-reverse;height:450px;}
    div#row1.sublayout_row1_ .contentrow .section {width:100%;}
    ul.onlytoptasks li.column a img {height:35px;width:50px;}
    ul.onlytoptasks li.column a span {padding-top:1rem;}
    .footer_website .document p {text-align:center;line-height:1.5;}
    
    #bannerfoto {max-height:180px;}
    nav.breadcrumbs {margin-left:0;}
}

@media screen and (max-width: 959px) {
    #row1:not(.error) .contentrow:has(#bannerfoto) {
        flex-direction: column;
        aspect-ratio: unset;
    }
} 

body.menutype_horizontal ul#dl-menu {display: none !important;}
body.menutype_horizontal ul#dl-menu[aria-expanded="true"] {display: block !important;}