/* 6 mei 2022: CSS van de roxit omgeving. SW */

/* Nieuwsbanner */
/* titel boven de blokken */
.onecolumn .newsbanner.landing h2 {
	margin-bottom:10px;
}
.onecolumn .newsbanner.landing h2 .newstitle {
    font-weight: normal;
    color: #4F4F4F;
    font-weight: 400;
    font-size: 18px;
    position:absolute;
    left:-999999em;as
    top:-999999em;
}
/* Meer nieuws-link */
.onecolumn .newsbanner.landing a.calltoaction.more {
    background-color:transparent;
    color:#3174AF;
    font-weight:bold;
    font-size:14px;
    padding:0;
}
.onecolumn .newsbanner.landing a.calltoaction.more:hover,
.onecolumn .newsbanner.landing a.calltoaction.more:focus {
    color:#193a58;
}
.onecolumn .newsbanner.landing a.calltoaction.more::after {
	content: " \f105";
    font-family: "fontawesome";
    font-weight: normal;
    font-size: 1em;
    padding-left: 3px;
    display: inline-block;
    text-decoration: none;

}

/* nieuwsbanners nieuwsblok */
.onecolumn .newsbanner.landing ul.items {
	overflow:visible;
}
.onecolumn .newsbanner.landing ul.items li {
    border-width:0;
    box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.1);
    background-color: #FFFFFF;
    border-radius: 5px;
    max-width: 295px;
    margin-left: auto;
    margin-right: auto !important;
}
.onecolumn .newsbanner.landing ul.items li a {
    display:grid;
    justify-items:center;
    color:#3174AF;
}
.onecolumn .newsbanner.landing ul.items li a:hover,
.onecolumn .newsbanner.landing ul.items li a:focus {
	color:#275582;
}
/* Nieuwsbanner nieuwsblok titel */
.onecolumn .newsbanner.landing ul.items li a span.title {
    text-align:center;
    font-weight:normal;
    padding:10px;
}
/* Nieuwsbanner nieuwsblok datum  */
.onecolumn .landing ul.items .objectinfo {
    justify-self: right;
	padding-right:10px;
    color:#000000;
}

/* Kruimelpad */
body.layout_four h1.onscreen {
	margin-left:0;
	margin-right:0;
}
#row1 {
	background-color:#FFFFFF !important;
}
.row1_breadcrumb .contentrow {width: 100%;}
body.layout_four #row1.row1_breadcrumb .contentrow:nth-child(1),
body #row1 .contentrow nav.breadcrumbs {
	width:100%;
	background-color:#f8f8f8;
}
body #row1 .contentrow nav.breadcrumbs {margin-left:0;}
body.layout_four #row1.row1_breadcrumb .contentrow:nth-child(1) nav.breadcrumbs,
body #row1 .contentrow nav.breadcrumbs ol,
body #row1 .contentrow .calamity {
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
}
body.layout_four #row1.sublayout_row1_onlytoptasks,
body.layout_four #row1.sublayout_row1_onlytoptasks .contentrow {
	background-color:#f8f8f8 !important;
	width:100%;
}
body.layout_four #row1.sublayout_row1_onlytoptasks .contentrow.calamity {
	max-width:960px;
	margin:0 auto;
}
body.layout_four div.onlytoptasks {
	max-width:960px;
	margin:0 auto;
}
body.detail_aside #row1 .contentrow {
	width:100%;
}
@media only screen and (max-width : 960px) {
    .layout_four #row1.row1_breadcrumb  .contentrow:nth-child(1) nav.breadcrumbs {
		padding-left:10px;
		padding-right:10px;
	}
}

@media only screen and (min-width : 960px) {
	.grid-11 {width:620px;}
	.grid-5 {width:300px;}
	.push-5 {left:0;}
	.pull-11 {left:0;}
}

.fdPageHeader {margin-top:0;}

.section.briefing + #content-footer,
.section.folder + #content-footer,
.footer-link.print-link {display:none;}

/* herkenbaarheid map titel-links */
.section.search-results ul.items li h3 a::after,
.section.sitemap ul h2 a::after,
.section.folder ul h2 a::after,
.section.folder ul.no-description a::after {
	font-family: "fontawesome";
	content: '\f054';
	font-size: 14px;
	padding-left:5px;
}
.section.folder ul h3 a::after {
	font-size:12px;
}
a.calltoaction::after {
	font-family: "fontawesome";
	content: '\f054';
	font-size: 14px;
	padding-left:5px;
}
a.calltoaction.new-window::after, a.calltoaction.external::after {
	content:'\f08e \f054';
}
a.filetype.calltoaction::after {
	content:"";
	padding:0;
}

