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

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

#livecomfloating {
    bottom: 5px;
    position: fixed;
    right: 10px;
    z-index: 9000;
}

/* 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 */
body {
    font-family:  Arial,Verdana, Helvetica, sans-serif;
    font-size:14px;
    color:#000000;
}

p, ul, ol {color:#000000;}
.section p, .section ul, .section ol {line-height:2 !important;}
.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: 'Meta';
		src: url('/dsresource?objectid=1f605b2f-8421-4ad8-83b4-fe0132a95ab8') format('truetype'),
		url('/dsresource?objectid=18a74b90-d0a1-4b20-ba71-778a353d7ad4') format('woff');
		font-weight: normal;
		font-style: normal;
}
@font-face {
	font-family: 'MetaBold';
		src: url('/dsresource?objectid=8a957c17-f255-471c-a05c-e8340552fecb') format('truetype'),
		url('/dsresource?objectid=0b96b533-54eb-450b-82eb-a58060773331') format('woff');
		font-weight: normal;
		font-style: normal;
}
h1, h2, h3, h4, h5, h6, #bannerfoto .header_text span, .toggle_heading {
   font-family: 'Meta', Arial, sans-serif;
   line-height:1.5;
   font-weight:bold;
}
h1 {
    color:#0083C6;
    margin:1em 0;
}
h2 {
    margin-bottom:5px;
    color:#0083C6;
}
    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:'Meta', Arial, sans-serif;
    	font-weight:bold;
    }
    
    #slider h2 {font-size:20px;}
    #slider .accordion-toggle,
    #slider .accordion-content {border-bottom-color:#0083C6;}
    #header .container-sessions {top:105px;}
    #header .container-sessions .container {min-height:0; margin:0;}
    #accessibility-tools {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 {margin-left:25px;right:0 !important;position:relative !important;}
    div#styleselect a {font-size:14px;font-family:Arial, Verdana, Sans-Serif;color:#0083C6;}
    .readspeaker .rsbtn_colorskin .rsbtn_left .rsbtn_text {color:#0083C6 !important;}
    .readspeaker .rsbtn_colorskin {position:static !important;width:inherit !important;}

    #row2 .contentrow .section.folder h3 {font-family:  Arial,Verdana, 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, #row4 .column .section.document h2 {
       padding:20px;
       font-size: 18px;
        color:#0083C6;
        background-color:#FFFFFF !important;
    }
    .briefing.landing h2,
    #row4 .column .section.document h2 {padding-bottom:12px;}

    .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: #0083C6;
    	background-color:#FFFFFF !important;
    	font-size: 18px;
    	position: relative;
    }
    #row4 .column .section.document p {
        background-color:#FFFFFF;
        padding:8px 20px 20px;
    }
    
    .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;
    }
    .fotobar_three, .hardlinks_items {
        height:auto;
    }
    .fotobar a {
        display:block;
        max-height:inherit !important;
        color:#0083C6 !important;
    }
    .fotobar img, .fotobar_three img, .hardlinks_items img {
        display:block;
        padding:0 15px 15px;
        width:100% !important;
        box-sizing:border-box;
        color:#000000 !important;
    }
    .mapoverview.landing h2 {
        color:#0083C6;
        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:100%;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: "\f054";
        font-family: 'fontawesome';
        font-weight: normal;
        font-size: 1em;
        display: inline-block;
        color:#0083C6;
    }
    .items p.description, .items p.with-photo {
        max-width:100%;
    }

    .contentrow > .section.folder ul.columns li.column p.description {
         margin:0 0 1em;
    }
    
    /* 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: #0083C6;
        background-color:#ECECEC;
        padding: 20px 20px 0;
        margin:1em 0 0;
        font-size: 18px;
        position: relative;
    }
    .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: #0083C6;
    }
    ul.pagerbar li.current {
        border-color:#0083C6;
    }
     ul.pagerbar a:hover { border-color:#5DA40C;}
    
    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: #0083C6;
    }
    
   .row2_content .search-filters ul {background-color:#ECECEC}
   .row2_content .search-filters ul li {background-color:#ECECEC;background-image:none;margin-bottom:0;border-bottom:1px solid #0083C6;}
   .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 #0083C6;
        color:#0083C6;
        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: Arial,Verdana, Helvetica, sans-serif;
        display: block;
    }
    #row2 ul.items li,
    #row3 ul.items li {
        margin-bottom: 0px;
    }
    
    #row3 {
        padding:1em 0 0;
    } 

    #row3 {
      /*  background-color:#E1E1E1 */
      background-color: #8AC442;
    }
    #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:#0083C6;
    }

    #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:#0083C6;
    }
    #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: #0083C6;
    	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:transparent;
        padding:8px 20px;
        border-bottom:2px solid #0083C6;
        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: #0083C6;
    	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: #0083C6;}
    .container_aside a.more {color: #0083C6;}
    div.container_aside h3 img {margin-top:20px}
    
    ul.topsix.columns li a {text-transform:uppercase;}

    .mapoverview.landing .container {
        min-height:0;
        margin:0;
    }
    body.layout_four #row3 .columns.three {
        margin-bottom:0;
    }
    
    .container h2,
    .mapoverview.landing h2{
        padding:20px;
        font-size:18px;
    }
    #footer_columns #contact, #footer_columns .column {margin-top:0em;}
    .fotobar h2, .fotobar_three h2,
    #row4 .fotobar_three h2 a {
        background-color:#FFFFFF !important;
        color:#0083C6;
    }
    
    .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;}
    .container_aside,.container_aside form.poll,.container_aside .form-row,.container_aside ul li {background-color:#ECECEC}
    .container_aside ul li {height:auto}
    .container_aside ul.items li {border-color:#0083C6}
    .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:#0083C6;}
    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:#0083C6;
    }
    .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:#0083C6;
     }
    .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:#0083C6;}
    #row2 .contentrow > .section {
    	margin:2em 10px;
    }
     #row4 {
         background-color:#cacaca;
         background-image:none;
     }
    
    #row3 .contentrow > .section {
    	margin:0;
    }
    #row3 {
    /*    padding:2em 0 */
          padding: 1em 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 #0083C6;
	   background-color:#0083C6;
	}

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

    a.calltoaction,
    a.calltoaction.new-window.external {background-color:#5DA40C;}
    a.calltoaction:hover,
    a.calltoaction:focus,
    a.calltoaction.new-window.external:hover,
    a.calltoaction.new-window.external:focus{background-color:#0083C6;}

	#footer_columns a.calltoaction {background-color:#5DA40C;}
	#footer_columns a.calltoaction:focus,
	#footer_columns a.calltoaction:hover {background-color:#FFFFFF;color:#5DA40C !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;bottom:0;max-width:940px;}
      .breadcrumbs {font-size:14px;padding:5px 0 12px;margin-left:10px;line-height:1.5;}
     .breadcrumbs a {color:#0083C6;}
     .breadcrumbs a::after {content:"\f054";}
    .container,
    .mapoverview.landing,
    .briefing.landing,
    #row3 .column .section.document{
        background-color:#FFFFFF;
        padding:0;
        overflow:hidden;
        min-height:305px;
        margin:0 0 50px !important;
    }
    .overview_folder #row2.row2_content .contentrow {padding:0;}

@media only screen and (min-width : 960px) {
	a#logo {padding:0 ;padding-top:23px;margin-bottom:20px;}
	a#logo img {margin:0;}

    div.toplinks {right:240px;}
    div.toplinks ul.quicklinks {margin:0 auto;width:960px;float:none !important;}
    div.toplinks ul.quicklinks li {margin:0 10px 0 0; padding:0;}
    div.toplinks ul.quicklinks li a {line-height:40px;}
    div.toplinks ul.quicklinks li.last-child {float:none;background-color:transparent;padding:inherit;}
    div.toplinks ul.quicklinks li.last-child a {color:#0083C6}
    form#quicksearch button.submit {min-height:32px;margin-left:-35px;}
    form#quicksearch button.submit:before {font-size:1.5rem;color:#0083C6;}
	form#quicksearch {top:66px;margin-left:0;right:10px;}
    form#quicksearch input.text {width:100%;border:2px solid #0083C6;font-size:16px;font-family:Arial, Verdana, Sans-Serif;color:#0083C6;}
	.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;
    }
    .menu-horizontal li:hover a {
        background-color:#E1E1E1;
        color:#0083C6;
    }
    .menu-horizontal li a {
        color:#0083C6;
        height:42px;
        box-sizing:border-box;
        font-size:19px;
	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:#ECECEC;
        color:#0083C6;
    }
    .menu-horizontal li.active:hover a {
        background-color:#E1E1E1;
    }
    
    .menu-horizontal li ul li a {
        font-family:inherit;
        font-size:inherit;
        height:auto;
    }
    div#row2 .contentrow > .section ul.items.columns,
    div#row3 .contentrow > .section ul.items.columns {
    	width:940px;
    	margin:0 auto;
    }
	#footer_columns {
		width: 960px;
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
	}
	
    	div#footer ul.quicklinks {
		width: 960px;
		margin-left: auto;
		margin-right: auto;
    	}
    
}




