body {
behavior:url("csshover.htc");
margin:0px;
padding:0px;
font-family:Georgia;
height:100%;
background:url(images/background2.jpg) top center no-repeat;
background-color:#f2e9ea;
line-height:0.5cm;
font-size:13px;
}

h1, h2 {
font-size:18px;
color:#8ab619;
letter-spacing:1.8px;
font-weight:normal;
margin:0px;
padding:0px;
margin-bottom:10px;
}

h2 {
font-size:16px;
}

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

a, a:visited {
color:#8ab619;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

img {
border:0px;
}

input, textarea {
border:1px solid white;
}

.radiobutton {
border:0px;
}

.clear { clear: both; }
* html #main {
height: 1%;
}

#main {
width:920px;
margin-left:auto;
margin-right:auto;
}

#top_header {
width:920px;
height:88px;
}

#header {
position:relative;
width:920px;
height:364px;
background-color:#ffffff;
}

#header img {
margin:10px;
}

#buttons {
position:absolute;
width:221px;
right:30px;
top:30px;
}

#buttons ul {
margin:0px;
padding:0px;
list-style-type:none;
width:221px;
}

#buttons ul li {
float:left;
width:216px;
background:url(images/button_back.png) no-repeat;
margin-bottom:16px;
height:75px;
font-size:9px;
color:#ffffff;
font-family:arial;
padding-left:5px;
}

#buttons ul li a {
text-decoration:none;
}

#buttons ul li a:hover {
text-decoration:none;
}

#buttons ul li a:hover h1 {
color:#8ab619;
}

h1.button {
line-height:50px;
color:#ffffff;
font-size:16px;
background-repeat:no-repeat;
background-position:10px center;
margin:0px;
padding:0px 0px 0px 65px;
font-family:georgia;
}

.accomodatie {
background:url(images/groep.png);
}

.camping {
background:url(images/tent.png);
}

.omgeving {
background:url(images/fiets.png);
}

.bed {
background:url(images/bed.png);
}

#golf {
position:absolute;
width:900px;
height:50px;
left:0px;
top:294px;
}

#middle {
width:920px;
margin-top:20px;
}

#menu {
width:160px;
float:left;
padding:0px 0px 0px 0px;
}

#content {
float:left;
width:480px;
padding:0px 40px 0px 40px;
}

#content b {
color:#f9831f;
}


table.prijzen tr td {
font-size:11px;
vertical-align:top;
padding:3px 5px 3px 0px;
}


table.uitstapjes tr td {
font-size:11px;
vertical-align:top;
padding:3px 5px 23px 0px;
}

table.uitstapjes tr td img {
margin-right:10px;
}

#form_table tr td {
padding:3px 0px 3px 0px;
}





#right {
width:200px;
float:right;
margin:0px;
padding:0px;
}

.rounded {
width:200px;
margin-bottom:20px;
padding:10px 0px 10px 0px;
} 

.green {
background-color:#8ab619;
}

.orange {
background-color:#f8931f;
}

.purple {
background-color:#ce82a0;
}

.rounded a {
color:#ffffff;
text-decoration:none;
}

.rounded a:hover {
color:#373125;
text-decoration:none;
}

#kalender {
width:190px;
margin-left:5px;
}

#news {
width:190px;
margin-left:10px;
}

#fotowidget {
width:190px;
margin-left:10px;
}

#fotowidget ul {
list-style-type:none;
margin:0px;
padding:0px;
}

#fotowidget ul li {
position:relative;
display:block;
float:left;
width:80px;
height:80px;
overflow:hidden;
margin-right:10px;
}



#footer {
position:relative;
width:880px;
height:110px;
padding:20px;
background:url(images/footer_back.png) no-repeat;
font-size:11px;
}

#footer_bottom {
position:absolute;
line-height:30px;
top:10px;
right:20px;
font-size:11px;
text-align:right;
}

#bottom_logos {
position:absolute;
right:20px;
bottom:10px;
width:422px;
height:70px;
}

#spacer {
width:920px;
height:40px;
}


/*fotoalbum*/
.fotolink {
float:left; 
height:120px;
width:120px;
overflow:hidden;
margin:0px 20px 20px 0px;
}

#content div.fotolink a:hover {
text-decoration:none;
}



/*reserveren en kalender*/


table#calendar tr td, table#fullcalendar tr td {
text-align:center;
vertical-align:middle;
font-size:11px;
}

