/************
   ALGEMEEN
************/

div { behavior: url('/js/iepngfix.htc') }

/*
html, body {
height: 100%;
}
*/

* {
margin: 0px;
padding: 0px;
border: 0px;
}

body {
background: #674C38 url('/images/bg.png');
font-family: Tahoma, "Trebuchet MS" , Arial, Verdana, Serif;
font-size: 11px;
color: #F7F0D4;
}

ul {
list-style-type: none;
}

a {
text-decoration: none;
}

h1 {
background: url('/images/h1_bg.png') no-repeat;
background-position: bottom;
width: 248px; /*253*/
text-transform: uppercase;
font-size: 12px;
color: #4B3324;
height: 20px;
font-weight: normal;
padding-left: 5px;
}

h2 {
font-size: 12px;
color: #654A36;
font-weight: bold;
}

.rood {
color: #B93F3E;
}

.bruin {
color: #95521A;
}

.lichtbruin {
color: #927246;
}

/************
   CONTAINER-BG
************/



/************
   CONTAINER
************/

#container {
margin: auto;
width: 500px;
padding-top: 30px;
background: url('/images/container_bg.png') repeat-y;

/*
position: relative;
min-height: 100%;
height:auto !important;
height:100%;
*/
}

/************
   HEADER
************/

#header {
background: url('/images/header_bg.png') no-repeat;
width: 496px;
height: 135px;
}

   #header img {
   margin-top: 34px;
   margin-left: 170px;
   }

/************
   CONTENT-HOMEPAGE
************/

#content {
background: url('/images/content_bg.png') repeat-y;
width: 496px;
}

   #menu {
   background: url('/images/menu_bg.png') no-repeat;
   width: 450px;
   height: 57px;
   margin-left: 23px;
   text-transform: uppercase;
   font-weight: bold;
   }
   
      #menu ul {
      }
      
         #menu ul li {
         float: left;
         display: inline;
         font-size: 14px;
         }
         
            #menu ul li a {
            color: #583C29;
            margin-top: 20px;
            display: block;
            text-align: center; 
            }
            
            #menu ul li a.margin_overons {
            width: 100px;
            }            
            
            #menu ul li a.margin_geschiedenis {  
            width: 125px;   
            }
            
            #menu ul li a.margin_foto {
            width: 129px;
            }           
            
            #menu ul li a.margin_contact {
            width: 95px;
            }              
            
               #menu ul li a:hover {
               color: #F7F0D4;
               }
               
   #foto {
   margin-left: 23px;
   width: 450px;
   height: 163px;
   }   
   
   #welkom_menu {
   background: url('/images/welkom_bg.png') no-repeat;
   width: 450px;
   height: 199px;
   margin-left: 23px;
   }       
   
      #aanbevolen_menu {
      float: left;
      display: inline;
      }    
      
         #aanbevolen_menu_foto {
         width: 113px;
         margin-left: 37px;
         }
         
            #aanbevolen_menu_foto img {
            margin-top: 60px;
            }
         
         #aanbevolen_menu_tekst {
         width: 113px;
         height: 25px;
         overflow: hidden;
         margin-left: 37px;
         }
         
            #aanbevolen_menu_tekst p {
            text-transform: uppercase;
            font-size: 11px;
            text-align: center;
            }
            
      #welkom_tekst {
      width: 255px; /*265*/
      height: 100px;
      float: right;
      margin-left: 25px;
      margin-top: 65px;
      padding-right: 10px;
      overflow: hidden;
      line-height: 10px;
      }            
      
         #welkom_tekst p {
         margin-bottom: 10px;
         font-size: 11px;
         text-align: justify;
         }
         
      #titel {
      float: right;
      display: inline;
      margin-top: 16px;
      }      
      
   #footer_content_links {
   float: left;
   display: inline;
   }
   
      #bekijk_aanbevolen_menu {
      background-color: #BB9F76;
      border: 1px solid #4E3627;
      font-size: 10px;
      width: 122px; /*132*/
      padding-left: 10px;
      height: 17px; /*20*/
      padding-top: 3px;
      margin-left: 50px;
      margin-top: 3px;
      }      
      
         #bekijk_aanbevolen_menu a {
         color: #4E3627;
         }  
         
            #bekijk_aanbevolen_menu a:hover {
            color: #F7F0D4;
            }  
            
      #link_image {
      margin-left: 85px;
      margin-top: 2px;
      }            
                      
      #openingsuren {
      margin-left: 50px;
      }    
      
         #openingsuren p {
         color: #4E3627;
         }    
         
   #footer_content_rechts {
   float: left;
   display: inline;
   margin-left: 35px;
   margin-top: 5px;
   width: 265px;
   }  
   
      #footer_content_rechts_foto {
      float: left;
      display: inline;
      }
      
         #foto_top {
         background: url('/images/bg_foto_top.png') no-repeat;
         width: 71px;
         height: 6px;
         font-size: 0px;
         }
         
         #foto_midden {
         background: url('/images/bg_foto_midden.png') repeat-y;
         width: 65px; /*71*/   
         padding-left: 6px;
         padding-top: 1px;
         }

         #foto_bottom {
         background: url('/images/bg_foto_bottom.png') no-repeat;
         width: 71px;
         height: 6px;         
         }     
         
      #footer_content_rechts_tekst {
      float: left;
      display: inline;
      margin-left: 5px;
      width: 175px; /*180*/
      height: 95px;
      padding-left: 5px;
      overflow: hidden;
      }      
      
         #footer_content_rechts_tekst p {
         color: #4E3627;
         }    
         
         #footer_content_rechts_tekst a {
         text-transform: uppercase;
         float: right;
         display: inline;
         font-weight: bold;
         font-size: 10px;
         color: #4C3425;
         padding-top: 3px;
         margin-right: 5px;
         }    
         
   #gesloten {
   color: #4E3627;
   height: 20px;
   font-size: 11px;
   font-weight: bold;
   margin-left: 50px;
   }     
   
