body {
	font-size:100%;
	margin: 0px;
	padding: 0px;

  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_kader_ccheque.png',sizingMethod='scale');
	background: #42B335 url(../images/bgnBody.png) no-repeat 1000px 0px;
}
/********************************** algemene declaraties ********************************/
#pageContainer {
	margin: 0px;
	padding: 0px;
	width: 1000px;
	position: relative;
	background: url(../images/bgnPageContainer.jpg) repeat-y 0px 0px;
}
hr {
	clear: both;
	color: #024AA4;
}
h1 {
	margin-top: 10px;
	margin-bottom: 15px;
	margin-left: 50px;
	color: #91278F;
	font: bold 18px Arial, Helvetica, sans-serif;
}
h2 {
  margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 50px;
	color: #328828;
	font: bold 14px Arial, Helvetica, sans-serif;
  clear:both;
}
h3 {
  margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 50px;
	color: #328828;
	font: bold 12px Arial, Helvetica, sans-serif;
  clear:both;
}
p, #contentLeft ul {
	font: 11px/17px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: left;
	margin: 5px 50px;
}
#contentLeft ul {
	padding-left: 15px;
}
span#fotoCount {
  font: 11px/17px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
.clearBoth {
  clear:both;
}
a img {
	border-style: none;
}
.floatLeft {
  float:left;
}
.floatRight {
  float:right;
}
p a:link, p a:visited {
	color: #333333;
	text-decoration: underline;
}
p a:hover {
	color: #328828;
	text-decoration: underline;
}

/********************** elementen die in de header voorkomen **************************/
#header {
	width: 100%;
	margin: 0px;
	padding: 0px;
	position: absolute;
	z-index: 50;
	left: 0px;
	top: 0px;
}
#header img {
width:1000px;
height:348px;
}
#headerMenu {
	height: 45px;
	width: 1000px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 60;
	background: #91278F;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	list-style: none;
	font: 11px Arial, Helvetica, sans-serif;
	float: none;
}
#headerMenu li {
	height: 30px;
	width: auto;
	padding-left: 10px;
	float: left;
	padding-top: 15px;
	padding-right: 10px;
}

#headerMenu l a {
	background: #006027;
	width: 25px;
	height: 50px;
	color: #FFFFFF;
	text-decoration: none;
}
#headerMenu li a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#headerMenu li a:visited {
	text-decoration: none;
  color: #FFFFFF;
}
#headerMenu li a:hover {
	text-decoration: underline;
  color: #FFFFFF;
}
#headerMenu li.linkGroen {
	background: #217B28;
	width: 65px;
	padding-top: 15px;
	height: 30px;
	text-align: center;
	color: #FFFFFF;
}
#headerMenu li.linkGroen a {
	background: #217B28;
	width: 65px;
	padding-top: 15px;
	height: 30px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
}
#headerMenu li.linkGroen a:visited {
	
	text-decoration: none;
}
#headerMenu li.linkGroen a:hover {
	font-weight: bold;
	text-decoration: underline;
}
#headerBalk {
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
	height: 15px;
	width: 1000px;
	position: absolute;
	z-index: 70;
	left: 0px;
	top: 0px;
	opacity: .1;
	filter: alpha(opacity=10);
}

/*********************************** begin van content in de twee kolommen ****************************/
#contentContainer {
	margin: 0px;
	padding: 0px;
	width: auto;
}
/******************************************** content left ********************************************/
#contentLeft {
	margin: 0px;
	float: left;
	width: 490px;
	padding-top: 325px;
}
#buttonNavigatie {
	margin-left: 100px;
	margin-top: 40px;
	margin-bottom: 20px;
	position: relative;
	clear: both;
}
a span#aanbiedingSpan {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	position: absolute;
	left: 0px;
	top: -199px;
	background: url(../images/tekstballon.png) no-repeat 0px 0px;
	height: 75px;
	width: 156px;
	padding: 60px 60px 60px 68px;
	text-decoration: none;
	z-index: 500;
	display: none;
}
a span#reserveerSpan {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	position: absolute;
	left: 192px;
	top: -198px;
	background: url(../images/tekstballon.png) no-repeat 0px 0px;
	height: 22px;
	width: 118px;
	padding: 70px 60px 100px 90px;
	text-decoration: none;
	z-index: 500;
	display: none;
}
a:hover span#aanbiedingSpan {
	display: block;
}
a:hover span#reserveerSpan {
	display: block;
}
img.homePhoto {
	border: 8px solid #E0DBC8;
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}
#decoratie {
	margin-left: 45px;
	margin-top: 0px;
	margin-bottom: 0px;
  clear:both;
}

