body {			
   font-family : "Nimbus Roman No9 L", serif;
   font-size: 100%;
   background-color: #CCCCCC;  /* damit wird die Hintergrundfarbe dergesamten Seite festgelegt. */ -->
   
   }
   
.wrapper {
 width: 1200px;
margin: 25px auto;
background-color:#F0F8FF;
padding-left: 8px;
}

#kopfbereich {
background-color:#F0F8FF;
	font-size: 19px;
	width: 1208px;
	margin-left: -8px;
	color: red;		/* Damit bekommt das kleine Bild einen farbigen Rand und die Beschriftung wird farbig */

}

#navigation  {

background-color: lightsteelblue;			/* Hintergrundfarbe, aber überlüssig, weil gilt, was untem steht */
width: 1208px;						/* Weite der Navigationsleiste */
 font-size: 1.4em;	 /* Größe der Beschriftung */
 border-top: #00008B 3px solid;		/* oberer Rand der Beschriftung mit Farbe  */
 border-bottom: #00008B 1px solid;		/* entsprechendes unten  */

 		
}

#navigation ul {

list-style-type: none;  		
margin: 0;						
padding: 0;
}

#navigation >  ul  >  li  {
	float: left;
}

#navigation > ul > li > ul {
display: none;
} 

#navigation > ul a {
  display: block;
  white-space: nowrap;
  padding: 10px;
  background:  lightsteelblue;
  color: black;
  text-decoration: none;
}
#navigation ul > li > ul > li a {
  background: #E8E8E8;
  color: black;
}

#navigation > ul  {
float: left;
overflow: hidden;
padding: 0 10px 0 10px;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25);
background: lightsteelblue;
text-decoration: none;
}
#navigation > ul > li:hover > ul {
  display: block;
  position: absolute;
}
#navigation > ul > li > ul > li {
  position: relative;
}
#navigation > ul > li > ul > li > ul {
  display: none;
}
#navigation> ul > li > ul > li:hover > ul {
  display: block;
}
#navigation > ul > li > ul > li:hover > ul {
  display: block;
  position: absolute;
  left: 100%;
top: 0; 
}


#inhalt {
height: auto;
 margin: 0;
 padding: 0;
 font-family : "Nimbus Roman No9 L", serif;
   font-size: 120%; 
  }

#fussbereich {
  position: bottum;
  left: 2;
  bottom: 0;
font-variant: small-caps;
  background-color:  #00008B;	
  color: whitesmoke;	
width: 1208px;
	margin-left: -8px;
  }




p {
	text-align: justify;
	margin: 10px;
	font-family: Arial;
	<!-- font-style: italic; -->
	font-size: smaller;
	 width: 1060px;
	 
	}

 h1 {font-family : helvetica, sans-serif;
	font-variant: small-caps;
	margin: 20px;
	
	}


h2 {  font-family : helvetica, sans-serif;
 }

h4  {
	color : darkslateblue;
	}
	h5  {
		 width: 1055px;
	}

}

dl.bildunterschrift {
	float: left; margin:0px 0px 0px 0;}
dl.bildunterschrift dd 
{margin:0; font-size:20%;
} 

 <!-- #bild2 {
   float:right;
     border: 2px solid black;
}   -->