html, body {
	background: #CC9966;
	font: 75%/1.2 Verdana, 'Geneva CE', lucida, sans-serif;
	margin: 0;
	padding: 0;
	color: #404040;
	text-align: center;
}
img {border: 0;}
a {color: #f60;}

#page {width: 724px; margin: 15px auto; text-align: left; background: url(../img/body.png) repeat-y #fff; position: relative;}
#head {width: 724px; height: 6px; background: url(../img/body-top.png) no-repeat; overflow: hidden;}
#main {width: 720px; background: url(../img/body-grd.png) repeat-x bottom; margin: 0 3px 0 1px; overflow: hidden; position: relative;}

#logo {width: 710px; height: 200px; background: url(../img/AC-header.jpg) no-repeat; margin: 0 2px 0 5px;}
#logo h1 {display: block; width: 437px; height: 76px; background: url(../img/logo.gif) no-repeat; position: absolute; left: 15px; top: 30px; margin: 0; padding: 0;}
#logo h1 a {display: block; height: 46px;}
#logo h1 span {display: none;}

#lang      {display: block; width: 101px; height: 60px;  position: absolute; left: 600px; top: 100px; margin: 0; padding: 0;}
#lang a    {display: block; width: 30px; height: 20px; position: absolute;}
#lang span {display: none;}
#lang #nl  {left:  5px; top: 0px; background: url(../img/nl.gif) no-repeat;}
#lang #de  {left: 40px; top: 0px; background: url(../img/de.gif) no-repeat;}

#navcontainer {
	margin: 0px 0 0 0px;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
	font-family: verdana, arial, sans-serif;
}

#navcontainer ul {
	margin: 0 0 0 0px;
	padding: 0;
	list-style-type: none;
	text-align: center
}

#navcontainer ul li {
	float: left;
	display: block;
}

#navcontainer ul li a, #navcontainer ul li a:link {
	padding: 0px 10px 0px 11px;
	color: #C58464;
	background-color: #595633;
	text-decoration: none;
}

#navcontainer #current-home,
#navcontainer #current-fotos, 
#navcontainer #current-chalet, 
#navcontainer #current-dorp,
#navcontainer #current-beschikbaar,
#navcontainer #current-prijzen,
#navcontainer #current-reserveren,
#navcontainer #current-route,
#navcontainer #current-contact {
	margin-left: 5px;
}

#current-home #home a,
#current-fotos #fotos a, 
#current-voorzieningen #chalet a, 
#current-dorp #dorp a, 
#current-beschikbaar #beschikbaar a,
#current-prijzen #prijzen a,
#current-reserveren #reserveren a,
#current-route #route a,
#current-contact #contact a,
#navcontainer ul li a:hover {
 	padding: 0px 10px 0px 11px;
	color: #595633;
	background-color: #C58464;
}

#cantent {width: 711px; margin: 55px 5px 0 5px; }
#cantent #text {font: 12px/1.2 Verdana, 'Geneva CE', lucida, sans-serif;margin: -5px 2px 0 1px; background: url(../img/cont-grd.png) repeat-x bottom; padding: 20px 20px 50px 20px; height: 280px;}
#cantent>#text {height: auto; min-height: 220px; }


#content {width: 711px; margin: 55px 5px 0 5px; background: url(../img/cont.png) repeat-y #fff; }
#content #text {font: 12px/1.2 Verdana, 'Geneva CE', lucida, sans-serif;margin: -65px 2px 0 1px; background: url(../img/cont-grd.png) repeat-x bottom; padding: 20px 20px 50px 20px; height: 280px;}
#content>#text {height: auto; min-height: 220px; }