table#calendar th, table#fullcalendar th {
text-align:left;
font-size:13px;
line-height:24px;
}

table#fullcalendar th {
color:#8ab619;
font-size:13px;
}

td.calendarcell { border:1px solid #2a2727; background-color:#b4d859; width:22px; height:22px; line-height:24px; text-align:center; font-size:11px;}

td.fullcalendarcell {font-size:10px; border:1px solid #cccccc; width:22px; height:22px; line-height:22px; text-align:center;}


#reserverenerrorfield {
display:none;
border:2px solid red;
margin-top:20px;
padding:10px;
}

.formerror {
border:2px solid red;
margin-top:20px;
padding:10px;
}

#reserverensuccessfield {
display:none;
border:2px solid green;
margin-top:20px;
padding:10px;
}

.formsuccess {
border:2px solid green;
margin-top:20px;
padding:10px;
}

.black {
background-color:#000000;
}

.volledig {
cursor:default !important;
color:#ffffff !important;
background-color:#ff0000;
}

.volledig a, .volledig a:visited {
cursor:default !important;
text-decoration:none;
}

.volledig a:hover {
text-decoration:none;
}

.volledig:hover {
border:1px solid #ddd !important;
}

.vertrek {
background:url(images/vertrek.png) no-repeat;
background-color:#eeeeee !important;
}

.aankomst {
background:url(images/aankomst.png) no-repeat;
background-color:#eeeeee !important;
}



/* MENU MENU MENU MENU   




#menu ul {
margin:0px;
padding:0px;
list-style-type:none;
width:160px;
}

#menu ul li {
text-align:left;
margin-bottom:20px;
}

#menu ul li a {
color:#373125;
text-decoration:none;
font-size:14px;
}

#menu ul li.active a, #menu ul li a:hover {
color:#8ab619;
}

*/


ul#nav {
  margin:0px;
  padding:0px;
  text-align:left;
  display:block;
  list-style:none;
  width:160px;
  left:0px;
  top:0px;
 }


/*achtergrondkleur van de <li>'s hier instellen anders detecteert IE de <li> niet als het menu over een div met content heenvalt*/

  ul.sub {
  margin:0px;
  padding:0px;
  text-align:left;
  list-style:none;
  width:160px;
  position:absolute;
  display:none;
  right:-160px;
  z-index:100;
  top:0px;
  background-color:#ffffff;
  }
  
/* aparte styling voor niveau 2 */  
  
  ul.sub ul.sub {
  margin:0px;
  padding:0px;
  text-align:left;
  list-style:none;
  width:160px;
  position:absolute;
  display:none;
  right:-160px;
  z-index:100;
  top:0px;
  }
  
  
 
 /* Het 100% CSS menu */



 ul#nav li {
  position:relative;
  z-index:9;
  color:#3f3f3f;
  display:block;
  margin:0px;
  padding:0px;
 }
 
 ul#nav li a, ul.sub li a {
 width:150px; display:block; padding:10px 5px 10px 5px; margin:0; height:1%; color:#3f3f3f; text-decoration:none; 
 }
 
 ul#nav li a:hover, ul.sub li a:hover {
 text-decoration:none;
 }
 
 ul#nav li.active a {
 color:#8ab619;
 }
 
 ul#nav li:hover {
 background-color:#8ab619;
 }
 
 ul#nav li:hover a {
 color:#ffffff;
 }
 
 ul.sub li {
 display:block;
  position:relative;
  z-index:9;
  margin:0px;
  padding:0px;
 }
 
 ul#nav li:hover ul.sub li a {
 color:#3f3f3f;
 }
 
 ul.sub li:hover {
 background-color:#8ab619;
 }
 
 ul#nav li:hover ul.sub li:hover a {
 color:#ffffff;
 }
 
 ul#nav li:hover ul.sub li.active {
  background-color:#8ab619;
 }
 
 ul#nav li:hover ul.sub li.active a {
 color:#ffffff;
 }

* ul#nav a{display:inline-block;}



 


 
  ul#nav ul.sub ul.sub {
  display:none;
  }
 
  
  li:hover ul#nav ul.sub {
   display:none;
  }

  li:hover ul.sub, li:hover li:hover ul.sub {
   display:block;
  }
  
  ul#nav li:hover ul.sub li:hover ul.sub {
  display:block;
  }