body {
  background-color: #c6bc9e; 
  font-family: Verdana, Arial, Helvetica, Sans Serif; 
  font-size: 12px;}

/* --------------------------------------------- */
/* -- BOXEN
/* --------------------------------------------- */

#aussen {
  margin:auto; 
  width: 81.00em; 
  min-width: 972px; 
  background-color: #f4f3f0; 
  border-left: 1px solid #a69c80;
  border-top: 1px solid #a69c80;
  border-right: 1px solid #a69c80;
  /*  
  border-top: 8px solid #d9d3bf;
  border-left: 8px solid #d9d3bf;
  border-right: 8px solid #d9d3bf;*/}
  
#headerbox {
  height: 171px;}  

#rechtespalte {
  margin-left: 3.0833em; 
  width: 56.75em;
  float:left;
  /*border: 1px dashed;*/}
  
#navibox {  
  margin-top: 3.666em; 
  margin-left: 3.666em; 
  width: 15em; 
  /*border-left: 1px solid #a69c80;*/}

#content {
  margin-top: 30px; 
  margin-left: 40px; 
  color: #684623; 
  min-height: 230px;
  text-align: justify;
  line-height: 1.5em;}
  
#funktionsbox {
  text-align: right; 
  margin-top: 30px; 
  margin-bottom: 20px;}

#footerbox {
  background-color: #D9D3BF; 
  text-align: center; 
  color: #786b45; 
  font-size: 11px;
  padding: 5px;}  

#centerbox {
  width: 46.25em; 
  text-align: center; }

.left {float:left;}
.clear {clear:both;}


/* --------------------------------------------- */
/* -- KONTAKTFORMULAR
/* --------------------------------------------- */
 
.item
{
padding: 2px;
height: auto;
width: 41.66em;
}

.itemtext
{ 
width:11.66em;
float:left;
text-align: left;
}

.itemanswer
{
float: left;
width: 29.16em;
}

.input
{
color: #684623;
text-decoration: none;
border: 1px solid #B3A16B; 
width: 16.66em;
}

.inputtext {
  font-size: 13px;
  color: #777777;
  text-decoration: none;
  border: 1px solid #B3A16B; 
  width: 350px;
  height: 150px;}  

/* --------------------------------------------- */
/* -- KULINARISCHER KALENDER
/* --------------------------------------------- */
 
.vaheader {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
  border-bottom: 1px dotted #D2B6B5;}

.vatext {
  margin-left: 20px;
  text-indent: 0px; }



/* --------------------------------------------- */
/* -- SPEISEKARTEN
/* --------------------------------------------- */
  
.speisekarte {  
  margin-left: 10px;
  padding-left: 0px;}
  
.foodbox {
  width: 46.3em;
  float: left;
  margin: 0px;
  text-align: left;
  list-style-type: none;   
  padding-top: 2px;
  padding-bottom: 2px;}

.pricebox{
  width: 6.1em;
  float: right;
  list-style-type: none;
  vertical-align: bottom;
  text-align: right;
  /*width: 50px;*/}  
  
.kartenseparator {
  clear: both; 
  height: 15px;}
  
.abendkartenpreise {
  font-size: 11px;
  margin-left: 50px; 
  margin-right: 25px; 
  margin-top: 25px; }  

/* --------------------------------------------- */
/* -- HAUPT-NAVIGATION
/* --------------------------------------------- */

#naviliste {
  list-style-type: none; 
  padding-left: 0px;
  margin: 0px;
  margin-top: 40px;
  margin-bottom: 30px;
}

a.navilink {
  color:#684623;
  
  text-decoration:none;
  display: block;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-left: 10px;
  letter-spacing: 0em;}

a:hover.navilink {
  color:#684623;
  text-decoration:none;}
  
#activenavilink {
  color: #f4f3f3;}  

.navielement {
  font-weight: bold;
  font-size: 12px; 
  padding-top: 2px;
  border-left: 1px solid #a69c80;
  padding-bottom: 2px;}
  
li:hover.navielement {
  background-color: #D9D3BF;}  
  
.active_navielement {
  font-weight: bold;
  font-size: 12px;
  background-color: #c6bc9e;
  padding-top: 1px;
  padding-bottom: 1px;
  border-top: 1px solid #a69c80;
  border-left: 1px solid #a69c80;
  border-bottom: 1px solid #a69c80;}
  
.ifsub_active_navielement {
  font-weight: bold;
  font-size: 12px;
  background-color: #c6bc9e;
  padding-top: 1px;
  padding-bottom: 0px;
  border-top: 1px solid #a69c80;
  border-left: 1px solid #a69c80;}  

/* --------------------------------------------- */
/* -- CHOKOLADENMANUFAKTUR
/* --------------------------------------------- */

#pralinenfoto {
  margin-left: 20px;
  margin-top: 10px; }

#pralinenbox {
  text-align: center; 
  margin-top: 25px; }

#pralinenleiste {
  height: 87px; 
  width: 632px; 
  background-image: url('../img/pralinen/pralinen.jpg'); }

.overlay {
  float:left;
  height: 86px;
  cursor: pointer; }

#caption {
  height: 20px;
  font-size: 16px; 
  font-weight: bold;
  color: #C6BC9E;      
  text-align: center; }