/* Toevoegingen vanaf 24 april 2019: vullen template a la Dordrecht */

/* Achtergrondfoto rij 1 meer hoogte geven */
.sublayout_row1_onlytoptasks {
height: 320px;
background-position: center center;
} 

.columns.onlytoptasks.bannercount-3,
.columns.onlytoptasks.bannercount-4,
.columns.onlytoptasks.bannercount-5,
.columns.onlytoptasks.bannercount-6{
    margin-top: 200px;
}

ul.onlytoptasks li.column a{
    border-radius: 20px;
} 

#dl-menu .last-child {
    background-color: #8AC442;
}

/*
#dl-menu .last-child a {
    color: #FFFFFF;
    text-decoration: none;
}

#dl-menu .last-child a:hover {
    color: #0083C6;
    text-decoration: underline;
}
*/

#dl-menu li.last-child {
            margin-top:-35px;
            border-radius: 50%;
            height: 100px;
            width: 100px;
            position:absolute;
            right:0;
            z-index:1;
}

#dl-menu li.last-child a {
            background-color: #5DA40C;
            color:#FFFFFF;
            border-radius: 50%;
            height: 100px;
            width: 100px;
            padding:0 !important;
            text-align:center;
            vertical-align: middle;
            display: table-cell;
}

/* Dit werkt niet, als je hebt doorgeklikt op de tab en op de pagina staat, is de letter wit tegen
een grijze achtergrond: te weinig contrast */
#dl-menu .last-child.active a {
    background-color: #5DA40C;
    
}

