/* commented backslash hack \*/ 
html, body { height: 100%; } 
/* end hack */


body {
   background: #fff;
   overflow-x: hidden;
}

.siteWidth {
   position: relative;
   width: 938px;
   margin: 0 auto;
}
   .widthContent{
      margin-top: -285px;
   }

#header {
   position: relative;
   height: 126px;
   background: url(../gfx/top.jpg) top center no-repeat #66642a;
   border-bottom: 2px solid #555219;
}

      #header .siteWidth {
         height: 128px;
      }
      
    #logo {
      position: absolute;
      top: 12px;
      left: 10px;
      z-index: 30;
   }
   
   #mainMenu {
      position: absolute;
      right: 0;
      bottom: 0px;
   }
      #mainMenu .menu li{
         background: url(../gfx/menu_item.jpg) top left repeat-x #666429;
         border: 1px solid #555219;
         border-bottom: none;
         margin-left: -1px;
      }
   
   
      #mainMenu a {
         padding: 12px 16px 9px;
         color: #fff;
         font-size: 15px;
         text-decoration: none;
         letter-spacing: 0;
      }
         #mainMenu a:hover{
            text-decoration: underline;
         }
         #mainMenu .active a{
            background: #fff5d2;
            color: #6f6c32;
         }
   #topMenu {
      position: absolute;
      right: 0;
      top: 0px;
   }
   
      #topMenu a {
         padding: 11px 8px 0;
         color: #fff;
         font-size: 16px;
         font-family: Georgia, serif;
         font-weight: normal;
         text-decoration: none;
         letter-spacing: 0;
      }
         #topMenu .active a,
         #topMenu a:hover{
            color: #d3ae52;
            text-decoration: underline;
         }
#headerSpacer{
   height: 3px;
   background: #fff5d2;
}

#subMenuContainer{
   height: 41px;
   background: #fff5d2;
   border-bottom: 2px solid #d1b349;
}
   #subMenuContainer .siteWidth{
      height: 41px;
   }
   #subMenu{
      position: absolute;
      height: 35px;
      bottom: 0px;
      left: 0px;
      
   }
      #subMenu li{
         height:35px;    
   }
   
    #subMenu li.active{
            background: #75723b;
   }
   
      #subMenu a {
         margin: 5px 15px 5px;
         color: #b18c31;
         font-size: 16px;
         text-decoration: none;
         letter-spacing: 0;
      }
         #subMenu .active a{
            color: #fff5d4;
         }
         #subMenu a:hover{
            color: #75723b;
         }
         


