body { background		: #777777; height				: 100%; padding				: 0px; margin
: 0px; }

.left{
  background-image :  url(img/backleft.gif); 
}

.right{
  background-image :  url(img/backright.gif); 
}


.top{
  background		: #F8E3AB;
}

.line{
  background		: #777777;
}

.grey-dark{
  background		: #777777;
  font-family : Trebuchet MS, Tahoma, Verdana; 
  font-size : 12px; 
  color : #FFFFFF; 
  line-height: 14pt;
  text-align: left;
}


.oranje {
	background		: #F8E3AB;
	font-family : Trebuchet MS, Tahoma, Verdana; 
  font-size : 12px; 
  color : #777777; 
  line-height: 14pt;
}

.grey {
	background		: #F1F1F1;
}	

.grey-text {
	background		: #F1F1F1;
	font-family : Trebuchet MS, Tahoma, Verdana; 
  font-size : 12px; 
  color : #EF8F28; 
  line-height: 14pt;
  text-align: left;
}

.grey-text a:link{
	background		: #F1F1F1;
	font-family : Trebuchet MS, Tahoma, Verdana; 
  font-size : 12px; 
  color : #EF8F28; 
  line-height: 14pt;
  text-decoration: underline;
  text-align: left;
}

.grey-text a:visited{
	background		: #F1F1F1;
	font-family : Trebuchet MS, Tahoma, Verdana; 
  font-size : 12px; 
  color : #EF8F28; 
  line-height: 14pt;
  text-decoration: underline;
  text-align: left;
}

.grey-text a:hover {
	background		: #F1F1F1;
	font-family : Trebuchet MS, Tahoma, Verdana; 
  font-size : 12px; 
  color : #777777; 
  line-height: 14pt;
  text-decoration: underline;
  text-align: left;
}	

.footer {
  background		: #000000;
}

.footer-text {
  background		: #000000;
  font-family : Trebuchet MS, Tahoma, Verdana; 
  font-size : 10px; 
  color : #FFFFFF; 
  line-height: 16pt;
}

.footer-text a:link{
  background		: #000000;
  font-family : Trebuchet MS, Tahoma, Verdana; 
  font-size : 10px; 
  color : #FFFFFF; 
  line-height: 16pt;
  text-decoration: underline;
}

.footer-text a:visited {
  background		: #000000;
  font-family : Trebuchet MS, Tahoma, Verdana; 
  font-size : 10px; 
  color : #FFFFFF; 
  line-height: 16pt;
  text-decoration: underline;
  
}

.footer-text a:hover {
  background		: #000000;
  font-family : Trebuchet MS, Tahoma, Verdana; 
  font-size : 10px; 
  color : #F8E3AB; 
  line-height: 16pt;
  text-decoration: underline;
}


.titel h1{
	background		: #FFFFFF;
	font-family : Trebuchet MS, Tahoma, Verdana; 
  color : #777777; 
  line-height: 30pt;
  font-size : 20px; 
}

.main {
	background		: #FFFFFF;
	font-family : Trebuchet MS, Tahoma, Verdana; 
  font-size : 12px; 
  color : #777777; 
  line-height: 14pt;
  text-align: justify;
}

.main a:link {
	background		: #FFFFFF;
	font-family : Trebuchet MS, Tahoma, Verdana; 
  font-size : 12px; 
  color : #777777; 
  line-height: 14pt;
  text-align: justify;
}

.main a:visited {
	background		: #FFFFFF;
	font-family : Trebuchet MS, Tahoma, Verdana; 
  font-size : 12px; 
  color : #777777; 
  line-height: 14pt;
  text-align: justify;
}

.main a:hover {
	background		: #FFFFFF;
	font-family : Trebuchet MS, Tahoma, Verdana; 
  font-size : 12px; 
  color : #EF8F28; 
  line-height: 14pt;
  text-align: justify;
}


	

.list
{
list-style-image: url('img/li.gif');
}

.nav {
  font-family : Trebuchet MS, Tahoma, Verdana; 
  font-size : 10px; 
  color : #777777; 
  line-height: 16pt;
  text-align: left;
}

.nav a:link{
  font-family : Trebuchet MS, Tahoma, Verdana; 
  font-size : 10px; 
  color : #777777; 
  line-height: 16pt;
  text-decoration: underline;
  text-align: left;
}

