body
{
    font-family: Arial; /* Schriftart*/

    background-color: #DEDEDE;
   /* text-align: center;      */
    
}
#alles
{
    width: 1024px; 
    background-image: url(bilder/farbverlauf.jpg);        
    height: auto; 
    margin: auto;
    background-color: #008000;
    
}
#kopf
{
   /*  background-color: #E78C2E;          */ /* zum testen*/
     background-image: url(bilder/top_alles.jpg);  /* das bild oben  */
     width: 1024px;
     height: 74px;          
     
     text-align: left;
      
}
#steuerung
{
  /*  background-color: #FF00FF;  */
    width: 290px;
    float: left;
    margin-top: 10px;
    text-align: left;
    font-size: 15px;           /* Schriftgröße */
    

}
#inhalt
{
   /*  background-color: #FF0000;        */
        
      text-align: left;
      margin-left: 290px;  /* abstand*/
      padding-bottom: 20px ;
      padding-top: 5px;
       
}


#inhalt p {
  /*background-color: #800000;  */
  text-align: left;

}
#inhalt .mittig
{
    text-align: center;
   
}
.test 
{
    vertical-align: bottom;
}

ul
{
    font-style: italic;     /* Schriftart */
}
.bildrechts{         /* Text links bild rechts*/
    float: right;
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 15px;
    margin-top: 0px;
}
.bildlinks{         /* Text rechts bild links */
    float: left;
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 15px;
    margin-top: 0px;
}

h1
{
    font-size: 27px;
}
h2
{
    font-size: 19px;
}
h3
{
    font-size: 16px;
}
.link
{
    color: #0F0585;     /* ändern*/ 
}
.hauptpunkt
{
    color:  #FFFF00
}
.unterpunkt
{
    color: #800000;
}
.mittig
{
    text-align: center;
}
.kursiv
{
  font-style:italic;
  /*font-style: oblique; */ /* alternativ falls italic nicht geht*/ 
 
}
.fett
{
    font-weight: bold;
}
.unklar
{
    color: red;
}
.unsichtbar
{
    display: none;
}
.farbig
{
    color: #1717FF;
}