/* table */
th {text-align:left;}

/* knoppen */
form.simpleform a.set,
form.simpleform input.submit {background-color:#12636B;min-height:35px;}
form.simpleform input.submit.previous {opacity:0.8;background-color:#275582;}

form.simpleform a.set:hover,
form.simpleform a.set:focus,
form.simpleform input.submit:hover,
form.simpleform input.submit:focus {background-color:#0d454b;}
form.simpleform input.submit.previous:hover,
form.simpleform input.submit.previous:focus{opacity:1;background-color:#3174AF;}

/* formulier overzicht */
form.simpleform.summary legend.form_legend + h2,
form.simpleform.summary .form-row + h2 {background-color:transparent;border-bottom:1px dotted #275582;}
form.simpleform.summary a.formeditlink::after, 
form.simpleform.summary a.formdeletelink::after {content:"\f040";} 

/* formulieren input */
form.simpleform .inputfield, .formreqs .inputfield {min-height:35px;}
form.simpleform select.inputfield {min-height:auto;height:34px;}
form.simpleform select.inputfield.multiple{min-height:auto;height:auto;}
form.simpleform .multifilefield label {clear:both;}

form.simpleform .inputfield.checkbox,
form.simpleform .inputfield.radio {min-height:22px;}
form.simpleform  span.required {vertical-align:top;}
form.simpleform {overflow:hidden;}
.section.search-resultform.simpleform .submit-buttons{margin-top:24px;height:35px;overflow:visible;}

/* highcontrast */
body.highcontrast #menu_wide,
body.highcontrast .container_aside ul.items li,
body.highcontrast .container_aside li.vacitem,
body.highcontrast ul.toptasks ul.item_tab li a:hover,
body.highcontrast ul.toptasks ul.item_tab li a:focus,
body.highcontrast #slider .accordion-toggle.accordion-toggle-active,
body.highcontrast #slider .accordion-toggle:hover,
body.highcontrast #slider .accordion-toggle:focus,
body.highcontrast .row2_content .search-filters h3,
body.highcontrast .sc_filter h2,
body.highcontrast .container.digid-session .container-content,
body.highcontrast .container.login-session .container-content,
body.highcontrast .container.er4b-session .container-content,
body.highcontrast .container.eidas-session .container-content,
body.highcontrast .container.cmslogin-session .container-content{background-color:transparent !important;}
body.highcontrast form.simpleform span.required {color:transparent;}
body.highcontrast div.container_aside h3,
body.highcontrast div.container_aside h3 a {background-color: #000000;color: #FFFFFF;}

body.highcontrast div#header,
body.highcontrast .footer_website{background-image: none;background-color: #000000;}
body.highcontrast nav.breadcrumbs a,
body.highcontrast a,
body.highcontrast .container_aside ul.items li a,
body.highcontrast .row2_content .search-filters ul li a,
body.highcontrast .container_aside .vacitem button {color:blue;}
body.highcontrast ul.menu-horizontal a {color:#FFFFFF;}
body.highcontrast .section.folder a,
body.highcontrast .section.search-results a,
body.highcontrast .section.briefing a, .section.sitemap a,
body.highcontrast ul.menu-horizontal li.active a,
body.highcontrast .toplinks a,
body.highcontrast accessibility-tools a {text-decoration:underline;}
body.highcontrast .toplinks {border-color:#FFFFFF;background-color:#000000;}

body.highcontrast .fotobar h2 a {background-color:#FFFFFF !important;}
body.highcontrast .fotobar h2 a span {text-decoration:underline;color:blue;}
body.highcontrast ul.onlytoptasks li.column a {background-color:transparent;color:#000000;}
body.highcontrast ul.topsix li.column a:focus,
body.highcontrast ul.topsix li.column a:hover,
body.highcontrast ul.onlytoptasks li.column a:focus,
body.highcontrast ul.onlytoptasks li.column a:hover {color:blue;background-color:transparent;}
body.highcontrast ul.pagerbar li.current {border-color:#000000; background-color:#000000;}
body.highcontrast .row2_content .search-filters h3,
body.highcontrast.menutype_horizontal #dl-menu.dl-menuwrapper a,
body.highcontrast.menutype_dual #dl-menu.dl-menuwrapper a,
body.highcontrast.menutype_horizontal #dl-menu.menu-horizontal a,
body.highcontrast.menutype_dual #dl-menu.menu-horizontal a {background-color: #000000 !important;}

body.highcontrast .container.digid-session .container-content a,
body.highcontrast .container.login-session .container-content a,
body.highcontrast .container.er4b-session .container-content a,
body.highcontrast .container.eidas-session .container-contenta ,
body.highcontrast .container.cmslogin-session .container-content a {color:#FFFFFF;}

body.highcontrast a.calltoaction,
body.highcontrast a.calltoaction.new-window.external {
color: #FFFFFF;
}

body.highcontrast a.calltoaction:hover,
body.highcontrast a.calltoaction:focus,
body.highcontrast a.calltoaction.new-window.external:hover,
body.highcontrast a.calltoaction.new-window.external:focus {
color: #FFFFFF;
}

body.highcontrast .section.simpleform p.progress span.percentage {background-color:darkblue;}

body.highcontrast h1, body.highcontrast h2, body.highcontrast h3, 
body.highcontrast h4, body.highcontrast h5, body.highcontrast h6, 
body.highcontrast .description{color:darkblue;}

body.highcontrast #product-description p,
.error-page h1,
.error-page h2,
.error-page .description,
.error-page a {
    color:darkblue;}

body.highcontrast .section.search-results form.simpleform input.text,
body.highcontrast form.simpleform .inputfield,
body.highcontrast .formreqs .inputfield {
    border-color:#000000;}
body.highcontrast a#logo {color: #FFFFFF;}

body.highcontrast form.simpleform input.submit {border-width:0;}
body.highcontrast form.simpleform input.submit {background-color:darkgreen;}

body.highcontrast form.simpleform input.submit:hover,
body.highcontrast form.simpleform input.submit:focus {background-color:darkblue;}

body.highcontrast form.simpleform input.submit.previous {background-color:darkblue;}

body.highcontrast form.simpleform input.submit.previous:hover,
body.highcontrast form.simpleform input.submit.previous:focus {background-color:darkblue;}

.highcontrast #contact-information .heading, 
.highcontrast #footer_columns .column h1, 
.highcontrast #footer_columns .column h2, 
.highcontrast #footer_columns .column h3, 
.highcontrast #footer_columns .column h4 {color:#FFFFFF;}

/* END HIGHCONTRAST */


body {
	font-size:14px;
	line-height: 1.6;
	color: #333333;
	font-family: Arial, sans-serif;
	font-weight:400;
	background-color:#FFFFFF;
	text-align:left;
}

div#header {
	background-color: #275582; 
	background-attachment: scroll, scroll;
	background-clip: border-box, border-box;
	background-image: linear-gradient(rgba(0, 51, 102, 0.7), rgba(0, 51, 102, 0.7)), url('/dsresource?objectid=99ae6794-aee2-4f12-84c5-6e6010783e26');
	background-origin: padding-box, padding-box;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	box-sizing:border-box;
	font-size:12px;
}
body.layout_four div#header {height:265px;}
body div#header {height:265px;}

div#header .contentrow {position:static;}
.toplinks {
	left:0;
	width:100vw;
	height:39px;
	border-bottom:6px solid #C4DB0D; 
	background-color:#275582;
	z-index:1;
}
.toplinks ul.quicklinks {
	width:960px;
	margin:0 auto;
	text-align:right;
	padding-top:10px;
}
.toplinks ul.quicklinks li a {line-height:inherit;}
.toplinks ul.quicklinks li.last-child {
	background-color:transparent;
	padding:0;
}
.toplinks ul.quicklinks li.last-child a,
.toplinks ul.quicklinks a,
div#styleselect button {color:#FFFFFF;}
#accessibility-tools {
	top:10px;
	margin:0;
	z-index:1;
	left:auto;
	right:auto;
	text-align:left;
}
div#styleselect {position:static;}
#header .container-sessions {
	float:none;
	position:relative;
	left:107px;
	top:10px;
	display:inline-block;
}
.container.digid-session, 
.container.login-session,
.container.er4b-session,
.container.eidas-session,
.container.cmslogin-session,
.container.passportlogin-session,
#shoppingcart-session {
	background-color:transparent;
	text-align:left;
	display:block;
}

.container.digid-session .container-content,
.container.login-session .container-content,
.container.er4b-session .container-content,
.container.eidas-session .container-content,
.container.cmslogin-session .container-content {
	background-color:#275582; 
	color:#FFFFFF;
	padding:0 0 0 26px;
}
.container-sessions a {color:#FFFFFF;}

a#logo {
	max-width:none;
	padding:0;
	margin-left:50px;
	position:absolute;
	top:80px;
}
form#quicksearch {
	margin:60px 10px 0 0;
	position:relative;
	float:right;
	width:460px;
}
form#quicksearch input.text {
	width:92%;
	height: 34px;
	padding:6px 12px;
	border-color:#CCCCCC;
	border-radius: 4px 0 0 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	float:left;
}
form#quicksearch button.submit {
	box-sizing: border-box;
	margin: 0;
	float: left;
	height: 34px;
	border-radius: 0 4px 4px 0;
	padding: 6px 12px;
	border: 1px solid #CCCCCC;
	border-width: 1px 1px 1px 0;
	background-color:#FFFFFF;
	width: 8%;
}
div#quicksearch-keywords_suggestions {position:absolute;}

/* Menu origineel */
#menu_wide {
	background-color:transparent !important;
	position: absolute;
	top: -70px;
	height:auto;
	left:0;
}
/* Einde menu origineel */

body.menutype_horizontal ul#dl-menu,
body.menutype_dual ul#dl-menu {text-align:center;}
ul.menu-horizontal li.first-child,
ul.menu-horizontal li {
	float:none;
	display:inline-block;
	margin:0;
}
body.menutype_horizontal #dl-menu.dl-menuwrapper a,
body.menutype_dual #dl-menu.dl-menuwrapper a,
body.menutype_horizontal #dl-menu.menu-horizontal a,
body.menutype_dual #dl-menu.menu-horizontal a {
	text-align:center;
	padding:0 10px;
	font-weight:600;
	font-size:18px;
}
ul.menu-horizontal a {}
ul.menu-horizontal a:hover,
ul.menu-horizontal a:focus,
ul.menu-horizontal li.active a {
	background-color:transparent;
	color:#C4DB0D;
	text-decoration:underline;
}
body.menutype_horizontal ul.dropdownmenu, body.menutype_dual ul.dropdownmenu {display:none;}

.emphasisyellow {
	background: #efefef !important;
	margin-left: 30px;
	border-left: 6px solid #347AB7 !important;
	padding-left: 10px;
	font-weight: 600;
	font-family: 'open sans';
	line-height: 1.8;
}

/* footer */
.footer_website {
	border-top:5px solid #C4DB0D;
	background-color:#275582;
	line-height:2;
	margin-top:20px;
}
body.layout_four .footer_website {margin-top:0;}

#footer_columns {padding: 30px 10px;}
#footer_columns .column h2,
#footer_columns .column h3,
#footer_columns .column h4,
#footer_columns .column p,
#footer_columns .column ul,
#footer_columns .column ol,
#footer_columns .column a {
	color:#FFFFFF; 
	font-size: 12px;
	font-weight: 300;
}
#footer_columns .column h2,
#footer_columns .column h3 {
	margin: 0 0 5px;
	font-weight: 400;
	font-size: 18px;
}

#footer_columns ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#footer_columns ul.arn_social li {display: inline;}
#footer_columns ul a {text-decoration: none;}
#footer_columns a:focus, #footer_columns a:hover {
	color: #C4DB0D; 
	text-decoration: underline;
}
#footer_columns ul.arn_social li a.font-icon {font-size: 2em;}
#footer_columns ul.arn_social li a:focus, 
#footer_columns ul.arn_social li a:hover {text-decoration: none;}

.font-icon {
	font-family: 'FontAwesome';
	font-size: 2em;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-weight: normal;
	font-style: normal;
	line-height: 1;
}
#footer_columns .font-icon {
	font-size: 2em;
	margin: 0 5px 7px 0;
}

/* row 1 */
#row1, 
#row1.sublayout_row1_onlytoptasks {background-color:#f8f8f8;}
div.onlytoptasks {padding:20px 0px;}
ul.onlytoptasks.bannercount-6 li.column,
ul.onlytoptasks.columns li.column {
	border-right: 1px dotted #333333;
	text-align: center;
	width: 16.6667%;
	margin: 0;
	box-sizing: border-box;
}
ul.onlytoptasks.columns li.column.last-column {border-width:0;}

ul.onlytoptasks li.column a {
	color: #333333;
	display: block;
	margin: 0;
	border-width: 0;
	background: transparent;
	min-height: auto;
	padding: 10px 0 0;
	box-sizing:border-box;
}
ul.onlytoptasks li.column a:focus,
ul.onlytoptasks li.column a:hover {
	color:#275582;
}
ul.onlytoptasks li.column a span {
	height:35px;
	font-size:14px;
	text-align:center;
}
ul.onlytoptasks li.column a img {
	-webkit-filter: brightness(60%) grayscale(100%);
	filter: brightness(60%) grayscale(100%);
	height:auto;
	width:auto;
	margin:0 auto;
}
ul.onlytoptasks li.column a:focus img,
ul.onlytoptasks li.column a:hover img {
	-webkit-filter: brightness(100%) grayscale(0%);
	filter: brightness(100%) grayscale(0%);
}
/* row 2 */
.layout_four .sublayout_row2_ .contentrow .section {margin:40px 0 35px;}
.layout_four .sublayout_row2_ .contentrow .section.folder ul.columns li.column p.description {margin:0 0 1em;}
.layout_four .sublayout_row2_ h2 {
	position:absolute;
	top:-999999em;
	left:-999999em;
}
.sublayout_row2_ .contentrow .section.folder ul.columns.four li.column {
	padding:0 10px;
	box-sizing:border-box;
}
.sublayout_row2_ .contentrow .section.folder ul.columns li.column h3 {
	font-weight: 500;
	font-size: 18px;
	margin: 20px 0 10px;
}
.sublayout_row2_ .contentrow .section.folder ul.columns h3 a.item-title {
	font-weight:normal;
	color:#4F4F4F;
	padding:0;
}
.sublayout_row2_ .contentrow .section.folder ul.subitems {margin-bottom:10px;}
.sublayout_row2_ .contentrow .section.folder ul.subitems li {
	padding:0;
	margin: 0 0 10px 0;
}
.section.folder p.more {margin-top:0;}
.section.folder a.more {font-weight:bold;}

body.overview_folder .row2_content .grid-16 {margin-left:10px;margin-right:10px;}

/* row 3 */
#row3 {background-color:#F8F8F8;}
#row3 .three.columns {margin:40px 10px 37px;}
#row3 .three.columns .column {margin-top:0;}
#row3 .three.columns .column .container {margin-bottom:5px;}

/* CMS2019.4 fix */
.fotobar {
	box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.1);
	background-color: #FFFFFF;
	border-radius: 5px;
	margin:2px;
}
.fotobar img {display:block;border-radius: 0 0 5px 5px;}
.container_aside.landing.briefing h2, 
.fotobar h2, .fotobar_three h2 {
	background-color:#FFFFFF;
	border-radius: 5px 5px 0 0;
}
.container_aside.landing.briefing h2 a,
.fotobar h2 a, .fotobar_three h2 a {
	background-color: transparent;
	color:#3174AF;
	line-height:1.6;
	font-size: 14px;
	font-weight: 400;
	padding: 10px;
	width:100%;
	box-sizing: border-box;
	text-align: center;
	align-items: center;
	justify-content: center;
}
.container.landing h2 a:hover span,
.container.landing h2 a:focus span{
	text-decoration:underline;
	color:#275582;
}
.container.landing a span {
	font-size: 14px;
	font-weight: 400 !important;
	padding: 10px !important;
	height: 82px;
	width: 100%;
	box-sizing: border-box;
	display: flex !important;
	text-align: center;
	align-items: center;
	justify-content: center;
}

