@charset "utf-8";
/* CSS Document */

body {
	margin:0px; padding:0px;
	background-color:#2c251d;
	background-image:url("../img/background2.jpg"); background-repeat:repeat; background-position:top left;
	text-align:center;
}

.container {
	text-align:left;
	width:850px;
	margin:0px auto; padding:0px;
	background-color:#d6d1c6;
}

.headerwrap {
	width:830px; height:270px;
	margin:0px 10px; padding:0;
	background-image:url("../img/headers/header.jpg"); background-repeat:no-repeat; background-position: top left;
}

.header {
	width:830px; height:270px;
	margin:0; padding:0;
}


.header a {
	background-image:url("../img/logo.png");
	display:block;
	text-decoration:none;
	background-position:left bottom;
	background-repeat:no-repeat;
	width:392px; height:120px;
	padding-top:122px; margin-left:5px;
}
.header span { visibility:hidden; }
.header p { 
	color:#f2f2f2; 
	font-weight:bold; font-style:italic; font-size:11px; font-family:Arial, Helvetica, sans-serif;
	text-shadow:#000 2px 2px 2px; text-align:right; 
	margin-bottom:3px; margin-top:3px; margin-right:15px; }
.menu {
	width:850px; height:65px;
	padding:0; margin:0; margin-top:-16px;
	color:#fffefe;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif; font-size:18px; font-style:normal;
}
.menu p#left-end {	clear:none; float:left; margin:0; padding:0; height:84px; width:20px; display:block; background-image:url("../img/menubg-l.png"); background-repeat:no-repeat; background-position:top left;
}
.menu p#right-end {	float:left; clear:right; margin:0; padding:0; height:84px; width:20px; display:block; background-image:url("../img/menubg-r.png"); background-repeat:no-repeat; background-position:top right;
}

.menu ul {background-image:url("../img/menu-bg.png"); background-position:top left; background-repeat:repeat-x; text-align:center; float:left; width:810px; height:84px; list-style:none; margin:0; padding:0; }
.menu li {display:inline-block; float:left; margin:0; margin-top:16px; padding:0px 0px; height:50px; line-height:45px; }

