/* Stylesheet für Homepage Walter Fendt  */
/* 23.06.2015 - 02.07.2015               */

/* ==============================================
   Allgemeine Vorgaben
   ============================================== */

* {
  margin: 0;                           /* Vorgaben für Außenabstand löschen */
  padding: 0;                          /* Vorgaben für Innenabstand löschen */
  font-family: Arial, sans-serif;      /* Zeichensatz */
  }
  
/* Einzelseite */

body {
  background-color: #4040ff;           /* Hintergrundfarbe */
  }
  
/* Überschrift einer Einzelseite */
  
h1 {
  font-size: 30px;                     /* Schriftgröße */
  color: #00ffff;                      /* Schriftfarbe */
  text-align: center;                  /* Zentrierter Text */
  margin-top: 20px;                    /* Außenrand oben */
  margin-bottom: 20px;                 /* Außenrand unten */
  }
  
/* Außenrand für einige wichtige Elemente */
   
img, tr, ul, p {
  margin: 10px;                        /* Außenrand */
  }
  
/* Trennlinie */
  
hr {
  margin: 20px auto 20px auto;         /* Außenrand, Zentrierung */
  width: 300px;                        /* Länge */
  color: #0000ff;                      /* Farbe */
  }
  
span.nobr {
  white-space: nowrap;                       /* Zeilenumbruch verhindern */
  }
   
.auswahl img, #mitte1 img {
  margin-left: 50px;
  }
  
.auswahl a {
  color: #80ff80;
  font-weight: bold;
  text-decoration: none;
  padding: 2px;
  }
  
.auswahl a:hover {
  background-color: #ff4040;
  }
  
.auswahl img {
  width:80px;
  }
  
table.auswahl {
  margin-top: 20px;
  }
  
.auswahl td {
  padding-left: 50px;
  text-align: left;
  }
  
/* Kleine Schrift */
  
.klein {
  font-size: 70%;
  }
  
/* ==============================================
   Übergeordneter Bereich für die seitlichen Navigationsspalten und den zentralen Bereich
   ============================================== */
   
#oben {
  margin: 10px;                        /* Außenrand */
  min-height: 580px;                   /* Minimale Höhe */
  }
  
/* ==============================================
   Seitliche Navigationsspalten
   ============================================== */
   
/* Gemeinsame Vorgaben für beide Navigationsspalten */
   
#links, #rechts {
  background-color: #e0e0e0;           /* Hintergrundfarbe */
  border: 1px solid #000000;           /* Rand */
  }
  
/* Linke Navigationsspalte */

#links {
  float: left;                         /* Nach links floaten */
  }
    
#rechts {
  float: right;                        /* Nach rechts floaten */
  } 
  
/* =============================================
   Untere Navigationsleiste
   ============================================= */ 
  
/* Untere Navigationsleiste (insgesamt) */
  
div#unten {
  background-color: #e0e0e0;           /* Hintergrundfarbe hellgrau */
  height: 40px;                        /* Höhe */
  margin: 30px 10px 20px 10px;         /* Außenabstand */
  border: 1px solid #000000;           /* Rand */
  }
  
/* Untere Navigationsleiste, ungeordnete Liste */
  
#unten ul {
  width: 100%;                         /* Breite */
  margin: 0;                           /* Außenabstand */
  }
  
/* Untere Navigationsleiste, einzelner Listeneintrag */
  
#unten li {
  float: left;                         /* Nach links floaten */
  list-style: none;                    /* Kein Symbol */
  }
  
/* Untere Navigationsleiste, einzelner Link */
  
#unten a {
  color: #000000;                      /* Schriftfarbe */
  display: block;
  padding: 8px;                        /* Innenabstand */
  text-decoration: none;               /* Nicht unterstreichen */
  margin: 2px;                         /* Außenrand */
  }
  
/* Untere Navigationsleiste, aktiver Link */
  
#unten a:hover, #unten:active {
  background-color: #ff8080;           /* Hintergrundfarbe */
  }  
  
/* ==============================================
   Zentraler Bereich der Startseite
   ============================================== */

/* Zentraler Bereich insgesamt */   
         
#mitte {
  clear: both;                         /* Nicht mehr floaten */
  display: inline;                     /* Inline-Element */
  text-align: center;                  /* Enthaltene Elemente zentrieren */
  }
  
/* Foto der Startseite */
  
#foto {
  margin-top: 80px;                    /* Außenabstand (oben) */
  }
  
/* Neues auf diesen Seiten */
  
#neu1 {
  text-align: left;                    /* Linksbündige Ausrichtung */
  margin-top: 50px;                    /* Außenabstand (oben) */
  margin-left: 240px;                  /* Außenabstand (links) */
  font-size: 18px;                     /* Schriftgröße */
  font-weight: bold;                   /* Fettdruck */
  color: #00ffff;                      /* Schriftfarbe */
  }

