/* CSS Document */

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

html { height:100.1%; }
body {
   font-family: verdana, helvetica, arial, sans serif;
   font-size: 11px;
   color: #000000;
   background:#3B1000;
   text-align:center;
   height:100.1%;
   }

 div#main {
   width: 650px;
   margin: auto;
   padding:0px;
   background: #D8D1AA;
   text-align: center;
   height:100%;
   overflow:visible;
   }
   
div#logo{
   width:650px;
   } 
   
div#logotext {
   width:650px;
   text-align:center;
   }   
   
div#textstart{
   padding-top:20px;
   font-weight:bold;
   
   }
   
div#text{
   width:460px;
   padding-top:0px;
   text-align:center;
   margin:auto;
   }
   
div#textunten{
   width:460px;
   padding-top:20px;
   text-align:center;
   margin:auto;
   }
   
p.block {
   text-align:justify;
   }
 
div#textkontakt {
   width:460px;
   padding:90px 0px 130px 0px;
   text-align:center;
   margin:auto;
   }  

div#textkeksehead {
   width:460px;
   padding: 5px 0px 3px 0px;
   text-align:left;
   text-indent: 230px;
   margin:auto;
   }
   
.sorten {
   width:460px;
   padding: 3px 0px 20px 0px;
   text-align:left;
   margin:auto;
   border-top:1px solid black;
   }
   
div#resonanzcontainer {
   width:460px;
   text-align:center;
   margin-top:20px;
   margin:auto;
   }      
     
div#resonanzcontainer p  {
   width:460px;
   padding: 6px 0px 20px 0px;
   text-align:justify;
   margin-top:10px;
   margin:auto;
   border-top:1px solid black;
   }              
   
div#bottom {
   width:460px;
   text-align:right;
   margin:auto;
   padding:20px 0px 30px 0px;
   }
   
div#container{
   width:650px;
   background:#D8D1AA;
   text-align:center;
   padding-top:20px;
   }
  
div#formular {
   width:460px;
   margin:auto;
   line-height:20px;
   background:#D8D1AA;
   text-align:left;
   }
   
.bestellsorten {
   line-height: 15px;
   font-weight: bold;
   text-align:left;
   }
  
.textlinks {
   text-align:left;
   }
   
.textrechts {
   text-align:right;
   }
   
div#formular table {
   width:460px;
   }

div#formular table tr td.end {
    height:40px;
	} 
 
fieldset {
    border:1px dotted black;
	font-weight:bold;
	text-align:left;
	padding:5px;
	}
	
fieldset#person {
    margin-top: 20px;
	}
	
fieldset#person input {
    width: 450px;
	}
	
fieldset#person textarea {
    width:450px;
    }
  
 
fieldset#sonstiges {
    line-height:15px;
	}
		
input#submit {
   margin-top:20px;
   width:460px;
   border:1px solid #AC3D35;
   background:#3B1000;
   color:#FFFFFF;
   padding:5px;
   font-weight:bold;
   }
   
input#submit:hover {
   
   border:1px solid #3B1000;
   background:#810C17;
   color:#000000;
   font-weight:bold;
   }
   
/*--formatiert die Menüleiste--*/   
div#nav {
   width:600px;
   padding:15px 25px 0px 25px;
   font-weight:bold;
   margin:auto;
   } 
   
/*--formatiert die Themenblöcke--*/
div#nav ul {
   float:left;
   text-align:left;
   list-style-type: none;
}

/*--definiert die "Drop-Down-Links" im Normalzustand--*/
#nav a:link {
text-decoration: none;
display: block;
text-align: left;
background: #3B1000; 
white-space:nowrap;
border-bottom:2px solid black;
padding:1px 4px 1px 4px;
color: #FFFFFF;
}

#nav a:visited {
text-decoration: none;
display: block;
text-align: left;
background: #3B1000;
white-space:nowrap;
border-bottom:2px solid black;
padding:1px 4px 1px 4px;
color: #FFFFFF;
}

/*--definiert die "Drop-Down-Links" im Hoverzustand--*/
#nav a:hover {
color: #000000;
background: #972519;
white-space:nowrap;
} 

#nav a:active {
color: #000000;
background: #972519;
white-space:nowrap;
} 

/*
*verhindert im Zusammenhang mit position absolute bei ul ul
*eine Höhenvergrößerung von #menu beim Hovern--
*/

#nav li {
position: relative;
}

/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/
#nav ul ul {
position: absolute;
z-index: 2;
display: none;
padding-top:15px;
line-height:13px;
} 

/*--lässt die Dropdown-Links beim Hovern erscheinen--*/
#nav ul li:hover ul {
display: block;
} 

/*--definiert einen Einzellink, wenn kein Drop-Down erforderlich--*/

#nav a.direkt:link {
color: #000000;
text-decoration: none;
background: none;
border:0px;
padding:0px;
display:inline;
}

#nav a.direkt:visited {
color: #000000;
text-decoration: none;
background: none;
border:0px;
padding:0px;
display:inline;
}
#nav a.direkt:hover {
color: #810C17;
text-decoration:none;
background: none;
border:0px;
padding:0px;
display:inline;
}
#nav a.direkt:active {
color: #810C17;
text-decoration:none;
background: none;
border:0px;
padding:0px;
display:inline;
}

.direktaktiv {
   background: none;
   padding:0px;
   display:inline;
   color: #810C17;
   }
   
   

div#nav ul ul li {
   padding-bottom:3px;
   }
   
div#nav ul.home {
   width:66px;
    }
	
div#nav ul.ueber-uns {
   width:86px; 
   }
   
div#nav ul.unsere-kekse {
   width:96px; 
   }

div#nav ul.bestellen {
   width:100px; 
   }
   
div#nav ul.kontakt {
   width:90px; 
   }
   
div#nav ul.resonanz {
   width:92px; 
   }
   
div#nav ul.galerie {
   width:60px;
   text-align:right; 
   }
   
div#galerie {
   width:650px;
   text-align:center;
   margin-top:0px;
   margin:auto;
   }
   
div#galerieR2 {
   margin-top:2px;
   }
   
div#galerieR3 {
   margin-top:2px;
   }
   
div#galerie table {
   background:#872500;
   }
   
div#gallerycontainer {
   background:#872500;
   width:650px;
   margin:auto;
   padding: 0px 0px 47px 0px;
   margin-top:20px;
   
   }
   
 div#gallerytext {
   margin-top:20px;
   } 
   

a:link { color: #000000; text-decoration: underline;}
a:visited { color: #333333; text-decoration: underline;}
a:hover {color: #810C17; text-decoration: none;}
a:active {color: #810C17; text-decoration: none;}

a.linklist:link { color: #000000; line-height: 17px; font-weight:bold; text-decoration: underline; padding:2px;}
a.linklist:visited { color: #000000; line-height: 17px; font-weight:bold; text-decoration: underline; padding:2px;}
a.linklist:hover { color: #AC3D35; line-height: 17px; font-weight:bold; text-decoration: underline; padding:2px;}
a.linklist:active { color: #AC3D35; line-height: 17px; font-weight:bold; text-decoration: underline; padding:2px;}


#textstart a:link {color: #3B1000; text-decoration: none;}
#textstart a:visited {color: #3B1000; text-decoration: none;}
#textstart a:hover {color: #000000; text-decoration: none;}
#textstart a:active {color: #000000; text-decoration: none;}
   
.formular_fehler {font-size:11px; font-weight:bold; text-transform:uppercase; line-height:15px; color:darkred !important;}
.formular_erfolg {font-size:11px; font-weight:bold; text-transform:uppercase; line-height:15px; color:#810C17 !important;}