/******************************************
Website : www.dehedera.nl
CSS : Lautenbag Reclame (Diederik Dijkstra)
E-mail: info@lautenbag.nl
WWW: http://www.lautenbag.nl
---------------------------------------
CSS bestand vrijgegeven onder C.C. licentie:
http://creativecommons.org/licenses/by-sa/2.0/nl/
******************************************/

/*-----RESET-----*/

:-moz-any-link:focus { outline: none; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp,
sub, sup, tt, var, dd, dl, dt, li, ol, ul, form, fieldset, input, textarea, label, 
table, legend, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	text-align: left;}

img, a img, :link img, :visited img {
	border: 0;}
	

/*-----LAYOUT-----*/

body, html{ height: 100%; overflow: hidden;}
body{ background: #333;}

div#site{
	position: absolute;
	z-index: 1;
	width: 940px;
	height: 600px;
	left: 50%;
	top: 50%;
	margin-left: -470px;
	margin-top: -300px;
	overflow: hidden;
	background: #000;
	border: 1px solid #fff}

div#top{
  height:44px;
  margin:0;
  padding: 0;
  background: #000 url('img/top.jpg') left top no-repeat;
  border-bottom: 1px solid #fff;}

div#header{
  height:154px;
  margin:0;
  padding: 0;
  background: #fff url('img/header.jpg') left top no-repeat;
  border-bottom: 1px solid #fff;}
  
div#container{
  text-align:left;
  width:940px;
  margin:0 auto;}

div#wrapper{
  float:left;
  display: inline;
  width:100%}

div#content{
  height: 360px;
  margin: 0 240px 0 161px;
  background: #fff url('img/content.jpg') left top repeat-x;
  overflow: auto}

div#tekst{
  width: 480px;
  margin: 20px;}

div#navigation{
  float:left;
  display: inline;
  height: 360px;
  width:160px;
  margin-left:-940px;
  background:#000;
  border-right: 1px solid #fff;
  overflow: hidden}
  
div#fotos{
  float:left;
  height: 360px;
  width:240px;
  margin-left:-240px;
  background:#FFF;
  overflow: hidden}

div#fotos img{
  float: left;
  display: inline;
  margin: 0 0 1px 0;}

div#footer{
  border-top: 1px solid #fff;
  height: 39px;
  /*background: #fff url('img/footer.jpg') left top no-repeat;*/
  background-color:#000;
  font: normal 12px Tahoma, Arial, sans-serif;
  text-align:center;
  line-height: 39px; 
  color:#E7F19B;
  letter-spacing:1px;
  clear:left;
  width:100%;}
  
/*-----TYPOGRAFIE-----*/

body{font: normal 12px/18px Arial, sans-serif;} 
p{margin: 0 0 20px; padding: 0;}

h1{font: bold 28px/26px Tahoma, Arial, sans-serif;}
h2{font: bold 22px/20px Tahoma, Arial, sans-serif;}
h3{font: bold 18px/16px Tahoma, Arial, sans-serif;}
h6{font: bold 12px/16px Tahoma, Arial, sans-serif;}


td.route a{
  font: bold 12px Arial, sans-serif;
  text-decoration:none; 
  color:#FFF; 
}

td.route a:hover{
  font: bold 12px Arial, sans-serif;
  text-decoration:underline;
  color:#FFF;   
}

h1, h2, h3{
	margin: 0 0 20px;
	padding: 0;
	color: #092b03;}

div#content ul{
	list-style-type: disc;
	margin: 0 0 20px;
	padding: 0 0 0 15px;
	color: #000;}

div#content ul li{
	padding: 0 0 0 5px;}

div#content ol{
	list-style-type: decimal;
	margin: 0 0 20px;
	padding: 0 0 0 25px;
  color: #000; }

div#content ol li{
	padding: 0 0 0 10px;
	margin: 0;}

