@font-face {
	font-family: Spullenmannen;
	src: url('spullen-webfont.woff');
}

@font-face {
	font-family: Spullenmannen;
	font-weight: bold;
	src: url('spullenbd-webfont.woff');
}

html {
	height:100%;
}

body {
	height:100%;
	margin:10pt;
	background-color:#ff7f00;
	color:#4f2f00;
	font-family:Spullenmannen;
	font-size:12pt;
	text-decoration:none;
	text-align:justify;
}

h1 {
	color:#000000;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:0.15em;
	margin-top:0px;
	margin-bottom:0px;
}

h2 {
	font-weight:bold;
	text-transform:uppercase;
	color:#ffffff;
	text-align:left;
	margin-top:0px;
	margin-bottom:0px;
}

h3 {
	display:inline-block;
	position:absolute;
	clear:left;
	right:10px;
	bottom:0px;
	font-style:italic;
	font-size:10pt;
	margin-bottom:5px;
}

.frame {
	background-color:#ff8f0f;
	border:1px #000000 solid;
	clear:left;
	padding:0px;
	top:15px;
	margin-bottom:15px;
	z-index:-1;
}

.content {
	padding:10px;
	margin-top:15px;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}

.list {
	position:relative;
}

.tab {
	position:relative;
	float:right;
	font-size:10pt;
}

.bg0 {
	background-color:#ff8f0f;
}

.bg1 {
	background-color:#ef6f00;
}

img {
	border:0;
	position:relative;
}

a {
	font-family:Spullenmannen;
	text-decoration:none;
	color:#ffffff;
}

a:hover {
	font-family:Spullenmannen;
	text-decoration:underline;
	color:#ffffff;
}

th {
	vertical-align:top;
	white-space: nowrap;
}

.content td {
	vertical-align:top;
}

.agenda td {
	vertical-align:middle;
}

td img {
	height:150px;
	float:left;
	margin-right:5pt;
}

.hr {
	position:relative;
	margin:0px;
	height:5px;
	top:-10px;
	text-align:center;
	vertical-align:middle
}

.agenda th {
	color:#000000;
	font-size:10pt;
}

.agenda td {
	color:#ffdfbf;
}

#nav {
	cursor:pointer;
	vertical-align:top;
}

#gallery {
	width:100%;
}

#langswitch {
	font-weight:bold;
	vertical-align:top;
	float:right;
}

#vimeo {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}

#vimeo iframe, #vimeo object, #vimeo embed {
	position: absolute;
	border:none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.print {
	display:none;
}

.contactform {
	margin-top:10px;
	padding:10px;
}

.contactforminput {
	width:100%;
}

.hide {
	display:none;
}

#expand {
	color:#ffffff;
	cursor:pointer;
}

@media (min-width: 960px) {
	body {
		margin-left:40px;
	}
	#page > * {
		display:inline-block;
		vertical-align:top;
	}
	#nav {
		margin-right:40px;
	}
	#nav > * {
		display:block;
	}
	#main {
		max-width: 800px;
		margin: auto;
	}
	.select {
		left:30px;
	}
	.listhead_mob {
		display:none;
	}
	.listhead_desk {
		display:block;
	}
	#body {
		width:600px;
	}
	#header {
		width:800px;
	}
	#header h1 {
		font-size:44pt;
	}
	#header h2 {
		font-size:14pt;
	}
	#warbadge {
		cursor:pointer;
		position:absolute;
		top:0px;
		right:42px;
	}
	.contactforminput {
		width:240px;
	}
}

@media (max-width: 959px) {
	#page > * {
		display:block;
	}
	#nav > * {
		display:inline-block;
	}
	#body {
		display:inline-block;
		width:100%;
	}
	.nav {
		width:22%;
	}
	.select {
		top:10px;
	}
	.listhead_mob {
		display:block;
	}
	.listhead_desk {
		display:none;
	}
	.listbody {
		margin-bottom:10px;
	}
	.content {
		width:*;
	}
	#header h1 {
		font-size:7vw;
	}
	#header h2 {
		font-size:3vw;
	}
	#warbadge {
		display:none;
	}
	.contactform {
		width:100%;
	}
	.contactforminput {
		width:*;
	}
}

@media print {
	body {
	}
	#page > * {
		display:inline-block;
		vertical-align:top;
	}
	#nav {
		display:none;
	}
	#credits {
		display:none;
	}
	#vimeo {
		display:none;
	}
	#gallery {
		display:none;
	}
	#header h1 {
		font-size:6vw;
	}
	h2 {
		color:#000000;
	}
	a {
		color:#000000;
	}
	.content {
		margin-top:14px;
	}
	.print {
		display:inline-block;
	}
	.nonprint {
		display:none;
	}
	#info {
		margin-top:10px;
	}
	.website {
		display:none;
	}
}