@import url("https://virtuele-gemeente-assistent.nl/static/css/widget-v0.11.7.css");

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

/* Styling voor contactblokken (PS op advies van Sjoerd) */
.contactblokken .container {min-height:unset;margin-bottom:2.5rem !important}
.contactblokken .container:last-child {margin-bottom:50px !important;}
.contactblokken .container p,
.contactblokken .container ul {margin-bottom:20px;}
.contactblokken .onecolumn .container.document > h2 {font-size:1.8em;padding:0;}
.contactblokken .onecolumn .container.document p {padding:0;}
.contactblokken #row3 .columns.three .column {background-image:none;} 

/* WEBCHAT kleuren */
#webchat .rw-launcher, #webchat .rw-header,
#webchat .rw-close-button, #webchat .rw-client,
#webchat .rw-avatar {background-color:#E60F0F !important;}
#webchat .rw-title {color:#FFFFFF;}
#webchat .rw-chat-open p {color:#000000;}
#webchat #rw-messages a {color:#0064AF;}
#webchat #rw-messages a:hover,
#webchat #rw-messages a:focus {color:#0064AF;filter: brightness(50%);}
#webchat .rw-reply {color:#E60F0F;}
#webchat .rw-conversation-container .rw-reply  {border-color:#E60F0F;}

/* Laatste menu-item in uitklap */

body.menutype_horizontal ul.dropdownmenu li.last-child a,
body.menutype_dual ul.dropdownmenu li.last-child a {
    font-weight:bold !important;
}
/* Mobiele menu weergave waarbij de eerste 6 + het laatste uitklap menu item getoond worden */
@media only screen and (max-width : 959px) {
    body.menutype_horizontal ul.dropdownmenu li,
    body.menutype_dual ul.dropdownmenu li {display:none;}
    body.menutype_horizontal ul.dropdownmenu li:nth-child(-n+6),
    body.menutype_dual ul.dropdownmenu li:nth-child(-n+6),
    body.menutype_horizontal ul.dropdownmenu li.last-child,
    body.menutype_dual ul.dropdownmenu li.last-child {
        display:block;
    }  
}
    
/* algemene styling */

#quicksearch-keywords_suggestions {
    position: relative;
}

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#000000;
}

p, ul, ol {color:#000000;}
.section p, .section ul, .section ol {line-height:2;}
.section.landing p, .section.landing ul, .section.landing ol {line-height:1.5;}

.section.product .clearboth {clear:none;}
#get_box {
    float:right;margin:0 0 0 4%;
}

@font-face {
	font-family: 'Fresco';
		src: url('/dsresource?objectid=dc94f50c-4949-49e2-b329-d52d893bc08f') format('truetype'),
		url('/dsresource?objectid=7efccff1-454c-4081-8a96-37071f4acf90') format('woff');
		font-weight: normal;
		font-style: normal;
}
h1, h2, h3, h4, h5, h6, #bannerfoto .header_text span, .toggle_heading {
   font-family: 'Fresco';
   line-height:1.5;
   font-weight:normal;
}
h1 {
    color:#0064AF;
    margin:1em 0;
}
h2 {
    margin-bottom:5px;
    color:#0064AF;
}
    h3, h4, h5, h6, #product-description h3, #product-conditions h3, #product-price h3, #product-details h3, #product-order h3, #product-application h3, #product-tips h3 {
        margin-bottom:5px;
        color:#4F4F4F;
    }

    h2,  #footer_columns .column h2, #footer_columns .column h3, .toggle_heading {font-size:18px;}
    h3 {font-size:16px;}
    h4, h5, h6, #footer_columns .column h4 {font-size:14px;}
    .menu-horizontal li a,#row2 .contentrow .section.folder h2,#row3 .contentrow .section.folder h2,.fotobar h2, .fotobar_three h2,.mapoverview.landing h2,#contact-information .heading, #footer_columns .column h1, #footer_columns .column h2, #footer_columns .column h3, #footer_columns .column h4{
    	font-family: 'Fresco';
    }
    #header .container-sessions {top:105px;}
    #header .container-sessions .container {min-height:0; margin:0;}
    #accessibility-tools {z-index:1;top:8px !important;right:10px !important;line-height:1;margin-left:0;width:auto !important;}
    #accessibility-tools .readspeaker {float:left;}
    .contrastlinks {padding-top:0;}
    div#styleselect {float:left; margin-left:25px;right:0 !important;position:relative !important;}
    div#styleselect a {font-size:14px;font-family:Arial, Verdana, Sans-Serif;color:#0064AF;}

 /* Update 2020.8 contrast positie */
