#navwrapper {
	position: relative;
	background-color: transparent;
	transition: all 360ms;
	z-index:15;
}
#navbar {
	width: 100%;
	display:flex;
	flex-direction: row;
	background: #043883;
	list-style-type: none; position: relative;
	margin: 0 0 25px;
}
#nav {
	display:block;
	width: 100%;
	height:0;
	background: #043883;
	list-style-type: none;
	padding:45px 0 0 0;
	margin: 0;
	opacity:0;
	visibility: hidden;
	overflow-y: scroll;
	transition:all 360ms;
	position:absolute;
	top:55px;
	left:0;
	right:0;
	z-index:2;
}

#nav li {
	float: none;
	position: relative;
}
#nav li.over {
	
}
#nav li a {
	font-size:1rem;
	text-decoration: none; color: #fff; font-weight: 600; display: block; line-height: 1.4rem;
	padding: 18px 12px;
	transition: all 360ms;
}
#nav li a.active {
	background: #bd0926;
	padding: 25px 12px;
}

#nav li.over a {
	opacity: 0.7;
}
#nav li .drop {
	
}
#nav li:hover .drop {
}

#nav li.over div a {

	color:#fff;
}
#nav li.over div a:hover {
	opacity: 0.7;
}

#nav > li > ul {
	list-style:none;
	padding:8px;
	top:50px;
	}
#nav > li > ul > li {
	position:relative;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
	font-size:1.0rem;
	line-height: 1.0;
	font-weight: 400
}
#nav > li > ul > li a {
	 font-size: 0.85rem;
	line-height: 1.0rem;
	padding: 5px 0;
	font-weight: 400
}
#nav li ul li:hover {
	background:none;
	border:none;
	padding:0;
	margin:0;
	opacity: 0.7;
}
 
.dropdown_1columns,
.dropdown_2columns {
	margin:12px auto;
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:10px 5px 10px 5px;
	border-top:none;
	background: url('/img/trans-darkblue.png') repeat top left; 
	z-index: 99999999;
}

.dropdown_1columns {width: 230px;}

.dropdown_2columns {width: 280px;}



#nav li.over .dropdown_1columns {
	left:-1px;
	top:auto;
}

#nav li.over .dropdown_2columns {
	left:-1px;
	top:auto;
}

.col_1 {
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}

.col_1 {width:200px;}

.col_1 ul {  }
.col_1 ul:first-child { border-top: none; }
.col_1 ul li ul { border-top: none; border-bottom: 1px dotted #87aed1; margin:0; }
.col_1 ul li ul li { padding-left: 15px!important;  }
#nav li ul li ul li a { font-size:12px; }

button.nav-toggle {
	display:inline-block;
	height: 15px;
	background: transparent;
	border: 0;
	box-shadow: none;
	outline: 0;
	padding:20px 15px 0;
	margin: 0;
	transition: all 360ms;
}

button.nav-toggle i.icon {
	width: 22px;
	height: 22px;
	display: inline-block;
	position: relative;
}

button.nav-toggle i.icon span.icon-bar,
button.nav-toggle i.icon span.icon-bar::before,
button.nav-toggle i.icon span.icon-bar::after {
	width: 20px;
	height: 2px;
	background-color: white;
	border-radius: 4px;
	position: absolute;
	transition-property: transform;
	transition-duration: .15s;
	transition-timing-function: ease;
}

button.nav-toggle i.icon span.icon-bar
{
	display: block;
	transition: background-color 0s .13s linear;
}

button.nav-toggle i.icon span.icon-bar::before {
	 content: "";
	 display: block;
	 top: 6px;
	 transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
 }

button.nav-toggle i.icon span.icon-bar::after {
	 content: "";
	 display: block;
	 bottom: -10px;
	 top: 12px;
	 transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
}

.searchToggle {
	padding:16px 12px;
	margin-left:auto;
	cursor: pointer;
}
.searchToggle i {
	font-size:1.5rem;
	color:white;
}
#zoekform {
	display: flex;
	flex-direction: row;
	justify-content:center;
	align-items: center;
	width:0;
	height: 100%;
	background-color:#043883;
	padding:0;
	overflow:hidden;
	opacity: 0;
	visibility: hidden;
	transition: all 360ms;
	position: absolute;
	top:0;
	right:0;
	z-index: 11;
}
#zoekform .zveld {
	width: 100%;
	height: 40px;
	font-size:16px;
	padding:10px;
	border:solid 1px #043883;
	box-shadow: none;
	outline:0;
}
#zoekform .zbtn {
	background-color:transparent;
	border:0;
	box-shadow: none;
	outline:0;
	cursor: pointer;
	position: absolute;
	top:50%;
	right:7px;
	transition: all 360ms;
	transform:translateY(-50%);
}
#zoekform .zbtn i {
	font-size:1.5rem;
	color:white;
}
#zoekform #searchClose {
	position: absolute;
	top:50%;
	right:12px;
	transform:translateY(-50%);
	cursor: pointer;
}
#zoekform #searchClose i {
	font-size:1.5rem;
	color:white;
}
#zoekform.active {
	width:350px;
	padding:0 80px 0 15px;
	opacity: 1;
	visibility: visible;
}
#zoekform.active .zbtn {
	right:35px;
}

	/* Menu open */
