body
{
   background-image: url(images/hintergrund.png);
 }


#ueberschrift {
    text-align:center; mso-bidi-font-weight:normal; font-size:14.0pt;
    font-family:"Comic Sans MS";mso-bidi-font-family:Tahoma;color:yellow;
                
   }    
  
  #fusszeile {

 height: 150px;
 margin-top: 20px;
  text-align:center; mso-bidi-font-weight:normal; font-size:12.0pt;
    font-family:"Comic Sans MS";mso-bidi-font-family:Tahoma;color:yellow;

}


  #text1 {
   text-align:left;  mso-bidi-font-weight:normal; font-size:14.0pt;
    font-family:"Comic Sans MS";mso-bidi-font-family:Tahoma;color:yellow;
   }

 #herzleiste {
  position:absolute;left:220px;top:10px;width:55px; height:930px;
  background-color: #FFFF00;  
  background-image: url(images/herz2.png);
  }
  
  #bildleiste {
position:absolute;left:1010px;top:10px;width:320px;
   }     
  
 
 #mittelblock {
  position:absolute;left:260px;top:10px;width:720px;   
 }
  
 
 
   #navigation { 
   position:absolute;left:0px;top:25px;width:250px;
   }
 
 #navigation ul {

   list-style:none;               /* keine Aufzählungspunkte */
 }
 
 #navigation li {
 
   background-color:yellow;       /* Hintergrundfarbe   */
   border-top:1px black solid;    /* Rahmenfarbe Auflistungpunkt oben */
   border-left:25px red solid;    /* Rahmenfarbe Auflistungpunkt oben */
   border-bottom:1px red solid;   /* Rahmenfarbe unten  */
   border-right:2px blue solid;   /* Rahmenfarbe unten  */
   margin-top:10px;               /* Außenabstand oben  */
   padding-top:8px;               /* Innenabstand oben  */
   padding-bottom:8px;            /* Innenabstand unten */
   padding-left:8px;              /* Innenabstand unten */
   padding-right:8px;             /* Innenabstand unten */
 }