header#top
{
	background: var(--header-background-color);
	height:var(--headerheight320_plus);
	top:0;
	width:inherit;
	max-width:inherit;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	z-index:1000;
/*	position:absolute;*/
	position:fixed;
}

header#top div.header_logo,
header#top div.header_logo_s
{
	width:50%;
	float:left;
	padding:1px;
	overflow:hidden;
}
header#top div.header_logo
{
	display:none;
}
#top div.header_logo a:focus,
#top div.header_logo_s a:focus
{
	outline-offset: -2px;
	outline-color: var(--header-controls-color-5);
}

header#top div.header_logo div,
header#top div.header_logo_s div
{
	overflow:hidden;
	width:85px;
	width:160px;
	margin-left:auto;
	margin-right:auto;
}

.nav-dropdown
{
	width:unset;
}
#mainnav
{
	width:50%;
	height:100%;
	border-left: var(--lichtgrijs) solid 1px;
	text-align:right;
	float:right;
}
#mainnav li a.selected
{
	color: var(--header-controls-color-2);
}
div.nav
{
	text-align:left;
}

header#top div.header_logo img
{
	max-width:none;
}

header#top div.nav
{
	position:absolute;
	top:100%;
	width:100%;
	z-index:2;
	left:0;
	margin:0;
	display:none;
	height: calc(100vh - var(--headerheight320_plus));
	overflow-y: auto;
	flex-direction: column;
}

header#top nav div > ul > li > a
{
	color: var(--header-controls-color-2);
}
header#top nav div > ul > li a:focus
{
	outline-offset: -2px;
	outline-style: dotted;
	outline-width: 2px;
}
header#top nav div > ul > li:target a:focus
{
	outline-color: var(--header-controls-color-2);
}
header#top nav ul a
{
	color: var(--header-controls-color-3);
	text-decoration:none;
}

.nav-dropdown li
{
	display:table-column;
	float:left;
	background-color: var(--header-controls-background-color);
	width:100%;
	padding:0;
	border:0;
}

header#top ul li
{
	transition: all 0.2s ease 0s;
	position: relative;
	padding: 1px;
}
header#top ul li a
{
	display:block;
	padding:5px 13px;
		cursor:pointer;
}
/*
header#top ul li ul
{
	background:var(--menu-bg);
}
*/
header#top ul li ul li
{
	display: block;
	color: #fff;
}

header#top ul li ul li a
{
	padding: 5px 20px;
	padding:13px;
	display:block;
}
header#top div.nav > ul > li:target
{
	background-color: var(--header-controls-background-color);
}
header#top div.nav > ul li:hover > label,
header#top div.nav > ul li:target > a
{
	color:var(--header-controls-color-2);
}
header#top div.nav ul.nav-dropdown li:hover > a
{
	color: var(--header-controls-color-4);
}
header#top div.nav ul.nav-dropdown li > a:focus
{
	color: var(--header-controls-color-4);
	outline-offset: -2px;
	outline-style: dotted;
	outline-width: 2px;
	outline-color: var(--header-controls-color-4);
}

.nav-dropdown
{
	display:none;
}

li:target .nav-dropdown
{
	display : inline-block;
}

header#top nav ul
{
	list-style: outside none none;
	padding:0;
	margin:0;
	width:auto;
	min-width:200px;
	background-color: var(--header-controls-background-color);
	flex-grow: 1;
}


button.nav-trigger
{
	display:block;
	width:100%;
	height:100%;
	padding:20px;
	cursor:pointer;
	border: 0;
	font-family: unset;
	font-size: unset;
	text-align: unset;
	background-color: var(--header-background-color);
}
button.nav-trigger:focus
{
	outline-offset: -2px;
	outline-style: dotted;
	outline-width: 2px;
}
button.nav-trigger::-moz-focus-inner
{
	border: 0;
}

button.nav-trigger img
{
	height: 12px;
}

label.nav-trigger:hover
{
/*	text-decoration:underline;*/
}

input.nav-trigger
{
	position: absolute;
	clip: rect(0, 0, 0, 0);
	left:-10px;
}

.nav-trigger_m:checked + label + .nav-dropdown ,
.nav-trigger:checked + div.nav
{
	display:block !important;
}

div.nav input[type="checkbox"]
{
	display:none;
}

ul.columns
{
	float: left;
	position: relative;
	margin-right: 20px;
}

