body {
  font-family:arial, "lucida console", sans-serif;
}


header {


	height:4%;
	text-align: right;
	background-color:plum1;
	background-image: url("Background1.jpg");
	background-size:55% 110%;    /* Alt: 65% 100% */
	background-position: 10%;    /* Alt: left */
	background-repeat: no-repeat;
		
}


#logo1 {
   	float: left;
    	width: 110px;
    	height: 110px;
    	margin-left: 7px;
    	margin-top: 7px;
    	opacity: 1.0;
}

h1 {

	color:white;
}

h2 {
	color:white;
}

h3 {
	color:plum1;
}

/* -------------------------------Menüzeile--------------------------------------------------------------*/

 ul , li {
 margin:0;
 padding:0;
 list-style-type:none;
 text-decoration:none;
}


ul#navi  {
   background-image: url(gradient1.png);/* Hintergrundgrafik einfügen */
   background-repeat: repeat-x;           /* von links nach rechts wiederholen */
   background-position: top left;         /* oben links beginnen */ 

   padding: 4px 0;                   /* Innenabstand: oben/unten 4px, li/re 0 */
   border-top: 1px solid #EFFBFB;    /* Rahmenlinie oben */
   border-bottom: 1px solid #EFFBFB; /* Rahmenlinie unten */
   margin: 0;
   
  float:left; 
  width:100%;                 /* geändert von 150px auf 100% */
}

ul#navi a {
  font-family:arial, "lucida console", sans-serif;
  color: black;                  /* Schriftfarbe schwarz */ 
  text-decoration: none;         /* Unterstreichung entfernen */ 
  padding: 4px 8px;              /* oben/unten 4px, re/li 8px */
}


ul#navi li  {
 position:relative;            
 float:left;                    /* hinzugefügt um eine horizontale Ausrichtung zu erzielen */
 width:150px;                  /* Hinzugefügt 150px / 16 = 9.375em */
}

/* Alle Ebenen ausblenden */

ul#navi ul  ,
ul#navi  li:hover ul ul , 
ul#navi  li:hover  ul ul ul  {
 position:absolute;
 left:-9999px;
 background:#000;
}

ul#navi  li:hover ul {
  background:#A7CBFA;
  opacity: 0.9;
}

ul#navi  li:hover ul ul {
  background:#A9D0F5;
}

ul#navi  li:hover ul ul ul {
  background:#A9D0F5;
}

ul#navi ul {
 top:auto;                    /* Neue Position definiert 16px Schriftgröße + (2 x 5px) padding = 30px / 16 = 1.875em*/
}


/* Einzelne Ebenen einblenden */ 
ul#navi li:hover ul  {
 left:0;
 }


                                 /* Neuer Deklarationsblock um die Unterpunkte präzise zu positionieren */
ul#navi ul  li:hover  ul , 
ul#navi ul  ul li:hover  ul  {
 position:absolute;
 left:100%;
 top:0;
 }


/* Hover Hinter- und Vordergrundfarbe für alle Ebenen */
ul#navi li:hover > a , ul#navi  ul li:hover  > a, ul#navi ul  ul  li:hover  > a, ul#navi ul  ul ul  li:hover  > a  {
  background-color: #EFF5FB;
}

ul#navi a span {
 float:right;
  font-weight:normal;
  }

/*------------------------------------------------------------------Bauchbereich-------------------



#Text01 {
    vertical-align: middle;
    text-align: left;
    font-size: 20px;
    color: rgb(7, 7, 7);
}

#logo22 {
  /* 	float: left;
    	width: 180px;
    	height: 180px;
}

#logo23 {
 /*  	float: left;
    	width: 180px;
    	height: 180px;   	
}

#logo24 {
 /*  	float: left;
    	width: 180px;
    	height: 180px;
}