/* link / hover style */
.menu a { display:block; color:#fffefe; text-decoration:none; height:50px; padding:0px 20px; margin:0px 0px; width:auto;} 
.menu a:hover { text-decoration:underline;}

.menu a#home:hover { text-decoration:underline;background: url("/img/menu-paw.png") no-repeat left top; background-color:transparent; }
.menu a#mgrobbe:hover{ text-decoration:underline;background: url("/img/menu-hand.png") no-repeat left top; }
.menu a#sporenkunde:hover { text-decoration:underline;background: url("/img/menu-tracks.png") no-repeat left top; }
.menu a#services:hover {text-decoration:underline; background: url("/img/menu-diensten.png") no-repeat left top; }
.menu a#pub:hover { text-decoration:underline; background: url("/img/menu-voet.png") no-repeat left top; }
.menu a#media:hover { text-decoration:underline;background: url("/img/menu-media.png") no-repeat left top; }
.menu a#contact:hover { text-decoration:underline;background: url("/img/menu-contact.png") no-repeat left top; }

.menu a#home.active {background: url("/img/menu-paw.png") no-repeat left top; }
.menu a#mgrobbe.active {background: url("/img/menu-hand.png") no-repeat left top; }
.menu a#sporenkunde.active {background: url("/img/menu-tracks.png") no-repeat left top; }
.menu a#services.active { background: url("/img/menu-diensten.png") no-repeat left top; }
.menu a#pub.active {background: url("/img/menu-voet.png") no-repeat left top; }
.menu a#media.active {background: url("/img/menu-media.png") no-repeat left top; }
.menu a#contact.active {background: url("/img/menu-contact.png") no-repeat left top; }

/*dropdown style */
.dropdown {
	position:absolute;
	visibility:hidden;
	text-align:left;
	margin-left:0px;
}
.dropdown a {
	background-color:#263120; background-image:url("../img/dropdown-bg.jpg"); background-repeat:repeat-x; background-position:top left;
	position:relative; left:0px; top:0px;
	padding:0px 10px;
	display:block;
	width:auto; height:40px; line-height:40px;
	font-size:15px; font-weight:bold;
}

.content {
	width:730px;
	padding:30px 50px; margin:0px 10px;
	background-color:#eee9dc;
	background-image:url("../img/content-bg.jpg"); background-repeat:no-repeat; background-position: bottom right;
	min-height:400px;
	
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#000;
}

.content h1,h2,h3,h4,h5,h6 { color:#262626; font-family:Arial, Helvetica, sans-serif; }
.content h3 { font-size:1.3em; margin-bottom:0px;}
.content h4 { font-size:1.15em; margin-bottom:0px;}

.content a { color:#5e1100; font-weight:bold; }
.content a:visited { font-weight:normal; }
.content a[href$=".pdf"] { background:url("../img/page_white_acrobat.png") no-repeat scroll right center; padding-right:18px; float:none;}
.content a.external { background:url("../img/external.png") no-repeat scroll right top; padding-right: 14px; }

.content li {padding:2px 0px; }

.content ul#aff { list-style:none; float:left; width:630px; margin:10px 50px; padding:0;}
.content ul#aff li {float:left; padding:0px 0px; margin:0px 2px; margin-bottom:15px; width:206px;  text-align:center; font-weight:bold; }
.content ul#aff li img { border:none; clear:both;}
.content ul#aff a {font-weight:bold;}
.content ul#aff li a#img {width:206px; height:auto; display:block; text-align:center;}
.content ul#aff p { margin-bottom:5px; }

.content ul#fauna { width:365px; float:left; margin-right:25px; clear:right; }

.content p#center { text-align:center; }

table.image {	margin:20px auto; }
table.image td { padding:0px 10px; }
table.image caption { caption-side:bottom; font-style:italic; margin-top:8px; }

div#video { float:left; width:300px; height:200px; background-color:#CCC; line-height:200px; text-align:center; margin-bottom:15px; }
img#align-right { margin:0px 0px 0px 25px; }

.form {width:600px; padding:20px 65px; text-align:right; }
.form p {margin-right:70px; }
.form input, textarea {
	padding: 5px;
	width: 400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	margin: 0px 70px 10px 0px;
	border: 2px solid #ccc;
}
.form label {
	float: left;
	font-size: 1.0em; font-weight:bold;
	margin-right: 5px; margin-bottom:5px;
	padding-top: 5px;
	text-align: right;
	width:105px;
}
.form input:focus, textarea:focus { border: 2px solid #990000; }
.form #opt { color:#F00; }
.form .inputcontent {height:200px;}
.form .submit { width:150px; }

.mailerror, .mailsuccess {
	width:600px; border:5px solid #990000; padding:20px; margin:0 auto;
	font-weight:bold; text-align:center;
}
.mailsuccess { border-color:#090; }
.mailerror ul, .mailsuccess ul{ text-align:left; display:inline-block; width:300px; margin:0 auto; }

.gallery {
	margin:10px 0px;
	cursor:pointer;
	width:290px; height:77px;
	background-color:#fff;
	background-image: url("../img/galerij.png"); background-repeat:no-repeat; background-position:left center;
	padding:28px 5px 5px 125px;
	border:1px solid #d6d1c6;
}
.gallery:hover { border:1px solid #666; }

.footer {
	width:850px;
	height:50px;
	text-align:center;
	line-height:50px;
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
	background-color:#d6d1c6;
}
.footer p { margin:0px; padding:0px; }
.footer a { text-decoration:none; color:#000;}
.footer a:hover { text-decoration:underline; }

.clear { clear:both; }
.clear-left { clear:left; }
.clear-right { clear:right; }

.preload {
	visibility:hidden; height:0; width:0; list-style-type:none; display:none;
}