/* DATEI: style.css */


/* Zeilen wie diese, die mit Schraegstrich und Stern */
/* beginnen und mit Stern und Schraegstrich enden, sind */
/* Kommentarzeilen. */

/* Es folgen die Style-Definitionen, die Sie aendern koennen: */
/* Unterhalb jedes Befehls steht eine Kurzerklaerung */

body { background-color:#FFF8DC; }

/* Hintergrundfarbe


body { margin-left:20px; margin-top:10px; margin-bottom:10px; }


/* margin-top = Abstand zwischen Fensterrand und Inhalt oben */
/* margin-bottom = Abstand zwischen Fensterrand und Inhalt unten */
/* 10px = 10 Pixel, Wert aenderbar */


p, div { font-family:Times,serif; }

/* Schriftart fuer Text*/
/* fuer definierte Abschnitte*/

p { text-indent:2ex }

/*Einrueckung bei Textabsaetzen*/



h1,h2,h3,h4,ul,ol,li,td,th
     { font-family:Arial,sans-serif; }

/* font-family = Schriftart fuer Textelemente */
/* Arial,sans-serif = Arial und serifenlose Schrift, Wert aenderbar */



h1 { font-size:1.7em; }

/* Seitenueberschriften */
/* font-size = Schriftgroesse */
/* 167% entspricht bei mir ungefaehr 20pt = 20 Punkt, Wert aenderbar */

h2 { color:#FFF8DC;font-size:1.2em;font-weight:normal;margin-top:10px; width:600px;background-color:#990000; border-style:none; border-width:thin;padding-left:3px; }

/*h2 { font-size:larger; }*/

/* andere Ueberschriften */
/* font-size = Schriftgroesse */
/* 150% entspricht bei mir 18pt = 18 Punkt, Wert aenderbar */


h3 { font-size:1.2em;font-weight:normal; }
/*h3 { font-size:large; }*/

/* momentan identisch h1 */
/* font-size = Schriftgroesse */
/* 109% entspricht bei mir ungefaehr 13pt = 13 Punkt, Wert aenderbar */


h4 { color:#FFF8DC;font-size:1.2em;font-weight:normal;margin-top:10px; width:600px;background-color:#990000; border-style:none; border-width:thin;padding-left:3px }
/* momentan identisch h2 */
/* font-size = Schriftgroesse */
/* 100% entspricht bei mir 12pt = 12 Punkt, Wert aenderbar */


p,ul,ol,li,div,td,th { font-size:em; }

/* normaler Text */
/* font-size = Schriftgroesse */
/* 12pt = 12 Punkt, Wert aenderbar */

div.satire { font-family:Times,serif; font-size:medium;background-image:url(../satire.gif); border-style:none; border-width:thin; }
/* die nicht ganz ernst zu nehmenden bereiche...*/

div.neu { background-color:#FF9696; border-style:none; border-width:thin; } 
/* Neuigkeiten */



pre { font-family:Courier New,Courier; font-size:10pt; color:#0000C0; }

/* diktengleiche Schrift, falls man es mal braucht... */
/* 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; }

/*  */
/* background-color = Hintergrundfarbe */
/* #FFFFE0 = helles Gelb, Wert aenderbar */
/* Farbe sollte gleich sein wie bei td.xmpcode */



td.xplcode { background-color:#EEEEFF; }

/* Tabelleninhalte mit Erklaerungen oder so... */
/* background-color = Hintergrundfarbe */
/* #EEEEFF = helles Blau, Wert aenderbar */



.doc { background-color:#EEEEEE; }

/* so sollten eigene definitionen funktionieren...*/
/* Layout-Elemente mit hellgrauem Hintergrund */
/* background-color = Hintergrundfarbe */
/* #EEEEEE = helles Grau, Wert aenderbar */



.qbar { background-color:#FFFFE0; font-size:9pt; font-family:Arial,sans-serif; }

/* noch ein Beispiel für Selbsformatiertes*/
/* Layout-Elemente mit hellgrauem Hintergrund */
/* nur MS IE 4, Netscape 4.0 ignoriert diese Angaben */
/* background-color = Hintergrundfarbe */
/* #FFFFE0 = helles Gelb, Wert aenderbar */
/* font-family = Schriftart */
/* Arial,sans-serif = Schriftarten, Wert aenderbar */
/* font-size = Schriftgroesse */
/* 9pt = 9 Punkt, Wert aenderbar */


pre.normal { color:#000000; }

/* normale praeformatierte Bereiche, nicht fuer Quelltexte */
/* color = Farbe */
/* #000000 = schwarz, Wert aenderbar */


a:link { color:#2C2C6B; text-decoration:none; }
a:visited { color:#990000; text-decoration:none; }
a:active { color:#FFF8DC; text-decoration:none; }

/* a:link = Verweise zu noch nicht besuchten Seiten */
/* a:visited = Verweise zu bereits besuchten Seiten */
/* a:active = Verweise, die gerade angeklickt werden */
/* color = Farbe */
/* #FF0000 = rot, Wert aenderbar */
/* #0000FF = blau, Wert aenderbar */
/* #000000 = schwarz, Wert aenderbar */
/* text-decoration = Tesxtstil */
/* underline = unterstrichen, Default-Wert, Wert aenderbar */
/* none = nicht unterstrichen, Wert aenderbar */

p.einl {
font-size:1.1em;font-familiy:Arial,sans-serif;margin-top:10px;margin-bottom:10px;
}
/*Einleitungsabsatz*/

p.inf { text-indent:0cm;font-size:small;font-family:Arial,sans-serif;font-style:italic;
}
/* infos ueber oeffnungszeiten und eintrittspreise*/
/* schriftgroesse 83% entspricht bei mir etwa 10pt */

p.mark { color:#FFFFFF; font-size:1pt; margin:0cm }
/*sprungmarken*/

p.c { text-indent:0cm;font-size:smaller;font-family:Arial,sans-serif }
/* die Zeile am Seitenende */
/* Schriftgroesse 67% entsricht bei mir etwa 8pt */

p.nav {
text-indent:0cm;font-size:1.4em;font-style:bold;font-family:Helvetica,sans-serif;margin-top:2px;margin-bottom:2px; }
 
p.nav1 {
text-indent:0cm;font-size:1.4em;font-style:bold;font-family:Helvetica,sans-serif;margin-top:100px;margin-bottom:2px; }

p.endnav {
text-indent:0cm;font-familiy:Arial,sans-serif;margin-top:30px; }

/* Navigationsspalte*/

p.beisp { text-indent:0cm;font-family:"Courier New",Courier;width:600px;background-color:#FFFFFF;border-style:none;border-width:thin;padding:3px } 

/*Beispiele*/

p.kurs { text-indent:0cm;font-family:"Courier New",Courier;width:600px;background-color:#FFFFFF;border-style:none;border-width:thin;padding:3px }
 
/*Kursdaten*/

p.leben { font-size:0.9em;font-style:italic;margin-left:100px;background-color:#FFF8DC;border-style:none;border-width:thin;padding:3px } 

div.logo { position:absolute; top:3px; left:3px; }
/*div.logo { position:absolute; top:20px; left:10px; }*/
div.greet { position:absolute; top:100px; left:150px; }
div.allestitel {position:absolute; top: 250px }
div.alles {position:absolute; top: 150px }
div.nav { position:relative; top:0px; left:10px; width:150px; }
div.text { position:absolute; top:0px; left:200px; width:600px; }
div.end { position:relative; top:auto; width:auto; }


/* Wenn Sie sich mit Style-Sheets */
/* auskennen, koennen Sie weitere Angaben notieren */