.container.landing img {
	border-radius:0 0 5px 5px;
	margin:0;
}

/* content */
a.calltoaction, a.calltoaction.new-window.external,
.container_aside ul.items li.vacitem a.calltoaction {
	color: #FFFFFF;
	background-color: #a10082;
	display: inline-block;
	border-radius: 4px;
	padding: 6px 12px;
	font-size: 14px;
	text-decoration: none;
	font-weight:normal;
}
a.calltoaction:hover,
a.calltoaction:focus,
a.calltoaction.new-window.external:hover,
a.calltoaction.new-window.external:focus {
	background-color: #6E0059;
}

body.menutype_horizontal .content-wrapper.horizontal,
body.menutype_dual .content-wrapper.horizontal {padding-top:0;}
#row1 {background-image:none;}
nav.breadcrumbs {
	margin-left:10px;
	font-size:14px;
	padding: 11px 0;
	line-height: 1;
	min-height:36px;
	box-sizing:border-box;
}
nav.breadcrumbs a {
	color:#3174AF;
	text-decoration:none;
}
nav.breadcrumbs a:hover {
	color:#275582;
	text-decoration:underline;
}
nav.breadcrumbs a::after {
	content:"\BB";
	color:#000000;
}
a.print-link, a.reaction-link {width:30px;}
.detail_aside #side-content,
.search-filters {margin-top:110px;}
#content-footer {min-height:0;}

