/* =====================================
Stylesheet 
Dieser Stylesheet wurde von enders-grafik erstellt
Bitte nicht kopieren und oder weitergeben
ohne vorherige Nachfrage unter:
info@redmoon7.de
Danke

Aufbau: 1. Kalibrierung
		2. Allgemeine Styles
		3. Styles für Layoutbereiche
		4. Sonstige Styles

===================================== */


/*======================================
 1. Kalibrierung
======================================*/
* { padding: 0; margin: 0; }
h2, p, ul, ol {margin-bottom: 1em;}
ol ul {margin-bottom: 0; }
li { margin-left: 2em; }

/*======================================
 2. Allgemeine Styles
======================================*/
html {height: 101%; }

body {
  background-color:#FFFFCC; 
  color: #dfce02;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  padding-top: 0;
}
h1 { font-size: 150%; }
h2 { font-size: 130%; }
h3 { font-size: 110%; }
h4 { text-decoration: underline; font-size: 150%; }

address {
  text-align: center;
  font-size: 70%;
  font-style: normal;
  letter-spacing: 2px;
  line-height: 1.5;
} 
/*===========================
Hyperlinks
===========================*/
a { 
  text-decoration: none; 
  outline: none;
}
a:link { color: #dfce02;} /* nicht besuchte Links */
a:visited { color: #dfce02;} /*besuchte Links */
a:hover, a:focus { border-bottom: 1px solid #dfce02; }
a:active { 
  background-color: #FFFFCC;
  color: #dfce02;
  outline:none;
}
/*===========================
Klassen und ID´s
===========================*/
.skiplink {
  position: absolute;
  top: -5000px;
  left: -5000px;
  width: 0;
  height: 0;
  overflow: hidden;
  display: inline;
}
#logo {
  background-color: #FFFFCC;
  color: #dfce02;
  padding: 4px 4px;
  margin-top: -8px;
  margin-right: 5px;
  margin-bottom: 20px;
  margin-left: 0px; /*ACHTUNG hier ist der Wert von Margin-left 4px geändert worden wegen css W3 Test !!!*/
  border: 1px solid #dfce02; 
  }
/*======================================
 3. Styles für Layoutbereiche
======================================*/
#wrapper {
  background-color:#982125;
  color: #dfce02;
  width: 770px;
  padding: 0;
  margin: 10px auto;
  }

#kopfbereich {
  position: relative;
  background-color: #982125;
  background-repeat: repeat-y; /* hier endet die grafik nach y also rechts*/
  color: #dfce02;
  padding-top: 3px;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px; /* Achtung: das kann auch abgekürtzt werden mit: padding: 10px 20px 0 20px; ist das selbe*/
}
	#kopfbereich p {
	position: absolute;
	top: 10px;
	right: 20px;
	padding: 5px 0;
	margin-bottom: 0;
		}

