/* definierte Formate und classes */
/* Gesamtbild */
* { margin:0px; padding:0px; }
body { font-family:Arial, Helvetica, sans-serif; background-color:#EEEEEE; color:#003366; font-size: 100.01%; margin:0px; }
/* Seiteneinrueckung */
#site { margin-left:60px; margin-right:20px; }
/* Seiteninhalt */
#content { }
div.blog { margin-left:50px; margin-right:20%; margin-bottom:0px; margin-top:0px; width:80%; border-style:double; border-width:thick; border-spacing:3px; border-color:#336699; padding:1em; }
/* alles */
p { margin:0.5em; padding:0.5em; }
p.main:first-letter { font-family:Futura, Impact, Arial, Helvetica, sans-serif; font-size:2em; background-color:transparent; color:#0033FF; float:left; margin-right:0.4em; }
/* nur Datum */
p.date { font-size:80%; font-style:italic; text-align:right; margin-top:10mm; padding-right:1em; }
/* nur Mail */
p.mail:first-letter { font-family:Futura, Impact, Arial, Helvetica, sans-serif; font-size:2em; background-color:transparent; color:#0033FF; }
p.mail { margin-top:3em; margin-bottom:3em; }
/* Links global */
a:link { padding:1px; background-color:transparent; color:#000066; text-decoration:none; border-bottom:none; }
a:visited { padding:1px; background-color:transparent; color:#0066CC; text-decoration:none; border-bottom:none; }
a:hover, a:active, a:focus { padding:1px; background-color:#000066; color:#FFFFFF; }
/* Mail-Link im Text */
a.mail { background:url(pic/mess.gif) center left no-repeat; padding-left:60px; background-color:transparent; color:#0000FF; }
/* a.mail:visited, a.mail:hover, a.mail:focus, a.mail:active { background:url(pic/mess.gif) center left no-repeat; padding-left:60px; background-color:0000FF; color:#FFFFFF; } */
/* externe Links */
a.extl:link { background:url(pic/www.gif) center left no-repeat; padding-left:60px; background-color:transparent; color:#0000FF; text-decoration:underline; border-bottom:thin solid; }
a.extl:visited { background:url(pic/www.gif) center left no-repeat; padding-left:60px; background-color:transparent; color:#0000CC; text-decoration:underline; border-bottom:thin solid; }
a.extl:hover, a.extl:focus, a.extl:active { background-color:#0000FF; color:#FFFFFF; }
/* dummy ohne Auszeichnung */
a.none { padding:1px; background-color:transparent; color:#003366; text-decoration:none; border-bottom:none; }
/* Ueberschriften */
h1,h2,h3,h4,h5,h6 { font-family:Charcoal, Chicago, "Franklin Gothic Medium", "Lucida Sans Unicode", Impact, Arial, Helvetica, sans-serif; background-color:transparent; color:#003366; }
h1,h2,h3 { text-align:center; margin-top:0.5em; }
h1,h2 { font-family:Charcoal, Chicago, Arial, Helvetica, sans-serif; font-variant:small-caps; }
h1 { font-size:2.5em; }
h2 { font-size:2em; }
h3 { font-size:1.5em; }
h4 { font-size:1.2em; }
/* sonstige Auszeichnungen */
abbr { border-bottom:thin dashed; background-color:transparent; color:#EEEEEE; cursor:help; }
em { font-style:italic; }
strong { font-weight:bold; }
blockquote { margin-left:4em; }
blockquote, q { font-family:Georgia, serif; }
hr { width:60%; margin-right:0px; margin-bottom:3em; margin-top:3em; }
/* freie Klassen */
/* Textauszeichnung */
*.c { text-align:center; }
*.r { text-align:right; }
*.l { text-align:left; }
*.small { font-size:80%; }
*.little { font-size:80%; }
*.now { white-space:nowrap; }
/* besondere */
*.old { font-size:90%; border-style:none; border-width:thin; }
*.new { background-color:#990000; color:#FFFFFF; border-style:none; border-width:thin; font-size:100%; }
*.numb { text-align:right; font-size:80%; }
*.fun { background-color:transparent; color:#999900; font-family:Herculanum, 'Comic Sans MS', Georgia, serif; font-size:140%; }
*.pic { text-align:center; background-color:transparent; color:#444444; font-weight:bold; font-size:60%; }
*.name { font-variant:small-caps; font-size:120%; }
/* Anmerkungen */
*.anm { font-size:80%; font-style:italic; font-weight:normal; }
/* Formeln */
*.form { font-family:"Courier New", Courier, monospace; font-weight:bold; background-color:transparent; color:#EEEEEE; white-space:pre; }
*.frm { font-family:"Courier New", Courier, monospace; font-size:80%; font-weight:bold; text-align:left; white-space:pre; }
/* sub Indizierung verwende ich fast nur in Formeln */
sub { font-size:80%; }
/* nicht mehr verwenden, da tricky bei Validierung */
pre { font-family:"Courier New", Courier, monospace; font-size:110%; font-weight:bold; }
pre.form { font-weight:bold; font-size:120%; background-color:transparent; color:#EEEEEE; }
/* fuer Fliesstext */
tt { font-family:"Courier New", Courier, monospace; font-weight:bold; font-size:110%; white-space:nowrap; }
/* Listen (ul, ol, dl) */
ul,ol,dl { list-style-position:inside; margin:1em; }
ul.rund { list-style-type:circle; }
ul.none { list-style-type:none; }
ol.a { list-style-type:lower-alpha; }
ol.I { list-style-type:upper-roman; }
ol.i { list-style-type:lower-roman; }
ol.nr { list-style-type:decimal; }
/* verschiedene Listenelemente */
/* li { text-indent:-2em; padding-left:2em; margin:0.2em; } */
li.wide { margin-top:20px; }
li.ultra { margin-top:60px; }
/* Tabellen */
table { border-style:double; border-width:thick; border-spacing:3px; border-color:#996600; margin:2em; }
caption { caption-side:top; font-variant:small-caps; background-color:transparent; color:#FF9900; }
tr, th, td { padding:5px; border-color:#996600; }
th { font-weight:bold; }
tbody.numb { text-align:right; font-size:80%; }
tr.fat { font-weight:bold; }
/* kein Zeilenumbruch erlaubt */
tr.now { white-space:nowrap; }
tbody { border-style:solid; border-width:thin; border-color:#996600; }
thead { border-style:inset; border-width:medium; border-color:#996600; }
tfoot { border-style:inset; border-width:medium; border-color:#996600; }
/* W3C Icons */
#www { width:100px; float:left; padding-left:5px; margin-top:100px; }
div#www a:hover, a:active, a:focus { padding:1px; background-color:transparent; color:#FFFFFF; }
/* Listennavigation */
div#navleft { float:left; position:fixed; top:100px; left:10px; width:5em; margin:0px; padding-bottom:0.5em; padding-top:0.5em; padding-left:0.1em; }
div#navleft ul { list-style-type:none; font-size:80%; margin:0px; padding-bottom:0.5em; padding-top:0.5em; }
div#navleft li { margin:1px; padding:2px; white-space:nowrap; }
div#navleft li a:link { display:block; padding:2px; background-color:transparent; color:#000066; text-decoration:none; border-bottom:none; }
div#navleft li a:visited { display:block; background-color:transparent; color:#000066; text-decoration:none; border-bottom:none; }
div#navleft li a:hover, li.nav a:focus, li.nav a:active { display:block; background-color:#000066; color:#FFFFFF; }
div#navleft li a.navloc { display:block; background-color:#000066; color:#FFFFFF; }