html { color: #000; background: #dde url("ico/rumpelstein.gif"); }
body { font-family: dejavu serif, serif; font-size: 99.9%; text-align: justify;}
/* Areale */
/* ======================== */
#kopf { background: #fff9f6 ;
font-family: dejavu sans, helvetica, sans-serif;
text-align: center;
padding: 0.5em 0.7em 1em 0.7em;
border: 1px solid #999;
margin-bottom: 0.5em; }
#text { background: #fff9f6 ;
border: 1px solid #999;
margin-bottom: 1em; }
#menue { text-align: left;
width: 12em;
float: left;
margin: 0; }
.auswahl { background: #ccc;
margin-bottom: 0.5em;
padding: 2px;
border: 2px outset #ccc; }
#aushang { text-align: left;
width: 12em;
float: right;
margin: 0; }
.t0 { margin: 1.5em 1em; padding: 1em 5em; }
.t1 { margin-left: 12.5em; padding: 0.5em 2.5em; }
.t2 { margin-right: 12.5em; padding: 0.5em 2.5em; }
#navigation { font-family: dejavu sans, helvetica, arial, sans-serif;
font-size: 0.8em;
margin: 1em 0;
border-bottom: 1px solid #630;
text-align: left; }
#fuss { clear: both;
font-family: dejavu sans, helvetica, sans-serif;
font-size: 0.8em;
margin: 1em 0;
border-top: 1px solid #630;
text-align: center; }
div.links { float: left; margin: 0.3em 1em 0.3em 0 }
div.rechts { float: right; margin: 0.3em 0 0.3em 1em }
.spalte { width: 48%; margin-bottom: 0.5em; }
.spalte.links { float: left; }
.spalte.rechts { float: right; }
.index { width: 2.2em; float: left; font-size: 0.9em }
.legende { margin-left: 2.4em; font-size: 0.9em }
.nota { color: #060; background-color: #eee;
margin: 1.2em 0em 1.2em 0em; border: 2px solid #060;
padding: 0.3em 1.5em 0.3em 1.5em; }
.kasten { background-color: #fff9f6;
border: 1px solid #039;
margin: 0 0 0.5em 0;
padding: 0.25em 0.5em 0 0.5em ; }
.kasten.kalt { background: #f9f6ff; }
.kasten.heiss { border: 3px dotted #f00; }
.trauer { background-color: #e8e8e8;
border: 8px solid #000;
margin: 0 0 0.5em 0;
padding: 0.25em 0.5em 0 0.5em ; }
.amtlich { background: #f6f6f3; font-family: courier, monospace; font-size: 1.1em;
text-align: left; padding: 1ex 1em; border: 2px solid #666; margin: 1ex 0; }
/* Basis-Textauszeichnungen */
/* ======================== */
h1,h2,h3,h4,h5,h6 { font-family: helvetica, Arial, dejavu sans, sans-serif;
font-weight: bold; line-height: 125%; }
h1,h2 { text-align: center; }
h1,h2,h3,h4 { color: #039; }
h1 { font-size: 2.40em; margin: 0.5em 0 0.4em 0; }
h2 { font-size: 1.80em; margin: 0.8em 0 0.3em 0; }
h3 { font-size: 1.40em; margin: 0.8em 0 0.3em 0; }
h4 { font-size: 1.20em; margin: 0.8em 0 0.3em 0; }
h5 { font-size: 1.00em; margin: 0.5em 0 0.3em 0; }
h6 { font-size: 0.73em; margin: 0; padding: 3px 5px 2px 5px; color: #fff; background: #039;}
p, tr, li { margin: 0 0 0.6em 0; line-height: 140%; }
sub,sup { font-size: 60% }
p.links { text-align: left; }
p.mitte { text-align: center; }
h3,h4,h5.mitte { text-align: center; }
p.rechts { text-align: right; }
p.block { text-align: justify; }
em { font-style: italic; text-decoration: none; }
strong { font-style: normal; text-decoration: none; font-weight: bold; }
.schwarz { color: #000; }
.rot { color: #d00; }
.gruen { color: #0d0; }
.blau { color: #039; }
.grau { color: #999; }
.weiss { color: #fff; }
.gelb { background: #ff6; }
.fett { font-weight: bold; }
.kursiv { font-style: italic; }
.unterstrichen { text-decoration: underline; }
.falsch { text-decoration: line-through; }
.mono { font-family: courier, "courier new", monospace }
.sans { font-family: "dejavu sans", helvetica, sans-serif; }
.wichtig { font-size: 1.00em; font-weight: bold; }
.kompakt { font-size: 0.90em; line-height: 140%; }
.klein { font-size: 0.80em; line-height: 140%; }
.micro { font-size: 0.70em; line-height: 140%; }
.pico { font-size: 0.60em; line-height: 140%; }
.gross { font-size: 1.1em; }
.mega { font-size: 1.2em; }
.giga { font-size: 1.4em; }
.bildunterschrift { font-family: "dejavu serif", serif;
font-size: 0.8em; text-align: justify; line-height: 140%; }
q { quotes: "\201e" "\201c" "\201a" "\2018" }
/*
q { quotes: "\00bb" "\00ab" "\203a" "\2039" }
*/
q:before { content: open-quote; }
q:after { content: close-quote; }
a { text-decoration: none; }
a:link { color: #03f; }
a:visited { color: #60c; }
a:hover { color: #060; text-decoration: underline; }
a:active { color: #630; }
a.extern { text-align: center; font-weight: bold; background: yellow;
border: 2px solid #fa0; padding: 2px; margin: 1ex 0; }
a.k-box { font-family: dejavu sans, helvetica, arial, sans-serif;
font-weight: bold;
text-decoration: none;
margin: 1px 0;
padding: 0 0.36em; }
a.k-box:link { color: #00c; background: #ccc; border: 2px outset #ccc; }
a.k-box:visited { color: #009; background: #ccc; border: 2px outset #ccc; }
a.k-box:hover { color: #009; background: #bbb; border: 2px inset #ccc; }
a.k-box:active { color: #06c; background: #ccc; border: 2px inset #ccc; }
a.m-box { font-family: Helvetica, Arial, sans-serif;
font-size: 0.8em; font-weight: bold;
text-align: center; text-decoration: none;;
display: block; padding: 0; margin: 1px 0 ; line-height: 180%; }
a.m-box:link { color: #009; border: 1px outset #ccc; background: #ccc; }
a.m-box:visited { color: #000; border: 1px outset #ccc; background: #ccc; }
a.m-box:hover { color: #000; border: 1px inset #ccc; background: #bbb; }
a.m-box:active { color: #039; border: 1px inset #ccc; background: #ccc; }
img { margin: 0; border: 0; padding: 0; }
img.photo { border: 6px solid #f6f6f6; margin: 0.5em 1em; }
img.paspartu { border: 3px inset #feb; padding: 7px; background: #fff; margin: 0.5em; }
img.rahmen { border: 4px ridge #fc0; padding: 7px; background: #fff; margin: 0.5em; }
img.links { margin: 0.2em 1em 0.3em 0; float: left; }
img.rechts { margin: 0.2em 0 0.3em 1em; float: right; }
img.anker { border: 3px solid #00f; margin: 3px; padding: 3px; }
table { width: 100%; table-layout: fixed; margin: 0.5em 0; border: 0; padding: 0; }
tr { vertical-align: top; }
hr { height: 1px; border: 0; margin: 1em 0; background: #663; }
.clr { clear: both; }