body {
  font-family: Verdana, Arial, Helvetica, sans-serif; /* Schrifarten */
  font-size: 14px;		/* Zeichengroesse im Textteil */
  text-align: justify;		/* Blocksatz */
  margin-left: 0px;		/* Abstand links */
  margin-right: 0px;		/* Abstand rechts */
  padding-left: 5px;		/* Abstand innen zum Rand */
  padding-right: 5px;		/* Abstand innen zum Rand */
  background-color: #e8e8e8;	/* Hintergrundfarbe Textteil */
}

.blue {
  color:#00008f;		/* Klasse fuer blaue Schrift */
  text-align: justify;		/* Text als Blocksatz, alternativ left, right, center*/
}

.flex {
    display: flex; 		/* Flexcontainer */
    justify-content: center; 	/* zentriert */
    align-items: center;	/* zentriert */
    margin-top: 10px;		/* Abstand Bild oben */
    margin-bottom: 10px;	/* Abstand Bild unten */
}

h1 {		/* Klasse fuer Ueberschriften */ 
  color: #0000AD;		/* Farbe der Ueberschrift */
  font-size: 2em;		/* Zeichengroesse besser ist ggf. 2em (2fache Standardgroesse) */
  font-weight: bold;		/* Textauszeichnung fett */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: left;		/* Zentriert; alternativ left, right, justify */
  margin-top:10px;
  padding-top: 5px;		/* Abstand zum Text oben */
  padding-bottom: 5px;		/* Abstand zum folgenden Text */
}
h2 {				/* Ueberschrift H2 neu definiert */ 
  color: #0000BD;		/* Farbe der Ueberschrift */
  font-size: 1.6em;		/* Zeichengroesse besser ist ggf. 2em (2fache Standardgroesse)24px */
  font-weight: bold;		/* Textauszeichnung fett */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: left;		/* Zentriert; alternativ left, right, justify */
  padding-top: 50px;		/* Abstand zum Text oben */
  padding-bottom: 5px;		/* Abstand zum folgenden Text */
}
#navibereich li {
  display: inline;            /* Listenelemente nebeneinander */
  list-style-type: none;      /* Aufzählungszeichen entfernen */
}

#navibereich {
  background-color: #00D3D3;	        /* Hintergrundfarbe für die Navigation */ 
  padding: 4px 0;                   /* Innenabstand: oben/unten 4px, li/re 0 */
  border-top: 1px solid #668BCC;    /* Rahmenlinie oben mit Dicke, Stil und Farbe*/
  border-bottom: 1px solid #668BCC; /* Rahmenlinie unten mit Dicke, Stil und Farbe*/
  margin: 0;                        /* Kein Aussenabstand */ 
}

#navibereich a {
  color: #000088;                /* Schriftfarbe */ 
  font-size: 16px;		  /* Schriftgroesse, ggf. auch 1,3em*/
  font-weight: bold;		  /* Fettdruck */
  text-decoration: none;         /* Unterstreichung entfernen */ 
  padding: 4px 8px;              /* oben/unten 4px, re/li 8px */
}
#navibereich a:hover {
  background-color: #EDEDF8;	  /* Hintergrundfarbe wenn die Maus auf der Auswahl steht */
  color: #FFFF00;		  /* Textfarbe wenn die Maus auf der Auswahl steht */
}
/* Liste der Ids der Seiten muss unbedingt ergaenzt werden Kommma bei jeder Zeile ausser der letzten*/
#navibereich a:hover,        /* mit Komma am Ende */
#start #navi01 a,            /* mit Komma am Ende */
#wir #navi02 a,              /* mit Komma am Ende */
#deltap #navi03 a,           /* mit Komma am Ende */
#impressum #navi04 a 	      /* ohne Komma am Ende */
    {    
  background-color: #c3d9ff;
}