.headerbox {
position:relative;
width:100%;
height:auto;
clear:both;
}
header {
position:relative;
width:1280px;
height:118px;
margin:0 auto;
clear:both;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	header {
	width:98%;
	height:140px;
	overflow:hidden;
	}
}
/* iPad landscape */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
	header { width:1000px; }
}
/* iPad portrait */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
	header { width:98%; }
}

.headerbg {
position:absolute;
top:20px;
left:0;
height:28px;
width:1280px;
margin:70px auto 1em auto;
background:rgba(171,35,37,1);
opacity:1;
z-index:1;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	.headerbg {
	top:2px;
	width:100%;
	height:11px;
	}
}
/* iPad landscape */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
	.headerbg { width:1000px; }
}
/* iPad portrait */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
	.headerbg { width:100%; }
}

.headerbg:before {
position:relative;
left:0px;
top:-50px;
height:0;
width:0;
content:"";
display:block;
border-left:1000px solid rgba(171,35,37,1);
border-top:50px solid transparent;
}
/* iPad portrait */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
	.headerbg:before { border-left:757px solid rgba(171,35,37,1); }
}

header .logo {
position:absolute;
top:18px;
left:5px;
width:39px;
height:auto;
margin:0;
display:block;
z-index:5;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	header .logo {
	top:5px;
	width:30px;
	}
}
header .lijn {
position:absolute;
top:40px;
left:0;
width:100%;
height:50px;
background-color:#fff;
border-top:1px #fff solid;
z-index:1;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	header .lijn {
	top:20px;
	left:15px;
	}
}
header h1 {
position:relative;
font-size:2.5em;
color:#ab2325;
line-height:1;
font-weight:700;
text-align:right;
text-shadow:0 0 1px rgba(0,0,0,0.5);
padding:49px 1% 0 0;
margin:0;
z-index:3;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	header h1 {
	font-size:1.1em;
	padding:21px 0.5% 0 0;
	}
}
/* iPad Portrait */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
	header h1 { padding:43px 1% 0 0; }
}
/* iPad Landscape */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
	header h1 { padding:43px 1% 0 0; }
}

header h2 {
position:relative;
color:#ffffff;
font-family:'Vollkorn', serif;
font-size:2.2em;
font-weight:normal;
font-style:italic;
text-align:right;
letter-spacing:1px;
margin:18px 1.5% 0 0;
z-index:3;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	header h2 {
	font-size:1.2em;
	margin:10px 1% 0 0;
	}
}


.navbutton {
display:none;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	.navbutton {
	width:100%;
	height:60px;
	text-align:right;
	padding:20px 0 0 85%;
	margin:0;
	background-color:rgba(171,35,37,1);
	display:block;
	cursor:pointer;
	z-index:10;
	}
	.bar1, .bar2, .bar3 {
	width:34px;
	height:5px;
	background-color:#fff;
	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 {
width:100%;
height:auto;
padding:0;
margin:0;
z-index:1;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	.navbox {
	width:98%;
	margin:0 auto 0 auto;
	display:none;
	}
}
.navboxfixed {
position:fixed;
top:0;
font-size:0.9em;
margin:0;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	.navboxfixed {
	display:none;
	}
}
/* iPad Portrait */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
	.navboxfixed {
	font-size:0.75em;
	}
}
/* iPad Landscape */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
	.navboxfixed {
	font-size:0.8em;
	}
}
.navboxspacer {
display:none;
}
.navboxspaceronscroll {
width:100%;
height:80px;
display:block;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	.navboxspaceronscroll {
	display:none;
	}
}

.navlogo {
display:none;
}
.navlogoonscroll {
position:absolute;
right:2%;
top:1.3em;
width:auto;
height:auto;
text-align:right;
display:block;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	.navlogoonscroll {
	display:none;
	}
}
.navlogoonscroll p {
color:#fff;
font-size:1em;
padding:0;
clear:both;
}
.navlogoonscroll a {
color:#fff;
font-size:1em;
transition: all .5s ease 0s;
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;
}
.navlogoonscroll a:link {
color:#fff;
text-decoration:none;
}
.navlogoonscroll a:visited {
color:#fff;
text-decoration:none;
}
.navlogoonscroll a:active {
color:#fff;
text-decoration:none;
}
.navlogoonscroll a:hover {
text-decoration:underline;
}