/********************************************* content right *********************************************/
#contentRight {
	float: left;
	width: 508px;
	margin-left: 2px;
}
#contentRight h1 {
	color: #FFFFFF;
  margin-bottom:10px;
  margin-left:25px;
  font-size:14px;
}
#contentRight li {
	color: #FFFFFF;
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
  clear:both;
}
ul#plaats {
	float: left;
	width: 200px;
	list-style: none;
  margin-left: 25px;
  padding-left:0px;
  margin-top:0px;
}
ul#plaats li {
  margin-left: 0px;
}
#opsomming {
	padding-top: 40px;
}
ul#nummer {
	float: right;
	width: auto;
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 75px;
  margin-top:0px;
}
#opsommingLinks {
	float: left;
	width: 250px;
}
#opsommingRechts {
	float: right;
	width: 250px;
}
#address {
	width: 100%;
	background: #024AA4;
	clear: both;
	position: relative;
  margin-left:0px;
}
#address a:link {
	color: #FFFFFF;
	text-decoration: none; 
  margin-left:0px; 
}
#address a:visited {
	color: #FFFFFF;
	text-decoration: none;  
}
#address a:hover {
	color: #FFFFFF;
	text-decoration: underline;  
}

/********************************************** content footer *******************************************/
#footer {
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 100%;
	position: relative;
}
#footer p {
	text-align: center;
	width: 490px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
	font-size: 10px;
	color: #666666;
}
#footer a:link,
#footer a:visited,
#footer a:active {
	color: #666666;
	text-decoration: none;
}
#footer a:hover {
	color: #328828;
	text-decoration: underline;
}

/************************************************ slideshow **********************************************/
#slideShow {
	position: relative;
	height: 378px;
	width: 508px;
	padding-top: 275px;
	overflow: hidden;
	background: #0000FF;
}
#slideShowBalk {
	background: #FFFFFF;
	position: absolute;
	height: 96px;
	width: 413px;
	bottom: 2px;
	left: 95px;
	opacity: .4;
	filter: alpha(opacity=40);
	z-index: 100;
}
table#slideShowTable td {
	height: 94px;
	width: 135px;
	text-align: center;
}
table#slideShowTable td img {
	margin-left:35px;
}
table#slideShowTable {
	position: absolute;
	z-index: 150;
	left: 0px;
	bottom: 0px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	/*width: 1000px;*/
}
#slideShowTable a img {
	opacity: 1;
	filter: alpha(opacity=100);
	border-top: 2px solid #004487;
	border-right: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
}
#slideShowTable a:hover img {
	opacity: .7;
	filter: alpha(opacity=70);
	border-top: 2px solid #B531B1;
	border-right: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
}
img#slideShowbutton {
	position: absolute;
	left: 0px;
	z-index: 200;
	bottom: 0px;
}
#naarRechts {
	position: absolute;
	z-index: 210;
	left: -1px;
	bottom: 31px;
	margin: 0px;
	padding: 0px;
	width: 56px;
	height: 56px;
}
#naarLinks {
	position: absolute;
	z-index: 210;
	left: 55px;
	bottom: 10px;
	margin: 0px;
	padding: 0px;
	width: 49px;
	height: 43px;
}

/*********************************** tarieven pagina ********************************/
#tarieven table {
	width:425px;
	margin-left: 50px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
}
#tarieven td {
  height:25px;
}
.nadruk {
	color: #328828;
	font-weight: bolder;
}
.achtergrondKleurTr {
	background: #DFDBCA;
}
#tarieven ul {
	list-style: none;	
/* dit doe je overal, dus hier ook */
	margin-left: 50px;
