@charset "utf-8";

html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, li {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-image: url(/images/body.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #f3eae2;
	font-size: 12px;
	line-height: 18px;
}

.clearFloat {
	clear: both;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}

div#container {
	width: 980px;
	margin: 0px auto;
	position: relative;
}

div#header {
	width: 980px;
	height: 305px;
	background-repeat: no-repeat;
	background-position: 0px 23px;
	position: relative;
	z-index: 5;
}

div#header div.overlay {
	width: 980px;
	height: 234px;
	background-image: url(/images/header_overlay.png);
}

div#header div.overlay h1 a{
	background-image: url(/images/logo.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 280px;
	height: 110px;
	display: block;
}

div#header div.overlay h1 a span {
	display: none;
}

ul#navigation {
	position: absolute;
	top: 54px;
	right: 0px;
}

ul#navigation li {
	float: left;
	list-style: none;
}

ul#navigation li a {
	display: block;
	height: 38px;
	background-position: top;
}

ul#navigation li a span {
	display: none;
}

ul#navigation li a:hover,
ul#navigation li.active a{
	background-position: bottom;
}

ul#navigation li a.contact {
	background-image: url(/images/navigation/contact.gif);
	width: 94px;
}

ul#navigation li a.feesten_en_partijen {
	background-image: url(/images/navigation/feesten_en_partijen.gif);
	width: 160px;
}

ul#navigation li a.home {
	background-image: url(/images/navigation/home.gif);
	width: 73px;
}

ul#navigation li a.menu {
	background-image: url(/images/navigation/menu.gif);
	width: 72px;
}

ul#navigation li a.route_plattegrond {
	background-image: url(/images/navigation/route_plattegrond.gif);
	width: 190px;
}

ul#navigation li a.webcam {
	background-image: url(/images/navigation/webcam.gif);
	width: 93px;
}

div#content {
	min-height: 100px;
	background-image: url(/images/content.jpg);
	background-repeat: repeat-x;
	background-color: #f8f3ef;
	color: #af9d85;
	padding: 20px;
}

div#content p {
	text-align: justify;
	margin-bottom: 18px;
}

div#content h2 {
	color: #d78400;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 18px;
}

div#content a {
	color: #6f5738;
	text-decoration: underline;
}

div#content a:hover {
	text-decoration: none;
}

div#content ul,
div#content ol{
	margin-left: 20px;
}
div#content li {
	line-height: 18px;	
}

div#footer {
	background-image: url(/images/footer.jpg);
	width: 980px;
	height: 340px;
	position: relative;
	line-height: 23px;
}

div#footer div {
	height: 23px;
	width: 980px;
	color: #007fa3;
	position: absolute;
	top: 290px;
	left: 0px;
	background-image: url(/images/footer_bg.jpg);
}

div#footer div a {
	color: #007fa3;
	text-decoration: none;
}
div#footer div a:hover{
	text-decoration: underline;
}

div#footer address {
	font-style: normal;
	float: left;
	background-image: url(/images/logo_small.jpg);
	padding-left: 67px;
	background-repeat: no-repeat;
	background-position: left;
}

div#footer p{
	height: 23px;
	float: right;
}

table.contact th {
	text-align: left;
	padding-right: 4px;
}
table.contact input,
table.contact textarea {
	width: 240px;
	padding: 4px;
}
table.contact input.submit {
	width: auto;
}

address {
	font-style: normal;
}