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

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

body {
font-family: Arial, Verdana, "Trebuchet MS", Serif;
background: #C07F19 url('images/bg.png') repeat-x;
font-size: 11px;
margin: auto;
overflow: scroll;
}
.sauna{
	color:#54300e;	
	font-size:12pt;
}

a {
text-decoration: none;
}

a:hover {
text-decoration: none;
}

   a.link_contact {
   text-align: center;
   font-weight: bold;
   text-decoration: underline;
   color: #532F0D;
   } 

ul {
list-style-type: none;
}

p {
font-size: 11px;
color: #532F0D;
}

.centraal {
text-align: center;
}

   .centraal a {
   color: #532F0D;
   }  
   
   .centraal a:hover {
   color: #532F0D;
   text-decoration: underline;
   }  
   
   .centraal img {
   padding: 0px 5px 2px 5px;
   }                           

.vet {
font-weight: bold;
}

#container {
margin: auto;
width: 832px;
}

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

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

/******************************/
/* MENU */
/******************************/
#menu {
width: 827px;
height: 34px;
background: url('images/menu.png') no-repeat;
overflow: hidden;
} 
   
   #menu ul {
   margin-left: 25px;
   height: 34px;
   }
   
      #menu ul li {
      float: left;
      display: inline;
      }
      
         #menu ul li a{
         color: #FAE9C4;
         display: block;
         height: 34px;
         padding: 8px 8px 5px 8px;
         float: left;
         } 
         
         #menu ul li a:hover, #menu ul li a.actief{
         background: url('images/hover.png') repeat-x;
         }  
         
            #menu ul li a.nieuws_menu {
            color: #D6B441;
            font-weight: bold;
            }          
         
            #menu ul li a.nieuws_menu:hover {
            background: none;
            text-decoration: underline;
            }          
         
         #menu ul li img{
         float: left;
         display: inline;
         margin-top: 12px;
         }             
      
/******************************/
/* INHOUD */
/******************************/    

/* TITEL */
#header_inhoud {
background: url('images/header_inhoud.png') no-repeat;
width: 812px;
height: 42px; /* totale hoogte 56px*/
padding-top: 14px;
} 

   #header_inhoud h1{
   width: 273px;
   height: 36px;
   margin-left: 76px;
   } 
      
      .fotogalerij {
      background: url('images/fotogalerij.png') no-repeat;
      }
      
      .reglement {
      background: url('images/reglement.png') no-repeat;
      }
      
      .contact {
      background: url('images/contact.png') no-repeat;
      }
      
      .faciliteiten {
      background: url('images/faciliteiten.png') no-repeat;
      }
      
      .wegwijzer {
      background: url('images/wegwijzer.png') no-repeat;
      } 
      
      .all_in {
      background: url('images/all_in.png') no-repeat;
      } 
      
      .cadeaubon {
      background: url('images/cadeaubon.png') no-repeat;
      } 
      
      .massages {
      background: url('images/massages.png') no-repeat;
      }  
      
      .reserveren {
      background: url('images/reserveren.png') no-repeat;
      }   
      
      .prijzen {
      background: url('images/prijzen.png') no-repeat;
      }     
      
      .nieuws {
      background: url('images/nieuws.png') no-repeat;     
      }                                                     

   #header_inhoud span{
   display: none;
   } 

/* BOVENKANT INHOUD KADER */
#inhoud_top {
background: url('images/inhoud_top.png') no-repeat;
width: 812px;
height: 26px;
}

/* WRAP CONTAINER VOOR ACHTEGROND */
#inhoud_wrap {
background: url('images/achtergrond_trans.gif') repeat-y;
}

/* CONTAINER MET ONDERSTE AFBEELDING */
#inhoud_midden {
background: url('images/inhoud_midden_trans.gif') no-repeat bottom center;
width: 827px;
}

/* INHOUD DIV */
#inhoud {
width: 509px;
margin-left: 60px;
padding: 0px 45px;
}
   
   #inhoud.geen_padding {
   padding-left: 0px;
   }

   #inhoud p {
   line-height: 20px;
   }

/* MIN HOOGTE CONTAINER INDIEN NODIG */
#inhoud_min_hoogte {
height: 291px;
width: 570px;
}

/* REGLEMENT */
ul#reglement li{
background: url('images/opsomming.gif') no-repeat;
background-position: 0px 3px;
background-color: #ECE0CA;
display: block;
color: #552F0C;
padding-left: 8px;
padding-bottom: 5px;
}
   
   ul#reglement li.geen_bg{
   background-color: #FDF4E1;
   }

