/*--Setzt alle Abstände auf "Null"--*/
* {
margin: 0;
padding: 0;
} 

#MenueLeiste {
  position:absolute; top:140px; left:20px; z-index:1;   
}

#HauptMenueLeiste {
  position:absolute; top:0px; left:262px; z-index:2;  
  width: 680px;  
}

.MenuStyle {  
  width: 100%;
  padding-top: 5px;
  padding-bottom: 7px;
  background: #FFFFFF;
  font-size: 1em;
  line-height: 1.0;
  float: left;	
  border-style: solid;
  border-color: #ffffff;  
  color: #d8133e;
}

.MenuStyle ul {
  float: left;
  list-style-type: none;
  border-style: solid;
  border-color: #ffffff;
  border-left: solid 0px #000000;
  border-right: solid 1px #ffffff;  
  
} 

.MenuStyle h3 {
  font-size: 1em;
  text-align: left;
  border-color: #ffffff;
  background: #ffffff;
  padding: 5px 36px 6px 9px;  /* oben-rechts-unten-links */  
  letter-spacing: 0.2em;  
  font-weight: normal;  
  border-top: 1px solid #ffe5af;  
  background-image: url(../SeiteHaupt/Bilder/Hintergrund.png);   /* für Hintegrund */
}

.MenuStyle h2 {
  font-size: 1em;
  text-align: left;
  border-color: #ffffff;
  background: #ffffff;
  padding: 5px 53px 6px 5px;  /* oben-rechts-unten-links */  
  letter-spacing: 0.2em;  
  font-weight: normal;  
  border-top: 1px solid #ffe5af;  
  background-image: url(../SeiteHaupt/Bilder/Hintergrund.png);   /* für Hintegrund */  
}


/*--definiert die "Drop-Down-Links" im Normalzustand--*/
.MenuStyle a {
  text-decoration: none;
  display: block;
  text-align: left;
  background: #ffffff;
  color: #d8133e; 
  padding-left: 10px;
  white-space:nowrap;
  background-image: url(../SeiteHaupt/Bilder/Hintergrund.png);   /* für Hintegrund */  
}

/*--definiert die "Drop-Down-Links" im Hoverzustand--*/
.MenuStyle a:hover {
  color: #ff9224;
  background: #d4d4d4;
} 

.MenuStyle li {
  border-bottom: 1px solid #ffe5af; 
  position: relative;
}

/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/
.MenuStyle ul ul {
  position: absolute;
  z-index: 2;
  display: none;
} 

/*--lässt die Dropdown-Links beim Hovern erscheinen--*/
.MenuStyle ul li:hover ul {
  display: block;
  line-height: 1.8;
  width: 150px;
} 

/*--nur für IE-Versionen kleiner gleich 6 erkennbar--*/

* html .MenuStyle ul li {
float: left;
width: 100px;
}

/*--nur für IE 7 erkennbar--*/

*+ html .MenuStyle ul li {
float: left;
width: 100%;
} 

/*--bewirkt Hover-Effekt für IE kleiner 7 auch für ul- und li-Elemente--*/
*html body {
behavior: url(csshover3-source.htc);
font-size: 100%;
}

*html .MenuStyle ul li a {
height: 1%;
} 


#NebenMenueLeiste { 
  position:absolute; top:8px; left:-2px; z-index:1;   
  float: left;	
  border-style: solid;
  border-color: #ffffff;  
  width: 265px;
  font-size: smaller;
  display: inline;
}

#NebenMenueLeiste li {
  float: left;
  list-style-type: none;
  padding: 7px 22px 5px 9px;  /* oben-rechts-unten-links */  
  background-image: url(../SeiteHaupt/Bilder/HintergrundNeben.png);   /* f?r Hintegrund */  
  border-right: 1px solid #ffffff;  
  border-top: 1px solid #e6e6ff; 
  border-bottom: 1px solid #e6e6ff; 
} 

#BilderStreifen {  
  float: left;	
}

#NebenMenueLeiste a {
  text-decoration: none;
}

#NebenMenueLeiste A:hover {
	text-decoration: underline
}