* {
	margin: 0;
	padding: 0;
	outline: 0;
}
html, body, .wrapper {
	height: 100%;
	min-height: 100%;
}

body {
	font-family:'FrutigerNeue1450W01-Reg',sans-serif;
	font-size: 13px;
	line-height: 1.75em;
	width: 76em;
	margin: 0 auto;
	background: #EEE;
}
.wrapper {
	width: 69em;
	margin: 0 auto;
	border: 1px solid transparent;
}
.rang {
	height: 28px;
	background: url("../images/rangtekens.jpg") center center;
}
.rang ul {
	list-style: none;
	float: right;
}
.rang li {
	display: inline;
}
.rang li a {
	height: 28px;
	line-height: 28px;
	display: block;
	float: left;
	background: #cd071e;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0 1em;
	background: url('../images/rangtekens.png') no-repeat right center;
	font-size: 11px;
}
.rang li:first-child a {
	background: url('../images/rangtekens.png') no-repeat left center;
	padding: 0 1em 0 3em;
}
.camouflage {
	height: 20px;
	background: url("../images/camouflage.jpg") center center;
}
header {
	background: #02290D;
}
.labeltop {
	width: 124px;
	position: absolute;
	top: -18px;
	margin-left: 0px;
	z-index: 100;
}
.labelbottom {
	position: absolute;
	margin: -240px 0 0 60em;
	width: 130px;
}
header h1 {
	font-family:'Clarendon W01 Light 692104';
	font-size: 33px;
	color: #FFFFFF;
	text-align: center;
	padding: 0.75em 0 0.35em 0;
}
header h2 {
	font-family:'FrutigerNeue1450W01-Bol 1196308';
	color: #A9B678;
	font-size: 1em;
	text-align: center;
	padding: 0 0 1.35em 0;
	text-transform: uppercase;
}
header nav {
	height: 3em;
	line-height: 3em;
	border-top: 1px solid #045123;
}
header nav ul {
	width: 58em;
	margin: 0 auto;
	padding: 0 0 0 12em;
}
header nav ul a {
	font-size: 14px;
}
header nav ul ul a {
	font-size: 13px;
}
.submenu ul {
	margin: 1em 0 0 -3.5em;
}
.submenu ul ul {
	margin: 1em 0 2em 0;
}
.submenu li a {
	background: url('../images/bannerbackground.png') no-repeat center right;
	background-size: auto 100%;	
	border: 1px transparent red;
	color: #FFF;
	text-decoration: none;
	padding: 0.5em 2.5em 0.5em 5em;
	margin: 0 0 1.5em;
	font-size: 12px;
	display: table;
}
.submenu li a:hover, .submenu li a.selected {
	background: url('../images/bannerbackground-selected.png') no-repeat center right;
	background-size: auto 100%;	
}
.submenu li li a {
	background: url('../images/bannerbackground.png') no-repeat center right;
	background-size: auto 100%;	
	padding: 0.25em 0em 0.25em 2em;
	margin: 0 0 0.5em -2.25em;
	font-size: 12px;
	max-width: 180px;
}
#banner {
	height: 300px;
	width: 100%;
}
#bannersmall {
	height: 150px;
	width: 100%;
}
#bannersmall .wrapper {
	margin: 0;
	width: 100%;
}

#banner .image1 {
	background: #02290D url("../images/header-home.jpg") center center;
	background-size: 100% auto;
	width: 100%;
	box-sizing: border-box;
}
#banner .image2 {
	background: #02290D url("/uploads/headers/1A1.jpg") left center;
	background-size: 100% auto;
	width: 100%;
	box-sizing: border-box;
}
#banner .image3 {
	background: #02290D url("/uploads/headers/1A2.jpg") center bottom;
	background-size: 100% auto;
	width: 100%;
	box-sizing: border-box;
}
#banner .image4 {
	background: #02290D url("/uploads/headers/1A3.jpg") center bottom;
	background-size: 100% auto;
	width: 100%;
	box-sizing: border-box;
}
#banner .image5 {
	background: #02290D url("/uploads/headers/1A4.jpg") center bottom;
	background-size: 100% auto;
	width: 100%;
	box-sizing: border-box;
}

