/* seng.css: Stylesheet-Datei für die Homepage der Familie Seng */

body { margin-top:0px; margin-bottom:10px; }
/* Abstand zwischen Fensterrand und Inhalt oben und auch zwischen Fensterrand und Inhalt unten:
   0 bzw. 10 Pixel */

p,h1,h2,h3,h4,h5,ul,ol,li,div,td,th,a,address,blockquote,nobr,b,i
     { font-family:"Comic Sans MS",cursive,sans-serif }
/* Schriftart fuer Textelemente:  "Comic Sans MS" oder cursive od. serifenlose Standard-Schrift */

h1 { font-size:24pt; text-align:center; margin-top:5px }
/* h1: Seiten-Ueberschrift - Schriftgroesse: 24 Punkt, Text-Ausrichtung: zentriert,
   Abstand zw. Text und oberer Bildschirmkante: 5 Pixel (damit Schrift auf dem Balken steht) */

h2 { font-size:16pt; text-align:center }
/* h2: Abschnittsueberschriften innerhalb einer Seite - Schriftgroesse: 16 Punkt,
   Text-Ausrichtung: zentriert */

h3 { font-size:14pt }
/* h3: Zwischenueberschriften in einem Abschnitt - Schriftgroesse: 14 Punkt */

h4 { font-size:12pt; margin-bottom:-8px }
/* h4: noch kleinere Zwischenueberschriften an manchen Stellen - Schriftgroesse: 12 Punkt,
   Abstand unten zum nächsten Element (Absatz): 8 Pixel kleiner als normalerweise */

h5 { font-size:10pt; margin-bottom:-10px }
/* h5: noch kleinere Zwischenueberschriften an manchen Stellen - Schriftgroesse: 10 Punkt,
   Abstand unten zum nächsten Element (Absatz): 10 Pixel kleiner als normalerweise */

p,ul,ol,li,div,td,th,address,nobr,b,i { font-size:9pt; }
/* normaler Text:  Schriftgroesse: 9 Punkt */

.kleiner { font-size:7pt }
/* font-size = Schriftgroesse;  7pt = 7 Punkt
   all.kleiner funktioniert beim IE nicht, deshalb seperat aufgeführt! */

p,ul,ol,li,div,td,th,address,blockquote,nobr,b,i { color:#000066 }
/* normaler Text:  Farbe: dunkelblau */

h1,h2,h3,h4,h5 { color:#CC3366; }
/* Ueberschriften:  Farbe: weinrot */

a:link { color:#0000FF; }
a:visited { color:#009966; }
a:active { color:#000080; }
/* a:link = Verweise zu noch nicht besuchten Seiten
   a:visited = Verweise zu bereits besuchten Seiten
   a:active = Verweise, die gerade angeklickt werden
  (a:hover = Von der Maus überstrichene Verweise
   a:focus = Mit Tastatur focusierte Verweise)
   Farbe: #0000FF = blau, #009966 = tuerkis, #000080 = dunkelblau */

a.navigation:link { color:#000000; margin-left:10px; text-decoration:none; }
a.navigation:visited { color:#000000; margin-left:10px; text-decoration:none; }
a.navigation:hover { color:#000000; margin-left:10px; background-color:#00FFFF; text-decoration:none; }
a.navigation:active { color:#FFFFFF; margin-left:10px; text-decoration:none; }
a.navigation:focus { color:#000000; margin-left:10px; background-color:#0060FF; text-decoration:none; }
/* Für Verweise in der Navigationsleiste (andere Farbe als im Text!)
   Farbe: #000000 = schwarz, #00FFFF = hellblau (cyan), #FFFFFF = weiß;  10 Pixel eingerückt
   (Abstand links); Keine Unterstreichung der Links */

a.nav_unterpkt:link { color:#000000; margin-left:20px; text-decoration:none; }
a.nav_unterpkt:visited { color:#000000; margin-left:20px; text-decoration:none; }
a.nav_unterpkt:hover { color:#000000; margin-left:20px; background-color:#00FFFF; text-decoration:none; }
a.nav_unterpkt:active { color:#FFFFFF; margin-left:20px; text-decoration:none; }
a.nav_unterpkt:focus { color:#000000; margin-left:20px; background-color:#0060FF; text-decoration:none; }
/* Für Unterpunkte der Verweise in der Navigationsleiste
   Farbe: #000000 = schwarz, #000066 = hellblau (cyan), #FFFFFF = weiß;  10 Pixel eingerückt
   (Abstand links); Keine Unterstreichung der Links */

img { border:none }
/* Da das border-Attribut in img als deprecated gekennzeichnet ist, wurde border="0"
   im HTML-Code rausgeschmissen und durch diese CSS-Angabe ersetzt. */

img.nav_button { margin:20px }
/* Die Navigationsbuttons am unteren Ende der Seite müssen untereinander und zur
   darueberstehenden Trennlinie 20 Pixel Abstand haben. */

hr { height:3pt }
/* Da Attribute in hr als deprecated gekennzeichnet sind, wurde size="3" im HTML-Code
   rausgeschmissen und durch diese CSS-Angabe ersetzt. */

table { margin-left:auto; margin-right:auto; text-align:left; }
/* margin-left und -right, damit Tabelle zentriert wird;
   außerdem Text IN der Tabelle links ausrichten */

table.tourenueb_tab { text-align:center; padding:2px; border-style:solid; border-width:3px; border-color:#cc3366; background-color:#FFFFCC; margin-left:auto; margin-right:auto; }
.t_ueb_zelle { text-align:center; padding:2px; border-style:solid; border-width:1px; border-color:#cc3366; background-color:#FFFFCC }
/* Fuer die Tabellen mit den Touren-Uebersichten:
   Da bordercolor nicht zum HTML-Standard gehoert, wurde es durch die CSS-Angabe border-color
   ersetzt. In diesem Zusammenhang wurden auch die anderen Attribute durch CSS ersetzt. Dazu
   wurden die Klassen tourenueb_tab fuer <table> und t_ueb_zelle fuer <th> und <td> erzeugt.
   Zentriert, 2 Pixel Außen-Abstand, Rahmenlinien durchgehend, 3 bzw. 1 Pixel dick, in
   weinroter Farbe, Hintergrundfarbe hellgelb, Tab. zentriert
   Urspruenglich sah der Code so aus:   <table border="4" bgcolor="#ffffcc"
    bordercolor="#cc3366" cellpadding="2" align="center" style="text-align:center" > */

.comment { color:#CC3366; font-weight:bold }
/* Für Fotoalben: Kommentar unter den Fotos: Farbe: weinrot, Schriftgewicht: fett */