.onlytoptasks #row2 .item-title {
    font-size: 1em;
    font-weight: normal;
    padding-right: 10px;
}

#row3 {
    background-color: #E1E1E1;
  }

#row3 .container, .container_aside.landing.briefing {
    border-radius: 10px;
}

.container_aside .items li a {
    list-style: none outside none;
    border-bottom: solid #0083C6;
    border-bottom-width: 1px;
    }
    
.section.folder h2 a.item-title {
     font-size: 1.5em;
}


/* links altijd onderlijnd */

.section.folder a, .section.search-results a, .section.briefing a, .section.sitemap a, .fotobar a
{
    text-decoration: underline;
    text-decoration-color: #0083C6;
    text-decoration-style: dotted;
    color: #0083C6;
}

.section.folder a:hover, .section.search-results a:hover, .section.briefing a:hover, .section.sitemap a:hover, .fotobar a:hover
{
    text-decoration: underline;
    text-decoration-color: #0083C6;
    text-decoration-style: solid;
    color: #0083C6;
}

div#row2 .contentrow > .section ul.items.columns, div#row3 .contentrow > .section ul.items.columns
{
    margin: 20px auto !important;
}

ul.four .last-child a.item-title
{
    display: inline !important;
    font-weight: bold;
    color: white;
    background-color: #5DA40C;
    padding: 3px 5px !important;
    border-radius: 4px;
}

