html.js,
body.js {
    font-family: Open sans, Arial, sans-serif;
    font-size:14px;
    color:#000000;
    line-height:normal;
}
#DsEditTreeOuterContainer {
    line-height:1.5em;
}

p, dl, ul, ol, hr {
    color:#000000;
}
.main-content .section p, 
.main-content .section ul, 
.main-content .section ol,
.main-content .section th,
.main-content .section td {
    font-size:1.25rem;
    line-height:2rem;
}
h1, h1 a {
    font-family: Open sans, Arial, sans-serif;
    font-weight:bold;
    color:#40683C;
    font-size:1.7rem;
    margin:1.1rem 0 1.4rem;
}
h2, h3, h4, h5, h6,
h2 a, h3 a, h4 a, h5 a, h6 a {
    font-family: Open sans, Arial, sans-serif;
    color:#40693c;
}
H2,.toggle_heading {font-size:1.6rem;margin:1rem 0;}
H3 {font-size:1.4rem;margin:1rem 0 0;}
h4 {font-size:1.25rem;margin:1rem 0 0;}
H5, H6 {font-size:1.25rem;margin:1rem 0 0;}

@media only screen and (min-width : 5px) and (max-width : 959px) {
    html, body {
        font-family: Open sans, Arial, sans-serif !important;
        font-size:14px !important;
        color:#000000 !important;
    }
        ul.onlytoptasks li.column a{
            padding-top: 5px;
            background-color:#c5dab9;
        }
        ul.onlytoptasks li.column a img{
            height: 30px;
            width:30px;
            padding-left:20px;
        }
        H2{
        font-size:1.4rem;
        font-weight:bold; 
        }
        H3{
            font-size:1,2rem;
            font-weight:bold;
        }
        ul.columns li.column h3 a.item-title {
            font-weight:bold;
        }
        item-title{
            font-weight:bold;
        }
        }

#row1 .columns.three, #row2 .columns.three, #row3 .three.columns {margin-top:0;margin-bottom:0;}
#row3 {background-color:transparent;}
#row3 .contentrow > .section {margin-top:0;}

a#logo {padding-bottom:1.5em;}


#menu_wide {height:36px;}
/*body.menutype_horizontal .content-wrapper.horizontal,
body.menutype_dual .content-wrapper.horizontal {padding-top:36px;}*/
body.menutype_dual #dl-menu.dl-menuwrapper a,
body.menutype_horizontal #dl-menu.menu-horizontal a {padding:7px 15px;}

body.menutype_dual #dl-menu.dl-menuwrapper li.homepage a,
body.menutype_horizontal #dl-menu.menu-horizontal li.homepage a {
    width: 36px;
    height: 36px;
    padding:0;
    overflow: hidden;
    text-align:center;
}
body.menutype_dual #dl-menu.dl-menuwrapper li.homepage a::before,
body.menutype_horizontal #dl-menu.menu-horizontal li.homepage a::before {
    font-family: "fontawesome";
    font-weight: normal;
    font-size: 28px;
    text-decoration: none;
    content:"\f015";
}

ul.menu-horizontal a {font-size:16px;
}

body.menutype_dual ul.dropdownmenu,
body.menutype_horizontal ul.dropdownmenu {
    top:36px;
    flex-direction: column;
    columns: 4;
    column-rule: 1px solid #000000;
}

body.menutype_dual ul.dropdownmenu li,
body.menutype_horizontal ul.dropdownmenu li {
    width: 100% !important;
    float: none !important;
    overflow: hidden;
}

.submenutitle {background-color: transparent;padding:10px;}

ul.menu-vertical ul.sub2 li, #sub.nav ul.menu-vertical li {background-image:none;}
ul.menu-vertical ul.sub2 li a, #sub.nav ul.menu-vertical li a {
    background-color:#40683C;
    color:#FFFFFF;
    padding:10px;
    font-size:1rem;
}
ul.menu-vertical ul.sub2 li.active a,
#sub.nav ul.menu-vertical li.active a {
    background-color:#40683C;
    color:#FFFFFF;
}
.sub .main li.active ul li.last-child {border-width:0;}
.sub .main li.active ul,
.sub .main li.active ul li a, 
.sub .main li ul li.first-child, 
#sub.nav li.active ul.sub.menu,
#sub.nav li.active ul.sub.menu li a {
    background-color:#40683C05;
    color:#40683C;
}
ul.menu-vertical ul.sub2 li.active ul li.active a,
#sub.nav ul.menu-vertical li.active ul li.active a {
    background-color:#FFFFFF;
    color:#40683C;
}
#sub.nav li.active ul.sub.menu li {border-bottom:1px solid #40683C;}
#sub.nav li.active ul.sub.menu li a {padding:10px 10px 10px 20px;  font-size:1rem;margin:0;}


div.onlytoptasks {padding:7em 12px;
}
ul.onlytoptasks li.column a{border-with:5;
padding-top:10px;
height:160px;
    background-color: #f5f5f5;
color:#333;
border-color: #40683c;
opacity:1.0;
}
ul.onlytoptasks li.column a span {
    font-weight:bold;
    color:#406a3d;
}
ul.onlytoptasks.bannercount-4 li.column a {height:220px;}