#accessibility-tools {
    left: auto;
}
/* Update 2020.8 contrast color */
#styleselect button.switch {
    font-size: 1em;
}

    .readspeaker .rsbtn_colorskin .rsbtn_left .rsbtn_text {color:#0064AF !important;}
    .readspeaker .rsbtn_colorskin {position:static !important;width:inherit !important;}

    #row2 .contentrow .section.folder h3 {font-family: Verdana, Arial, Helvetica, sans-serif;}
    #row3.row3_overview,#row3.row3_detail,#row3 {background-color:#E1E1E1;background-image:none;}
    div.fotobar h2,.mapoverview.landing h2 {background-color:#FFFFFF !important;}
    .container h2, div.fotobar h2, .mapoverview.landing h2, .briefing.landing h2 {
       padding:20px 20px 0;
       font-size: 18px;
        color:#0064AF;
        background-color:#FFFFFF !important;
    }
    .container.landing h2 a span {padding:0 0 20px;display:block;}
    .container_aside {margin-bottom:28px;}
    .container_aside.landing.briefing h2 {padding:20px;}
    .container_aside.landing.briefing h2 a {background: transparent; color: #0064AF; font-size: 18px; padding: 0; }
    div.container_aside > ul, div.container_aside > div {border-width:0;}
    
    .aside div.container_aside > div {background-color:#ECECEC;}

    .softlinks_items, .folder_items {margin-top:0;}
    .softlinks .fotobar_description, .hardlinks .fotobar_description {margin-top:0;}

    
    #row1.row1_breadcrumb {background-position:center 0;position:relative;background-size:auto 150px;}
    #row1.row1_breadcrumb div#bannerfoto {min-height:190px;}

    .row2_content .container {min-height:0;margin:0 0 1em;}
    .row2_content .container h2,
    .row2_content .container a.read-more{
        padding:0;
    }
    .search-productcatalog .container h2 {
        padding:10px;
    }
    div.fotobar h2 a, div.fotobar_three h2 a {
      padding:0;
    	color: #0064AF;
    	background-color:#FFFFFF !important;
    	font-size: 18px;
    	position: relative;
    	padding:0;
    }
    .container p,
    .mapoverview.landing h3,
    .mapoverview.landing p {
        padding:0 20px;
        margin:0 0 1em;
    }
    .container a.read-more {
        padding:0 20px 20px;
        margin:0;
        display:block;
        text-align:right;
    }
    .fotobar_three, .hardlinks_items {
        height:auto;
    }
    .fotobar a {
        display:block;
        max-height:inherit !important;
        color:#0064AF !important;
    }
    .fotobar img, .fotobar_three img, .hardlinks_items img {
        display:block;
        padding:0 0 15px;
        width:100% !important;
        box-sizing:border-box;
        color:#000000 !important;
    }
    .mapoverview.landing h2 {
        color:#0064AF;
        padding:20px 20px 0;
    }
    .mapoverview.landing h3 {
        font-size:1em;
        font-weight:normal;
    }
    .mappointtext {display:none;}
    .softlinks_items a img, .folder_items a img {max-width:80px;width:auto;}
    a.print-link, a.reaction-link {width:28px;}
    form.simpleform input.checkbox, form.simpleform input.radio {margin-top:8px;}
    
    /* Folder / sitemap */
    .sitemap h3.item-link {display:inline;}
    
    .section ul.subitems {
        margin-bottom:1em;
        padding-left:0;
    }
    
    .section.folder p.more {margin-top:0;margin-bottom:2em;}
    .section ul.subitems li {
        list-style-type:none;
    }
    .section ul.subitems li:before {
      /* content: " \f105"; */
       content: "\f054";
        font-family: 'fontawesome';
        font-weight: normal;
        font-size: 1em;
        display: inline-block;
        color:#0064AF;
    }
    .items p.description, .items p.with-photo {
        max-width:100%;
    }
    .items p.with-photo a.item-photo {width:100%;}
    a.item-photo img {float:none;}
    
    /* Locatie overzicht FIX */
    table.mappoints td {width:46.5%;}
    
    /* video */
    .section .video-js {max-width:100%;}
    
    /*  searchfilters */
   .search-results h3 a {font-weight:bold !important;font-size:1.2;}
    .row2_content .search-filters h3 {
        color: #0064AF;
        background-color:#ECECEC;
        padding: 20px 20px 0;
        margin:1em 0 0;
        font-size: 18px;
        position: relative;
    }
    .row2_content .search-filters ul li {background-color:#ECECEC;}
    .filter-list .active span {padding:8px 20px;}
    form.simpleform input.submit,
    #filter .submit_button,
    form.simpleform a.close,
    form.simpleform a.button,
    .submit_button.submit,
    form.simpleform a.set,
    .container_aside form input.submit,
    ul.pagerbar li.current,
    ul.pagerbar a:hover {
    	background-color: #0064AF;
    }
    ul.pagerbar li.current {
        border-color:#0064AF;
    }
     ul.pagerbar a:hover { border-color:#E60F0F;}
    
    form.simpleform input.submit:focus,
    form.simpleform input.submit:hover,
    #filter .submit_button:focus,
    #filter .submit_button:hover,
    .container_aside form input.submit:focus,
    .container_aside form input.submit:hover,
    form.simpleform a.close:focus,
    form.simpleform a.close:hover,
    form.simpleform a.button:focus,
    form.simpleform a.button:hover,
    .submit_button.submit:focus,
    .submit_button.submit:hover,
    form.simpleform a.set:focus,
    form.simpleform a.set:hover,
    a.button:focus, a.button:hover,
    ul.pagerbar a:hover{
        background-color: #E60F0F;
    }
   
   .row2_content .search-filters ul {background-color:#ECECEC}
   .row2_content .search-filters ul li {background-image:none;margin-bottom:0;border-bottom:1px solid #0064AF;}
   .row2_content .search-filters ul li:last-child {border-width:0;}
   .row2_content .search-filters ul li a{
           padding:8px 20px;
       }
    .layout_four #row2 .contentrow .section.folder h2,
    .layout_four #row3 .contentrow .section.folder h2 {
        font-size: 20px;
        font-weight: normal;
        border-bottom: 1px solid #E60F0F;
        color:#E60F0F;
        margin-top: 0;
        padding: 0 10px 10px;
        text-align: center;
    }
 
    #row2 ul.items li h3 a.item-title,
    #row3 ul.items li h3 a.item-title {
        font-size: 100%;
        font-weight: normal;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        display: block;
    }
    #row2 ul.items li,
    #row3 ul.items li {
        margin-bottom: 0px;
    }
    
    #row3 {
        padding:2em 0;
    } 

    #row3 {
        background-color:#E1E1E1;
    }
    #row3.row3_overview,
    #row3.row3_detail {background-image:none;min-height:0;padding:0;}

    .read-more {
    	font-size:1em;
    	text-decoration:underline;
    	font-weight:normal;
    	color:#0064AF;
    }

    #row2 .section.briefing a.item-title,
    #row3 .section.briefing a.item-title,
    #row4 .section.briefing a.item-title {
    	font-size:1em;
    	text-decoration:underline;
    	font-weight:normal;
    	color:#0064AF;
    }
    #row2 .section.briefing .items li,
    #row3 .section.briefing .items li,
    #row4 .section.briefing .items li{
    	margin-top:1em;
    	margin-bottom:0;
    	padding-top:0;
    }
    #row2 .section.briefing h2,
    #row3 .section.briefing h2,
    #row4 .section.briefing h2{
    	color: #0064AF;
    	padding:0px;
    	font-size: 18px;
    	position: relative;
    }
    div.container_aside.briefing .container-content, div.container_aside.folder .container-content {
        padding-bottom:10px;
    }
    
    div.container_aside.folder .container-content p.description {
        background-color:#ECECEC;
        padding:8px 20px;
        border-bottom:2px solid #0064AF;
        font-weight:normal;
    }
    .aside .container h3, .aside .container_aside h2, .aside .container_aside h3, .aside .container_aside .title_fotobar, .aside div.container_aside.url h3 a span.title, .aside div.container_aside.softlink h3 a span.title, .aside div.container_aside.document h3 a span.title, .aside div.container_aside.product h3 a span.title {
    	color: #0064AF;
    	background-color:transparent !important;
    	padding: 20px 20px 0;
    	font-size: 18px;
    	position: relative;
    }
    .container_aside h4 {padding-left:0;padding-right:0;}
    .container_aside.briefing h4,.container_aside.productorganisation h4 {padding: 20px 20px 0;}
    .container_aside span.title {padding: 0 20px 20px;display:block;}
    .container_aside.softlink h4 a {color: #0064AF;}
    .container_aside a.more {color: #0064AF;}
    div.container_aside h3 img {margin-top:20px}
    
    ul.onlytoptasks.columns li a {font-size:18px;text-transform:uppercase;}
    #row3 .columns.three .column {background:transparent url(/dsresource?objectid=09cee41e-f9d1-4f6e-8ab1-0406b65dd111) right bottom no-repeat;}


    .mapoverview.landing .container {min-height:0;margin:0;}
    body.layout_four #row3 .columns.three {
        margin-bottom:0;
    }
    
    .container h2,
    .landing.document h2,
    .mapoverview.landing h2{
        padding:20px;
        font-size:18px;
    }
    .landing.document ul {margin-left:20px;margin-right:20px;}
    #footer_columns #contact, #footer_columns .column {margin-top:0em;}
    .fotobar h2, .fotobar_three h2,
    #row3 .fotobar_three h2 a {
        background-color:#FFFFFF !important;
        color:#0064AF;
    }
    
    .related_bg {
        padding:0px;
        min-height:0;
        background-color:transparent;
        margin:0;
    }
    #side-content {margin-top:15px;}

    #side-content.two .column {
        width:48%;
        background-color:#FFFFFF;
    }
    #side-content.two .column {
        margin:2% 0;
    }
    #side-content.columns.two .column {margin-bottom:2em}
    #side-content.two .column.first-column {
        margin-right:2%;
    }
    #side-content.two .column.last-column {
        margin-left:2%;
    }
    #side-content.columns.two .column .container_aside.image {margin-bottom:0;}
    div.container_aside form.poll {padding:0;}
    div.container_aside form.poll .answer {position:static;margin-top:0;margin-left:10px;}
    div.container_aside form.poll ul li {align-items:start;}
    div.container_aside form.poll input {margin:5px 0 0;}
    div.container_aside,div.container_aside form.poll,div.container_aside .form-row,div.container_aside ul li {background-color:#ECECEC; border-width:0;}
    .container_aside ul li {height:auto}
    .container_aside ul.items li {border-color:#0064AF}
    .container_aside ul.items li:last-child {border-width:0}
    div.container-content {padding:0 20px 20px;}
    div.container-content .vacitem button.blocktitle {padding:8px 10px 8px 20px;color:#000000;}
    div.container-content .vacitem button.blocktitle:after {color:#0064AF;}
    div.container-content .vacitem button.blocktitle.toggle-active,
    div.container-content .vacitem button.blocktitle:hover, 
    div.container-content .vacitem button.blocktitle:focus {
        background-color:transparent;
        color:#0064AF;
    }
    .container_aside ul.items li a,
    .container_aside .vacitem button.blocktitle {color:#000000;}
    .container_aside .vacitem button.blocktitle:hover,
    .container_aside .vacitem button.blocktitle:focus{
        color:#0064AF;
     }
    .container_aside li.vacitem .hidden_information {background-color:transparent;padding:0 20px 20px;}

    .container_aside ul.items li {
        background-color:#ECECEC;
    }
    .container_aside.landing.briefing ul.items li {
        background-color:#FFFFFF !important;
    }
	div.container-content p {margin:0 0 5px;}
    div.container-content,
	div.container_aside.briefing .container-content p,
    .container_aside ul.items li a {
        padding:8px 20px;
    }
    .container_aside ul.items li a:hover,
    .container_aside ul.items li a:focus {background-color:transparent;color:#0064AF;}
    #row2 .contentrow > .section {
    	margin:3em 10px;
    }
   /* #row2 .contentrow > .section.folder li {padding-left:15px;padding-right:15px;width:25%;box-sizing:border-box;margin:0;}*/
     #row4 {
         background-color:#cacaca;
         background-image:none;
     }
    
    #row3 .contentrow > .section {
    	margin:0;
    }
    #row3 {
        padding:2em 0;
    }
    
    div#footer ul.quicklinks {
        float:none;margin:0 auto;width:100%;text-align:center;
    }

    .footer_website .contentrow {width:100%;}
    .footer_website {
	   border:0px solid #0064AF;
	   background-color:#0064AF;
	}

    .footer_website p,
	.footer_website ul,
	.footer_website h2,
	.footer_website h3,
	.footer_website a{color:#FFFFFF !important;}
	 
	body.onlytoptasks .footer_website {padding-top:0;background-image:none;min-height:0;}


	#footer_columns a.calltoaction {background-color:#E60F0F;}
	#footer_columns a.calltoaction:focus,
	#footer_columns a.calltoaction:hover {background-color:#FFFFFF;color:#E60F0F !important;}
	#footer {
		width: 100%;
		background-color: #ECECEC;
		border-top: 1px solid #666666;
		padding:10px 0;
	}
	div#footer ul.quicklinks {
		overflow: hidden;
		float:none;
		text-align:center;
		margin-bottom:0;
		box-sizing:border-box;
	}
	div#footer ul.quicklinks li {
		padding:0 10px;
	}
	#footer ul.quicklinks li a {display:inline-block; color:#000000 !important;}
	#footer ul.quicklinks li a img {display:block; color:#000000 !important;}
	
	.overview_folder .breadcrumbs,
    .breadcrumbs.with_bannerfoto {background-color:#ECECEC;z-index:1;position:absolute;bottom:0;max-width:940px;}
    .breadcrumbs {font-size:14px;padding:5px 0 12px;margin-left:10px;line-height:1.5;}
    .breadcrumbs a {color:#0064AF;}
    .breadcrumbs a::after {content:"\f054";}
    .container,
    .mapoverview.landing,
    .briefing.landing{
        background-color:#FFFFFF;
        padding:0;
        overflow:hidden;
        min-height:305px;
        margin:0 0 50px !important;
    }
    .briefing.landing {border-width: 0;}
    .container_aside.landing.briefing a.read-more {border-width: 0;}


/* link persoonlijke pagina (mijn pagina) */
div.toplinks {right:320px;} /* aangepast door PS i.v.m. link Reachdeck (browsealoud), was 260px */
div.toplinks ul.quicklinks li.last-child a,
div.toplinks ul.quicklinks li a {color:#E60F0F;}
div.toplinks ul.quicklinks {margin:0 auto;width:auto;float:none !important;}
div.toplinks ul.quicklinks li {margin:0 10px 0 0; padding:0;}
div.toplinks ul.quicklinks li a {color:#E60F0F;}
div.toplinks ul.quicklinks li.last-child {float:none;background-color:transparent;padding:inherit;}
div.toplinks ul.quicklinks li.last-child a {color:#E60F0F;}


@media only screen and (min-width : 960px) {
	a#logo {padding:0 ;padding-top:23px;margin-bottom:20px;}
	a#logo img {margin:0;}
    div.toplinks ul.quicklinks li a {line-height:31px;}
    form#quicksearch button.submit {min-height:32px;margin-left:-35px;}
    form#quicksearch button.submit:before {font-size:1.5rem;color:#0064AF;}
	form#quicksearch {top:68px;margin-left:0;right:10px;left: auto;width: 415px;}
    form#quicksearch input.text {width:415px;padding-top:7px; padding-bottom:7px;border:2px solid #0064AF;font-size:16px;font-family:Arial, Verdana, Sans-Serif;color:#0064AF;}
	.livesearch ul {padding:0 10px 10px;}
	.livesearch ul li {overflow:hidden;}


    body.menutype_horizontal #menu_wide, body.menutype_dual #menu_wide {
        background-color:#FFFFFF !important; height: 3em;
    }
    .menu-horizontal li:hover a {
        background-color:#E1E1E1;
        color:#0064AF;
    }
    .menu-horizontal li a {
        color:#0064AF;
        height:42px;
        box-sizing:border-box;
        font-size:20px;
		padding:5px 15px 0 !important;
    }

    body.menutype_horizontal ul.dropdownmenu, body.menutype_dual ul.dropdownmenu {background-color:#E1E1E1;}
	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;}
    
    .menu-horizontal li.active a {
        background-color:#FAFAFA;
        color:#E60F0F;
    }
    .menu-horizontal li.active:hover a {
        background-color:#E1E1E1;
    }
    
    .menu-horizontal li ul li a {
        font-family:inherit;
        font-size:inherit;
        height:auto;
    }


   ul.onlytoptasks li.column a {
        height:220px;
        border-width:10px;
    }
    ul.onlytoptasks.bannercount-4 li.column a { height:220px;}
    ul.onlytoptasks li a:hover, ul.onlytoptasks li a:focus {
        background-color:#E60F0F;
        color:#FFFFFF;
        box-shadow:inset 0px 0px 6px #000000;
    }
    ul.onlytoptasks li.column a img {margin-bottom:8px;height:auto;width:auto;}
    


    div#row2 .contentrow > .section ul.items.columns,
    div#row3 .contentrow > .section ul.items.columns {
    	width:940px;
    	margin:0 auto;
    }
   
    div.onlytoptasks {margin-top: 50px;margin-bottom: 50px;padding:0 10px;}
    
	#footer_columns {
		width: 960px;
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
	}
	
    	div#footer ul.quicklinks {
		width: 960px;
		margin-left: auto;
		margin-right: auto;
    	}
    
}


/* Media query*/

@media only screen and (max-width : 959px) {
    div.contentrow.grid-16 {width:96% !important;margin:0 auto;}
    #row1 {background-size:auto 100%;}
    div.container.search-filters,
    .row2_content .section.grid-11.push-5 {width:96% !important;margin:0 2% !important;}
    body.menutype_horizontal .content-wrapper.horizontal, body.menutype_dual .content-wrapper.horizontal {
        padding-top:0 !important;
        margin-top: 5px;
    }
    body {
        font-family: Verdana, Arial, Helvetica, sans-serif !important;
        font-size:11px !important;
        color:#000000 !important;
    }
    div#styleselect a {font-size:11px !important;}
    a#logo {position:absolute; z-index:1;padding:0 !important;}
    a#logo img {}
    .breadcrumbs {font-size:12px;padding-bottom:11px;}
    /* menu */
    div#header {min-height:140px !important;}
    div#menu_wide {
        position:absolute;
        z-index:1;
        left:0;
        height:35px !important;
        width:35px !important;
        top: -35px !important;
    }
    #menu_wide:after {
        height:3px !important;
    }
    #menu-icon {
        height:35px !important;
        width:35px !important;
        overflow:hidden;
    }
    #dl-menu, body.menutype_horizontal ul#dl-menu, body.menutype_dual ul#dl-menu {
        top:35px !important;
        width:94vw !important;
        box-shadow:0 3px 5px 0 #000000;
    }
    .menu-horizontal li.first-child {
        width:auto !important;
    }
    body.menutype_horizontal ul.dropdownmenu li:nth-child(3n+1), body.menutype_dual ul.dropdownmenu li:nth-child(3n+1) {
        clear:none !important;
    }
    ul.menu-horizontal a {
        background-color:#FFFFFF !important;
        color:#0064AF !important;
    }
    .menu-horizontal li.active a {
        background-color: #FAFAFA !important;
        color:#E60F0F !important;
    }
    .menu-horizontal li:hover a {
       background-color: #E1E1E1;
    }
    ul.dropdownmenu li.first-child, ul.dropdownmenu li {
        float:none !important;
    }
    ul.dropdownmenu li {
        border-bottom-color:#E1E1E1 !important;
    }
    ul.dropdownmenu li a.item-link {
        background-color: #ECECEC !important;
        font-family:Verdana, Arial, Sans-serif;
        font-weight:normal !important;
        color:#000000 !important;
    }
    .contentrow > .section.folder ul.columns.four li.column,
    .contentrow .onecolumn .section.folder ul.columns.four li.column {
        width:33.3333%;
    }
	#footer_columns {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
		padding:1em 10px;
	}
	.footer_website .column:nth-child(odd) {
	    clear:none !important;
	}
    div#footer ul.quicklinks {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
    }
    
    ul.onlytoptasks li.column a {
        border-width:10px;
    }
    ul.onlytoptasks li a:hover, ul.onlytoptasks li a:focus {
        background-color:#E60F0F;
        color:#FFFFFF;
        box-shadow:inset 0px 0px 6px #000000;
    }
    ul.onlytoptasks li.column a img {margin-bottom:8px;height:80px;width:80px;}
    
    
    .two .column .quickto h2, .two .column .fotobar h2, .two .column .fotobar h2 a, .three .column .quickto h2, .three .column .fotobar h2, .three .column .fotobar h2 a, .fotobar h2 a, .fotobar_three h2 a, ul.toptasks h3.toptasks_title, a.item-title, #slider h2 {
        font-size:18px;        
    }

}
@media only screen and (min-width : 493px) and (max-width : 767px) {
    form#quicksearch input.text {width:190px !important;}
    div.toplinks {top:25px;}
}
@media only screen and (max-width : 767px) {
    #row1.row1_breadcrumb {
        background-image:none;
    }
    div.toplinks {right:10px;}
    .overview_folder .breadcrumbs, .breadcrumbs.with_bannerfoto {position:static;}
    .breadcrumbs {padding-bottom:2px;}
    ul.onlytoptasks.columns li.column,
    ul.onlytoptasks li.column a, ul.onlytoptasks.bannercount-1 li.column a, ul.onlytoptasks.bannercount-2 li.column a, ul.onlytoptasks.bannercount-3 li.column a, ul.onlytoptasks.bannercount-4 li.column a, ul.onlytoptasks.bannercount-5 li.column a, ul.onlytoptasks.bannercount-6 li.column a {
        height:65px;
        min-height:0;
    }
    ul.onlytoptasks li.column a img {width:38px;height:38px;margin:0 8px 0 2px;float:left;}
    ul.onlytoptasks li.column a span {height:38px;justify-content:left;width:auto;}
    
    .contentrow > .section.folder ul.columns.four li.column, .contentrow .onecolumn .section.folder ul.columns.four li.column {
        width:50%;
    }
    .container_aside, .container_aside.poll.result {
        width:100% !important;
    }
    
}
@media only screen and (min-width : 5px) and (max-width : 492px) { 
    body.overview_folder .row2_content .grid-16 {width:96%;}
   body form#quicksearch input.text {padding-right:40px;} 
   body form#quicksearch button.submit {margin-left:-35px;} 
}