#banner .wrapper p {
	font-family:'Clarendon W01 Bold 927496';
	font-weight: normal;
	font-size: 2em;
	color: #FFFFFF;
	margin: 2.25em 0 0 -1px;
	line-height: 1.15em;
	background: url('../images/bannerbackground.png') no-repeat center right;
	background-size: auto 100%;
	max-width: 400px;
	padding: 0.5em 1.5em 0.5em 2em;
	display: block;
	float: left;
}
#bannersmall .wrapper p {
	font-family:'Clarendon W01 Bold 927496';
	font-weight: normal;
	font-size: 2em;
	color: #FFFFFF;
	margin: 1.75em 0 0 0;
	line-height: 1.15em;
	background: url('../images/bannerbackground.png') no-repeat center right;
	background-size: auto 100%;
	max-width: 400px;
	padding: 0.5em 1.5em 0.5em 2em;
	display: block;
	float: left;
}
.content {
	background: #FFF;
	min-height: 65%;
	/* padding-bottom: 10em; */
}
section {
	display: table;
	width: 100%;
}
section blockquote {
	background: #EEE;
	border-radius: 1em;
	padding: 1% 3%;
	font-size: 0.9em;
	margin: 2em 0 1em 0;
	display: table;
	width: 94%;
}
section input[type="button"] {
	background: #CA0F25;
	border-radius: 0.5em;
	color: #FFF;
	border: 0;
}

/* facebook button */
a.subscribe, a.contact, .formbutton, input.button {
	background-color: #CA0F25;
	margin-bottom: 1em;
}
a.subscribe, a.contact, .formbutton, input.button {
	border: 1px solid #777;
	border-color: rgba(0,0,0,0.2);
	border-bottom-color: #333;
	border-bottom-color: rgba(0,0,0,0.4);
	color: #fff;
	-moz-box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.4), inset 0 0 0.1em rgba(255,255,255,0.9);
	-webkit-box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.4), inset 0 0 0.1em rgba(255,255,255,0.9);
	box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.4), inset 0 0 0.1em rgba(255,255,255,0.9);
	cursor: pointer;
	display: inline-block;
	font: bold 120%/2.1 "FrutigerNeue1450W01-Reg", Tahoma, sans-serif;
	padding: 0 .95em;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	white-space: nowrap;
	
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	
	position: relative;
	
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border-radius: .3em;
	
	background-image: -moz-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1));
	background-image: -ms-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1));
	background-image: -o-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1));
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.1)), color-stop(49%, rgba(255,255,255,.05)), color-stop(51%, rgba(0,0,0,.05)), to(rgba(0,0,0,.1)));
	background-image: -webkit-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1));
	background-image: linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1));
}

section ul {
	list-style-position: outside;
	margin-left: 1.5em;
}
section p img {
	margin: 0.5em;
}
a img {
	border: 0;
}
strong {
	font-family:'FrutigerNeue1450W01-Bol 1196308',serif;
}
article {
	/* margin: 0 1em 1em 1em; */
}
.half {
	width: 28em;
}
.third {
	width: 20.5em;
	border-left: 1px solid #DDD;
	padding-left: 2em;
	margin-left: 1em;
}
.third.block0 {
	clear: both;
	border: none;
	padding-left: 0em;
	margin-left: 0em;
}
.twothird {
	width: 43em;
}

.quarter, .threequarter {
	/* background: #EEE; */
}

.quarter {
	width: 16em;
}
.threequarter {
	width: 52em;
}
.quarter ul {
	list-style: none;
}
.quarter ul ul {
	margin-left: 2em;
}

img {
	max-width: 100%;
}
.left {
	float: left;
}
.right {
	float: right;
}
footer {
	color: #AAA;
	display: table;
	width: 100%;
	padding: 1em 0;
	background: #EEE;
}
footer p {
	font-size: 0.85em;
}
footer a {
	color: #FFF;
	color: #AAA;
}
footer ul {
	list-style: none;
}
footer ul li {
	display: inline;
	font-size: 11px;
	margin: 0 1em 0 0;
}
footer ul li a {
	text-decoration: none;
}
nav li {
	display: block;
	float: left;
	padding: 0 1em 0 0;
}
nav li li {
	display: block;
	clear: both;
	padding: 0 1em 0 0;
}
nav select {
	display: none;
}
nav a {
	color: #FFFFFF;
	text-decoration: none;
}
nav a:hover, nav li a.selected {
	color: #6D9281;
}
nav ul ul {
	position: absolute;
	left: -100%;
	background: #02290D;
	max-width: 240px;
	width: 240px;
	padding: 0;
	line-height: 2em;
	margin-left: -10px;
	display: table;
	z-index: 200;
}
nav li:hover ul {
	position: absolute;
	left: auto;
}
nav ul ul li a {
	display: block;
	width: 260px;
	clear: both;
	padding: 0 10px;
	font-size: 11px;
}
nav li:hover ul ul {
	position: relative;
	left: auto;
}
nav ul ul ul {
	position: relative;
	padding: 0;
	line-height: 2em;
	margin-left: 0px;
	display: table;
}
nav ul ul ul a {
	width: 190px;
	font-size: 11px;
	margin-left: 10px;
}