h1, h2, h3, h4, h5, h6 {color:#275582;}
.description {color:#3174AF;}
#product-description p {
	color:#3174AF !important;
	font-weight: bold;
}
h1 {
	margin: 65px 0 10px;
	font-size: 30px;
	font-weight: 700;
}

.toggle_heading {
	font-weight:600;
	font-size: 18px;
}
h2 {
	margin: 1.5em 0 0.2em;
	font-size: 18px;
	font-family: Arial, sans-serif;
	font-weight: 600;
}
h3 {
	margin: 1.5em 0 0.5em;
	font-size: 14px;
	font-family: Arial, sans-serif;
	font-weight: 600;
}
h4 {
	font-size: 14px;
	font-family: Arial, sans-serif;
	font-weight: 500;
}
h5, h6 {
	font-size: 14px;
	font-family: Arial, sans-serif;
	font-weight: 500;
}
.items li {margin-bottom:25px;}
.briefing .items li {margin-bottom:20px;}
ul.subitems li, div.container-content .items li {margin-bottom:10px;}
.items li h2,
.items li a.item-title {
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 0.5em;
}
.items a.item-photo {padding-top:5px;}
.items span.objectinfo {
	font-size: 12px;
	font-weight:bold;
}
.items p.description {margin:0;}
h2.sub-heading {
	font-size:18px;
	font-weight:600;
	border-width:0;
	padding:0;
	margin:1.5em 0 3px;
}
ul.items.columns.no-description li {margin-bottom:5px;}
ul.items.columns.no-description li a {font-size: 14px;}
ul.items.columns.no-description li a::before {content: "\BB";}
ul.items.columns.no-description li h3 {
	display: inline;
	margin: 10px 0;
}
ul.items.columns.no-description li a.item-title {font-size: 14px;}

/* aside */
div.container_aside.briefing,
div.container_aside.folder,
div.container_aside {
	margin-top: 15px;
	margin-bottom: 20px;
	border-radius: 3px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	border:1px solid #DDDDDD;
}
div.container_aside.folder .container-content p.description {
	background-color: transparent;
	border-bottom-color: #ECECEC;
	padding: 0 0 10px;
	margin: 0 0 10px;
	display: none;
}	
div.container_aside.image, div.container_aside.imagegallery {
    box-shadow: none !important;
    border: none !important;
}

.container_aside .vacitem .blocktitle::after {color:#3174AF;}
.container_aside .vacitem button {
	padding:0 0 5px 0;
	color:#3174AF;
}
.vacitem button.blocktitle.toggle-active,
.vacitem button.blocktitle:hover, 
.vacitem button.blocktitle:focus {
	background-color:transparent;
}
.container_aside li.vacitem .hidden_information {
	background-color:transparent;
	padding:0 0 20px;
	border-width:0;
}

div.container_aside.briefing .container-content,
div.container_aside.folder .container-content {
	border-width:0;
	padding:12px;
	border-radius: 3px;
}
.container-content ul.items {padding-left:20px;}
.container_aside ul.items li {
	border-width:0;
	padding: 0 0 5px 0;
	margin-left: 0;
	list-style-type: square;
}
.container_aside ul.items li a {
	padding:0;
	color:#3174AF;
}
.container_aside ul.items li a:hover {
	background-color:transparent;
}
.aside .container h3,
.container_aside h2, 
.container_aside h3, 
.container_aside h4, 
.container_aside h5, 
.container_aside .title_fotobar,
div.container_aside.url h3 a span.title, 
div.container_aside.softlink h3 a span.title, 
div.container_aside.document h3 a span.title, 
div.container_aside.product h3 a span.title {
	width: 100%;
	font-size: 16px;
	font-weight: 400;
	padding: 10px 15px;
	margin: 0;
	box-sizing: border-box;
	background-color: #275582;
	border-radius: 3px 3px 0 0;
	color: #FFFFFF;
}
div.container_aside span.objectinfo,
ul.subitems span.objectinfo {
	font-size: 10px;
	font-style: normal;
	color:#4f4f4f;
}
div.container_aside.document h3 a span.title.file-info {padding:0;}
div.container_aside.document h3 a span.title .objectinfo {padding:0px 15px 10px;color:#FFFFFF;}
	
span.pdf::before,
span.doc::before, span.docx::before,
span.xls::before, span.xlsx::before,
span.ppt::before, span.pptx::before {
	font-family: 'FontAwesome';
	font-size: 12px;
}
span.pdf::before {
	content: "\f1c1\00a0";
}
span.doc::before,
span.docx::before{
	content: "\f1c2\00a0";
}
span.xls::before,
span.xlsx::before{
	content: "\f1c3\00a0";
}
span.ppt::before,
span.pptx::before{
	content: "\f1c4\00a0";
}

/* zoekresultatenpagina */
.search-results h2.result-ammount {
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 1em;
	color:#4F4F4F;
}

.search-results span.objectinfo {
	font-size: 12px;
	font-weight:400;
}
.search-results a.item-photo {display:none;}

ul.pagerbar li.current {
	padding:5px 8px;
	background-color:#3174AF;
	border-color:#3174AF;
}
h2.searchfiltertitle {
	position:absolute;
	top:-999999em;
	left:-999999em;
}
.row2_content .search-filters h3 {
	background-color:#275582;
	width: 100%;
	font-size: 16px;
	font-weight: 400;
	padding: 10px 15px;
	margin: 0;
	box-sizing: border-box;
	border-radius: 3px 3px 0 0;
	color: #FFFFFF;
}
.row2_content .search-filters ul {
	padding: 15px;
	background-color: #FFFFFF;
	margin-bottom: 20px;
	border-radius: 0 0 3px 3px;
	border: 1px solid #DDDDDD;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.row2_content .search-filters ul li {
	background-image: none;
	margin-bottom:3px;
}
.filter-list .active span {padding:0;}
.row2_content .search-filters ul li a {padding:0;color:#3174AF;}

.section.search-results form.simpleform .form-row {
	width:90%;
	float:left;
}
.section.search-results form.simpleform input.text {
	box-sizing: border-box;
	height: 34px;
	border: 1px solid #CCCCCC;
	border-radius: 4px 0 0 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	padding: 6px 12px;
}
.section.search-results form.simpleform .submit-buttons {
	box-sizing: border-box;
	clear:none;
	float:left;
	width:10%;
	margin-top:24px;
	height:35px;
}
.section.search-results form.simpleform .submit-buttons input {
	box-sizing: border-box;
	margin: 0;
	float: left;
	height: 34px;
	border-radius: 0 4px 4px 0;
	padding: 6px 12px;
	border: 0px solid #CCCCCC;
	border-width: 1px 1px 1px 0;
	background-color: #f8f8f8;
	width: 100%;
	color:#275582;
}

/* PIP */
#pip .three .column {
	width: 100%;
	margin:0 0 1em;
	float: none;
}
#pip .block {
	margin: 4px 5px 22px 0;
	box-shadow: 1px 1px 3px #999999;
}
#pip .blockmove h2.portlethandle {
	border-width: 0;
	margin: 0;
	background-color: #275582;
	border-radius: 3px 3px 0 0;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 400;
	padding: 10px 15px;
	box-sizing: border-box;
}
#pip .portletoptions {display:none;}

/* responsive */
@media only screen and (max-width : 959px) {
	body {
		font-size:14px !important;
		line-height: 1.6 !important;
	}
	body.layout_four div#header {height:280px;}
	body div#header {
		height:280px;
		background-image: linear-gradient(rgba(0, 51, 102, 0.7), rgba(0, 51, 102, 0.7)), url('/dsresource?objectid=28c2b893-4352-4b43-afef-fdae495bd56c');
	}
	.toplinks {height:49px;}
	.toplinks ul.quicklinks {
		padding-top:5px;
		width:100%;
		text-align:center;
	}
	div#accessibility-tools {
		top:25px;
		right:auto;
		width:48%;
		text-align:right;
	}
	div#accessibility-tools div#styleselect {
		position:static !important;
		float:none;
	}
	#header .container-sessions {
		position:absolute;
		left:52%;
		top:25px;
	}
	body form#quicksearch {
		top:100px;
		margin:0 4.5%;
		width:91%;
		float:none;
		right:auto;
	}
	body form#quicksearch input.text {
		width:92%;
		padding: 6px 12px;
		border-color: #CCCCCC;
		border-radius: 4px 0 0 4px;
	}

	#footer_columns .column:nth-child(2n+1) {clear:none;}
	.section .columns .column,
	.section .columns .column.odd {clear:left;margin:0 2% 1em 0 !important;}
	.section .columns .column.even {clear:none;margin:0 0 1em 2% !important;}
	.section .two .column {width:48%;}
	.section .three .column {width:48%;}
	.section .four .column {width:48%;}

	div#menu_wide {
		height:0;
		width:92%;
		left:0;
		top:-50px;
		margin:0 4%;
	}

	div#menu_wide::after {
		background-color:unset;
		box-shadow:unset;
	}
	button#menu-icon {display:none !important;}
	body ul#dl-menu, body.menutype_horizontal ul#dl-menu,
	body.menutype_dual ul#dl-menu {
		position:relative !important;
		margin:0 !important;
		display:block !important;
		top:0 !important;
	}
	ul.menu-horizontal a {background-color:transparent !important;}
	ul.dropdownmenu {display:none !important;}
	.menu-horizontal li.first-child {width:14.5% !important;}
	body.menutype_horizontal #dl-menu.menu-horizontal a {padding:0 10px !important;margin-bottom:3px;}
	ul.onlytoptasks {width:98%;margin:0 auto;}
	ul.onlytoptasks.bannercount-6 li.column, ul.onlytoptasks.columns li.column {width:33.3333%;}
	ul.onlytoptasks.bannercount-6 li.column:nth-child(3),
	ul.onlytoptasks.bannercount-6 li.column:nth-child(6) {border-width:0px;}
	.layout_four .sublayout_row2_ .contentrow .section {margin-left:10px !important;margin-right:10px !important;}
	.sublayout_row2_ .contentrow .section.folder ul.columns.four li.column {width:50%;margin:0 !important;}
	.section.search-results form.simpleform .submit-buttons {margin-top:20px !important;}
	.fotobar a {max-height:none !important}
	.section.search-results.grid-11,
	.container.search-filters.grid-5.pull-11{
		width:96%;
		margin:0 2%;
	}
}