/* Neues auf diesen Seiten, Einzelheiten */  
    
.neu2 {
  margin-top: 10px;                    /* Außenabstand (oben) */
  margin-left: 100px;                  /* Außenabstand (links) */
  }
  
/* Neues auf diesen Seiten, Links */
  
.neu2 a {
  color: #80ff80;                      /* Schriftfarbe */
  text-decoration: none;               /* Nicht unterstreichen */        
  padding: 2px;                        /* Innenabstand */
  }
  
/* Maus über dem Link, aktiver Link */
 
.neu2 a:hover, .neu2 a:active {
  background-color: #ff4040;           /* Hintergrundfarbe */
  }
  
/* ==============================================
   Zentraler Bereich der Seiten Mathematik, Physik, Astronomie, Computer, Verschiedenes, Autor, Impressum
   ============================================== */

/* Zentraler Bereich insgesamt */
     
#mitte1 {
  margin-left: 200px;                  /* Außenabstand links */
  margin-right: 200px;                 /* Außenabstand rechts */
  text-align: left;                    /* Linksbündige Ausrichtung */
  }
  
/* Zentraler Bereich, einzelne Listeneinträge */
  
#mitte1 li {
  margin: 5px 40px 5px 40px;           /* Außenabstand */        
  }
  
/* Zentraler Bereich, Gesamtüberschrift */
  
#mitte1 h1 {
  color: #000000;                      /* Schriftfarbe */
  }
  
/* Zentraler Bereich, kleinere Überschriften */
  
#mitte1 h2, #mitte1 h3 {
  margin: 10px;                        /* Außenabstand */
  }
  
/* Zentraler Bereich, Absätze */
  
#mitte1 p {
  margin-top: 10px;                    /* Außenabstand oben */
  margin-left: 30px;                   /* Außenabstand links */
  }
  
/* ==============================================
   Zentraler Bereich der Autorenseite
   ============================================== */
  
/* Autorenseite, Text */

.autor {
  margin: 20px 200px 20px 200px;       /* Außenrand */
  text-align: left;                    /* Linksbündige Ausrichtung */
  font-weight: bold;                   /* Fettdruck */
  color: #80ff80;                      /* Schriftfarbe */
  }

/* Autorenseite, einzelne Links */
   
.autor a {
  color: #80ff80;                      /* Schriftfarbe */
  text-decoration: none;               /* Nicht unterstreichen */
  }
  
/* ============================================== 
   Zentraler Bereich der Impressumseite
   ============================================== */
  
/* Impressum insgesamt */
  
#impressum {
  padding: 80px;                       /* Innenabstand */
  text-align: left;                    /* Linksbündige Ausrichtung */
  color: #80ff80;                      /* Schriftfarbe */
  font-weight: bold;                   /* Fettdruck */
  }
  
/* Impressum, einzelne Zelle der Tabelle */
  
#impressum td {
  width: 200px;                        /* Breite */
  padding: 15px;                       /* Innenabstand */
  }
  
/* Impressum, einzelne Zellen rechts in der Tabelle */
  
#impressum td.rechts {
  width: 400px;                        /* Größere Breite */
  }

/* Impressum, Link auf E-Mail-Adresse */  
    
#email a {
  color: #80ff80;                      /* Schriftfarbe */
  text-decoration: none;               /* Nicht unterstreichen */
  }

/* ============================================== 
   Spezielle Seiten 
   ============================================== */
 
/* Lottoseite, einzelne Zellen der Tabelle mit den Zahlen */
 
#lotto td {
  padding: 20px;                       /* Innenabstand */
  font-weight: bold;                   /* Fettdruck */
  }
  
/* Linksammlung, Tabelle für Bereiche */ 
  
table.bereiche {
  width: 90%;                          /* Gesamtbreite */
  }
  
/* Linksammlung, einzelne Zellen der Tabelle */
  
td.bereiche {
  width: 50%;                          /* Breite (wegen zweispaltiger Darstellung) */
  vertical-align: top;                 /* Ausrichtung am oberen Tabellenrand */
  }
  
/* Linksammlung, Rahmen für eigene Inhalte */
  
.eigenes {
  background-color: #ffff00;           /* Hintergrundfarbe */
  padding: 10px;                       /* Innenabstand */
  }

/* Linksammlung, Rahmen für besondere Seiten */  
   
.besonderes {
  background-color: #ffffff;           /* Hintergrundfarbe */
  padding: 10px;                       /* Innenabstand */
  }
  
/* Linksammlung, Stern-Symbol für einzelne Listeneinträge */
  
li.links {
  list-style-image: url(stern.gif);    /* Symbol als GIF-Datei */
  }