﻿body    {
	color: black;
	background-color: #350400;
	font-size: 100.01%;
	font-family: Arial, Helvetica, Sans-Serif;
	margin: 0;
	min-width: 43em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
	}


h1 {font-size:1.5em;
	text-align:center;
	background-repeat: repeat-x;
	height: 120px;
	margin: 0;
	padding: 0;
	background-image: url('../images/kopf-startseite.jpg');
	color:#FFFFFF;
	
}

h2 {font-size:1.5em;
	text-align:center;
	background-repeat: repeat-x;
	height: 110px;
	background-image: url('../images/kopf-startseite.jpg');
	color:#FFFFFF;
	background-repeat:repeat-x;
}



h4 {
	font-size: 1.5em;
	margin: 0;
	padding: 0.5em 0 0 0 ;
	text-align: center;
	background-repeat: no-repeat;
	background-repeat: repeat-x;
	height: 120px;
	background-image: url('../images/kopf-startseite_new.jpg');
	text-align:center;
}


h5 {font-size:1.4em;
	text-align:center;
	background-image: url('../images/kopf-startseite.jpg');
	color:#FFFFFF;
	height:110px;
	background-repeat:repeat-x;
	
}



div#Kontakt {
	position:absolute;
	padding: 25px;
	color:#c7b14e;
	font-size: 1.0em;
	width: 16em;
	margin-top:30px;
	font-family:Arial, Helvetica, Sans-Serif;
	font-weight:bold;
	text-decoration:none;
}

div#Kontakt a:hover{
color:#FFFFFF;}

div#Kontakt a:link{
color:#c7b14e;
text-decoration:none;}

div#Kontakt a:visited{
color:#c7b14e;
}


div#Login {
	font-size: 0.83em;
	float: left;
	width: 15.6em;
	margin: 20em 0 0 -17em;
	background-image: url('../images/navi_menue_black_login_h.jpg');
	height: 226px;
	background-repeat: no-repeat;
	position:absolute;
}

ul#Login {
	font-size: 0.83em;
	float: right;
	width: 16em;
	margin: 0;
	padding: 0;
	background-image: url('../navi_menue_black_login_h.jpg');
	height: 126px;
	background-repeat: no-repeat;
}

div#message {
	font-size: 1.0em;
	color: #c7b14e;
	padding-left: 0px;
	padding-right:0px;
	width:226px;
	float:left;
	margin: 0 0 0 -15.7em;
	background-repeat: no-repeat;
	height: 190px;
	

}

div#message_dog {
	font-size: 1.0em;
	color: #c7b14e;
	padding-left: 0px;
	padding-right:0px;
	width:226px;
	float:left;
	margin: 16.07em 0 0 -15.7em;
	background-repeat: no-repeat;
	height: 190px;
	

}



div#StyleLogin {
	font-size: 1.0em;
	color: #c7b14e;
	padding-left: 20px;
	padding-right:20px;
	width:226px;
	float:left;
	margin: 445px -232px;
	background-image: url('../images/navi_menue_black_login_hl-2.jpg');
	background-repeat: no-repeat;
	
	height: 246px;
	

}

.senden{background-color:#c7b14e;}

ul#Navigation {
	font-size: 0.83em;
	float: left;
	width: 16em;
	margin: 20px;
	padding: 0;
	background-image: url('../images/navi_menue_black.jpg');
	height: 226px;
	background-repeat: no-repeat;
	
	
	
}
ul#Navigation li {
	list-style: none;
	margin: 0;
	padding: 0.5em;
	
}
ul#Navigation a {
	padding: 0.2em;
	font-weight: bold;
	text-decoration:none;

}
ul#Navigation a:link {
	color: #c7b14e;
	text-decoration: none;
}
ul#Navigation a:visited {
	color: #c7b14e;
}
ul#Navigation a:hover {
	color: #FFF;
}
/*ul#Navigation a:active {
color: #000000;
}*/

ul#Navigation a:focus {
	color:#FFF;
}




ul#Customer{
	font-size: 0.83em;
	width: 16em;
	margin: 20px;
	padding: 0;
	background-image: url('../images/navi_menue_black_login_small.jpg');
	background-repeat: no-repeat;
	height:150px;
	
}

ul#Customer li{
	list-style: none;
	margin: 0;
	padding: 0.5em;
	

}


ul#Customer a {
	padding: 0.2em;
	font-weight: bold;
	text-decoration:none;

}
ul#Customer a:link {
	color: #c7b14e;
	text-decoration: none;
}
ul#Customer a:visited {
	color: #c7b14e;
}
ul#Customer a:hover {
	color: #FFF;
}
ul#Customer a:active {
	color:#FFF;
}