/************
   CONTENT-GESCHIEDENIS
************/          

#content_geschiedenis {
width: 450px; /*450*/
margin-left: 23px;
}       

   #content_geschiedenis p {
   color: #654A36;
   font-size: 12px;
   margin-top: 10px;
   padding-left: 10px;
   padding-right: 10px;
   text-align: justify;
   }
   
/************
   CONTENT-MENU
************/  

#content_menu {
margin-left: 23px;
}   

   #content_menu_header {
   background: url('/images/header_menu.png') no-repeat;
   width: 420px; /*450*/
   height: 25px; /*70*/
   padding-top: 45px;
   padding-left: 30px;
   }
   
      #content_menu_header p {
      text-transform: uppercase;
      color: #C1AA70;
      font-size: 12px;
      }
      
   #content_menu_tekst {
   text-align: center;
   margin-top: 10px;
   width: 295px;
   margin-left: 70px;
   }  
   
      #content_menu_tekst p{
      color: #654A36;
      margin-bottom: 20px;
      }    
      
      #dranken {
      float: right;
      display: inline;
      margin-top: 15px;
      margin-right: 25px;
      }      
      
      #prijs {
      float: left;
      display: inline;
      margin-top: 15px;
      margin-left: 70px;
      }  
      
/************
   CONTENT-CONTACT
************/     

#contact {
}

   #contact_header {
   width: 450px;
   height: 70px;
   margin-left: 23px;
   margin-bottom: 15px;
   }     
 
   #contact_gegevens_links {
   float: left;
   display: inline;
   margin-left: 50px;
   } 
   
      #contact_gegevens_links p {
      color: #654A36;
      }
      
      #contact_gegevens_links a {
      color: #654A36;
      }
   
   #contact_gegevens_rechts {
   margin-top: 42px;
   text-align: right;
   margin-right: 50px;
   }  
   
      #contact_gegevens_rechts p {
      color: #654A36;
      }     
      
   #contact_formulier {
   margin-top: 15px;
   margin-left: 50px;
   }    
   
      #formulier_gegevens {
      margin-top: 5px;
      }  
      
         #formulier_gegevens input {
         background-color: #BB9F76;
         border: 1px solid #4E3627;
         font-family: Tahoma, "Trebuchet MS" , Arial, Verdana, Serif;
         font-size: 11px;
         height: 15px;
         width: 170px; /*175*/
         color: #4E3627;
         margin-right: 40px;
         padding-left: 5px;
         }
         
      #formulier_bericht {
      margin-top: 15px;
      }
      
         #formulier_bericht textarea {
         background-color: #BB9F76;
         border: 1px solid #4E3627;
         font-family: Tahoma, "Trebuchet MS" , Arial, Verdana, Serif;
         font-size: 11px;
         height: 65px; /*75*/
         width: 382px; /*392*/
         color: #4E3627;
         margin-right: 40px;
         padding: 5px;     
         }       
         
      #formulier_knoppen {
      float: right; 
      display: inline;
      margin-right: 20px;
      margin-top: 5px;
      }    
      
         #formulier_knoppen a {
         font-size: 11px;
         color: #4E3627;
         text-transform: uppercase;
         margin-right: 30px;
         font-weight: bold;      
         }  

/************
   CONTENT-GALLERIJ
************/      

#gallerij_header {
margin-left: 23px;
width: 450px;
height: 70px;
margin-top: -2px;
}     

#gallerij_fotos {
background-color: #DED0A7;
border: 1px solid #B09F89;
width: 436px; /*448*/
margin-left: 23px;
margin-top: 10px;
padding-top: 12px;
padding-left: 12px;
}   

   #gallerij_fotos .gallerij_foto {
   float: left;
   display: inline;
   border-bottom: 1px solid #8D744E;
   border-right: 1px solid #8D744E;
   padding-bottom: 10px;
   padding-right: 10px;
   padding-left: 10px;
   padding-top: 10px;
   }  
   
      #gallerij_fotos .gallerij_foto.laatste {
      border-right: 0px;
      padding-right: 0px;
      }
      
      #gallerij_fotos .gallerij_foto.onderste {
      border-bottom: 0px;
      padding-bottom: 0px;
      }    
      
      #gallerij_fotos .gallerij_foto.bovenste {
      padding-top: 0px;
      }     
      
      #gallerij_fotos .gallerij_foto.eerste {
      padding-left: 0px;
      }             
   
#gallerij_tekst {
float: left;
display: inline;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 110px;
}

   #gallerij_tekst p {
   text-transform: uppercase;
   color: #8D744E;
   }   

/************
   FOOTER
************/

#footer {
background: url('/images/footer_bg.png') no-repeat;
width: 496px;
height: 39px;
}

/************
   DESIGN BY
************/

#design {
width: 220px;
margin-left: 140px;
text-align: center;
padding-bottom: 20px;
}

   #design p {
   font-size: 9px;
   color: #A1927F;
   }