section {
	padding: 2em 0;
}
section h1 {
	font-family:'Clarendon W01 Light 692104';
	font-size: 2em;
	line-height: 1.25em;
	margin: 0.5em 0;
	color: #CA0F25;
}
section h2 {
	font-family:'Clarendon W01 Light 692104';
}
section p {
	margin: 0.5em 0 1em;
}
section a {
	color: #CA0F25;
}

section .home h1 {
	font-size: 1.5em;
}
section .home h1 a {
	text-decoration: none;
}

/* form */
input[type="text"], textarea, select {
	background: none;
	-webkit-appearance: none;
	width: 100%;
	border: 1px solid #eadbd8;
	resize: none;
	font-family:'FrutigerNeue1450W01-Reg',sans-serif;
	font-size: 13px;
	height: 2.5em;
	padding: 0 0.5em;
	overflow: auto;
	margin: 0.5em 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
textarea {
	display: table!important;
	width: 100%!important;
	padding: 0.5em;
	height: 8em!important;
}
input[type="text"].error {
	border: 1px solid #BF0018;
}

form.autoform label {
	display: table;
	width: 100%;
	margin: 0 0 0.5em 0;
}

form.autoform h2 {
	margin: 0.75em 0 0.5em;
}
form.autoform p.errortext {
	display: none;
	color: #BF0018;
}
form.autoform span {
	float: left;
	display: block;
	width: 300px;
	padding: 0.25em;
}
form.autoform span.error {
	color: #BF0018;
}
form.autoform input[type="text"], form.autoform textarea, form.autoform select {
	background: none;
	-webkit-appearance: none;
	width: 100%;
	border: 1px solid #eadbd8;
	resize: none;
	font-family:'FrutigerNeue1450W01-Reg',sans-serif;
	font-size: 13px;
	height: 2em;
	padding: 0 0.5em;
	overflow: auto;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	width: 300px;
	margin: 0;
}
form.autoform input[type="checkbox"] {
		margin: 0.5em 0.5em 0.5em 0;
	}
form.autoform input[type="text"].error {
	border: 1px solid #BF0018;
}

/* responsive */
@media screen and (max-width: 62em) {
	body {
		width: 100%
	}
	.wrapper {
		width: 100%;
		padding: 0 0 80px 0;
	}
	.content {
		width: 92%;
		padding: 0 4%;
	}
	nav select {
		display: block;
		border: none;
		color: #FFF;
		width: 92%;
		padding: 0 4%;
		height: 1.5em;
	}
	.rang ul {
		display: none;
	}
	footer ul {
		display: none;
	}
	nav ul {
		display: none;
	}
	.submenu {
		display: none;
	}
	header {
		height: auto;
	}
	header .wrapper {
		padding: 0;
	}
	header h1 {
		font-size: 2em;
		line-height: 1em;
	}
	header h2 {
		font-size: 0.8em;
	}
	.labeltop {
		display: none;
	}
	.labelbottom {
		position: absolute;
		margin: -240px 0 0 -65px;
		width: 130px;
		left: 50%;
	}
	.half {
		width: 92%;
		padding: 4%;
	}
	.third {
		width: 92%;
		border: none;
		margin: 0;
		padding: 0;
		float: none;
	}
	.third.block0 {
		clear: both;
		border: none;
		margin: 0;
		padding: 0;
	}
	.twothird {
		width: 92%;
		padding: 4%;
	}
	.threequarter {
		width: 92%;
		padding: 4%;
	}
	.quarter {
		width: 92%;
		padding: 4%;
	}
	#banner .image1, #banner .image2 ,#banner .image3 {
		background-size: auto 100%;
	}
	#banner .wrapper p, #bannersmall .wrapper p {
		font-size: 1.5em;
		margin: 1.75em 0 0 0;
		line-height: 1.15em;
		background: url('../images/bannerbackground.png') no-repeat center right;
		background-size: auto 100%;
		max-width: 400px;
		padding: 0.5em 1.5em 0.5em 0.5em;
	}
	form.inschrijving input[type="checkbox"] {
		margin: 0.5em 0.5em 0.5em 0;
	}
	form.inschrijving span, form.inschrijving input[type="text"], textarea, select {
		width: 100%;
	}
}