nav#breadcrumbs
{
	height:20px;
}
nav#breadcrumbs ul
{
	list-style: outside none none;
	padding:0;
	margin:0;
}
nav#breadcrumbs ul li
{
	float: left;
}
nav#breadcrumbs ul li a
{
	text-decoration:none;
}
.breadseperator
{
	color: var(--blauw);
	font-family: "icomoon";
	font-size:0.7em;
	padding:0 10px;
}

/* calendarium, breadcrumbs */
.col-10 .bluebox nav
{
	margin-top: 20px;
}

.mainsearch-wrapper
{
	display:block;
	height:140px;
	padding:13px 5px;
}

form.mainsearch
{
	flex-grow: 1;
	width:100%;
}

.mainsearchselect
{
	display:block;
	width:100%;
	background:#fff;
	float:none;
	font-size:13px;
	min-width:175px;
	position: relative;
	user-select: none;
	border: 1px solid var(--header-controls-color-5);
	border-radius: 5px;
	height:48px;
	padding: 0;
}

.mainsearch
{
	margin-top:13px;
}

.mainsearchform
{
	flex-grow:1;
}
.mainsearchform input::placeholder
{
	color: var(--header-controls-color-6);
}

aside .mainsearchform
{
	margin: 0 15px;
}

.mainsearchform input[type="search"]
{
	-webkit-appearance: textfield;
	border:0;
	width:100%;
	font-style:italic;
	padding-left: 15px;
	padding-right: 15px;
	text-overflow: ellipsis;
	background:#fff;
	border: 1px solid var(--header-controls-color-5);
	border-radius: 5px;
	height:48px;

}
.sub input[type="search"]
{
	font-size:1.1em;
}
.mainsearchform span
{
    display: block;
    width: calc(100% - 48px);
    padding-right:5px;
    float:left;
}