/*
  Deze dus niet nodig
	margin-left:0px;
*/
	padding-left:0px;
  font: 12px Verdana, Arial, Helvetica, sans-serif;
}
#tarieven li {
  background: url(../images/bgnTarieven.jpg) no-repeat 0px center;
/* NEW: toegevoegd */
  margin: 0px;
  padding: 0px;
  padding-left: 35px;
/*  */
}
#tarieven li a:link {
/* niet de link verplaatsen maar heel de UL ;)
  margin-left: 50px;*/
	font: 12px Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
	text-decoration:none;
}
#tarieven li a:visited {
  color: #585858;
}
#tarieven li a:hover {
  color: #328828;
  text-decoration:underline;
}
td.prijs {
  text-align:right;
}
#tarievenHighlight {
  width: 100%;
}
#tarievenHighlight h1 {
  margin-left: 50px;
  margin-right: 50px;
  margin-bottom: 30px;
  font-size: 16px;
}
#tarievenHighlight h1 a, #tarievenHighLight h1 a:visited {
  color: #FFFFFF;
  text-decoration: underline;
}
#tarievenHighlight h1 a:hover {
  text-decoration: none;
  color: #FFFFFF;
}
#tarievenBungalows table {
  margin-bottom:25px;
}
#bungalowKortingen {
  color: #333333;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
}
/************************************* bungalow pagina *************************************/
#bungalowFotos {
  width:425px;
}
#bungalowFotos img {
	border: 8px solid #972894;
}
#bungalowFotos span {
	width:190px;
	height:175px;
	color:#FFFFFF;
	text-align:center;
	font: bold 14 "Times New Roman", Times, serif, "Adobe Caslon Pro Bold", "Blue Highway";
  margin-top:10px;
}

/*********************************** info aanvraag *************************************/
#form1 {
  margin-left: 50px;
}
fieldset {
  border:none;
}
label, input, textarea {
	display:block;
	float:left;
  margin-bottom:10px;
  margin-right:2px;
  margin-left:2px;
}
form br {
  clear:left;
}
label {
	color: #333333;
  text-align:right;
  padding-right:8px;
  width:100px;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
}
input.buttons {
  margin-left:63px;
}
input {
  font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
/***************************** recreatie ******************************************/
ul.cmsFoto {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
ul.cmsFoto li {
	float: left;
	margin-bottom: 10px;
	margin-left: 50px;
}
ul.cmsFoto li img {
  border: 8px solid #E0DBC8;
}
p.clearBoth a:link {
	color: #333333;
	text-decoration:none;
}
p.clearBoth a:visited {
	color: #333333;
	text-decoration:none;
}
p.clearBoth a:hover {
	color: #328828;
	text-decoration:underline;
}
div.cmsFotoFloat {
  margin-bottom: 10px;
	margin-left: 10px;
  margin-right: 40px;
  float: right;
}
div.cmsFotoFloat img {
  border: 8px solid #E0DBC8;
}
p#leesVerder {
  padding-left:30px;
	background: url(../images/bgnTarieven.jpg) no-repeat 0px center;
}
P#leesTerug {
	background: url(../images/bgnTarievenReverse.jpg) no-repeat 0px center;
  padding-left:30px;
}
#recreHighlight {
  width: 100%;
}
#recreHighlight h1 {
  margin-left: 155px;
  font-size: 18px;
}
/************************************ contact **********************************/
#routebeschrijving {
  border: 8px solid #E0DBC8;
	float: left;
	margin-bottom: 10px;
	margin-left: 50px;
}
/********************************* sitemap ************************************/
ul#sitemapList {
	list-style: none;	
	margin-left:0px;
	padding-left:0px;
}
#sitemapList li {
	background: url(../images/bgnTarieven.jpg) no-repeat 0px center;	
  margin-left:15px;
  padding-left:35px;
}
#sitemapList li a:link {
	margin-left: 50px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
	text-decoration:none;
}
#sitemapList li a:visited {
  color: #585858;
  text-decoration:none;
}
#sitemapList li a:hover {
  color: #328828;
  text-decoration:underline;
}