#siteContainer{
   position: relative;
}
   #bgImage{
      position: relative;
      height: 318px;
      border-bottom: 2px solid #d1b349;
      background: url(../gfx/bg/1.jpg) center top no-repeat #f4e5b3;
   }
   
   .like-home{
      position: absolute;
      top: 0px;
      left: 50%;
      margin-left: -460px;
      z-index: 20;
   }
   
   .vekabo-prijs{
      position: absolute;
      bottom: -83px;
      left: 50%;
      margin-left: -175px;
      z-index: 20;
   }
   
   #bgImage.homeBG{
      height: 288px;
   }
      #flashBackground{
         width: 1495px;
         height: 288px;
         margin: 0 auto;
         position: absolute;
         top:0px;
         left: 50%;
         margin-left: -747px;
         z-index: 0;
      }
      
      

   .contentContainer{
      margin: 0px 0 25px;
      width: 649px;
      border: 2px solid #d1b349;
      background: #fff;
   }
   .contentContainer a{
      color: #be4231;
   }
      
    .boxRight{
       margin: 0px 0 25px;
       width: 253px;
      
   }
   
   #infoWindow{
      position: absolute;
      width: 200px;
      height: 50px;
      top: 0px;
      right: 285px;
      z-index: 70;
   }
   
      .infoWindowLocation{
         background: #FFF7DB;
         border: 2px solid #D1B349;
         margin: 10px;
         padding: 10px;
      }
      
   #locationContentContainer{
     margin-top: 10px;
     margin: 0px 0 25px;
   }
   #contentLocation{
      margin: 10px 0 25px;
      width: 649px;
      border: 2px solid #d1b349;
      background: #fff;
   }
   #contentContainerLocation a{
      color: #be4231;
   }
      
    .boxRightLocation{
       margin: -254px 0 25px;
       width: 253px;
       border: 2px solid #d1b349;
       background: #fff;
   }
      #boxje{
         position: relative;
         float: left;
         width: 253px;
         border: 2px solid #d1b349;
         background: #fff;
         margin-bottom: 25px;
      }
      
      .boxContent {
         padding: 10px;
      }
      .boxImage {
         padding: 5px;
      }
      
         .images{
            list-style: none;
            margin: 0px;
            width: 233px;
            overflow: hidden;
         }
         
            .images.fold{
               display: none;
            }
            
            
            .unfold{
               display: block;
               text-align: center;
               color: #2A4E00;
            }
            
            .like-us-normal{
               margin-bottom: 25px;
            }
            
         .images li{
           width: 115px;
           float: left;
           margin-bottom: 5px;
           text-align: center;
         }
      
      
      #map_canvas{
         width: 626px;
         height: 300px;
         border: 1px solid #ccc;
      }
       
      #rightMenu .landmap,
      #rightMenu .landmap-hit{
         position: absolute;
         height: 15px;
         width: 140px;
         height: 15px;
         border: none;
         border-top: 0;
      }
      
      #rightMenu .landmap-hit{
      	z-index: 100;
      	cursor: pointer;
      }
      
      .no-js #rightMenu .landmap a img{
      	opacity: 0;
      }
      
      .no-js #rightMenu .landmap.active a img{
      	opacity: 1;
      }
      
         #rightMenu .landmap a{
         	width: auto;
            color: #fff;
            padding: 0;
            margin: 0;
            text-transform: uppercase;
            font-size: 10px;
            font-weight: bold;
            border: none;
            background: none;
         }
         
         #rightMenu .landmap a:hover,
         #rightMenu .landmap.active a{
            color: #a6a02c;
            padding: none;
            background: none;
            border: none;
         }
       
       #rightMenu .landmap.receptie{
         top: 121px;
         left: 4px;
         height: 36px;
         width: 88px;
       }
       
       #rightMenu .landmap-hit.receptie{
         top: 121px;
         left: 4px;
         height: 36px;
         width: 88px;
       }
       
       #rightMenu .landmap.inspiratieruimtedehei{
         top: 103px;
         left: 150px;
         height: 25px;
         width: 48px;
       }
       
       #rightMenu .landmap-hit.inspiratieruimtedehei{
         top: 107px;
         left: 150px;
         height: 20px;
         width: 44px;
       }
       
       #rightMenu .landmap.sanadebuitenhorst{
         top: 41px;
         left: 86px;
         height: 34px;
         width: 164px;
       }
       
       #rightMenu .landmap-hit.sanadebuitenhorst{
         top: 41px;
         left: 221px;
         height: 34px;
         width: 30px;
       }


       #rightMenu .landmap.debontekoe{
         top: 113px;
         left: 145px;
         height: 43px;
         width: 97px;
         
       }
       
       #rightMenu .landmap-hit.debontekoe{
         top: 127px;
         left: 145px;
         height: 29px;
         width: 97px;
         
       }
       
       #rightMenu .landmap.debosrand{
         top: 47px;
         left: 165px;
         height: 37px;
         width: 85px;
       }
       
       #rightMenu .landmap-hit.debosrand{
         top: 47px;
         left: 165px;
         height: 32px;
         width: 55px;
       }
       
       #rightMenu .landmap.deontginning{
         top: 70px;
         left: 126px;
         height: 53px;
         width: 99px;
       }
       
       #rightMenu .landmap-hit.deontginning{
         top: 79px;
         left: 152px;
         height: 28px;
         width: 47px;
       }
       
       
   
      .titleContainer{
          height: 38px;
          background: #fff7db;
          border-bottom: 1px solid #d1b349;
       }
       
       .text{
         position: relative;
         padding: 10px 10px 10px 10px;
         
       }
       
         .reserveer-but{
            position: absolute;
            bottom: 35px;
            right: 15px;
         }
       .text a{
         color: #be4231;
       }
      
   
   