h2 {margin: 0; padding: 0; display: block; position: relative; top: -40px; background: url(../img/cont-top.png) right no-repeat; height: 72px;}
h2 em {display: none;}
h2 span {display: block; height: 47px; position: absolute; top: 17px;}
h2.home span {background: url(../img/tab-home.png) no-repeat; width: 156px;}
h2.fotos span  { background: url(../img/tab-fotos.png) no-repeat; width: 156px }
h2.fotos_de span { background: url(../img/tab-fotos_de.png) no-repeat; width: 156px }
h2.dorp span {background: url(../img/tab-dorp.png) no-repeat; width: 156px;}
h2.dorp_de span {background: url(../img/tab-dorp.png) no-repeat; width: 156px;}
h2.chalet span {background: url(../img/tab-voorzien.png) no-repeat; width: 206px;}
h2.chalet_de span { background: url(../img/tab-voorzien_de.png) no-repeat; width: 206px }
h2.beschikbaar span {background: url(../img/tab-beschikbaar.png) no-repeat; width: 156px;}
h2.beschikbaar_de span {background: url(../img/tab-beschikbaar_de.png) no-repeat; width: 226px;}
h2.prijzen span {background: url(../img/tab-prijzen.png) no-repeat; width: 156px;}
h2.prijzen_de span {background: url(../img/tab-prijzen_de.png) no-repeat; width: 156px;}
h2.reserveren span {background: url(../img/tab-reserveren.png) no-repeat; width: 156px;}
h2.reserveren_de span {background: url(../img/tab-reserveren_de.png) no-repeat; width: 156px;}
h2.route span {background: url(../img/tab-route.png) no-repeat; width: 156px;}
h2.route_de span {background: url(../img/tab-route_de.png) no-repeat; width: 156px;}
h2.contact span {background: url(../img/tab-contact.png) no-repeat; width: 156px;}
h2.contact_de span {background: url(../img/tab-contact_de.png) no-repeat; width: 156px;}
h2.danku span {background: url(../img/tab-bedankt.png) no-repeat; width: 156px;}
h2.danku_de span {background: url(../img/tab-bedankt_de.png) no-repeat; width: 156px;}

#footer {font-size: 9px; color: #666; margin: 6px; padding: 15px 15px 12px 15px; clear: both; background: url(../img/foot.png);}
#footer a {text-decoration: none; color: #666;}
#footer a:hover {text-decoration: underline; color: #333;}
#footer>.clear {height: 1px;}

#foot {width: 724px; height: 3px; background: url(../img/body-bot.png) no-repeat; overflow: hidden;}

.clear {clear: both; font-size: 1px; margin: 0; padding: 0; overflow: hidden;}
.hide {display: none;}

.left {float: left;}
.right {float: right;}

#prijstabel {
	float: right;
	margin: 10px 0 0 0;
	width: 50%;
	font-size: 90%;
}
#prijstabel th {
	text-align: center;
	padding: 0 0.5em;
	vertical-align: bottom;
	border-width: 0 1px 1px 0;
	white-space: normal;
}
#prijstabel td {
	text-align: center;
	padding: 0 0.5em;
	letter-spacing: -1px;
}
#prijstabel tr.odd {	background: #FFFFE0;}
#prijstabel tr.even {
	background: #c96;
	border-right: 2px solid #FFFFE0;
	border-left: 2px solid #FFFFE0;
}

#arrangement {
	text-align: center;
	float: right;
	margin: 20px 0 0 0;
	width: 50%;
	font-size: 90%;
}

#arrangement tr.odd {	background: #FFFFE0;}
#arrangement tr.even {
	background: #c96;
}
p.aanbieding {
	float: left;
	width: 35%;
	padding: 1em 0 1em 5%; margin: 20px 0 0 0;
	font-size: 100%;
	font-style: italic;
}
#text #formulier {
	text-align: left;
	margin: -5px 0px 0px -10px;
	white-space: normal;
	font-size: 75%;
	letter-spacing: normal;
}
#text #formulier .rij .waarde , #text #formulier .rij .label{
	text-align: left;
	padding: 4px 5px 4px 0;
	vertical-align: middle;
	text-transform: none;
	font-weight: normal;
}
#text #formulier .rij .separator{
   border-top:1px solid #ccc;
	margin: 4px 0 0 0;
}

.errortext {
	color: Red;
}

form dt {
   clear:both;
   width:33%;
   float:left;
   text-align:right;

}

form dd {
   float:left;
   width:66%;
   margin:0 0 0.5em 0.25em;
}

.links {
	width: 300px;
	margin:0;
	padding: 0;
}
.rechts{
	width: 300px;
	margin:0;
	padding:0;
}