/* FACILITEITEN */
#tabel_faciliteiten {
width: 430px;
margin-left: 35px;
color: #532F0D;
}  

   #tabel_faciliteiten div.rij {
   width: 430px;
   height: 15px;
   padding-bottom: 3px;
   } 
   
   #tabel_faciliteiten div.rij.kleur {
   background-color: #EDE1CA;
   }
   
   #tabel_faciliteiten div.rij.hoofd {
   font-weight: bold;
   margin-bottom: 15px;
   }   
   
      #tabel_faciliteiten div.rij div {
      float: left;
      overflow: hidden;
      }
      
         #tabel_faciliteiten div.rij div.naam {
         width: 190px;
         } 
         
         #tabel_faciliteiten div.rij div.info {
         width: 80px;
         text-align: center;
         }   

/* MASSAGES */
#tabel_massages {
width: 350px;
margin-left: 15px;
margin-top: 20px;
color: #532F0D;
}     
   
   #tabel_massages div.rij {
   width: 350px;
   height: 15px;
   padding-bottom: 3px;
   } 
   
      #tabel_massages div.rij div {
      float: left;
      overflow: hidden;
      }    
      
         #tabel_massages div.rij div.naam {
         width: 250px;
         }
         
            #tabel_massages div.rij div.naam img {
            padding-bottom: 3px;
            padding-right: 4px;
            }         
         
         #tabel_massages div.rij div.info {
         width: 100px;
         text-align: center;
         }         

   #tabel_massages div.rij.hoofd {
   font-weight: bold;
   }  

/* PRIJZEN */
#tabel_prijzen {
width: 500px;
color: #532F0D;
}  

   #tabel_prijzen div.rij {
   width: 500px;
   height: 15px;
   padding-bottom: 3px;
   }  
   
      #tabel_prijzen div.rij.hoofd {
      font-weight: bold;
      margin-bottom: 15px;
      } 
      
      #tabel_prijzen div.rij.kleur {
      background-color: #EDE1CA;
      }      
   
         #tabel_prijzen div.rij div {
         float: left;
         overflow: hidden;
         }   
         
            #tabel_prijzen div.rij div.naam {
            width: 120px;
            }  
            
            #tabel_prijzen div.rij div.info {
            width: 76px;
            text-align: center;
            }  

/* PRIJZEN */     
#kader {
background: #ECDFC9;
width: 337px;
margin-top: 20px;
text-align: center;
margin-bottom: 15px;
margin-left: 96px;
}      

#kader_top {
background: url('images/kader_top.png') no-repeat;
width: 337px;
height: 9px;
font-size: 0px;
}   

#kader_bottom {
background: url('images/kader_bottom.png') no-repeat;
width: 337px;
height: 9px;
font-size: 0px;
}  

/* RESERVEREN */
#kader2 {
background: #ECDFC9;
width: 245px;
margin-top: 10px;
color: #532F0D;
float: left;
}  

   #kader2 p {
   margin-left: 15px;
   } 
   
   #kader2 a {
   font-weight: bold;
   color: #532F0D;
   }  
   
      #kader2 a:hover {
      text-decoration: underline;
      color: #532F0D;
      }          
   
   #kader2 label {
   margin-left: 15px;
   } 
   
   #kader2 input {
   background-color: #FFCC66; 
   font-size: 11px;
   }           

#kader2_top {
background: url('images/kader2_top.png') no-repeat;
width: 245px;
height: 11px;
font-size: 0px;
}   

#kader2_bottom {
background: url('images/kader2_bottom.png') no-repeat;
width: 245px;
height: 11px;
font-size: 0px;
}                                

#geen_login {
width: 230px;
float: left;
margin-top: 20px;
margin-left: 15px;
}  

/* WEGWIJZER */
#route {
margin-top: 15px;
margin-left: 100px;
height: 130px;
width: 344px;
}

   #route .kader3 {
   width: 162px;
   background: url('images/kader3.png') no-repeat;
   height: 122px; /* totale hoogte incl. padding 130*/
   text-align: center;
   padding-top: 8px;
   float: left;
   margin-right: 10px;
   }
   
   #route p {
   clear: both;
   text-align: center;
   }
   
      
/******************************/
/* FOOTER */
/******************************/

#footer {
background: url('images/footer_trans3.gif') no-repeat;
width: 868px;
height: 127px;
}

   #footer_tekst {
   margin-left: 25px;
   padding-top: 50px;
   }

      #footer_tekst ul li {
      float: left;
      background: url('images/vierkant.png') no-repeat;
      background-position: 0px 7px;
      display: block;
      padding: 0px 10px 0px 10px;
      color: #532F0D;
      }   
      
      #footer_tekst ul li.vet {   
      font-weight: bold;
      }  

      #footer_tekst ul li.geen_vierkant {   
      background: none;
      }  
   
   #footer_design {
   margin-top: 45px;
   }
   
      #footer_design a{
      color: #532F0D;
      font-weight: bold;
      }  
      
         #footer_design a:hover{
         color: #532F0D;
         text-decoration: underline;
         } 

      #footer_design p{
      font-weight: bold;
      margin-right: 135px;
      text-align: right;
      }