#footer{
   height: 84px;
   background: url(../gfx/footer.gif) center top no-repeat #65642a;
   border-bottom: 2px solid #555219;
   border-top: 2px solid #555219;
   line-height: 17px;
   color: #fff7db;
}

   #footer a{
      color: #fff7db;
      text-decoration: none;
   }
   #footer a:hover{
      text-decoration: underline;
   }

   #footer .siteWidth{
      height: 84px;
   }
      
      .footerBox{
         margin: 17px 2px;
         height: 47px;
         width: 370px;
      }
      
      .footerBox.alRight{
         text-align: right;
         width: 560px;
      }
         
         .footerLogo{
            float: right;
            height: 50px;
            margin-left: 17px;
         }
         
         .footerRightText{
            margin-top: 10px;
            float: right;
            height: 47px;
            text-align: left;
         }
         
         
         
         
#footerBottom{
   height: 45px;
   background: #fff;
}
   #footerBottom .siteWidth{
      height: 45px;
   }
   #bottomMenu{
      position: absolute;
      height: 27px;
      top: 0px;
      
   }
      #bottomMenu li{
         height:27px; 
         background: #d1b349;     
   }
   
      #bottomMenu a {
         padding: 3px 15px;
         color: #fff;
         font-size: 12px;
         text-decoration: none;
         letter-spacing: 0;
      }
         #bottomMenu .active a,
         #bottomMenu a:hover{
         text-decoration: underline;
         }
         
#qforma{
   position: absolute;
   height: 27px;
   top: 3px;
   right: 0px;
   color: #d1b349;
}
   #qforma a{
      color: #d1b349;
      text-decoration: none;
   }
   #qforma a:hover{
      text-decoration: underline;
   }
   


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

.menu {
   list-style: none;
   margin: 0;
}
   .column,
   .menu li,
   .menu a {
      float: left;
      display: inline;
   }


.clear {
   display: block;
   height: 1px;
   overflow: hidden;
   margin-top: -1px;
   clear: both;
   font-size: 1px;
   line-height: 1px;
}

.nbsp {
   white-space: nowrap;
}


/* Google maps */
#gmap {
   margin-top: 0px;
   height: 250px;
   width: 649px;
   border: 2px solid #d1b349;
}

#address {
   width: 240px;
}
   #printRoute {
      display: none;
   }

#route_button {
   width: 70px;
}
#googletitle_spacing {
   height: 25px;
}



.textfield {
   width: 195px;
   border: 1px #808080 solid;
}
.textarea {
   height: 100px;
   width: 195px;
   border: 1px #808080 solid;
 }
 
#reserveer_formulier .textfield,
#reserveer_formulier .textarea {
   width: 300px;
}

#reserveer_formulier .label {
   text-align: right;
}

/*right menu*/

#rightMenu ul, #rightMenu ul ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 253px;
}

#rightMenu ul a {
  display: block;
  text-decoration: none;   
}

#rightMenu ul li {
  width: 253px;
  border-top: 1px solid #D1B349;
}

#rightMenu ul li li {
  width: 253px;
  border-top: 1px solid #fff6d7;
  cursor: pointer;
}

#rightMenu ul li a {
  background: #fff6d7;
  color: #494813; 
  padding: 10px;
  width: 228px;
  border-left: 5px #fff6d7 solid;
}
#rightMenu ul li.active a,
#rightMenu ul li a:hover {
  border-left: 5px #494813 solid;
}

#rightMenu ul li ul li a {
   border-left: 5px #fff6d7 solid;
  background: #fff6d7;
  color: #494813;
  padding-left: 20px;
  width: 218px;
}

#rightMenu ul li ul li a:hover {
  border-left: 5px #494813 solid;
}

/*Locations menu*/

ul.locmenu, ul.locmenu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 253px;
}

ul.locmenu a {
  display: block;
  text-decoration: none;	
}

ul.locmenu li {
  width: 253px;
  border-top: 1px solid #D1B349;
}

ul.locmenu li li {
  width: 253px;
  border-top: 1px solid #fff6d7;
  cursor: pointer;
}

ul.locmenu li a {
  background: #fff6d7;
  color: #494813;	
  padding: 10px;
  width: 228px;
  border-left: 5px #fff6d7 solid;
}
ul.locmenu li a.active,
ul.locmenu li a:hover {
  border-left: 5px #494813 solid;
}

ul.locmenu li ul li a {
   border-left: 5px #fff6d7 solid;
  background: #fff6d7;
  color: #494813;
  padding-left: 20px;
  width: 218px;
}

ul.locmenu li ul li a:hover {
  border-left: 5px #494813 solid;
}


.print{
   float: right;
   margin-top: 10px;
   color: #494813;
}