/* CSS - Website Roman Signer */
/* Copyright 2008, Herrmann Germann, Klik! Klein Informatik, Zuerich */

* { margin:0; padding:0; border:0; }
*:focus { outline:none; margin: 0; padding: 0; }
img a { outline:none; text-decoration:none; }
html { font-size: 100%; height:100%; overflow:hidden; } 
body { position:relative; height:100%; padding:0; margin:0 0 0 6px; font-family:arial,sans-serif; font-size:1em; color:#000; overflow:hidden; }

/* Ebenen allgemein */
#anzeigeflaeche { position:absolute; top:0; left:0; right:0; bottom:2em; width:100%; overflow:hidden; overflow-y:scroll; }
#wrap { position:relative; z-index:10; height:100%; width:55.00em; margin: 0 auto; }
#header { width:55.00em; height:10.31em; }
#header img { margin:5.938em 0 0 0.125em; }
#content { z-index:10;float:right; width:46.15em; font-size: 0.813em; line-height: 1.462em; margin:0; }
#content #bilder img { vertical-align:top; margin:0 5px 10px 0; padding:0;
					   background:url(/redaktion/img/loading.gif) center center no-repeat; }
#content #bilder a { border-bottom:0; text-decoration:none; margin:0; outline:none; }
#footer { position:absolute; z-index:10; bottom:0; left:-12px; right:0; height:2em; margin:0; padding:0; text-align:left; }
#footerContent { width:55.00em; height:2em; margin:0 auto; padding:0 0 0 0.125em; }
#footerContent p { font-size: 0.688em; margin:0.818em 0 0; }
#bilder { position:relative; z-index:5000; margin-top:-89px; }
#media { position:relative; z-index:5000; float:left;margin-right:5px; }
#content #detailinfos { margin:0 0 12px; }
#sprachschalter { position:absolute; top:0.313em; left:0; z-index:1000; font-size:0.938em; }
#sprachschalter a { text-decoration:none; border-bottom: 1px dotted #fff;color:#000; }
#sprachschalter a:hover { text-decoration:none; color:#009ee0; }
#sprachschalter .selected { color:#009ee0; }

/* Bildaktionen und Ereignisse */
#home_bild { position:relative; bottom:0; left:0; width:100%; cursor:pointer; }
#x { position:absolute;left:806px;top:0; }
#bildrahmen { position:absolute; top:4.615em; left:0; width:1px; height:600px; } 
#bildaktion { position:absolute; bottom:0; left:0; height:600px; width:800px; background-color:#fff; }
#content #bildrahmen a { border-bottom:0; }
#zitat { position:absolute; z-index:2000; top:7.154em; left:21.538em; width:46.15em; height:7.385em; }
#bilder img { background:url(/redaktion/img/loading.gif) center center no-repeat; }

/* Navigation */
#navigation { z-index:12;float:left; width:16.25em; list-style-type:none; }
#navigation a { text-decoration:none; border-bottom:0; }
#navigation li { font-size:0.938em; line-height:1.19em; float:left; width:100%; margin:0; padding:0;  }
#navigation li.abstandunten { margin-bottom:1.19em; }
#navigation li a { display:block; width:100%; color:#000; border-bottom: 1px dotted #fff; }
#navigation li a:hover,#navigation li.aktiv { font-style:italic; color:#009ee0; border-bottom: 1px dotted #009ee0; }
#navigation li a.aktiv_hauptnav { display:block; font-style:italic; color:#009ee0; border-bottom: 1px dotted #009ee0;}
#navigation li ul { margin:0; list-style-type:none; }
#navigation li ul li { font-size:1em; float:left; margin:0; }
#navigation li ul li a { display:block; font-style:italic; color:#009ee0; border:none; }
#navigation li ul li a:hover,#navigation li ul li.aktiv { font-weight:700; border:none; }
#navigation li ul li:last-child { margin-bottom:1.19em; }

/* Inhaltliche Stile */
#zitat h1 { font-size: 2.308em; line-height: 1.091em; font-weight: 100; letter-spacing: 0.038em; margin:0; padding:0; color:#000; }
h1 { font-size: 2.462em; line-height: 1.250em; font-weight: 100; letter-spacing: 0.038em; color:#000; }
h2 { font-size: 1.154em; font-weight: 100; font-style:italic; }
h3 { font-size: 1.154em; font-weight: 100; }
#content p { width:37.50em; margin:0 0 0.615em }
.datum { float:left; width:85px; /*display:inline-block;*/ }
hr { float:left; clear:both; width:100%; color:#000; height:1px; border-bottom:1px dotted #000; margin: 0 0 1.231em 0; }
.datum1 { float:left; clear:both; width:7.692em; margin:0 0 0.923em; }
.ausstellung { float:right; width:38.077em; margin:0 0 0.923em; }
.datum2 { float:left; clear:both; width:6.692em; margin:0 0 0.923em; }
.biblio { float:right; width:39.077em; margin:0 0 0.923em; }
.datum2 img { margin-top:3px; }
.arbeit { margin-right:8px; }
a.linkslink { background:url(/img/arr_li_i.gif) 0 2px no-repeat; border:1px solid #fff; }
a.linkslink:hover { background:url(/img/arr_li_a.gif) 0 2px no-repeat; }
a.rechtslink { background:url(/img/arr_re_i.gif) 0 2px no-repeat; border:1px solid #fff; }
a.rechtslink:hover { background:url(/img/arr_re_a.gif) 0 2px no-repeat; }
.linksleer { background:url(/img/arr_li_inaktiv.gif) 0 2px no-repeat; border:1px solid #fff; }
.rechtsleer { background:url(/img/arr_re_inaktiv.gif) 0 2px no-repeat; border:1px solid #fff; }

/* Tooltip */
.tooltip_wrapper { z-index:5000; background-color:#009ee0; }
.tooltip_content { color:#fff; margin:6px 30px 6px 6px; font-size: 0.813em; }

/* Links */
#footer a:link,#footer a:visited, .drag a, #content a:link,#content a:visited { color:#000; text-decoration:none; border-bottom:1px solid #000; }
#footer a:hover,#footer a:active, .drag a:hover, #content a:hover,#content a:active { color:#009ee0; text-decoration:none; border-bottom:1px solid #009ee0; }
#content h1 a { display:block; } #content h1 a:link,#content h1 a:visited { color:#111; border:none; text-decoration:none; }
#content h1 a:hover,#content h1 a:active{ color:#009ee0; text-decoration:none; border:none; }

/* Impressum */
#impressum { z-index:5000; position:absolute; bottom:1em; }
.drag { float:left; margin:0; padding:0; width:16.88em; height:18em; background-color:#ccc; text-align:left; }
.dragcontent { margin:0.813em; font-size:0.813em; line-height:1.308em; }
.dragzone { margin-bottom:1em; }

/* JavaScript deaktiviert */
#bildaktion_no { position:absolute; bottom:0; left:0; height:75px;width:100px; }
#bildaktion_no img { position:relative;bottom:0;left:0;width:100px; }