/* Main Styles Dynamic Layout*/
html, body {width:100%; height:100%; margin:0;}
#container { width:984px; height:100%; margin:0 auto; }
#containerLib { width:1020px; height:100%; margin:0 auto; background-color:#e5e5e5; } /* +20px breit für Rand */
#navigation { width:180px; height:100%; margin-top:0px; float:left; }
#navigationLib { width:180px; height:100%; margin-top:0px; margin-left:18px; float:left; background-color:#e5e5e5;}
#content { width:760px; margin-left:44px; float:left; }
#contentLib { width:760px; padding-left:242px; padding-right:18px; background-color:#e5e5e5; } /* padding für grauen Hintergrund auch über Menü */
.cNews { float:right; width:278px; top:18px; margin-left:10px; padding:10px; background-color:#e5e5e5; } /* Linkkästen rechts background-color:#CFF; */
.cTransWas {position:relative; width:176px; top:0px; margin:0px 0px 20px 20px; float:right; z-index:2; padding:10px 10px 10px 10px; background-color:#e5e5e5;} /* Trans Was Inhalt */
/* .cLibThread {position:relative; width:200px; top:0px; margin:0px 0px 20px 20px; float:right; z-index:2; padding:10px 10px 10px 10px; background-color:#e5e5e5;} /* Trans Was Inhalt */
/* DIVs */
.cMenTop { z-index:2; }
.cMenTopLib { z-index:2; }
.cMenBot { clear:both; width:984px; padding:14px 0; background:url(/Pics/sym_BotStrich.gif); z-index:3; }
.cMenBotLib { clear:both; width:984px; padding:14px 0; margin-left:18px; background-color:#F0F; background:url(/Pics/sym_BotStrich_Lib.gif); z-index:3; }
.cMenMen { position:relative; width:180px; top:18px; left:0px; display:block; text-align:center; z-index:1;} /* Menü background-color:#CFF; */
.cMenMenLib { position:relative; width:197px; top:18px; left:0px; display:block; text-align:left; z-index:1;} /* Menü background-color:#CFF; */
@media only screen and (min-width: 990px) {
.cMenTop { position:fixed; }
.cMenTopLib { position:fixed; }
.cNews { margin-bottom:44px; }
.cMenBot { position:fixed; bottom:0; }
.cMenBotLib { position:fixed; bottom:0; }
}
@media print {
#container { height:100%; margin:0 auto; width:100%; }
#containerLib { height:100%; margin:0 auto; width:100%; }
#navigation { display:none; }
#navigationLib { display:none; }
#intro { clear:both; width:100%; margin:0; padding:0; }
.cNews { display:none; } /* { clear:both; width:100%; padding:0; margin-top:44px; margin-right:0; background-color:#ffffff; } */
#contentIndex { clear:both; width:100%; margin-top:18px; margin-left:0; padding:0; }
#content { clear:both; width:100%; margin-left:0; padding:0; }
#contentLib { clear:both; width:100%; margin-left:0; padding:0; }
.cMenBot { display:none; }
}
.cPicRig {position:relative; top:0px; margin:20px 0px 18px 20px; float:right; z-index:2;} /* Bild mit Text-Umfluss rechts */
.cPicLeg {position:relative; top:0px; margin:20px 20px 18px 0px; float:left; z-index:2;} /* Bild mit Text-Umfluss links */
.cPicCen {position:relative; top:0px; margin:20px 0px 18px 0px; z-index:2; text-align:center;} /* Bild in der Mitte */
.cPicAll {position:relative; top:0px; margin:20px 0px 18px 0px; float:left; z-index:2;} /* Zoom: Gesamt-Bild */
.cText99 {position:relative; width:auto; top:18px; margin-top:0px; z-index:2;} /* Content-Bereich Texte - gesamte content-Breite */
.cText66 {position:relative; width:437px; top:18px; margin:0px auto 0 auto; z-index:2;} /* Content-Bereich Texte - 2/3 content-Breite */
.cTxRi0 {margin-left:140px;}
.cTxRi1 {margin-left:220px;}
.cTxRi2 {margin-left:260px;}
.cTxRi3 {margin-left:303px;}
.cTxRi6 {margin-left:390px;}
.cTxRi9 {margin-left:457px;}
.cTxLe0 {margin-right:140px;}
.cTxLe1 {margin-right:220px;}
.cTxLe2 {margin-right:260px;}
.cTxLe3 {margin-right:303px;}
.cTxLe6 {margin-right:390px;}
.cTxLe9 {margin-right:457px;}
/* TEXTFORMATE */
h1,h2,h3,h4,h5 { font-family:Trebuchet MS, Arial, Helvetica, sans-serif; color:#30c;}
p,ul,ol,li,div,td,th,address,blockquote,nobr,b,i,a {font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:14px; line-height:17px; text-align:left; color:#000;}
h1 {font-size:19px; line-height:22px; font-weight:bold;}
h2 {font-size:16px; line-height:19px; font-weight:bold;}
h3 {font-size:14px; line-height:17px; font-weight:bold;}
/* LINKS */
a:link.h1, a:visited.h1, a:active.h1 {color: #30c; font-size:19px; line-height:22px; font-weight:bold; text-decoration:none;}
a:hover.h1 {color: #0ff; text-decoration:none;}
a.h1:after { content:"\00A0"url(/Pics/sym_LiInBgH1_ou.gif); white-space:nowrap; vertical-align:baseline;}
a.h1:hover:after { content:"\00A0"url(/Pics/sym_LiInBgH1_ov.gif); white-space:nowrap; vertical-align:baseline;}
a:link.h2, a:visited.h2, a:active.h2 {color: #30c; font-size:16px; line-height:19px; font-weight:bold; text-decoration:none;}
a:hover.h2 {color: #0ff; text-decoration:none;}
a.h2:after { content:"\00A0\00A0"url(/Pics/sym_LiInBgH2_ou.gif); white-space:nowrap; vertical-align:baseline;}
a.h2:hover:after { content:"\00A0\00A0"url(/Pics/sym_LiInBgH2_ov.gif); white-space:nowrap; vertical-align:baseline;}
a:link.h3, a:visited.h3, a:active.h3 {color: #30c; font-size:14px; line-height:17px; font-weight:bold; text-decoration:none;}
a:hover.h3 {color: #0ff; text-decoration:none;}
a.h3:after { content:"\00A0\00A0"url(/Pics/sym_LiInBgH3_ou.gif); white-space:nowrap; vertical-align:baseline;}
a.h3:hover:after { content:"\00A0\00A0"url(/Pics/sym_LiInBgH3_ov.gif); white-space:nowrap; vertical-align:baseline;}
a.in:link {text-decoration:none;}
a.in:visited {text-decoration:none;}
a.in:active {text-decoration:none;}
a.in:hover {color:#0ff; text-decoration:none;}
a.in:before { content:url(/Pics/sym_LiInBg_ou.gif)"\00A0"; white-space:nowrap; vertical-align:baseline;}
a.in:hover:before { content:url(/Pics/sym_LiInBg_ov.gif)"\00A0"; white-space:nowrap; vertical-align:baseline;}
a.ex:link {text-decoration:none;}
a.ex:visited {text-decoration:none;}
a.ex:active {text-decoration:none;}
a.ex:hover {color:#0ff; text-decoration:none;}
a.ex:before {content:url(/Pics/sym_LiExBg_ou.gif)"\00A0"; white-space:nowrap; vertical-align:baseline;}
a.ex:hover:before {content:url(/Pics/sym_LiExBg_ov.gif)"\00A0"; white-space:nowrap; vertical-align:baseline;}
a.pdf:link {text-decoration:none;}
a.pdf:visited {text-decoration:none;}
a.pdf:active {text-decoration:none;}
a.pdf:hover {color:#0ff; text-decoration:none;}
a.pdf:before {content:url(/Pics/sym_PDFbg_ou.gif)"\00A0"; white-space:nowrap; vertical-align:-1px;;}
a.pdf:hover:before {content:url(/Pics/sym_PDFbg_ov.gif)"\00A0"; white-space:nowrap; vertical-align:-1px;}
a.PDF{display:block; background:transparent url(/Pics/sym_PDF32_ou.gif) no-repeat; padding-left:42px; text-decoration:none; font-style:italic;}
a.PDF:hover{background:transparent url(/Pics/sym_PDF32_ov.gif) no-repeat; text-decoration:none; font-style:italic;}
.pPDF {margin-top:4px; margin-bottom:0px; margin-left:42px;} /* Text unter PDF Download */
a.LiIn{display:block; background:transparent url(/Pics/sym_Li32_ou.gif) no-repeat; padding-left:42px; text-decoration:none; font-style:italic;}
a.LiIn:hover{background:transparent url(/Pics/sym_Li32_ov.gif) no-repeat; text-decoration:none; font-style:italic;}
a.Li13{text-decoration:none; font-style:italic;}
a.Li13:hover{text-decoration:none; font-style:italic;}
a.Li13:before {content:url(/Pics/sym_Li13Bg_ou.gif)"\00A0\00A0\00A0"; white-space:nowrap; vertical-align:baseline;}
a.Li13:hover:before {content:url(/Pics/sym_Li13Bg_ov.gif)"\00A0\00A0\00A0"; white-space:nowrap; vertical-align:baseline;}
.pLi13 {margin-top: 0px; margin-bottom:0px; margin-left:27px;} /* Text unter Links */
a.PDF13{display:block; background:transparent url(/Pics/sym_LoadPDF_ou.gif) no-repeat; padding-left:34px; text-decoration:none;}
a.PDF13:hover{background:transparent url(/Pics/sym_LoadPDF_ov.gif) no-repeat; text-decoration:none;}
/* Absätze */
.p00 {margin-top: 0px; margin-bottom:0px;}
.p03 {margin-top: 4px; margin-bottom:0px;}
.p06 {margin-top: 8px; margin-bottom:0px;}
.p12 {margin-top:16px; margin-bottom:0px;}
.p00_ri {margin-top: 0px; margin-bottom:0px; text-align:right;}
.p03_ri {margin-top: 4px; margin-bottom:0px; text-align:right;}
.p06_ri {margin-top: 8px; margin-bottom:0px; text-align:right;}
.p12_ri {margin-top:16px; margin-bottom:0px; text-align:right;}
.p00_ju {margin-top: 0px; margin-bottom:0px; text-align:justify;}
.p03_ju {margin-top: 4px; margin-bottom:0px; text-align:justify;}
.p06_ju {margin-top: 8px; margin-bottom:0px; text-align:justify;}
.p12_ju {margin-top:16px; margin-bottom:0px; text-align:justify;}
.p00_ce {margin-top: 0px; margin-bottom:0px; text-align:center;}
.p03_ce {margin-top: 4px; margin-bottom:0px; text-align:center;}
.p06_ce {margin-top: 8px; margin-bottom:0px; text-align:center;}
.p12_ce {margin-top:16px; margin-bottom:0px; text-align:center;}
/* MENUE -> NAVIGATION AREA */
/* Allgemeine Einstellungen */
div.fstLevel a, div.fstLevelActive a,
div.secLevel a, div.secLevelActive a, div.secLevelMy a, div.secLevelActiveMy a,
div.thiLevel a, div.thiLevelActive a, div.thiLevelMy a, div.thiLevelActiveMy a
{display:block; padding:0px; margin:0px; text-align:center; font-style:italic; font-size:16px; line-height:19px;}
/* Erste Ebene -> Fett */
div.fstLevel a, div.fstLevelActive a {font-weight:bold; margin-bottom:1px;}
/* Aktive Menüs -> Lila */
div.fstLevelActive a,
div.secLevelActive a, div.secLevelActiveMy a,
div.thiLevelActive a, div.thiLevelActiveMy a
{color:#30c;}
/* Aktive Menüpunkte -> Unterstrichen */
div.fstLevelActive a, div.fstLevelActive a:link, div.fstLevelActive a:visited, div.fstLevelActive a:hover,
div.secLevelActiveMy a, div.secLevelActiveMy a:link, div.secLevelActiveMy a:visited, div.secLevelActiveMy a:hover,
div.thiLevelActiveMy a, div.thiLevelActiveMy a:link, div.thiLevelActiveMy a:visited, div.thiLevelActiveMy a:hover
{text-decoration:underline;}
/* Inaktive Menüpunkte -> nicht unterstrichen */
div.fstLevel a, div.fstLevel a:link, div.fstLevel a:visited, div.fstLevel a:hover,
div.secLevel a, div.secLevel a:link, div.secLevel a:visited, div.secLevel a:hover,
div.secLevelActive a, div.secLevelActive a:link, div.secLevelActive a:visited, div.secLevelActive a:hover,
div.secLevelMy a, div.secLevelMy a:link, div.secLevelMy a:visited, div.secLevelMy a:hover,
div.thiLevel a, div.thiLevel a:link, div.thiLevel a:visited, div.thiLevel a:hover
div.thiLevelActive a, div.thiLevelActive a:link, div.thiLevelActive a:visited, div.thiLevelActive a:hover,
div.thiLevelMy a, div.thiLevelMy a:link, div.thiLevelMy a:visited, div.thiLevelMy a:hover
{text-decoration:none;}
/* Einzelne Einstellungen */
div.fstLevel a {margin-top:8px; }
div.fstLevel a:hover {color:#0ff;}
div.fstLevelActive a {margin-top:8px;}
div.fstLevelActive a:hover {color:#0ff;}
div.secLevel a {margin-top:4px;}
div.secLevel a:hover {color:#0ff;}
div.secLevelActive a {margin-top:4px;}
div.secLevelActive a:hover {color:#0ff;}
div.secLevelMy a {margin-top:4px;}
div.secLevelMy a:hover {color:#0ff;}
div.secLevelActiveMy a {margin-top:4px;}
div.secLevelActiveMy a:hover {color:#0ff;}
div.thiLevel a {margin-top:3px;}
div.thiLevel a:hover {color:#0ff;}
div.thiLevelActive a {margin-top:3px;}
div.thiLevelActive a:hover {color:#0ff;}
div.thiLevelMy a {margin-top:3px;}
div.thiLevelMy a:hover {color:#0ff;}
div.thiLevelActiveMy a {margin-top:3px;}
div.thiLevelActiveMy a:hover {color:#0ff;}
/* MENUE -> KONTAKT */
.pMenBot {color:#000; font-weight:bold; font-style:italic; margin-top:0px; margin-bottom:0px; text-align:left; font-size:16px; line-height:16px;}
.pMenBot a:link {text-decoration:none; border:none; color:#000;}
.pMenBot a:visited {text-decoration:none; border:none; color:#000;}
.pMenBot a:hover {text-decoration:none; border:none; color:#0ff;}
.pMenBotActive {color:#30c; font-weight:bold; font-style:italic; margin-top:0px; margin-bottom:0px; text-align:center; font-size:16px; line-height:16px;}
.pMenBotActive a:link {text-decoration:none; border:none; color:#30c;}
.pMenBotActive a:visited {text-decoration:none; border:none; color:#30c;}
.pMenBotActive a:hover {text-decoration:none; border:none; color:#0ff;}
/* sitemap */
.sm_e0 {color:#666; margin-top:16px; margin-bottom:0px; }
.sm_e1 {color:#666; margin-top:8px; margin-bottom:0px; margin-left:24px;}
.sm_e2 {color:#666; margin-top:4px; margin-bottom:0px; margin-left:48px;}
a.LiSm{text-decoration:none;}
a.LiSm:hover{text-decoration:none;}
a.LiSm:before {content:url(/Pics/sym_LibInBg_ou.gif)"\00A0\00A0"; white-space:nowrap; vertical-align:baseline;}
a.LiSm:hover:before {content:url(/sym_LibInBg_ov.gif)"\00A0\00A0"; white-space:nowrap; vertical-align:baseline;}
/* MENUE -> BIBLIOTHEK */
/* Überschrift unter Logo */
div.fstLevelTopLib a, div.fstLevelTopLib
{display:block; padding:0px; margin:0px; text-align:left; font-weight:bold; font-size:18px; line-height:20px; text-decoration:none;}
/* Allgemeine Einstellungen */
div.fstLevelLib a, div.fstLevelLibActive a, div.fstLevelLibZero,
div.secLevelLib a, div.secLevelLibActive a, div.secLevelLibMy a, div.secLevelLibActiveMy a, div.secLevelLibZero
{display:block; padding:0px; margin:0px; text-align:left; font-style:italic; font-size:14px; line-height:17px;}
/* Erste Ebene -> Fett */
div.fstLevelLib a, div.fstLevelLibActive a {font-weight:bold;}
/* Aktive Menüs -> Lila */
div.fstLevelLibActive a,
div.secLevelLibActive a, div.secLevelLibActiveMy a
{color:#30c;}
/* Aktive Menüpunkte -> Unterstrichen */
div.fstLevelLibActive a, div.fstLevelLibActive a:link, div.fstLevelLibActive a:visited, div.fstLevelLibActive a:hover,
div.secLevelLibActiveMy a, div.secLevelLibActiveMy a:link, div.secLevelLibActiveMy a:visited, div.secLevelLibActiveMy a:hover
{text-decoration:underline;}
/* Inaktive Menüpunkte -> nicht unterstrichen */
div.fstLevelLib a, div.fstLevelLib a:link, div.fstLevelLib a:visited, div.fstLevelLib a:hover,
div.secLevelLib a, div.secLevelLib a:link, div.secLevelLib a:visited, div.secLevelLib a:hover,
div.secLevelLibActive a, div.secLevelLibActive a:link, div.secLevelLibActive a:visited, div.secLevelLibActive a:hover,
div.secLevelLibMy a, div.secLevelLibMy a:link, div.secLevelLibMy a:visited, div.secLevelLibMy a:hover
{text-decoration:none;}
/* Einzelne Einstellungen */
/*div.fstLevelLib a {margin-top:8px; }*/
div.fstLevelLib a:hover {color:#0ff;}
/*div.fstLevelLibActive a {margin-top:8px;}*/
div.fstLevelLibActive a:hover {color:#0ff;}
div.secLevelLib a {margin-rigth:4px;}
div.secLevelLib a:hover {color:#0ff;}
div.secLevelLibActive a {margin-right:4px;}
div.secLevelLibActive a:hover {color:#0ff;}
div.secLevelLibMy a {margin-right:4px;}
div.secLevelLibMy a:hover {color:#0ff;}
div.secLevelLibActiveMy a {margin-right:4px;}
div.secLevelLibActiveMy a:hover {color:#0ff;}
div.fstLevelLibZero, div.secLevelLibZero {color:#999;} /* Keine Dokumente zu dieser Auswahl }*/
/* SPEZIALFORMATE */
.pStart {margin-left:492px;}
/* Bibliothek */
.pLib_Old {margin-top:16px; margin-bottom:0px; margin-right:60px; margin-left:46px; text-indent:-46px;} /* Absatz Bibliothek alte Fassung - nach Update löschen */
.pLibAut {margin-top:0px; margin-bottom:0px; margin-right:60px; margin-left:46px; text-indent:-46px;} /* Absatz Bibliothek Zeile Autor */
.pLibTit {margin-top:2px; margin-bottom:0px; margin-right:60px; margin-left:46px;} /* Absatz Bibliothek Zeile Titel */
.pLibSrc {margin-top:4px; margin-bottom:0px; margin-right:60px; color:#666; margin-left:92px; text-indent:-46px;} /* Absatz Bibliothek Quelle / Abstract etc. */
.cLib {position:relative; top:0px; margin:16px 0px 0px 20px; float:right;} /* Div für Link Ordner Bibliothek */
a:link.Lin {text-decoration:none;}
a:.Lin:visited {text-decoration:none;}
a:.Lin:active {text-decoration:none;}
a:.Lin:hover {color:#0ff; text-decoration:none;}
a.Lin:before { content:url(/Pics/sym_LibInBg_ou.gif); white-space:nowrap;}
a.Lin:hover:before { content:url(/Pics/sym_LibInBg_ov.gif); white-space:nowrap;}
a:link.Lex {text-decoration:none;}
a:.Lex:visited {text-decoration:none;}
a:.Lex:active {text-decoration:none;}
a:.Lex:hover {color:#0ff; text-decoration:none;}
a.Lex:before {content:url(/Pics/sym_LibExBg_ou.gif); white-space:nowrap;}
a.Lex:hover:before {content:url(/Pics/sym_LibExBg_ov.gif); white-space:nowrap;}
/* DEFAULT FORMATE :: Gleich für thin und wide */
/* Zeichenformate */
.aBla {color: #000000;}
.aBol {font-weight:bold;}
.aBlaBol {color: #000000; font-weight:bold;}
.aLil {color:#30c;}
.aLilBol {color: #30c; font-weight:bold;}
/* Hyperlinks */
a:link {}
a:visited {}
a:active {}
a:hover {color:#0ff;}
/* Hyperlinks Lupe */
a.Lupe{ }
a.Lupe:hover{cursor:url(/Pics/sym_Lupe.png), move;}
/* Listen mit Bildchen */
li.FootPri { list-style-image:url(/Pics/sym_Footprint_ri.gif); margin-top:-14px; }
li.FootPle { list-style-image:url(/Pics/sym_Footprint_le.gif); margin-top:-14px; }
/* spezielle Absatzformate */
.pGA {margin-top: 8px; margin-bottom:0px; color:#666; font-weight:bold; font-style:italic;}
/* Bilder */
img {border:none;} /* kein Rahmen -> IE Bilder mit Links ... */
/* MOJOZOOM */
div.mojozoom_marker {position:absolute; cursor:crosshair;}
div.mojozoom_border {position:absolute; left:0px; top:0px; border:1px solid black; width:100%; height:100%;}
div.mojozoom_fill {position:absolute; left:0px; top:0px; width:100%; height:100%; background-color:white; opacity:0.2; -moz-opacity:0.2; -khtml-opacity:0.2; filter:alpha(opacity=20);}
img.mojozoom_img {padding:0px; border:0px;}
div.mojozoom_imgctr {position:absolute; margin-left:20px; border:1px solid black;}
/* LIGHTBOX */
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/cgi-bin/JS/lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/cgi-bin/JS/lightbox/images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 17px; font-weight:normal; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }