/* DATEI: format.css */
/* CSS-Formatierung für Drachenkinder-WebSite */


/* Seiten-Körper */
body { margin-top:10px; margin-bottom:10px; background-image:url(bg_pergament.jpg) }

/* margin-top = Abstand zwischen Fensterrand und Inhalt oben */
/* margin-bottom = Abstand zwischen Fensterrand und Inhalt unten */
/* 10px = 10 Pixel, Wert aenderbar */


/* normaler Text */
/* Arial,sans-serif = Arial und serifenlose Schrift */
p,h1,h2,h3,h4,ul,ol,li,div,td,th,address,blockquote,nobr,b,i
     { font-family:Arial,sans-serif; color:black; }

/* normaler Text */
p,ul,ol,li,div,td,th,address,nobr,b,i { font-size:12pt; }


/* Haupt-Überschriften */
h1 { font-size:40pt; }

/* Seiten-Überschriften */
h2 { font-size:32pt; }

/* Zwischen-Überschriften */
h3,h3.xmp,h3.xpl,h3.inf,h3.tip { font-size:24pt; }


/* Zwischen-Überschriften */
h4 { font-size:16pt; }


pre { font-family:Courier New,Courier; font-size:10pt; color:#0000C0; }

/* Quelltext-Beispiele */
/* font-family = Schriftart */
/* Courier New,Courier = Schriftarten, Wert aenderbar */
/* font-size = Schriftgroesse */
/* 10pt = 10 Punkt, Wert aenderbar */
/* color = Farbe */
/* #0000C0 = blau, Wert aenderbar */


.code { background-color:#FFFFE0; }

/* Tabelleninhalte mit Quellcode */
/* background-color = Hintergrundfarbe */
/* #FFFFE0 = helles Gelb, Wert aenderbar */
/* Farbe sollte gleich sein wie bei td.xmpcode */



td.xplcode { background-color:#EEEEFF; }

/* Tabelleninhalte mit Erklaerungen */
/* background-color = Hintergrundfarbe */
/* #EEEEFF = helles Blau, Wert aenderbar */



.doc { background-color:#EEEEEE; }

/* Layout-Elemente mit hellgrauem Hintergrund */
/* background-color = Hintergrundfarbe */
/* #EEEEEE = helles Grau, Wert aenderbar */


/* a:link = Verweise zu noch nicht besuchten Seiten */
a:link { color:black; font-size:12pt; text-decoration:none; }
/* a:visited = Verweise zu bereits besuchten Seiten */
a:visited { color:black; font-size:12pt; text-decoration:none; }
/* a:hover = Verweise, die gerade angeklickt werden */
a:hover { color:blue; font-size:12pt; text-decoration:none; }
/* a:active = Verweise, die gerade angeklickt werden */
a:active { color:blue; font-size:12pt; text-decoration:none; }

a.visible:link { color:green; font-size:12pt; text-decoration:none; }
a.visible:visited { color:green; font-size:12pt; text-decoration:none; }
a.visible:hover { color:blue; font-size:12pt; text-decoration:none; }
a.visible:active { color:blue; font-size:12pt; text-decoration:none; }

a.an { text-decoration:none; }