@media only screen and (min-width : 5px) and (max-width : 959px) { 
   form#quicksearch, form#quicksearch input.text {width: 250px !important;}
   form#quicksearch {
    top: 94px;
    right: 65px;
    z-index: 9997;
    left: 10px;
    width: auto !important;
}
}

@media only screen and (min-width : 5px) and (max-width : 512px) { 
div.toplinks {top:25px;right:0;}
    
    
}



.item-text .title a, .item-title
{
    color: #474747;
    text-decoration: underline !important;
}

/* #calamity
{
    display: none;
} */


/* Update 2020.8  */
@media only screen and (min-width: 5px) and (max-width: 512px){
	form#quicksearch {
		left: 10px !important;
		width: auto !important;
	}
	form#quicksearch input.text {
		width: 100% !important;
	}
}

form#quicksearch button.submit{
min-height: 30px;
}

form#quicksearch button.submit::before {
    font-size: 2rem;
}
@media only screen and (max-width: 959px) and (min-width: 513px){
	form#quicksearch input.text {
		border: 1px solid #999999;
	}
}

@media only screen and (min-width: 5px) and (max-width: 959px) {
   .content-wrapper.content-top{
    padding-top: 3em;
}
}

button.irma {
 	background-color:#0064af;
	color:#ffffff;
    display: inline-block;
    border-radius: 5px;
    padding: 5px 10px;
    font-weight: bold;
    cursor: pointer;
    line-height: 2;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;    
}