#navibereich { 
  text-align:right;
  background-color:#FFFFCC;
  padding: 5px 10px 4px 10px;
  border-bottom: 1px solid #dfce02;
}
  #navibereich ul { margin-bottom: 0; }
  #navibereich li {
  display: inline;
  list-style-type: none;
  margin-right: 10px;
  margin-left: 0; 
  }
  #navibereich a,
  #navibereich span {
  background-color:#982125;
  color:#dfce02;
  padding: 4px 8px 4px 8px;
  border: 1px solid #dfce02;
  }
  #navibereich a:hover,
  #navibereich a:focus {
  background-color: #dfce02;
  color: #982125;
  border-bottom-color: #dfce02;
  }
  
  #navi01 span,
  #navi02 span,
  #navi03 span,
  #navi04 span, 
  #navi05 span {
  background-color: #dfce02;
  color: #982125;
  border-bottom-color: #dfce02;
  }
  /*=================================================
  Ab hier kommt die Navi auf der linken Seite Menü !!
  =================================================*/
	#naviseite {
		float: left;
		width: 110px;
		padding-left: 1px;
		padding-top:20px;
		}
		#naviseite ul {width: 11em;}
		#naviseite li {
		list-style-type: none;
		}
		#naviseite a,
		#naviseite span {
		 display: block;
		 text-decoration: none;
		 background-color: #982125;
		 color: #dfce02;
		 padding: 2px;
			 }										 
		#naviseite a:hover,
		#naviseite a:focus {
		background-color: #dfce02;
		color: #982125;
		border-left-color: #982125;
		border-bottom: none;
		}
		#navi-menue01 span,
		#navi-menue02 span,
		#navi-menue03 span,
		#navi-menue04 span,
		#navi-menue05 span {
		background-color: #dfce02;
		color: #982125;
		border-left-color: #982125;
		border-bottom: none;
		}	
	
									 /*=================================================
									  Ab hier kommt die Navi auf der linken Seite Wein !!
									  =================================================*/
										#naviwein {
											float: left;
											width: 110px;
											padding-left: 1px;
											padding-top:20px;
											}
											#naviwein ul {width: 11em;}
											#naviwein li {
											list-style-type: none;
											}
											#naviwein a,
											#naviwein span {
											 display: block;
											 text-decoration: none;
											 background-color: #982125;
											 color: #dfce02;
											 padding: 2px;
												 }										 
											#naviwein a:hover,
											#naviwein a:focus {
											background-color: #dfce02;
											color: #982125;
											border-left-color: #982125;
											border-bottom: none;
											}
											#navi-wein01 span,
											#navi-wein02 span,
											#navi-wein03 span,
											#navi-wein04 span,
											#navi-wein05 span,
											#navi-wein06 span,
											#navi-wein07 span {
											background-color: #dfce02;
											color: #982125;
											border-left-color: #982125;
											border-bottom: none;
											}
	
				 /*=================================================
				  Ab hier kommt die Navi auf der linken Seite Restaurant !!
				  =================================================*/
					#navirestaurant {
						float: left;
						width: 110px;
						padding-left: 1px;
						padding-top:20px;
						}
						#navirestaurant ul {width: 11em;}
						#navirestaurant li {
						list-style-type: none;
						}
						#navirestaurant a,
						#navirestaurant span {
						 display: block;
						 text-decoration: none;
						 background-color: #982125;
						 color: #dfce02;
						 padding: 2px;
							 }										 
						#navirestaurant a:hover,
						#navirestaurant a:focus {
						background-color: #dfce02;
						color: #982125;
						border-left-color: #982125;
						border-bottom: none;
						}
						#navi-rest00 span,
						#navi-rest01 span,
						#navi-rest02 span,
						#navi-rest03 span,
						#navi-rest04 span,
						#navi-rest05 span,
						#navi-rest06 span,
						#navi-rest07 span {
						background-color: #dfce02;
						color: #982125;
						border-left-color: #982125;
						border-bottom: none;
						}		
					
					
											/*=================================================
										  Ab hier kommt die Navi auf der linken Seite Kontakt !!
										  =================================================*/
											#navikontakt {
												float: left;
												width: 110px;
												padding-left: 1px;
												padding-top:20px;
												}
												#navikontakt ul {width: 11em;}
												#navikontakt li {
												list-style-type: none;
												}
												#navikontakt a,
												#navikontakt span {
												 display: block;
												 text-decoration: none;
												 background-color: #982125;
												 color: #dfce02;
												 padding: 2px;
													 }										 
												#navikontakt a:hover,
												#navikontakt a:focus {
												background-color: #dfce02;
												color: #982125;
												border-left-color: #982125;
												border-bottom: none;
												}
												#navi-kontakt01 span,
												#navi-kontakt02 span,
												#navi-kontakt03 span,
												#navi-kontakt04 span,
												#navi-kontakt05 span {
												background-color: #dfce02;
												color: #982125;
												border-left-color: #982125;
												border-bottom: none;
												}
											/*=================================================
										  Ab hier kommt die Navi auf der linken Seite Index/startseite !!
										  =================================================*/													
		#start-naviseite {
			text-align:center;
		float: left;
		width: 110px;
		padding-left: 10px;
		padding-top:20px;
		}
		#start-naviseite ul {width: 8em;}
		#start-naviseite li {
		list-style-type: none;
		}
		#start-naviseite a,
		#start-naviseite span {
		 display: block;
		 text-decoration: none;
		 background-color: #982125;
		 color: #dfce02;
		 padding: 2px;
			 }										 
		#start-naviseite a:hover,
		#start-naviseite a:focus {
		background-color: #dfce02;
		color: #982125;
		border-left-color: #982125;
		border-bottom: none;
		}
		#navi-menue01 span {
		background-color: #dfce02;
		color: #982125;
		border-left-color: #982125;
		border-bottom: none;
		}											
