.headerbox {
/** BEPAAL NAVFONT IN CMS SETTINGS **/
position:relative;
width:100%;
height:auto;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	.headerbox {
	width:98%;
	}
}

header {
position:relative;
height:auto;
color:#000;
padding:0.5em 0 0.5em 0;
background-color:rgba(255,255,255,1);
margin:0 auto 0 auto;
clear:both;
z-index:2;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	header {
	width:100%;
	}
}

header h1 {
color:#000;
font-size:4.2em;
line-height:0.7;
font-weight:normal;
text-align:left;
letter-spacing:2px;
margin:0.5em 0 0.5em 0;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	header h1 {
	max-width:50%;
	font-size:1.3em;
	}
}
header h1 a {
color:#000;
}
header h1 a:link {
color:#000;
text-decoration:none;
}
header h1 a:visited {
color:#000;
text-decoration:none;
}
header h1 a:active {
color:#000;
text-decoration:none;
}
header h1 a:hover {
color:#ff6723;
text-decoration:none;
}

header h2 {
font-size:2.5em;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	header h2 { font-size:1em; }
}


.navbutton {
display:none;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	.navbutton {
	position:absolute;
	top:4px;
	right:4%;
	display:inline-block;
	cursor:pointer;
	}
	.bar1, .bar2, .bar3 {
	width:34px;
	height:5px;
	background-color:#000;
	margin:6px 0;
	transition:0.4s;
	}
	/* Rotate first bar */
	.navbuttonchange .bar1 {
	position:relative;
	left:1px;
	-webkit-transform:rotate(-45deg) translate(-9px, 6px) ;
	transform:rotate(-45deg) translate(-9px, 6px) ;
	}
	/* Fade out the second bar */
	.navbuttonchange .bar2 {
	opacity:0;
	}
	/* Rotate last bar */
	.navbuttonchange .bar3 {
	-webkit-transform:rotate(45deg) translate(-8px, -8px) ;
	transform:rotate(45deg) translate(-8px, -8px) ;
	}
}

.navbox {
position:relative;
width:100%;
height:auto;
margin:0 0 0.5em 0;
z-index:1;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	.navbox {
	display:none;
	}
}
.navboxfixed {
position:fixed;
top:0;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	.navboxfixed {
	display:none;
	}
}

nav {
/** BEPAAL FONT IN CMS SETTINGS **/
position:relative;
height:auto;
font-size:1em;
color:#000;
line-height:1.2;
text-align:left;
padding:0.5em 0 0.5em 0;
margin:0 auto 0 auto;
background-color:#fff;
clear:both;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	nav {
	width:100%;
	font-size:1.5em;
	text-align:center;
	}
}
.menu {
position:relative;
width:auto;
height:auto;
text-align:right;
list-style-type:none;
list-style-position:inside;
padding:0;
background-color:#fff;
margin:0;
display:block;
z-index:10;
}
.menu li {
text-align:center;
padding:0;
margin:0 2% 0 0;
float:left;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	.menu li {
	text-align:center;
	margin:0 1% 0 1%;
	float:none;
	}
}
.menu li:before {
content:none;
}
.menu li:first-child {
font-weight:700;
}
.menu li:last-child {
margin:0;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	.menu li:last-child {
	margin:0 1% 0 1%;
	float:none;
	}
}

.menu a {
position:relative;
font-size:1.5em;
color:#000;
letter-spacing:1px;
line-height:1;
padding:10px 0 10px 0;
border-bottom:3px solid #fff;
margin:0;
display:block;
transition:all .5s ease 0s;
}
.menu a:link {
color:#000;
text-decoration:none;
}
.menu a:active {
color:#000;
text-decoration:none;
}
.menu a:visited {
color:#000;
text-decoration:none;
}
.menu a:hover {
font-weight:700;
border-bottom:3px solid #000;
text-decoration:none;
}
.menu a.on {
font-weight:700;
border-bottom:3px solid #000;
}

.menu-pijl {
width:auto;
height:auto;
font-size:0.75em;
line-height:1;
vertical-align:middle;
margin-left:5px;
transform:rotate(90deg);
display:inline-block;
}

.submenu {
position:absolute;
width:auto;
height:auto;
font-size:1em;
list-style-type:none;
padding:0;
margin:0;
z-index:2;
display:none;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	.submenu {
	position:relative;
	width:100%;
	}
}
.submenu li {
text-align:left;
white-space:nowrap;
background-color:#fff;
padding:0;
margin:0;
border:none;
float:none;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	.submenu li {
	text-align:center;
	}
}
.submenu li:first-child {
margin-top:3px;
}
.submenu li:last-child {
margin-bottom:0;
float:none;
}
.submenu a {
position:relative;
font-size:1.5em;
color:#fff;
font-weight:normal;
letter-spacing:1px;
line-height:1;
padding:6px 10px 6px 10px;
margin:0;
border-bottom:3px solid #fff;
transition: all .5s ease 0s;
display:block;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	.submenu a { padding:10px; }
}
.submenu a:link {
color:#000;
text-decoration:none;
}
.submenu a:active {
color:#000;
text-decoration:none;
}
.submenu a:visited {
color:#000;
text-decoration:none;
}
.submenu a:hover {
font-weight:700;
border-bottom:3px solid #000;
text-decoration:none;
}
.submenu a.on {
font-weight:700;
border-bottom:3px solid #000;
}

.nav-search-input {
width:78%;
height:auto;
margin:2px;
}
.nav-search-button {
width:25px;
height:23px;
background:url('../graphics/search.png');
background-repeat:no-repeat;
background-size:auto 70%;
background-position:center 4px;
background-color:rgba(255,255,255,0.5);
border:none;
display:block;
float:right;
}
.nav-search-button:hover {
background-color:#fff;
cursor:pointer;
}

.menu li.taalmenu {
text-align:center;
float:right;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	.menu li.taalmenu {
	padding-bottom:1em;
	border-bottom:1px solid #000;
	float:none;
	}
}
.menu li.taalmenu a {
font-size:1em;
margin:0 3% 0 0;
border:none;
display:inline-block;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	.menu li.taalmenu a {
	margin-right:0;
	}
}
.menu li.taalmenu a:hover {
border-bottom:2px solid #000;
}
.menu li.taalmenu a:last-child {
margin-right:0;
}