@charset "utf-8";
@import url("/css/reset.css");
@import url("/css/typography.css");

* {
	margin: 0;
}

* html .box {
	position: absolute;
}

html {
	height: 100%;
	overflow: auto;
}

body {
	overflow: auto;
	margin: 0;
	text-align: center;
	height: 100%;
}

span.det {
	font-size: .8em;
	color: #999;
}

div#site_wrap {
	margin: 28px auto;
	text-align: left;
	width: 940px;
	background: url(images/content_bg.png);
	padding: 0 28px 28px 28px;
}

div.wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: auto;
}

img#bg {
	min-width: 100%;
	min-height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
}

.line {
	margin: 2px 0 0 0;
	height: 2px;
	background: #fff;
	width: 940px;
	font-size: 0;
	line-height: 0;
}

.linezonder {
	margin: 2px 0 0 0;
	height: 2px;
	background: #fff;
	width: 553px;
	font-size: 0;
	line-height: 0;
}

ul.menu {
	margin: 4px 0 28px 0;
	width: 553px;
}

ul.menu li {
	line-height: 1.4em;
	overflow: hidden;
}

ul.menu li a {
	line-height: 1.4em;
	font-family: "Gill Sans", "Arial";
	font-size: 1.4em;
	color: #d3d3d3;
	font-weight: lighter;
	text-decoration: none;
}

ul#menu a {
	font-family: "Gill Sans", "Arial";
}

ul.menu li a:hover {
	color: #fff;
	margin-bottom: 2px;
	border-bottom: solid 0.071em #fff;
}

ul.menu li.selected a {
	padding: 0 1.071em 0 0;
	background: url(images/star.png) no-repeat right bottom;
}

div#navigatie {
	float: left;
	width: 553px;
	padding: 28px 0 0 0;
}

div#content {
	margin: 0;
	float:right;
	width: 331px;
	background: #fff;	
	padding: 28px 28px 13px 28px;
}

	div#content div.line {
		width: 331px;
		height: 0;
		border-top: 1px solid #000;
		margin-bottom: 10px;
		text-indent: -9999em;
	}

div#content p {
	font-family: "Courier","Arial";
	font-weight: lighter;
	font-size: 1.2em;
	line-height: 1.25em;
	margin: 0 0 15px 0;
}

div#content a {
	color: #ff9f00;
}

div#content a:hover {
	color: #fff;
	background: #ff9f00;
}

div#logo {
	float: left;
}

div#contact {
	float: right;
	margin: 75px 0 0 0;
}

div#contact p {
	font-family: "Gill Sans", "Arial";
	font-size: 1.2em;
	line-height: 1.25em;
	color: #fff;
	font-weight: lighter;
	text-decoration: none;
	text-align: right;
}

div#container {
	min-height: 100%;
}

div#homelink {
	float: left;
	margin: 3px 0 0 0;
}

div#homelink p a {
	font-family: "Gill Sans", "Arial";
	font-size: 1.4em;
	color: #d3d3d3;
	text-decoration: none;
}

div#homelink p a:hover {
	color: #fff;
	margin-bottom: 2px;
	border-bottom: solid 1px #fff;
}

ul#nav {
	float: right;
	margin: 3px 0 0 0;
}

ul#nav li {
	margin: 0px;
	color: #d3d3d3;
	float: left;
	display: inline;
	height: 17px;
	overflow: hidden;
	padding: 0 0 0 15px;
}

ul#nav li a {
	height: 17px;
	color: #d3d3d3;
	font-family: "Gill Sans", "Arial";
	font-size: 1.4em;
	font-weight: lighter;
	text-decoration: none;
}

ul#nav li a:hover {
	color: #fff;
	margin-bottom: 2px;
	border-bottom: solid 1px #fff;
}

.clear {
	clear:both;
}

.short_line {
	margin: 0 0 10px 0;
	height: 1px;
	background: #000;
	width: 331px;
	font-size: 0;
	line-height: 0;
}

div#content form p {
	position: relative;
	margin-bottom: 0 !important;
}

form br {
	display: none;
}

label.overlabel {
	text-transform: uppercase;
}

label.overlabel-apply {
	position: absolute;
	top: 0.25em;
	left: 0;
	font: italic 1em Courier, Arial, Times, Serif;
	color: #000;
	cursor: text;
	text-transform: uppercase;
}

.hidden {
	text-indent: -9999em;
}
		
div#content input, textarea {

}

div#content input.button {
	width: 80px;
}

input, textarea {
	color: #000;
	font: 1em Arial, Times, Serif;
	background: #fff url("/css/images/bg_input.gif") no-repeat bottom left;
	line-height: 12px;
}

input:focus, input:hover, textarea:focus, textarea:hover {
	border-color: #999;
}

input#name-field {
	width: 250px;
}

input#telephone-field {
	width: 221px;
}

input#email-field {
	width: 243px;
}

input#date-field {
	width: 243px;
}

input#time-field {
	width: 250px;
}

input#number-field {
	width: 170px;
}



input.button {
	background-image: none;
	text-align: left;
	color: #ff9f00;
	cursor: pointer;
	border: none;
	font-style: normal;
	padding: 0;
	margin: 18px 0 0;
}

input span {
	font-size: 9px;
	color: #888;
}

input.button:hover {
	background-color: #ff9f00;
	border: none;
	color: #fff;
}

.confirm {
	text-align: right;
}