ul.four .last-child a, ul.four .last-child a:hover
{
    text-decoration: none !important;
}

.section p, .section ul, .section ol
{
    line-height: 1.3;
}

.dsEditText
{
    display: inline-block !important;
}

#row3 .container
{
    border: 1px solid lightblue;
}

#quicksearch input.text
{
    border-radius: 10px;
}

.menu-horizontal li.odd a, .menu-horizontal li.even a
{
    border-radius: 10px 10px 0 0 !important;
}

#dl-menu li.last-child a
{
    border-radius: 50% !important;
}

ul.onlytoptasks.bannercount-1
{
    list-style-type: none;
    margin: 200px auto 0 auto;
    padding: 0;
    width: 240px;
}



/* edit 20-10-2010 */

form#quicksearch
{
    left: inherit !important;
    width: 418px !important;
}


/* toptaken centreren */

.sublayout_row1_onlytoptasks .contentrow
{
    overflow: inherit;
}



/* grijze knoppen te hoog */

@media only screen and (min-width: 960px)
{
.menu-horizontal li a
{
    height: 36px;
}
}

/* Wijkenpagina */

.onlytoptasks #row2
{
    margin-top: 75px;
    margin-bottom: 50px;
}

/* Links van onderwerpen onderstreept */

.item-link .dsEditText
{
    text-decoration: underline;
}

.sublayout_row3_
{
    margin-top: 40px;
}

/* Media query*/

@media only screen and (max-width : 959px) {
    body.menutype_horizontal .content-wrapper.horizontal, body.menutype_dual .content-wrapper.horizontal {
        padding-top:3px !important;
    }
    body {
        font-family:  Arial,Verdana, 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;}
    a#logo img {max-height:inherit !important;max-width:inherit !important;}
    .breadcrumbs {font-size:12px;padding-bottom:11px;}
    /* menu */

    #menu_wide {
        height:35px !important;
        width: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 {
        margin-left:0px !important;
        left:auto !important;
        right:0;
        top:35px !important;
        position:static ;
        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:#0083C6 !important;
    }
    .menu-horizontal li.active a {
        background-color: #ECECEC !important;
        color:#0083C6 !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: Arial,Verdana, 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;
    }
    .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;        
    }
    div#slider h2 {
        font-size:20px !important;
    }
    .columns.onlytoptasks.bannercount-5 {}
    #row1.sublayout_row1_onlytoptasks {background-size:auto 320px;background-position:center top !important;height:auto;}
    #header .container-sessions {top:10px;}
    #dl-menu li.last-child {position:static;margin:0;border-radius:0;height:auto;width:100%;}
    #dl-menu li a,
    #dl-menu li.last-child a {border-radius:0 !important;width:100%; height:auto; display:block; padding:10px !important;text-align:left;}
    .onlytoptasks #row2 {margin-top:0;}
    form#quicksearch {width: auto !important;}
}
@media only screen and (min-width : 493px) and (max-width : 767px) {
    
}
@media only screen and (max-width : 767px) {
    #row1.row1_breadcrumb {
        min-height:40px;
    }
                        .overview_folder .breadcrumbs, .breadcrumbs.with_bannerfoto {position:static;}
                        .breadcrumbs {padding-bottom:2px;}
    .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;
    }
    .columns.onlytoptasks.bannercount-3,
    .columns.onlytoptasks.bannercount-4,
    .columns.onlytoptasks.bannercount-5,
    .columns.onlytoptasks.bannercount-6 {margin-top:0;}
}



/* links van koppen niet meer dotted */

.section.folder a, .section.search-results a, .section.briefing a, .section.sitemap a, .fotobar a, a .item-style
{
    text-decoration: underline;
    text-decoration-style: underline;
}


/* Mijn pagina positionering */

@media only screen and (min-width: 960px)
{
div.toplinks ul.quicklinks li.last-child
{
    float: right !important;
}
div.toplinks
{
    right: 0 !important;
}
}