/**
*
*   Webdesign by ES-Design 2005
*	for Camping Starnbosch
*
**/

/**
*
*  Opmaak algemeen
*
**/

body { 
	font: 10px/18px Verdana;
	margin: 0px;
	
	}

a:link { 
	font-weight: bold; 
	text-decoration: none;
	color: #CCCCCC;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none;
	color:#CCCCCC;
	}
a:hover, a:active { 
	text-decoration: none; 
	color: #FFFFFF;
	}

h1, h2{
	font: 11px Verdana;
	font-weight:bold;	
	margin: 1px 2px 1px 2px;
	}

h3, h4{
	font: 11px Verdana;
	font-weight:400;
	letter-spacing: 1px;
	color: #CCCCCC;
	margin: 1px 2px 1px 2px;
	}

/**
*
*  Opmaak header
*
**/

#header {
	height: 100px;	
	width: 800px;	
	background-color: #F3EFE1;
	position: absolute;
	margin: 0px auto auto auto;
}

#campinglogo {
	position:absolute;
	margin: 5px auto auto 5px;
	border: 0px;
}

#vechtdal {
	position: absolute;
	margin: 70px 20px auto 500px;
	border: 0;
}

/**
*
* Opmaak menubalk 
*
**/


#menubalk {
	background-color: #406E55;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: 20px;
	position:absolute;
	top: 100px;
	z-index: 99;
	}
		
ul {
  padding: 0px;
  margin: 0px;
  padding-top: 1px;
  list-style: none;
  }
  
li {
  	float: left;
  	position: relative;
  	width: 70px;
	padding: 2px 2px 2px 2px;
  	text-align: center;
  	cursor: default;
  	background-color:  #406E55;
	z-index: 3;
  }
  
.sub00{
	border: 0px solid #000000;
	border-left-width: 1px;
	border-left-color: #CCCCCC;
	width:150px;
	z-index: 99;
	text-align:left;
 }

 .sub01{
 	border: 0px solid #000000;
	border-left-width: 1px;
	border-left-color:#CCCCCC;
	border-bottom-width: 1px;
	border-bottom-color:#CCCCCC;
	width:150px;
	z-index: 99;
	text-align:left;
 }
 
.sub10{
	border: 0px solid #000000;
	border-left-width: 1px;
	border-left-color: #CCCCCC;
	width: 190px;
	text-align:left;
 }

 .sub11{
 	border: 0px solid #000000;
	border-left-width: 1px;
	border-left-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	width: 190px;
	text-align: left;
 }
 
 .sub20{
	border: 0px solid #000000;
	border-left-width: 1px;
	border-left-color: #CCCCCC;
	width: 140px;
	text-align:left;
 }

 .sub21{
 	border: 0px solid #000000;
	border-left-width: 1px;
	border-left-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	width: 140px;
	text-align:left;
 }
  
 .sub30{
 	border: 0px solid #000000;
	border-left-width: 1px;
	border-left-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	width: 110px;
	text-align:left;
 }
 
  .sub31{
 	border: 1px solid #000000;
	border-top-width: 0px;
	width: 130px;
	text-align:left;
 }
 
 .sub40{
	border: 0px solid #000000;
	border-left-width: 1px;
	border-left-color: #CCCCCC;
	width: 180px;
	text-align:left;
 }
 
  .sub41{
 	border: 1px solid #cccccc;
	border-top-width: 0px;
	width: 180px;
	text-align:left;
	
 }
 .sub50{
 	border: 0px solid #000000;
	border-left-width: 1px;
	border-left-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	width:120px;
	text-align:left;
 }
 
 .sub51{
 	border: 1px solid #000000;
	border-top-width: 0px;
	width:120px;
	text-align:left;
 }

 .sub70{
 	border: 0px solid #000000;
	border-left-width: 1px;
	border-left-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	width:60px;
	text-align:left;
 }

#camping{
width: 75px;
border-right: 1px solid #CCCCCC;
}