.mainsearchform button
{
	border-style: none;
	border-radius: 5px;
	padding: 0;
	height:48px;
	width:48px;
	background-color: var(--menu-bg);
}
.mainsearchform button::-moz-focus-inner
{
	border: 0;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	/* Support: IE7 */
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-button {
	overflow: hidden;
	position: relative;
	text-decoration: none;
	cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
	right: 0.5em;
	left: auto;
	margin-top: -8px;
	position: absolute;
	top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
	text-align: left;
	padding: 13px 2.1em 13px 1em;
	display: block;
	line-height: 1.4;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ui-icon-triangle-1-n,
.ui-icon-triangle-1-s {
     font-family: "icomoon";
     position: relative;
     height: 15px;
     width: 15px;
     font-size:10px;
     font-style:normal;
}
 .ui-icon-triangle-1-n::after,
 .ui-icon-triangle-1-s::after {
     content: "\e800";
     position: absolute;
     bottom: 0px;
     width: 0.15rem;
     height: 100%;
}

.ui-selectmenu-button-open .ui-icon-triangle-1-s::after {
     left: -3px;
     bottom:-4px;
     transform: rotate(-90deg);
}

.ui-icon-triangle-1-n::after
{
     left: 5px;
     top:2px;
     transform: rotate(-90deg);
}
 .ui-icon-triangle-1-s::after {
     left: 5px;
     bottom:2px;
     transform: rotate(90deg);
}
.ui-selectmenu-open
{
	z-index:1001;
	background:#fff;
	border:1px solid var(--menu-bg);
}

.ui-selectmenu-menu ul
{
	margin:0;
	padding: 0;
	list-style-type: none;
}
.ui-selectmenu-menu li
{
	position: relative;
	display: block;
	background:#fff;
	padding: 0 10px 0 10px;
	line-height: 48px;
	border-bottom: 1px solid var(--lichtgrijs);
	font-size: 13px;
}

.ui-selectmenu-menu li[aria-selected="true"]
{
     cursor: pointer;
     color: #ffffff;
     background-color: var(--main-txt);
}
li.ui-state-disabled {
  display:none;
}

@media screen and (min-width:600px)
{
	.ui-selectmenu-button span.ui-selectmenu-text
	{
		padding-left:0px;
	}
	.mainsearch-wrapper
	{
		display:block;
		height:80px;
	}
	form.mainsearch
	{
		display:flex;
		margin-top:0px;
		padding-left:13px;
		width:inherit;
	}
	.mainsearchselect
	{
		float:left;
		width:inherit;
	}
	.mainsearchselect
	{

		height:48px;
		float:left;
		padding: 0 10px;
	}
}

@media screen and (min-width:1180px)
{
	.mainsearch-wrapper
	{
		padding:0;
		height:0px;
		position:fixed;
		top:26px;
		left:130px;
		z-index:1001;
		max-width:929px;
		width: -webkit-calc(100% - 442px);
		width:    -moz-calc(100% - 442px);
		width:         calc(100% - 442px);
	}
	.mainsearchselect
	{
		max-width:178px;
	}
	form.mrinsearchform
	{
		display:block;
                border: 1px solid var(--main-bg);
                border-radius: 5px;
                overflow:hidden;
        }
	.mainsearchform input[type="search"]
	{
		font-size: 13px;
		padding-bottom: 3px;
		padding-left: 10px;
		padding-right: 10px;
	}
	header#top ul li .nav-dropdown
	{
		position:absolute;
		top:var(--headerheight);
		height:100%;
	}

	.nav-dropdown li
	{
		display:table-cell;
		min-width:200px;
		float:none;
	}
	header#top ul li:last-child ul,
	header#top ul li:last-child .nav-dropdown
	{
		left:unset;
		right:0px;
	}
	header#top ul li .nav-dropdown
	{
		right:0px;
	}
	.nav-trigger_m:checked + label + .nav-dropdown
	{
		display:none !important;
	}
	header#top
	{
		height:var(--headerheight_plus);
	}
	nav#mainnav
	{
		text-align:center;
	}

	header#top div.header_logo_s
	{
		width:auto;
	}
	header#top nav div > ul > li > a
	{
		padding-top:var(--padding_mainnav);
		padding-bottom:var(--padding_mainnav);
		color: var(--header-controls-color);
	}

	header#top ul li
	{
		padding:0;
	}
	nav#mainnav
	{
		width:auto;
		position:absolute;
		text-align:left;
		right:0;
/*		top:-var(--headerheight);
		height:100%;*/
	}
	header#top #mainnav div.nav
	{
		display:block !important;
		position:static;
		width:auto;
		z-index:1;
		background: var(--menu-txt-hover);
		margin:0;
		color: var(--main-txt) !important;
		padding:0;
		height: unset;
		overflow-y: unset;
	}
	nav#mainnav > ul
	{
		list-style: outside none none;
		padding:0;
		margin:0;
		height:100%;
	}
	div.nav > ul .nav-dropdown
	{
		display:none;
	}
	div.nav > ul > li:first-child
	{
		border-left:none;
	}
	div.nav > ul > li
	{
		padding:0;
		color: var(--main-txt);
		margin:0;
		float:left;
		height:100%;
		border-left: var(--lichtgrijs) solid 1px;
	}
	div.nav > ul > li > a
	{
		text-align:center;
		text-decoration:none;
		display:inline-block;
	}
	.nav-trigger
	{
		display:none !important;
	}
	header#top
	{
		border-bottom:var(--lichtgrijs) solid 1px;
	}
	header#top div.header_logo div
	{
		padding:10px;
	}
	header#top div.nav > ul > li:target > .nav-dropdown
	{
		display:table !important;
	}
}

@media screen and (min-width:1433px)
{
	.mainsearch-wrapper
	{
		left:370px;
		width: -webkit-calc(100% - 562px);
		width:    -moz-calc(100% - 562px);
		width:         calc(100% - 562px);
	}

	header#top div.header_logo div
	{
		width:100%;
	}
	header#top div.header_logo
	{
		width:auto;
		display:block;
	}
	header#top div.header_logo_s
	{
		display:none;
	}
}
@media screen and (min-width:1496px)
{
	.mainsearch-wrapper
	{
		left:calc(50% - 375px);
	}

}
@media screen and (min-height:500px)
{
	header#top ul li a
	{
		padding:13px;
	}

	header button
	{
		background-color: var(--header-background-color);
	}
}

:focus,
.header_logo a:focus
{
	outline-offset: 2px;
	outline-style: dotted;
	outline-width: 2px;
	outline-color: var(--header-controls-color-5);
}

button img.icon-search
{
	width: 16px;
}
button span.icon-search-label, form.mainsearch label
{
	position: absolute;
	top: -999px;
	left: -999px;
}

nav.skiplinks h2, #mainmenu-heading
{
	position: absolute;
	top: -999px;
	left: -999px;
}
nav.skiplinks ul
{
	list-style-type: none;
}
nav.skiplinks a
{
	position: absolute;
	z-index: 1001;
	top: -999px;
	left: -999px;
	padding: 9px;
	background-color: var(--controls-background-color);
	font-weight: bold;
	color: var(--controls-color);
	outline-color: var(--controls-background-color);
	text-decoration: none;
}
nav.skiplinks a:focus
{
	top: 9px;
	left: 9px;
}