body {
font-family: Georgia, "Times New Roman",Times, serif;

  background-position: 20px 20px;         /*positioniert das Logo in der oberen linken Ecke*/
  background-image: url("logo.jpg");      /*20 px von oben und 20 px von links*/
  background-repeat: no-repeat;           /*zeigt das Bild nur einmal. repeat wiederholt */
  background-color: #6666CC;              /*das Bild über den gesamten Bildschirm Hintergrundfarbe */
}
/*--------------------------------------------------------------------------------*/
ul.navbar {                   /*Erzeugt den Linkbereich auf der linken Seite*/
  list-style-type: none;	
  padding: 0;
  margin: 0;
  position: absolute;    /*position:absolute ist fest ungeachtet dem HTML Inhalt, scrollt aber mit*/
                      /*fixed = feste position auch beim scrollen; relative = verursacht eine Lücke im HTML-Code*/
  top: 300px;         /*Abstand von Oben*/
  left: 20px;         /*Abstand von links*/
  width: 150px }      /*Länge des Feldes*/

ul.navbar li {             /*Jeder Link bekommt ein Feld*/
  background: white;      /*Farbe des Linkfeldes*/
  margin: 6px 0;         /*Abstand der Linkfelder*/
  padding: 5px;          /*Höhe des einzelnen Linkfeldes*/
  border-right: 10px solid black }   /*Rechts vom Feld soll ein Rand mit 10px sein*/
ul.navbar a {
  text-decoration: none;
  font-size: 11px; }

 /*----------------------------------------------------------------------------------*/
h1 {                                       /*Überschrift-Box*/
  font-family: Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif }
h1 {
  list-style-type: none;	
  padding: 0;
  margin: 0;
  position: absolute;
  top: 20px;
  left: 250px;
  width: 820px;
  height: 20px;
   }
  
h1 {
  background: #000000;
  margin: 5px 0;
  padding: 10px;
  border-radius: 10px;
  border-right: 10px silver }
h1 {
  text-decoration: none;
  font-size: 18px;
  text-align: center;
  color: silver }
 /*-----------------------------------------------------------------------------------*/
h2 {                                       /* Haupt-Box*/
  font-family: Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif }

h2 {
  list-style-type: none;	
  padding: 0;
  margin: 0;
  position: absolute;
  top: 100px;
  left: 250px;
  width: 800px;        /*Breite des Textfeldes mitte */
  height: 600px }      /*Höhe des Textfeldes, mitte */

h2 {
  background: #000000;
  margin-top: 5px;
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
  padding: 10px;
  padding-left: 30px;
  border-radius: 10px;
  border-right: 10px silver }
h2 {
  text-decoration: none;
  font-size: 12px;
  text-align: center;
  color: silver }
 /*--------------------------------------------------------------------------------*/
h3 {
                                                /*Fußzeilen-Box*/
  font-family: Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif }
        
h3 {
  list-style-type: none;	
  padding: 0;
  margin: 0;
  position: fixed;
  bottom: 30px;
  left: 250px;
  width: 800px;
  height: 50px }

h3 {
  background: #000000;
  margin-top: 5px;
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
  padding: 10px;
  padding-left: 30px;
  border-radius: 10px;
  border-right: 10px silver }
h3 {
  text-decoration: none;
  font-size: 12px;
  text-align: center;
  color: silver }
/*----------------------------------------------------------------------------------*/
#kreis {                              /*Kreisel links*/
        position: absolute;
          top: 200px;
          left: 50px;
        width:0px;height:0px;
        border:30px solid white;
        border-top-color: #6666CC;
        border-bottom-color: #6666CC;
        border-left-color:#6666CC;
        border-radius: 30px;
        animation: dreh 200ms linear 8;
        }
@keyframes dreh {
        from { transform:rotate(0deg); }
        to { transform:rotate(360deg); }
    }
/*-----------------------------------------------------------------------------------*/

a:link {color: #0066FF }                       /*Linkfarbe*/
a:visited {color: purple }                    /*besuchter Link*/
a:hover {color: #000000; background: #FF0000;} /*beim überfahren wird die Schrift schwarz und der Hintergrund rot*/
a:active {color: #FF00CC;}

address {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 0 }       /*thin dotted blendet eine Linie oberhalb von h3 ein */



table {
 background-color: #2200ff;                         
 border: 1px solid red;
 font-family: Verdana;		/*Textformatierung*/
 font-size: 0.9em;
 text-align: center;
 padding: 2px;
}
td {
 background-color: #e4ebf2;
 border: 1px solid red;
 width: 250px;
 height: 250px;
}