.nav a:visited{
  font-family : Trebuchet MS, Tahoma, Verdana; 
  font-size : 10px; 
  color : #777777; 
  line-height: 16pt;
  text-decoration: underline;
  text-align: left;
}

.nav a:hover{
  font-family : Trebuchet MS, Tahoma, Verdana; 
  font-size : 10px; 
  color : #000000; 
  line-height: 16pt;
  text-decoration: underline;
  text-align: left;
}

.blue {
  background: #9B9BFF;
}

.ddlb {
	font-family : Tahoma, Verdana, Arial;
	font-size: 8pt;
	color: #000000;
	background-color:#F1F1F1;
	border-width:1px;
  border-style:solid;
}

.errortabel {
	border-width:1px;
  border-style:solid;
  border-color:  #FF0000; 
}

.restabel {
	border-width:2px;
  border-style:solid;
  border-color:  #EF8F28; 
}

.booked{
	color: red;;
}  

form
{
   margin   : 0;
   padding  : 0;
}

.vrij{
	background		: #FFFFFF;
	font-family : Trebuchet MS, Tahoma, Verdana; 
  font-size : 12px; 
  color : #777777; 
  line-height: 14pt;
  text-align: left;
}

.bezet{
	background		: #FF0000;
	font-family : Trebuchet MS, Tahoma, Verdana; 
  font-size : 12px; 
  color : #EF8F28; 
  line-height: 14pt;
  text-align: left;
}

/* MENU */
#navigation {
    width: 700px;
	}
	
#menu {
  width: 700px;
  height: 22px;
  margin: 0px 0px 0px 0px;
}	 

#navigation ul {
	width: 700px; 
	height: 22px;
	margin: 0;
	padding: 0;
	list-style: none outside;
	}

	#navigation li a span{
	display:none;
	}

	#navigation li a {
	height: 22px;
	color: #fff;
	display: block;
	float: left;
	}
	
li#bungalows {
	float: left; margin: 0; display: block;
	background-image: url("img/bungalow_off.gif");
	background-repeat: no-repeat; background-position:top;
	}
li#bungalows a{
	width: 116px;
	background-image: url("img/bungalow_off.gif");
	background-repeat: no-repeat; background-position:top;
	}
li#bungalows a:hover {
	background-image: url("img/bungalow_on.gif");
	}
	
	
li#omgeving {
	float: left; margin: 0;  display: block;
	background-image: url("img/omgeving_off.gif");
	background-repeat: no-repeat; background-position:top;
	}
li#omgeving a{
	width: 116px;
	background-image: url("img/omgeving_off.gif");
	background-repeat: no-repeat; background-position:top;
	}
li#omgeving a:hover {
	background-image: url("img/omgeving_on.gif");
	}

li#golfen {
	float: left; margin: 0;  display: block;
	background-image: url("img/golfen_off.gif");
	background-repeat: no-repeat; background-position:top;
	}
li#golfen a{
	width: 116px;
	background-image: url("img/golfen_off.gif");
	background-repeat: no-repeat; background-position:top;
	}
li#golfen a:hover {
	background-image: url("img/golfen_on.gif");
	}
	
li#huren {
	float: left; margin: 0;  display: block;
	background-image: url("img/huren_off.gif");
	background-repeat: no-repeat; background-position:top;
	}
li#huren a{
	width: 116px;
	background-image: url("img/huren_off.gif");
	background-repeat: no-repeat; background-position:top;
	}
li#huren a:hover {
	background-image: url("img/huren_on.gif");
	}
	
li#contact {
	float: left; margin: 0;  display: block;
	background-image: url("img/contact_off.gif");
	background-repeat: no-repeat; background-position:top;
	}
li#contact a{
	width: 116px;
	background-image: url("img/contact_off.gif");
	background-repeat: no-repeat; background-position:top;
	}
li#contact a:hover {
	background-image: url("img/contact_on.gif");
	}
	
li#home {
	float: left; margin: 0;  display: block;
	background-image: url("img/home_off.gif");
	background-repeat: no-repeat; background-position:top;
	}
li#home a{
	width: 120px;
	background-image: url("img/home_off.gif");
	background-repeat: no-repeat; background-position:top;
	}
li#home a:hover {
	background-image: url("img/home_on.gif");
	}