#kamperen{
width: 100px;
border-right: 1px solid #CCCCCC;
}

#verhuur{
width: 90px;
border-right: 1px solid #CCCCCC;
}

#plattegrond{
width: 115px;
border-right: 1px solid #CCCCCC;
}

#tarieven{
width: 100px;
border-right: 1px solid #CCCCCC;
}

#brochure{
width: 100px;
border-right: 1px solid #CCCCCC;
}

#reserveren{
width: 110px;
border-right: 1px solid #CCCCCC;
}

#links{
width: 70px;
border-right: 1px solid #CCCCCC;
}

li ul {
  display: none;
  position: absolute; 
  color:#CCCCCC;
  top: 16px;
  left: 0px;
  margin: 2px 2px 2px -1px;
  }

li > ul {
	top: auto;
	left: auto;
	}

li:hover ul, li.over ul{ 
	display: block; 
	}

/**
*
* Opmaak pagina-inhoud Camping Starnbosch 
*
**/

#content{
	background-color: #EDBE2C;
	position: absolute;
	font: 11px Verdana;
	width: 800px;
	height: 347px;
	top: 120px;
	overflow:auto;	
}

#foto{
	position: absolute;
	width: 200px;
	margin-top: 40px;
	margin-left: 20px;
}

#foto2{
	position: absolute;
	width: 200px;
	margin-top: 20px;
	margin-left: 420px;
}

#foto3{
	position: absolute;
	width: 130px;
	margin-top: 215px;
	margin-left: 20px;
}

#foto4{
	position: absolute;
	width: 130px;
	margin-top: 200px;
	margin-left: 228px;
}

#foto5{
	position: absolute;
	width: 130px;
	margin-top: 125px;
	margin-left: 60px;
}

#foto6{
	position: absolute;
	width: 130px;
	margin-top: 195px;
	margin-left: 600px;
}

#foto7{
	position: absolute;
	width: 200px;
	margin-top: 20px;
	margin-left: 20px;
}

#foto8{
	position: absolute;
	width: 200px;
	margin-top: 980px;
	margin-left: 20px;
}

#foto9{
	position: absolute;
	width: 200px;
	margin-top: 220px;
	margin-left: 20px;
}

#foto10{
	position: absolute;
	width: 200px;
	margin-top: 135px;
	margin-left: 400px;
}

#foto11{
	position: absolute;
	width: 200px;
	margin-top: 135px;
	margin-left: 50px;
}

#foto12{
	position: absolute;
	width: 200px;
	margin-top: 25px;
	margin-left: 420px;
	font: 11px Verdana;
}

#tekst{
	position: absolute;
	font: 11px Verdana;
	line-height: 16px;
	width: 400px;
	margin-top: 20px;
	margin-left: 385px;	
}

#tekst2{
	position: absolute;
	font: 11px Verdana;
	line-height: 16px;
	width: 400px;
	margin-top: 20px;
	margin-left: 20px;	
}

#tekst3{
	position: absolute;
	font: 11px Verdana;
	line-height: 16px;
	width: 340px;
	margin-top: 20px;
	margin-left: 20px;	
}

#tekst4{
	position: absolute;
	font: 11px Verdana;
	line-height: 16px;
	width: 340px;
	margin-top: 20px;
	margin-left: 400px;
}

#tekst5{
	position: absolute;
	font: 11px Verdana;
	line-height: 16px;
	width: 355px;
	margin-top: 20px;
	margin-left: 400px;

}

#tekst6{
	position: absolute;
	font: 11px Verdana;
	line-height: 16px;
	width: 700px;
	margin-top: 20px;
	margin-left: 20px;

}

#tekst7{
	position: absolute;
	font: 11px Verdana;
	line-height: 16px;
	width: 760px;
	margin-top: 20px;
	margin-left: 20px;

}

#nieuwsblokje{
	position: absolute;
	bottom: -109px;
	width: 395px;
	background-color:#406E55;
	padding-left: 5px;
	color: #EDBE2C
}
#nieuwsblokje h2{
	font: 11px Verdana;
	font-weight:bold;	
	margin: 1px 2px 1px 2px;