#text-restaurant-bilder {
      padding: 1px;
	  }

 #text-restaurant-bilder ul { margin-bottom: 0; }
  #text-restaurant-bilder li {
  display: inline;
  list-style-type: none;
  margin-right: 1px;
  margin-left: 0px;
  }
  
  
 
                                                #text-restaurant-bilder a,
												#text-restaurant-bilder span {
												 display: inline;
												 text-decoration:underline;
												 background-color: #982125;
												 color: #dfce02;
												 padding: 1px;
												 border: none;
												 outline: none;
												 font-size:115%;
												 font-variant:small-caps;
													 }									 
												#text-restaurant-bilder a:hover,
												#text-restaurant-bilder a:focus {
												background-color: #dfce02;
												color: #982125;
												border-left-color: #982125;
												border-bottom: none;
												}
												#menuebild-1 span,
												#menuebild-2 span,
												#menuebild-3 span {
												background-color: #dfce02;
												color: #982125;
												border-left-color: #982125;
												border-bottom: none;
												}


 
#menuebild-1,
 menuebild-2,
 menuebild-3 { }		
		
	#text {
	  padding: 20px 10px 20px 20px;
	  margin-left: 160px;
	 }
	#text a { border-bottom: 1px dotted #dfce02; }
#text ul li { list-style-type: square;}
#text {border-left: 1px solid #dfce02;
       border-right:1px solid #dfce02;
	   text-align: center;
	   }
#text-weine {padding: 20px 10px 20px 20px;
	         margin-left: 160px;
             border-left: 1px solid #dfce02;
			 border-right:1px solid #dfce02;
		     text-align:left;
		     }
#text-restaurant {padding: 20px 10px 20px 20px;
	         margin-left: 160px;
             border-left: 1px solid #dfce02;
			 border-right:1px solid #dfce02;
		     text-align:left;
		     }
#text-weine2 {padding: 20px 10px 20px 20px;
	         margin-left: 160px;
             border-left: 1px solid #dfce02;
			 border-right:1px solid #dfce02;
		     text-align:right;
		     }
#text-kontakt {padding: 20px 10px 20px 20px;
	         margin-left: 160px;
             border-left: 1px solid #dfce02;
			 border-right:1px solid #dfce02;
		     text-align:left;
		     }
#fussbereich {
  text-align: center;
  font-size: 70%;
  font-style: normal;
  letter-spacing: 2px;
  line-height: 1.5;	
  padding: 10px 20px 20px 20px;
  border-top: 1px solid #dfce02;
}
#fussbereich a { 
  text-decoration: none; 
  outline: none;
  border:none;
}
#fussbereich a:link { 
text-decoration: none; 
outline: none;
border:none;
} /* nicht besuchte Links */
#fussbereich a:visited { text-decoration: none; 
outline: none;
border:none;} /*besuchte Links */
#fussbereich a:hover, a:focus {text-decoration: none; 
  outline: none; }
#fussbereich a:active { 
  background-color: #FFFFCC;
  color: #dfce02;
  outline:none;
}
/*======================================
 4. Sonstige Styles
======================================*/
#anders {position: relative;
         top: 20%;
		 right: 50px;
		 background-color: #33FF00;
		 color: #dfce02;
		 }
/*==================================================
===============================Das Kontaktformular*/

form {
  background-color:#982125;
  color:#dfce02;
  width:525px;
  padding: 20px;
  border: 1px solid #dfce02;
}
label {
  display: block;
  cursor: pointer;
}
input#absender, textarea {
  background-color:#982125;
  color:#dfce02;
  width:300px;
  border: 1px solid #dfce02;
  margin-bottom: 1em;
}
input#email, textarea {
  background-color:#982125;
  color:#dfce02;
  width:300px;
  border: 1px solid #dfce02;
  margin-bottom: 1em;
}
input#Name, textarea {
  background-color:#982125;
  color:#dfce02;
  width:300px;
  border: 1px solid #dfce02;
  margin-bottom: 1em;
}
input#Telefon, textarea {
  background-color:#982125;
  color:#dfce02;
  width:300px;
  border: 1px solid #dfce02;
  margin-bottom: 1em;
}
textarea { height: 7em; }

input#absender:focus,
textarea:focus {
  background-color:#982125;
  color: #dfce02;
  border: 2px solid #dfce02;
  margin-bottom: 1em;
  }












/*======================================
 Ende des Styles
======================================*/