nav {
/** BEPAAL FONT IN CMS SETTINGS **/
position:relative;
width:1260px;
height:auto;
min-height:58px;
font-size:1.2em;
color:#fff;
line-height:1.2;
text-align:left;
padding:22px 0 0 20px;
margin:0 auto 0 auto;
background-color:rgba(171,35,37,1);
clear:both;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	nav {
	width:100%;
	height:auto;
	font-size:1.5em;
	text-align:center;
	padding:0;
	margin:0 auto 0 auto;
	}
}
/* iPad Portrait */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
	nav {
	width:95.5%;
	font-size:1em;
	}
}
/* iPad Landscape */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
	nav {
	width:980px;
	font-size:0.9em;
	}
}

.menu {
position:relative;
width:auto;
height:auto;
text-align:right;
padding:0;
margin:0;
display:block;
z-index:10;
list-style-type:none;
list-style-position:inside;
}
.menu li {
text-align:left;
padding:0;
margin:0 1% 0 0;
float:left;
}
.menu li:last-child {
margin:0;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	.menu li {
	text-align:center;
	margin:0;
	float:none;
	clear:both;
	}
	.menu li:last-child {
	padding:0 0 1em 0;
	margin:0;
	}
}
.menu li:before {
content:none;
}
.menu a {
position:relative;
font-size:1.2em;
color:#fff;
font-weight:300;
line-height:1;
padding:8px 10px 10px 10px;
margin:0;
background-color:rgba(255,255,255,0);
display:block;
transition: all .5s ease 0s;
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;
}

.menu a:link {
color:#fff;
text-decoration:none;
}
.menu a:active {
color:#fff;
text-decoration:none;
}
.menu a:visited {
color:#fff;
text-decoration:none;
}
.menu a:hover {
color:#fff;
text-decoration:underline;
background-color:rgba(171,35,37,1);
}
.menu a.on {
color:#fff;
text-decoration:underline;
background-color:rgba(171,35,37,1);
}

.menu a.contact {
color:#9E302C;
font-weight:700;
text-decoration:none;
background-color:rgba(255,255,255,1);
border-radius:5px;
}
.menu a.contact:hover {
color:#fff;
font-weight:700;
text-decoration:none;
background-color:rgba(171,35,37,1);
}
.menu a.contact-on {
color:#fff;
font-weight:700;
text-decoration:none;
background-color:rgba(171,35,37,1);
}

.menu-pijl {
width:auto;
height:auto;
font-size:0.5em;
font-weight:300;
line-height:1;
vertical-align:middle;
margin-left:5px;
-ms-transform:rotate(90deg); /* IE 9 */
-webkit-transform:rotate(90deg); /* Chrome, Safari, Opera */
transform:rotate(90deg);
display:inline-block;
}

.submenu {
position:absolute;
width:auto;
height:auto;
font-size:0.8em;
list-style-type:none;
list-style-position:inside;
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-top:none;
border-right:1px solid rgba(171,35,37,1);
border-bottom:1px solid rgba(171,35,37,1);
border-left:1px solid rgba(171,35,37,1);
float:none;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	.submenu li {
	text-align:center;
	}
}
.submenu li:first-child {
border-top:1px solid rgba(171,35,37,1);
}
.submenu li:last-child {
}
.submenu a {
position:relative;
font-size:1.4em;
color:#fff;
font-weight:300;
line-height:1;
padding:10px 10px 10px 10px;
margin:0;
transition: all .5s ease 0s;
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
-ms-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:rgba(171,35,37,1);
text-decoration:none;
}
.submenu a:active {
color:rgba(171,35,37,1);
text-decoration:none;
}
.submenu a:visited {
color:rgba(171,35,37,1);
text-decoration:none;
}
.submenu a:hover {
color:#fff;
text-decoration:none;
}
.submenu a.on {
color:#fff;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	.submenu a.on {
	color:rgba(171,35,37,1);
	background-color:#fff;
	text-decoration:underline;
	}
}

.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 {
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;
	}
}