
body {
   font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
   font-size: 12px;
   color: #000;
}
   html, body,
   div, p, form, input, ul, ol, dl, dt, dd, li,
   h1, h2, h3, h4, h5, h6 {
      margin: 0;
      padding: 0;
   }

   p, ul, ol, form {
      margin-bottom: 1em;
   }
   ul, ol {
      margin-left: 2em;
   }


a {
   color: #3A6D33;
}
   a:hover {
      color: #A2BF45;
   }

img {
   border: 0;
}
   .rightImage {
      float: right;
      margin-left: 30px;
      margin-bottom: 10px;
      padding: 3px;
      border: 1px solid #0a1d14;
      background-color: #fff;
   }

.intro {
   font-size: 16px;
   line-height: 1.6em;
   color: #01573c;
}

img.icon {
   vertical-align: middle;
}


img.max-width{
	display: inline;
}

table {
   clear: both;
   border: 0px;
   border-spacing: 0;
   border-collapse: collapse;
}

h2, h3 {
   margin: 0.5em 0 0.8em 0;
}




#headerRotate {
   position: relative;
   clear: both;
   height: 283px;
   width: 100%;
   margin: 0;
   overflow: hidden;
}
   #headerRotate ul {
      position: absolute;
      left: 50%;
      margin-left: -830px;
   }
      #headerRotate li {
         display: none;
         list-style: none;
         position: absolute;
         top: 0;
         left: 0;
         z-index: 8;
      }
         #headerRotate li.active  {
            display: block;
            z-index: 10;
         }
         #headerRotate li.last-active  {
            display: block;
            z-index: 9;
         }
         
#container-slider {
   position: relative;
   clear: both;
   height: 284px;
   width: 100%;
   margin: 0;
   overflow: hidden;
}

#slider{
   position: absolute;
   width: 1380px;
   height: 284px;
   left: 50%;
   margin-left: -690px;
   
}
      #slider li {
         display: none;
         list-style: none;
         position: absolute;
         width: 1380px;
         height: 284px;
         overflow: hidden;
         top: 0;
         left: 0;
         z-index: 8;
      }
      #slider li.active  {
         display: block;
         z-index: 10;
      }
      #slider li.last-active  {
         display: block;
         z-index: 9;
      }
      
         #slider li .slider-image{
            position: absolute;
            left: 0px;
            top: 0px;
            z-index: 10;
            height: 284px;
         }
         
         #slider li .text{
            position: absolute;
            left: 200px;
            top: 0px;
            width: 255px;
            padding: 20px;
            z-index: 11;
            background: url(../gfx/slider-text-bg.png) repeat-x;
            font-size: 20px;
            margin-top: 0px;
         }
         
         #slider li.active .text{
            margin-top: 0px;
         }
         
            #slider li .text h3{
               font-size: 35px;
               color: 000000;
               margin: 0px;
            }
            
            #slider li .text .link{
               padding: 5px 10px;
               background: #00573c;
               color: #fff;
               text-decoration: none;
               font-size: 15px;
            }



#mapContainer {
   border: 2px solid #ffefd3;
   height: 420px;
}

#directionsContainer {
   display: none;
}
#directionsPanel {
   font-size: 11px;
   line-height: auto;
}

#addressInput {
   width: 150px;
}

#restaurant-formulier {
   background-color: #FFF7E7;
   border: 1px solid #091D12;
   display:none;
}
   #restaurant-formulier form,
   #restaurant-formulier p {
      padding: 5px 15px 5px 15px;
   }
   #restaurant-formulier ul {
      color: red;
   }
   
   
.clearfix { 
   zoom : 1;
}

   .clearfix:before, 
   .clearfix:after { 
      content : "\0020"; 
      display : block; 
      height : 0; 
      overflow : hidden; 
   }
   
   .clearfix:after { 
      clear : both; 
   }