body.is-nav-open {
	overflow-y: hidden;
}
body.is-nav-open #nav {
	height:calc(100vh - 155px);
	opacity:1;
	visibility: visible;
}

body.is-nav-open button.nav-toggle {
	height: 22px;
}
body.is-nav-open button.nav-toggle i.icon span.icon-bar {
	transition-delay: .2s;
background-color: transparent !important;
}
body.is-nav-open button.nav-toggle i.icon span.icon-bar::before {
	top: 0;
	transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1);
	transform: translate3d(0, 10px, 0) rotate(45deg);
}
body.is-nav-open button.nav-toggle i.icon span.icon-bar::after {
	top: 0;
	transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1);
	transform: translate3d(0, 10px, 0) rotate(-45deg);
}

body.sticky-nav #header {
	margin-bottom:87px;
}
body.sticky-nav #navwrapper {
	position:fixed;
	top:0;
	left:0;
	right:0;
	background-color:#043883;
}
body.sticky-nav #navbar {
	margin:0;
}
body.sticky-nav.is-nav-open #nav {
	height: calc(100vh - 55px);
}
body.sticky-nav #nav > li > a {
	font-size:1rem;
	padding:12px 15px;
}
body.sticky-nav #nav > li > a.active {
	padding:12px 15px;
	margin: 0;
}
body.sticky-nav #nav li ul {
	margin-top:4px !important;
}

body.sticky-nav .searchToggle {
	padding:8px 10px 8px 15px;
}
body.sticky-nav #zoekform .zveld {
	height:35px;
}
@media only screen and (max-width: 75em) {
	#nav li a {
		padding: 18px 8px;
	}
	#nav li a.active {
		padding: 25px 8px;
	}
	.searchToggle {
		padding:16px 8px;
	}
}
@media only screen and (max-width: 62em) {
	#nav li a {
		padding: 14px 15px;
	}
	#nav li a.active {
		padding: 14px 15px;
	}
	#nav li.sf-parent {
		position:relative;
	}
	#nav li.sf-parent span.arrow {
		display:flex;
		justify-content: center;
		align-items: center;
		cursor:pointer;
		width:50px;
		height:50px;
		position: absolute;
		top:0;
		right:0;
	}
	#nav li.sf-parent span.arrow i {
		font-size:1.5rem;
		color:white;
		transform:rotate(0deg);
		transition:all 360ms;
	}
	#nav li.sf-parent > ul {
		display:block !important;
		width:100% !important;
		height:auto !important;
		max-height:0;
		padding:0 !important;
		margin:0 !important;
		position:relative;
		top:unset;
		left:unset !important;
		right:unset;
		opacity: 1 !important;
		visibility: visible !important;
		z-index:2 !important;
		transform:unset !important;
		transition: all 360ms;
		overflow:hidden !important;
	}
	#nav li.sf-parent > ul > li {
		padding:0 !important;
	}
	#nav li.sf-parent > ul > li > a {
		font-size: .9rem;
		padding:10px 15px !important;
	}

	/* Child open */
	#nav li.sf-parent.child-open span.arrow i {
		transform:rotate(180deg);
	}
	#nav li.sf-parent.child-open ul {
		max-height:100vh;
	}

	.searchToggle {
		padding: 14px 15px;
	}
	#zoekform.active {
		width: 303px;
	}

	body.sticky-nav button.nav-toggle {
		padding:15px 15px 0;
	}

	body.sticky-nav #nav {
		top:45px;
	}
	body.sticky-nav.is-nav-open #nav {
		height:calc(100vh - 45px);
	}
}
@media only screen and (min-width: 62em) {
	body.is-nav-open {
		overflow-y: unset;
	}
	button.nav-toggle {
		display: none;
	}

	#nav {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		height:auto;
		padding:0;
		opacity:1;
		visibility: visible;
		overflow-y: unset;
		position: relative;
		top: unset;
		left: unset;
		right: unset;
	}
	#nav li {
		float: left;
	}
	#nav li:nth-last-child(4) {
		margin-left:auto;
	}
	#nav li a {
		font-size:1.05rem;
	}
	#nav li a.active {
		margin: -5px 0;
		box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .2);
	}
	#nav li span.arrow {
		display:none;
	}

	body.is-nav-open #nav {
		height:auto;
	}
	body.sticky-nav.is-nav-open #nav {
		height:auto;
	}
}
@media only screen and (min-width: 75em) {
	#nav li a {
		font-size:1.15rem;
	}
}