@media only screen and (max-width : 767px) {
	.sublayout_row2_ .contentrow .section.folder ul.columns.four li.column {width:100%;} /* nieuw stukje voor betere kolomindeling voor telefoon*/
	#footer_columns .column {width:100%;margin:0 0 1em;}
	ul.menu-horizontal li.first-child, ul.menu-horizontal li {
		width:49% !important;margin:0;
	}
	div#menu_wide {top:-62px;}

	body.menutype_horizontal #dl-menu.menu-horizontal a {text-align:center;}
	.section.search-results form.simpleform .form-row {width:85%;}
	.container .container-content.filter-list {margin-bottom:15px !important;}
	.detail_aside #side-content, .search-filters {margin-top:0;}
	.section .columns .column,
	.section .columns .column.odd,
	.section .columns .column.even{clear:left;margin:0 2% 1em !important;}
	.section .two .column {width:96%;}
	.section .three .column {width:96%;}
	.section .four .column {width:96%;}
	div#row2.row2_content .column {margin-left:0 !important;margin-right:0 !important;margin-bottom:1.4em !important;}
}

@media only screen and (max-width : 640px) {
	div#menu_wide {top:-62px;} 
}

@media only screen and (max-width : 492px) {
	body {
		font-size:14px !important;
		line-height: 1.6 !important;
	}
	div#menu_wide {top:-62px;}
	body form#quicksearch {left:auto;width:90%;margin:0 auto;}
	body form#quicksearch input.text {width:87%;}
	form#quicksearch button.submit {width:13%;}
	h1 {font-size: 20px; margin: 40px 0 10px;}
	ul.onlytoptasks.bannercount-6 li.column, ul.onlytoptasks.columns li.column {width:50%;height:85px;border-width: 0px !important;}
	ul.onlytoptasks.bannercount-6 li.column a {height:85px;}
	ul.onlytoptasks li.column a img {float:none;}
	ul.onlytoptasks.bannercount-6 li.column {margin-bottom:2% !important;}
	ul.onlytoptasks.bannercount-6 li.column:nth-child(4) {clear:none;}
	ul.onlytoptasks.bannercount-6 li.column:nth-child(3) {border-right-width:1px;}
	ul.onlytoptasks.bannercount-6 li.column:nth-child(even) {border-right-width:0px;}
	.section.search-results form.simpleform .submit-buttons {width:15%;}
}

@media only screen and (min-width :5px) and (max-width : 959px) {
    #header .container-sessions span {display:none;}
    body a#logo {
		top: 85px;
		padding-top: 0px;
		margin: 0 auto;
		position: relative;
		text-align: center;
    }
    body a#logo img {
		max-width:none;
		max-height:60px;
	}
}