ul.topsix li.column a {font-size:1rem;
    position: relative;
    color: #40683c;
    width: 140px;
    height: 140px;
    padding: 3px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    border: #40683c;
    box-sizing: border-box;
    border-style: solid;
    font-size: medium;
    font-weight: normal;
    background-color: #FFF;
}

.highcontrast ul.onlytoptasks li.column a {
    background-color: #ffff;
}

.landing.eventlist table {display:none;}
.softlinks_items, .folder_items {margin:0 0 1rem;}
.folder_items ul.subitems {margin-top:1rem;}
.container_aside.landing.eventlist ul.items li .objectinfo {display:block;font-weight:normal;}
.container_aside.landing.briefing h2 a,
.fotobar h2 a, .fotobar_three h2 a,
.folder_items h2 {
	background-color: #40683c;
	color: #ffffff;
	padding: 10px;
	font-size: 1.75rem;
	position: relative;
	padding:10px;
}
.container_aside.landing.briefing .read-more {
    border-width:1px 0 0;
}
.footer_website {
    border-top: 0.5em solid #40693c;
    background-color:#c5dab9; 
}
#bannerfoto{
    height: 350px;
}
#cookieInfoWindow {
    background-color:#406a3c;
    opacity:1;
}
#row3{
    background-color:#d6e2cf;
}
#calamity {
    color: #000000;
    background-color: #e79409;
    border-color: #e79409;
    }
    #button.blocktitle, .section.product button.blocktitle {
        font-size: medium;
    }


/* Toegankelijkheidsknoppen */
#tinyblock #accessibility-tools {
    position: fixed;
    float: none;
    width: 35px !important;
    height: auto;
    margin:0;
    left:auto;
    background-color: #40683C;
    top: 210px !important;
}
#tinyblock #accessibility-tools .hint {
    right: -200px;
    top: 0px;
    line-height:1.5 !important;
    height:35px;
    box-sizing:border-box;
    background-color:#40683C;
    color:#FFFFFF;
}
#tinyblock #accessibility-tools button.switch:hover .hint {
    right:40px;
    top:0px;
}
#tinyblock #accessibility-tools .webreader .rsbtn .rsbtn_tooltoggle {
	top:0;
	width:16px;
}
.rsbtn_toolpanel.vertical {
	left:-210px;
	top:0 !important;
}
body * #accessibility-tools * .webreader {
	font-size:10px !important;
}
 
@media only screen and (min-width: 5px) and (max-width: 512px){
   div#content-footer {overflow: visible !important;} 
} 

#tinybar {
    background-color: #40683c;
    position: relative;
    z-index: 1000;
}
 
#tinyblock #accessibility-tools .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li, 
#tinyblock #accessibility-tools .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li {height:fit-content !important;max-height:unset !important;min-height:unset !important;}
#tinyblock #accessibility-tools .webreader .rsbtn .rsbtn_toolpanel .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer .rsbtn_toollist li .rsbtn_tool {height:auto;}
#tinyblock #accessibility-tools .webreader .rsbtn .rsbtn_play .rsbtn_left {position:relative;top:17px;padding:0 !important;margin:0;height:20px;left:5px;}
#tinyblock #accessibility-tools .webreader .rs_addtools a:hover,
#tinyblock #accessibility-tools .webreader .rs_addtools a:focus,
#tinyblock #accessibility-tools .webreader .rsbtn_tool:hover .rsbtn_btnlabel,
#tinyblock #accessibility-tools .webreader .rsbtn_tool:focus .rsbtn_btnlabel {background-color:#FFFFFF;color:#40683C;}

#tinyblock #accessibility-tools .webreader .rsbtn .rsbtn_play:hover .rsbtn_text span,
#tinyblock #accessibility-tools .webreader .rsbtn .rsbtn_play:focus .rsbtn_text span {top:0;right:35px;}

#row5{
    background-color:#d6e2cf;
}
.sublayout_row2_two-columns .alpha .landing.document > h2 {position:absolute;top:-999999em;left:-999999em;}

.video-js {aspect-ratio:16 / 9;height:auto;}

a.calltoaction, a.calltoaction.external, a.calltoaction.new-window {
    height: 40px; 
    background: #406a3d; 
    color: #ffffff; 
    text-align: center; 
    font-weight: bold; 
    font-size: 100%; 
    line-height: 40px; 
    font-family: Arial; 
    border-radius: 20px; 
    text-decoration: none;
}

a.calltoaction:hover {
    height: 40px; 
    background: #A8CCA5; 
    color: #406a3d; 
    text-align: center; 
    font-weight: bold; 
    font-size: 100%; 
    line-height: 40px; 
    font-family: Arial; 
    border-radius: 20px; 
    text-decoration: none;
}

@media only screen and (max-width: 767px) {
.detail_aside  #row1 {
Background-image: none;
}