@charset "utf-8";
body  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background: #FFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
hr {
	height: 0;
	border: 0;
	border-top: 1px solid #3f7c5b;
	margin-top:5px;
	margin-bottom:5px;
}
.container {
	position: relative;
	width: 956px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 13px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.clear {
	clear:both;
}
/* Opzet Header */
.header {
	margin-top:0px;
	height: 309px;
	background-image: url(../images/lyout/bos.jpg);
	background-repeat: no-repeat;
	z-index: 3;
}
/* opzet navigatie */
.navigatie {
	position: absolute;
	right:152px;
	background-color:#FFFFFF;
	margin-left:10px;
	width: 329px;
	height: 305px;
	z-index: 100;
	border: 2px solid #FFFFFF;
	color:#60696f;
	font-size:10px;
	top: 0px;
	overflow: hidden;
}
.navigatie .titel{
	height:26px;
	background-color: #094323;
	margin-bottom:2px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 24px;
	padding-left: 10px;
}
.navigatie .tekst{
	float:left;
	height:121px;
	width:167px;
}
.navigatie p{
	margin-left:10px;
	padding:0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.navigatie a {
	font-size: 14px;
	font-weight: bold;
	color: #122329;
	text-decoration: none;
	outline: 0;
}
.navigatie a:hover {
	font-size: 14px;
	font-weight: bold;
	color: #9BC765;
	text-decoration: none;
}
.navigatie .image{
	float:right;
	height:121px;
}
.navigatie .titel_caravans{
	background-color: #495459;
	
}
.navigatie .nav1 a {
	text-transform: uppercase;
	color: #FF6633;
	font-weight: normal;
	text-decoration: none;
	line-height: 25px;
	display: block;
	padding-left: 7px;
}
.navigatie .nav1 a:hover {
	color: #000000;
	text-decoration: none;	
}
.navigatie .nav2 a {
	text-transform: uppercase;
	color: #336600;
	font-weight: normal;
	text-decoration: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #336600;
	display: block;
	line-height: 25px;
	padding-left: 7px;
}
.navigatie .nav2 a:hover {
	color: #000000;
	text-decoration: none;	
}

/* Opzet Content Left */
.contentLeft {
	width: 471px;
	height:430px;
}
.contentLeft .titel {
	font-size: 16px;
	padding-right:10px;
	color: #9bc765;
	float: right;
	line-height: 30px;
	font-weight: normal;
}
.contentLeft .titel a {
	color: #9bc765;
	text-decoration: none;
}
.contentLeft .titel a:hover {
	color: #000000;
}
/* Opzet Content Right */
.contentRight {
	margin-right:152px;
	width: 311px;
	background-color: #FFFFFF;
	padding-left:11px;
	padding-right:11px;
	color:#6d6e71;
	font-size:12px;
	position: absolute;
	top: 310px;
	right: 0px;
}
.contentRight a{
	color: #ed1c24;
	text-decoration: none;
	outline: 0;
}
.contentRight .titel {
	position:relative;
	margin-bottom:10px;
	left:-11px;
	width:323px;
	font-weight: normal;
	font-size: 16px;
	color: #FFFFFF;
	float: left;
	line-height: 30px;
	padding-left:10px;
	background-color: #9bc765;
}
.rightGroen{
	float:left;
	width:186px;
	background-color: #9bc766;
	font-size: 12px;
	height:93px;
	color: #FFFFFF;
}
.rightGroen p {
	padding:4px;
	margin:0px;
}
.rightGroen .imageHome{
	width:124px;
	height:93px;	
}
.rightWit{
	float:right;
	width:186px;
	background-color: #FFFFFF;
	font-size: 12px;
	height:93px;
}
.rightWit p {
	padding:4px;
	margin:0px;
}
/* Begin footer */
.footer {
	margin-top:40px;
	font-size:9px;
	text-align: center;
	}

.footer a{
	color:#595a5c;
}