color:#DDDDDD;
}
#nieuwsblokje a{
color: #EDBE2C;
font-weight:normal;
}
#omgeving{
	font: 11px Verdana;
	}

.omgeving{
	font: 11px Verdana;
	}
.tarieven2{
	border: 0px;
	font: 11px Verdana;
	width: 700px;
}

.tarieven3{
	border: 0px;
	font: 11px Verdana;
	width: 700px;
}

.block{
	background-color: #406E55;
	border: 1px solid;
	border-color:#333333;
}

p{
margin: 0;
padding: 0;
}
.yellow{
color: #EDBE2C;
}
.white{
color: #DDDDDD;
}

.middentop{
	vertical-align:middle;
	text-align:center;
	border: 1px solid;
	border-color:#333333;
}
.midden{
	vertical-align:middle;
	text-align:center;
	border: 1px solid;
	border-color:#EDBE2C;
	background-color: #406E55;
}

.midden2{
	vertical-align:middle;
	text-align:right;
	border: 0px;
}

.tarieftd{
	vertical-align:top;
	border: 1px solid;
	border-color:#333333;
}
.tarieftd2{
	vertical-align:top;
	text-align:right;
	border: 0px;
}
.tarieftd3{
	vertical-align:top;
	text-align:left;
	border: 0px;
}
.tarieftdtop{
	border: 1px solid;
	border-color:#333333;
vertical-align:top;
background-color: #DDD;
border-bottom: 0;
}
.tarieftdlinks{
	border: 1px solid;
	border-color:#333333;
vertical-align:top;
background-color: #DDD;
border-right: 0;
}

.extra{
	border: 0px;
}

.code{
	width: 30px;
	border: 1px solid;
	border-color:#333333;
}
/**
*
* Opmaak footer 
*
**/

#footer{
	background-color: #406E55;
	position: absolute;
	width: 800px;
	height: 83px;
	top: 467px;
}
#kvk{
float: right;
margin-right: 4px;
margin-top: 65px;
color: #CCCCCC;
	font: 11px Verdana;
	font-weight:normal;
}
#adres{
	font: 11px Verdana;
	font-weight:normal;
	letter-spacing: 1px;
	color: #CCCCCC;
	margin: 1px 2px 1px 2px;
float: left;
}

#adres a{
	font-weight: normal;
}

#infinit{
	font: 9px Verdana;
	font-weight:500;
	letter-spacing: 1px;
	color: #CCCCCC;
	position: absolute;
	width: 800px;
	top: 550px;
	text-align:center;
}
#infinitlink:hover { 
	text-decoration: none; 
	color: #999999;

}
#linknieuws{
	text-decoration: none;
  color: #999999;
}

#linknieuws:hover { 
	text-decoration: none; 
	color: #cccccc;
}

#positie{
	position: absolute;
	font: 9px verdana;
	color: #999999;
	text-align: right;
	width: 795px;
	}

#linkpositie{
	text-decoration: none;
	font-weight: 300;
  color: #999999;
}

#linkpositie:hover { 
	text-decoration: none; 
	color: #cccccc;
}

#volgende{
	font-size:9px;
	font-weight:600;
	text-decoration: none;
  	color: #406E55;
}

#volgende:hover { 
	text-decoration: none; 
	color: #999;
}
#linkje{
	text-decoration: none;
  	color: #406E55;
}
#linkje:hover{
	text-decoration: none; 
	color: #999;
}
#vorige{
	font-size:9px;
	font-weight:600;
	text-decoration: none;
  	color: #406E55;
}

#vorige:hover { 
	text-decoration: none; 
	color: #999;
}

img{
border: 1px solid #406E55;
}

#slideshow {
position: relative;
width: 240px;
height: 180px;
}

#slideshow div {
position: absolute;
top: 0;
left: 0;
}

#slideshow div img {
 height: 262px;
 width: 350px;
}