button.irma:hover { 
	background-color:#e60f0f;
	color:#ffffff;
    text-decoration: underline;	
}

.highcontrast button.calltoaction:hover,
.highcontrast button.calltoaction:focus, { 
    background-color:#000000;
    color:#ffffff;   
}

a.print-link {
  width:auto;
  text-decoration:underline;
  overflow: visible;
}
a.print-link::before {
  padding-right:5px;
}

/* ------- Reachdech Voorlees fix -----*/
div#__ba_panel {
    top: 50px;
    right: 0;
    z-index: 99999;
    background-color: #f9fafa;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);
    position: fixed;
    border-top-left-radius: 4rem;
    border-bottom-left-radius: 4rem;
    padding: 0.5rem 0 0.5rem 0.5rem;
}
div#__ba_panel .textDiv {
    background-color: #0064AF;
    color: #FFFFFF;
    padding: 5px 10px 5px 20px;
    height: 44px;
    min-width: 15px;
    max-width: 110px;
    font-size: 11px;
    border-radius: 4rem 0 0 4rem;
}
/* ------- Einde Reachdech Voorlees fix -----*/

/* printicoontje verbergen (PS) */
button.print-link {display:none;}

/* tabelkoppen links uitlijnen (PS) */
table th {text-align:left;}

/* padding bij listitems in de footer, i.v.m. toegankelijkheid bij hyperlinks in opsommingen (PS)*/
#footer_columns .column li {padding-top:0.7em}

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