/* Formate.css */

/* Hier werden die Formate fuer alle Seiten der Website gespeichert. */
/* Die zentrale Speicherung in 1 Datei hat den Vorteil,              */
/* dass die Formate nur an 1 Stelle geaendert werden brauchen.       */

/* Diese Datei muss im selben Verzeichnis wie die HTML-Dateien stehen. */
/* Anderenfalls muss der Verweis auf diese Datei geaendert werden.     */

/* Erstellt:  2005-03-14, Reinhold Parrinello */
/* Geaendert: 2005-03-15, Reinhold Parrinello, Ergaenzungen zur Erleichterung fuer Hans-Christof */
/* Geaendert: 2012-01-13, Reinhold Parrinello, Ueberarbeitung */

/* Formate fuer die gesamte Seite, sofern nicht anderswo ueberschrieben: */
body {
       background-color: #00257b; /* siehe http://de.selfhtml.org/navigation/css.htm#hintergrund */
       /* Falls(!) der Sternen-Hintergrund gewuenscht wird, dann bitte bei folgender Zeile die / und * entfernen (vorne und hinten) */
      /* background-image:url('Bilder/starback.gif');*/
       font-family: "Times New Roman", serif;   /* siehe http://de.selfhtml.org/navigation/css.htm#schrift */
       font-size: medium;
       color: #ffff00;
     }
/* Informationen zu den Farben (color und background-color): siehe http://de.selfhtml.org/html/allgemein/farben.htm#hexadezimal */

/* Formate fuer Ueberschriften (Headlines): */
h1 { font-family: "Times New Roman", serif; font-size:large; font-weight: bold; color: #c0c0c0; }
h2 { font-family: "Times New Roman", serif; font-size: large; font-weight: bold; }
h3 { font-family: "Times New Roman", serif; font-size: large; }

/* Format fuer waagrechte Trennlinie (Horizontal Rule); Achtung: funktioniert nicht bei allen Web-Browsern! */
hr { color: #0000ff; }  /* wird momentan nicht verwendet, 2012-01-17 */

/* Format fuer Listen-Elemente: */
ul { color: #a00000; }
li { font-size: medium; line-height: 133%; }

/* Format fuer Hervorhebungen, wenn z. B. mit <span id="Hervorhebung">...</span> formatiert: */
#Hervorhebung       { font-weight: bold; color: #a02000; }
#HervorhebungKursiv { font-size: large; font-weight: bold; font-style: italic; color: #a02000; }
#HervorhebungLink   { font-weight: bold; }

/* Format fuer den Haftungsausschluss im Impressum, formatiert mit <p id="Haftungsausschluss">...</p>: */
#Haftungsausschluss { font-size: 9pt; width: 67%; padding-top: 4px; border-top: #0000ff dotted 1px }
/* Hier (und fuer die Fusszeile) habe ich ausnahmsweise die Schriftgroesse absolut festgelegt,
/* d. h. unveraenderbar fuer den Benutzer. */

/* Erlaeuterung: Normalerweise lege ich Schriftgroessen relativ fest (large, medium, small, usw.).                                  */
/* Das hat den Vorteil, dass z. B. Sehbehinderte den Text mittels ihres Browsers (z. B. MS Internet Explorer) vergroessern koennen, */
/* um ihn ohne Hilfsmittel lesen zu koennen. Ausserdem zeigen unterschiedliche Betriebssysteme und unterschiedliche                 */
/* Browser die Schriften ohnehin verschieden gross an, so dass sich auch fuer den "Normal-Benutzer" Vorteile ergeben.                */

/* Formate fuer das Menue: */
td.Menuetext_Hier {
                  /* betrifft Menue-Eintrag fuer die aktuelle Seite, d. h. nur 1 Menue-Eintrag */
                  font-family: "Times New Roman", serif;
                  font-weight: bolder;
                  font-size: small;
                  color: #000000;
                  background-color: #ffff40;
                }
td.Menuetext_Link {
                    /* betrifft Menue-Eintraege fuer alle anderen Seiten, also die verlinkten Seiten */
                    font-family: "Times New Roman", serif;
                    font-size: small;
                    background-color: #ffffb0;
                  }


div#Menue {
            border-bottom: #0000ff solid 2px;
            padding-bottom: 2px;
            margin-bottom: 2px;
          }

/* Formate fuer Familienfotos: */
img.Familienfotos {
                    border: 0;
                    margin: 2px;
                  }

/* Formate fuer die Fusszeile (Copyright-Vermerk): */
div#Fusszeile {
                font-family: sans-serif;
                font-size: 7pt;
                color:#ffff00;
                border-top: #0000ff solid 1px;
                padding-top: 4px;
              }

/* Format fuer die Seite 4.html (Besonderes): */
span.Vers {
            color: #c0c0c0;
          }

/* Formate fuer die Seite 7Kontakt.html: */
table.Kontakt {
                border: 0;
                margin-top: 1em;
              }
table.Kontakt caption {
                        caption-side: top;
                        text-align: left;
                        font-weight: bold;
                        padding-bottom: 0.5em;
                      }

tr.gerade {
            color: #ffff99;
          }

table.Kontakt td  {
                    padding: 0.1em 0em 0.1em 0.3em;
                  }
td.Eplus  {
            font-size: 0.85em;
            vertical-align: middle;
          }

/* Formate fuer Seite 4, Besonderes: */
span.gut  {
            color: #d8ff00;
          }
span.Tag  {
            color: #ffc000;
          }

/* Formate fuer Links (Verweise): */
/* siehe http://de.selfhtml.org/css/formate/zentrale.htm#pseudoformate */
/* Links im Menue */
a:link.Menu    { color:#000000; text-decoration: none; }
a:visited.Menu { color:#000000; text-decoration: none; }
a:hover.Menu   { color:#000080; text-decoration: underline; }
a:active.Menu  { color:#800000; text-decoration: none; }
a:focus.Menu   { color:#008000; text-decoration: none; }
/* andere Links: */
a:link    { color:#ffff00; }
a:visited { color:#ffff00; }
a:hover   { color:#ffffff; }
a:active  { color:#00b000; }
a:focus   { color:#008000; }