#detailbox {
  position:absolute;
  padding: 10px; 
  top: 220px;
  text-align: left;
  border: 1px solid #684623; 
  width: 330px; 
  /*height: 350px; */
  font-size: 14px; 
  background-color: #D9D3BF; 
  color: #684623; }

#schliessen {
  font-family: Georgia, 'Times New Roman', Times, serif;
  text-align: left; 
  font-size: 10px; 
  cursor: pointer;  }
  
#zutaten {
  font-family: Georgia, 'Times New Roman', Times, serif; }
  
#detailboxtitel {
  font-family: Georgia, 'Times New Roman', Times, serif; 
  font-size: 28px; 
  color: #F4F3F0; }

/* --------------------------------------------- */
/* -- SUB-NAVIGATION
/* --------------------------------------------- */


#subnaviliste {
  list-style-type: none; 
  padding-bottom: 12px;
  padding-top: 6px;
  background-color: #F4F3F0;
  margin: 0; 
  padding-left: 0px;
  border-top: 1px solid #a69c80;
}

a.subnavilink {
  color:#a19674;
  text-decoration:none;
  display: block;
  font-size: 11px;
  font-weight: normal;
  font-family: Arial;
  margin-top: 0px;
  margin-bottom: 0px;
  letter-spacing: 0.0em;}

a:hover.subnavilink {
  color:#684623;
  text-decoration:none;}
  
#activesubnavilink {
  color:#684623;} 
  
.subnavielement {
  font-weight: bold;
  font-size: 12px; 
  padding-top: 2px;
  height: 1.2em;
  padding-left: 15px;
  text-align: left;   }
  
/*.active_subnavielement {
  font-weight: bold;
  font-size: 12px; 
  height: 1.2em;
  padding-left: 15px;  
  padding-top: 2px;
  text-align: left;}  
  */  
  
  
/* --------------------------------------------- */
/* -- GRAFIKEN
/* --------------------------------------------- */


#logo {
  margin-left: 34px; 
  margin-top: 48px; 
  border: 0;
  float: left;}
  
#foto {
  margin-left: 50px; 
  margin-top: 28px; 
  border: 1px solid #464646; 
  float:left;}  
  
.w3c-logo {
  border:0;
  width:88px;
  height:31px}  

.linkpic {
  border: 0px;
  }

.contentbild {
  border: 1px solid #C6BC9E;
  float:left;
  margin-bottom: 20px;}  
  
.referenztext {
  width: 30em;
  margin-left: 20px; 
  float: left;
  text-align: left;}
  
.inlinepic {
  float:left; 
  margin: 10px;
  border: 1px solid #C6BC9E;}  
 
.galeriebild {
  border: 1px solid #F4F3F0;
  cursor: pointer;
  margin: 1px; }

.galeriebild:hover {
  border: 1px solid #a69c80; }
  
#galeriefoto {
  margin: 20px;
  border: 12px solid #C6BC9E; }
  
#foto_startseite {
  float: right; 
  margin: 0 0 0 1em; 
  padding: 0.1em; 
  border: 1px solid #DAD8CD; }
  

/* --------------------------------------------- */
/* -- BACKEND
/* --------------------------------------------- */
  
.borderless {  
  border: 0px solid;}  
    
.button	{
  color: #C9A16B;	
  font-size: 13px;	
  font-family: Verdana, Arial, sans-serif;	
  border: 0 solid; 
  background: #F4F3F0;
  border: 1px solid #D9D3BF;
  width: 350px;}  
  
.button:hover	{	
  color: #F4F3F0;	
  font-size: 13px;	
  font-family: Verdana, Arial, sans-serif;	
  text-decoration:underline;	
  background:#C6BC9E;}  
  
.inputbackendprodukt {
  font-size: 13px;
  color: #4D4D4D;
  text-decoration: none;
  border: 1px solid #771919; 
  width: 400px; }

.inputbackendpreis {
  font-size: 13px;
  color: #4D4D4D;
  text-decoration: none;
  border: 1px solid #771919; 
  width: 50px; }  
  
.ueberschrift {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 25px;
  margin-right: 35px;
  font-size: 20px;
  border-bottom: 1px solid #8F5554;
  letter-spacing: 0.05em;}  
  
.text { 
  margin-left: 0px;
  margin-right: 0px;
  text-align: left;
  font-size: 12px;}  
  
#alert {
  background-color: #00FF00;
  font-size: 14px;
  color: #ffffff;
  padding: 5px;}    

/* --------------------------------------------- */
/* -- TEXTE
/* --------------------------------------------- */

#headline{
  font-size: 32px; 
  font-family: Georgia, 'Times New Roman', Times, serif; 
  color: #b3a16b; 
  border-bottom: 1px solid;
  text-align: justify;}  
  
.subheader {
  font-weight: bold;
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 15px;
  text-indent: -15px;
  margin-bottom: 6px;}  

/* --------------------------------------------- */
/* -- LINKS
/* --------------------------------------------- */
  
.link {
  text-decoration: none;
  color: #684623;
  white-space: nowrap;}  

a:hover.link {
  text-decoration: none; 
  border-bottom: 1px solid;
   }  
  
.funktionslink {
  font-size: 11px; 
  color: #747371;
  text-decoration: none;  }  
  
a:hover.funktionslink {
  text-decoration: none; 
  border-bottom: 1px dotted;
   }