body { color:black; background-color:white; font-family:sans-serif; margin:1em; }
.hide { display:none; }
img { border-style:none; margin:0.5em; }
#uebers { text-align:center; font-size:smaller; }

span.name { font-style:italic; }
span.rolle { font-weight:bold; }
span.sonne { color:rgb(100%,67%,0%); }
#doepp { float:right; width:30%; border:thin dotted black; background-color:rgb(95%,95%,80%); font-size:smaller; padding:1em; margin:1em; }
#doepp img { width:100%; }
#doepp p.fotograf { text-align:right; font-style:italic; color:gray; }
p.hinweis { font-size:smaller; }
div.bildliste { display:table; width:100%; }
div.bildliste > div { display:table-row; }
div.bildliste > div > span.bild { display:table-cell; text-align:center; vertical-align:middle; width:85px; }
div.bildliste > div > span.beschreibung { display:table-cell; vertical-align:middle; width:100%; }
div.bildliste > div.zwahl * { background-color:rgb(90%,100%,90%); }

div.artikel { background-color:rgb(95%,95%,80%); border:thin solid black; padding-left:1.5em; padding-right:1.5em; padding-top:0.5em; padding-bottom:0.5em; }
p.ueberschr { font-weight:bold; font-size:larger; }
p.zwueberschr { font-weight:bold; }
p.frage { font-style:italic; }
p.autor { text-align:right; font-style:italic; }
a.bildverw { font-style:italic; }
p.copyright { }
span.sic { font-style:italic; }

#foto { text-align:center; }
#personen { font-size:smaller; text-align:center; }
#fotograf:before { content:"Foto: "; }
#fotograf { text-align:right; font-style:italic; color:gray; }
#zurueck { float:left; }
#zurueck a:after { content:url("pfeillinks"); }
#vorwaerts { float:right; }
#vorwaerts a:before { content:url("pfeilrechts"); }
#zurueck img, #vorwaerts img { vertical-align:middle; }