div#Info {
	font-size: 0.9em;
	float: right;
	width: 16em;
	margin-top: 0em;
}
div#description {
	font-size: 0.7em;
	float: right;
	width: 275px;
	margin-top: -19em;
	padding:0px;
	
	color: #FFFFFF;
}
div#description p {
	font-size: 0.7em;
	margin: 0;
	padding: 0.1em;
	text-align: left;
	float: left;
}
div#Info h2 {
	font-size: 1.33em;
	margin: 0.2em 0.5em;
}
div#Info p {
	font-size: 1em;
	margin: 0.5em;
}
div#Inhalt {
	margin: 0em 8em 1em 250px;
	padding: 0 3em;
	color: #c7b14e;
	text-align: justify;
	width: 650px;
	
	
}
* html div#Inhalt {
	height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
	overflow:auto;
	height:95%;
	padding:0;
	
}
div#Inhalt h2 {
	font-size: 1.2em;
	margin: 0.2em 0;
}
div#Inhalt p {
	font-size: 1em;
	margin: 1em 0;
	overflow:auto;

}
div#animation {
	margin: 1.2em 10em 1em 14em;
	padding: 0 3em;
	
	
}
}
p#Fusszeile {
	font-size: 0.9em;
	margin: 0;
	padding: 0.1em;
	text-align: center;
}

div#order { width: 550px; margin-left:300px; border-bottom:1px solid #FFFFFF; }
div#left{ float: left; width: 15%; color:#FFFFFF; border-top:1px solid #FFFFFF;height:150px;} 
div#middle {float: left; width: 80%;color:#FFFFFF;}
div#right {float: left; width: 5%;color:#FFFFFF;background-color:#FFFFFF; height:22px; }



#footer {
	clear:left;
    bottom:0;
    background:#000000;
    text-align:center;
    padding:0;
    color:#FFFFFF;
    
}


#footer_dog {
	clear:left;
	bottom:-300px;
    background:#000000;
    text-align:center;
    
    color:#FFFFFF;
   
}


#food_description_a { position:absolute; top:155px; left:520px; width:450px; height:250px;
      color:#FFF;}
#food_description_b { position:absolute; top:620px; left:520px; width:450px; height:250px;
      color:#FFF;}
#food_description_c { position:absolute; top:1170px; left:520px; width:450px; height:250px;
      color:#FFF;}
#food_description_d { position:absolute; top:1635px; left:520px; width:450px; height:250px;
      color:#FFF;}      
#food_description_e { position:absolute; top:2200px; left:520px; width:450px; height:250px;
      color:#FFF;}      
#food_description_f { position:absolute; top:2740px; left:520px; width:450px; height:250px;
      color:#FFF;}      
#food_description_g { position:absolute; top:3245px; left:520px; width:450px; height:250px;
      color:#FFF;}                                    
      
      
      

.overhead{font-family:"Arial, Helvetica, Sans-Serif";font-size:1.1em;color:#c7b14e; margin-top:1em; text-decoration:none;}
.overhead p{font-size:0.8em; color:#FFF; font-family:Arial, Helvetica, Sans-Serif;
	}

.menu_description_a {
	font-family:"Arial, Helvetica, Sans-Serif", Times, Serif;color:#FFF; font-size:0.8em;
}

.menu_description_a p {
	font-family:"Arial, Helvetica, Sans-Serif", Times, Serif;color:#FFF; font-size:0.8em;
}



#formular { margin:0 ; padding:0; width:520px; background:#350400;}
#formular h2 {font-size:12px; color:#fff;}
form { margin:0; padding:0;}
fieldset {width:220px; border:1px solid; border-color:#c7b14e #c7b14e #c7b14e #c7b14e padding:0.5em 0 0 0.9em; margin:0; text-align:left; height:320px;}
fieldset#daten {float:left; border-right:1px solid #c7b14e;}
fieldset#nachricht {float:right; }
legend {font-size:0.8em; color:#c7b14e; font-weight:bold; padding:2px; margin:0px; background:none;}
label {color:#FFF; padding:0; margin:0; font-size:10px;}
.name {	width:205px;}
.plz {width:47px;}
.ort {width:150px;}
.strasse {width:170px; }
.strnummer {width:27px;}
.betreff{width:205px;}
.button {clear:both; float:right; clear:right; width:225px; margin:2px 0 0 0; padding:0}
.submitbtn {width:90px; background:#DCFBD7; border-color:#f8f8f8 #999 #999 #f8f8f8; color:#666; cursor:pointer; padding:0; margin:0 0 0 0.4em; font-size:.85em;}
.submitbtn:hover { background:#666; border-color:#999 #333 #333 #999; color:#fff;}
.clear { clear:both; margin:0; padding:0;}
input {margin:3px 0 6px 0; width:150px; background:#350400; border:1px solid; border-color:#c7b14e; color:#333;}
input:focus {border-color:#c7b14e; background:#c7b14e; color:#000;}
select {padding-left:0.3em; margin-bottom:0.6em; background:#c7b14e; width:140px;}

textarea {width:205px; border:1px solid #DCFBD7; margin:3px 0 6px 0; background:#eee; padding:auto;}
textarea:focus {border-color:#31580E; background:#fff; color:#000;}
	
div#lstyle a {
	padding: 0.2em;
	font-weight: bold;
	text-decoration:none;

}
div#lstyle a:link {
	color: #c7b14e;
	text-decoration: none;
}
div#lstyle a:visited {
	color: #c7b14e;
}
div#lstyle a:hover {
	color: #FFF;
}
/*ul#Navigation a:active {
color: #000000;
}*/

div#lstyle a:focus {
	color:#FFF;
}


