/* CSS Document */

/* Algemeen */

body {
	background: url(../images/bg_foto.jpg) no-repeat center top;
 	background-color: #313A19;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px auto;
}

form {
	padding: 0px;
	margin: 0px;
}

h1 {
	background: url(../images/titel.jpg);
	font: "Arial Narrow";
	color: #D57617;
	font-size: 16px;
	width: 347px;
	height: 17px;
	padding: 5px 5px 5px 10px;
	margin: 0 0 5px -10px;
}

h3 {
	margin-bottom: 5px;
	background: url(../images/spar_logo.gif) no-repeat;
	font: "Arial Narrow";
	color: #D57617;
	font-size: 16px;
	width: 352px;
	height: 17px;
	padding: 5px;
}

h2 {
	font-size: 11px;
	color: #00652B;
	margin: 12px 0px 0px 0px;
	padding: 0px;
}

h2 a {
	font-size: 11px;
	color: #00652B;
}

h2 a:hover {
	font-size: 11px;
	color: #000099; 
	text-decoration: none;
}

li {
	line-height: 15px;
	margin-bottom: 3px;
}

a {
	color: #313184;
}

a:hover{
	color: #6363A1;
}

TABLE.tarieven {
	font-size: 9px;
	width: 100%;
	margin-bottom: 20px;
}

/* Content (de omliggende divisions) */

#inhoudDiv {
	width: 793px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}

#contentDiv {
	background-image:url(../images/bg_spacer.gif);
	background-repeat:repeat-y;
	overflow: hidden;
	float: left;
}

#virtualHost {
  position: relative;
  margin-left: 175px;
}
#vhTekst {
  position: absolute;
  top: 0px;
  left: -100px;
}

/* Header balk */

#headerDiv {
	width: 793px;
	height: 170px;
	margin: 0px;
	padding: 0px;
}

#logoDiv {
	background-image: url(../images/logo_foto.jpg);
	width: 793px;
	height: 170px;
}

#headerFoto {
	background-image:url(../images/header_foto.jpg);
	width: 636px;
	height: 170px;
	float: left;
}

#headerFoto img {
	width: 636px;
	height: 151px;
}

DIV.fade {
  visibility: hidden;
}


/* Linker kolom */

#linkerDiv {
	background: url(../images/linkerkolom.jpg);
	width: 157px;
	height: 480px;
	float: left;
  position: relative;
  margin-bottom: 30px;
}

#navigatieDiv {
	position: absolute;
	margin-top: 0px;
	background: url(../images/navigatie_foto.jpg);
	width: 157px;
	height: 480px;
	float: left;
}
#navigatieDiv a {
	height: 22px;
  display: block;
}

#linksDiv1 {
	margin: 13px 0px 0px 0px;
}
#linksDiv2 {
	margin: 17px 0px 0px 0px;
}
#linksDiv3 {
	margin: 13px 0px 0px 0px;
}
#linksDiv4 {
	margin: 10px 0px 0px 0px;
}
#linksDiv5 {
	margin: -2px 0px -2px 0px;
	height: 22px;
}

/* Tekstvlak in het midden */

#mainDiv {
	padding: 10px 0px 0px 20px;
	width: 540px;
  float: left;
	line-height: 18px;
}

IMG.afbeelding {
	width: 201px;
	height: 149px;
	float: left;
	margin-right: 8px;
	margin-top: 5px;
	margin-bottom: -8px;
	border: 1px solid white;
}

#tekstDiv {
	padding: 5px 0px 0px 20px;
	width: 363px;
	float: left;
  position: relative;
	line-height: 18px;
}

#tekstDiv p {
	margin: 2px 0px 2px 0px;
	padding-bottom: 10px;
}

DIV.divLine {
  font: verdana;
  clear: both;
  padding-top: 10px;
  margin-bottom: 10px;
  border-bottom: 2px dotted #00652B;
}

.ArrangementDiv img, .NieuwsBerichtDiv img {
	border: 1px solid white;
}

IMG.knop {
	width: 77px;
	height: 20px;
	border: 0px;
}

/* Rechter kolom */

#rechterDiv {
	width: 253px;
	/*height: 200px;*/
	clear: both;
  position: relative;
}

#rechterDiv p {
	font-size: 9px;
}

.fotorechts {
	position: absolute;
	bottom: 0;
	left: 645px;
}

#rechterDiv2 {
	width: 253px;
  float: left;
  position: relative;
}
.imgrechts {
	position: absolute;
	top: 0;
	right: 57px;
}

#nieuwsDiv {
  position: relative;
	background: url(../images/nieuws_foto.jpg);
	width: 193px;
	height: 142px;
	padding: 30px;
}

#specialsDiv {
  	position: relative;
	background: url(../images/specials_foto.jpg);
	width: 253px;
	height: 194px;
}

#bungalowDiv {
  	position: absolute;
	top: 190px;
	left: 540px;
	background: url(../images/bg_bungalows.jpg) no-repeat;
	padding: 38px 30px 30px 40px;
	width: 183px;
	height: 124px;
	margin: 0px;
}

#chaletDiv {
  	position: absolute;
	top: 398px;
	left: 540px;
	background: url(../images/bg_chalets.jpg) no-repeat;
	padding: 40px 30px 30px 40px;
	width: 183px;
	height: 123px;
	margin: 0px;
}

.bladeren {
	margin-top: 10px;
	padding: 0px;
	height: 18px;
	width: 77px;
}


/* Footer */

#footerDiv {
	background: url(../images/footer.gif);
	width: 793px;
	height: 181px;
	float: left;
}

#footerDiv img {
	margin-top: 20px;
	float: left;
}

#footerDiv p {
	text-align: center;
	color: #00652B;
	width: 130px;
	height: 110px;
	float: right;
	margin: 30px 25px 20px 20px;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

* html #footerDiv p {
	margin: 30px 12px 0px 0px;
}

#footerDiv p span {
	margin: 0px;
	color: #DF913B;
	font: Arial;
	font-size: 9px;
	font-weight: bold;
}

#footerDiv a {
	text-decoration: none;
	color: #DF913B;
}