a {         text-decoration: underline; font-weight: bold;}
a:link {    color: #587821;}
a:visited { color: #587821;}
a:hover {   color: #587821; text-decoration: none;}
a:active {  color: #587821;}

h1 a {         text-decoration: none; font-weight: bold;}
h1 a:link {    color: #092b03; }
h1 a:visited { color: #092b03; }
h1 a:hover {   color: #587821; }
h1 a:active {  color: #587821; }	

h2 a {         text-decoration: none; font-weight: bold;}
h2 a:link {    color: #092b03; }
h2 a:visited { color: #092b03; }
h2 a:hover {   color: #587821; }
h2 a:active {  color: #587821; }

h3 a {         text-decoration: none; font-weight: bold;}
h3 a:link {    color: #092b03; }
h3 a:visited { color: #092b03; }
h3 a:hover {   color: #587821; }
h3 a:active {  color: #587821; }


/*-----Reserverings Formulier-----*/
table#resform{
  margin:0;
  padding:0;
}


p.subhead{
  font:bold 13px Arial, sans-serif;
  color:#587821;
  margin-top:20px;
  margin-bottom:3px;
}


div#tekst table#resform tr td {
	border: 0;
	margin: 0;
	padding: 0;}


div#tekst table#resform input,
div#tekst table#resform textarea{
	font: 12px arial, verdana, sans-serif; 
	color: #000
  }


#resform label.resveld-Naam,
#resform label.resveld-Geslacht,
#resform label.resveld-Radiobut,
#resform label.resveld-Adres,
#resform label.resveld-Postcode,
#resform label.resveld-Woonplaats,
#resform label.resveld-Telefoon,
#resform label.resveld-Mobiel,
#resform label.resveld-Email,
#resform label.resveld-Bevestigemail,
#resform label.resveld-Land,
#resform label.resveld-Volwassenen,
#resform label.resveld-Kinderen,
#resform label.resveld-Leeftijd,
#resform label.resveld-Kamer,
#resform label.resveld-Datumaankomst,
#resform label.resveld-Tijd,
#resform label.resveld-Datumvertrek,
#resform label.resveld-Kopie,
#resform label.resveld-Aankomst {
	line-height: 20px 
}


#resform input.resveld-Naam,
#resform input.resveld-Geslacht,
#resform input.resveld-Adres,
#resform input.resveld-Woonplaats,
#resform input.resveld-Telefoon,
#resform input.resveld-Mobiel,
#resform input.resveld-Email,
#resform input.resveld-Bevestigemail,
#resform input.resveld-Land,
#resform input.resveld-Bericht {
  width: 98%;
	padding: 3px 2px;
	margin: 0 0 5px 0;
	border: 1px solid #ccc;
	background-color: #fff; 
	}


#resform input.resveld-Postcode {
	width: 38%;
	padding: 3px 2px;
	margin: 0 0 5px 0;
	border: 1px solid #ccc;
	background-color: #fff;
}  


#resform input.resveld-Volwassenen,
#resform input.resveld-Kinderen,
#resform input.resveld-Leeftijd {
	width: 18%;
	padding: 3px 2px;
	margin: 0 0 5px 0;
	border: 1px solid #ccc;
	background-color: #fff;
  }
  
  
#resform textarea {
	width: 98%;
	padding: 3px 2px;
	margin: 0 0 5px 0;
	height: 140px;
	border: 1px solid #ccc;
	background-color: #fff; 
  }
  
  
#resform .button {
  display:block;
  width:120px;
  height:25px;
  background-color:#E7F198;
  text-align:center;
  font:bold 12px Arial, sans-serif;
  color:000;
  border:none;
  }  


/* Contact formulier */
div#tekst table#tabelFormulier {
	background: transparent;
	text-align: left;
	width: 480px;
	border: 0;
	padding: 0;
	border: 0;}          


div#tekst table#tabelFormulier tr td {
	border: 0;
	margin: 0;
	padding: 0;}


div#tekst table#tabelFormulier h3 {
	margin: 10px 0 10px 0;
  }


div#tekst table#tabelFormulier input,
div#tekst table#tabelFormulier textarea{
	font: 12px arial, verdana, sans-serif; 
	color: #000
  }


label.veld-Bedrijfsnaam,
label.veld-Naam,
label.veld-Adres,
label.veld-Postcode,
label.veld-Woonplaats,
label.veld-Telefoon,
label.veld-Fax,
label.veld-E-mail,
label.veld-Bericht {
	line-height: 20px 
  }


input.veld-Bedrijfsnaam,
input.veld-Naam,
input.veld-Postcode,
input.veld-Woonplaats,
input.veld-Telefoon,
input.veld-Fax {
	width: 96%;
	padding: 3px 2px;
	margin: 0 0 5px 0;
	border: 1px solid #ccc;
	background-color: #fff; 
  } 


input.veld-Adres,
input.veld-E-mail {
	width: 98%;
	padding: 3px 2px;
	margin: 0 0 5px 0;
	border: 1px solid #ccc;
	background-color: #fff; 
  } /* achtergrondkleur invoerveld */


input.veld-Mailinglist{
	border: 0;
	margin: 0 10px 0 0; 
  }


table#tabelFormulier textarea{
	width: 98%;
	padding: 3px 2px;
	margin: 0 0 5px 0;
	height: 140px;
	border: 1px solid #ccc;
	background-color: #fff; 
  }/* achtergrondkleur invoerveld */



div#tekst table#tabelFormulier .button,
div#tekst table#guestbook .button {
  display:block;
  width:120px;
  height:25px;
  background-color:#E7F198;
  text-align:center;
  font:bold 12px Arial, sans-serif;
  color:000;
  border:none;
  }
     
  
/* Kamers overzicht */

table.kamers{
  margin-bottom:20px;
  padding:5px;
}

table.kamers h3{
  display:block;
  padding:10px 5px;
  margin-bottom:0px;
  background-color:#81A43C;
}