#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(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../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-weight: bold; } #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: #fff; }html, body { height:100%; }; body { margin:0; padding:0; } table { text-align:left; } /* Startseiten Bug Behebung um das margin des p's zu killen */ #hometop td p { margin-top:0;line-height:18px;} /* ENDE Startseiten Bug Behebung */ /* Thmen-Listenseite Bug Behebung um das margin des p's zu killen */ .themen p { margin-top:0;} /* ENDE Startseiten Bug Behebung */ /* ANFANG:Hoverbox für Medien */ .medienbox { position:relative;top:0;right:0;z-index:100;float:left; } .medienbox div { display:none; } .medienbox:hover div { z-index:200;display:block;width:250px; background-color:#60b5eb; position:absolute;top:0px;left:45px;border:1px dashed black;margin:5px;padding:5px } /* ENDE:Hoverbox für Medien */ .text12shop { color:#000000; font-size:12px; font-family:Arial, Helvetica;text-align:left;} .text12shopfett { color:#000000; font-weight:bold; font-size:12px; font-family:Arial, Helvetica } .text9 { font-size:9px; color:#000000; font-weight:bold; } .text11 { color:#000000; font-size:11px; line-height:14px; font-family:Arial, Helvetica } .text11fett { color:#000000; font-weight:bold; font-size:11px; line-height:14px; font-family:Arial, Helvetica } .text12 { color:#000000; font-size:12px; line-height:18px; font-family:Arial, Helvetica;text-align:left;} .text12fett { color:#000000; font-weight:bold; font-size:12px; line-height:18px; font-family:Arial, Helvetica } .text12adressblock { color:#000000; font-size:12px; line-height:18px; font-family:Arial, Helvetica;text-align:left;} .text12fettadressblock { color:#000000; font-weight:bold; font-size:12px; line-height:18px; font-family:Arial, Helvetica } .text12fettlila { color:#022D75; font-weight:bold; font-size:12px; line-height:18px; font-family:Arial, Helvetica } .text12weiss { color:#ffffff; font-size:12px; line-height:18px; font-family:Arial, Helvetica } .text12fettweiss { color:#ffffff; font-weight:bold; font-size:12px; line-height:18px; font-family:Arial, Helvetica } .text14 { color:#000000; font-size:14px; line-height:20px; font-family:Arial, Helvetica } .text14fett { color:#000000; font-weight:bold; font-size:14px; line-height:20px; font-family:Arial, Helvetica } .text14lila { color:#022D75; font-size:14px; line-height:20px; font-family:Arial, Helvetica } .text14fettlila { color:#022D75; font-weight:bold; font-size:14px; line-height:20px; font-family:Arial, Helvetica } .headlinelila { color:#022D75; font-weight:bold; font-size:16px; line-height:20px; font-family:Arial, Helvetica } .headlinelilagross { color:#022D75; font-weight:bold; font-size:20px; line-height:20px; font-family:Arial, Helvetica } .headlinegruendunkler { color:#022D75; font-weight:bold; font-size:14px; line-height:20px; font-family:Arial, Helvetica } .headlinewhite { color:#ffffff; font-weight:bold; font-size:14px; line-height:20px; font-family:Arial, Helvetica } .headlinewhite5 { color:#ffffff; font-size:26px; line-height:26px; font-family:Arial, Helvetica; padding-left:13px } .headlineschwarz { color:#000000; font-weight:bold; font-size:22px; line-height:24px; font-family:Arial, Helvetica } .headlinewhitefett { color:#ffffff; font-weight:bold; font-size:26px; line-height:26px; font-family:Arial, Helvetica; padding-left:13px } .headlinewhitefett6 { color:#ffffff; font-weight:bold; font-size:26px; line-height:26px; font-family:Arial, Helvetica } .headlinewhite6 { color:#ffffff; font-size:26px; line-height:26px; font-family:Arial, Helvetica } .headlinewhitefett9 { color:#ffffff; font-weight:bold; font-size:18px; line-height:26px; font-family:Arial, Helvetica } .headlinewhite9 { color:#ffffff; font-weight:bold; font-size:16px; line-height:26px; font-family:Arial, Helvetica } .headlinegruen { color:#022D75; font-weight:bold; font-size:14px; line-height:20px; font-family:Arial, Helvetica } .headlinehell { color:#bee5fe; font-weight:bold; font-size:18px; line-height:20px; font-family:Arial, Helvetica } .nachoben { font-size:9px; font-weight:bold; float:right; color:#000000; background-image:url('/grafiken/top.gif');background-repeat:no-repeat;background-position:top right; height:15px; padding-right:15px; } .drucklink { font-size:9px; font-weight:bold; float:right; color:#808080; background-image:url('/grafiken/drucken.gif');background-repeat:no-repeat;background-position:right; height:28px; padding-right:25px; padding-top:18px; } .drucklinkunten { font-size:9px; font-weight:bold; float:right; color:#808080; background-image:url('/grafiken/drucken.gif');background-repeat:no-repeat;background-position:right 5px; height:28px; padding-right:25px; padding-top:16px;} .druckpfeil { color:#F68F1E; font-weight:bold; font-size:11px; font-family:Arial, Helvetica; text-decoration:none } a.druckpfeil { color:#F68F1E; font-weight:bold; font-size:11px; font-family:Arial, Helvetica; text-decoration:none } a.druckpfeil:link { color:#F68F1E; font-weight:bold; font-size:11px; font-family:Arial, Helvetica; text-decoration:none } a.druckpfeil:visited { color:#F68F1E; font-weight:bold; font-size:11px; font-family:Arial, Helvetica; text-decoration:none } a.druckpfeil:hover { color:#F68F1E; font-weight:bold; font-size:11px; font-family:Arial, Helvetica; text-decoration:none } a.druckpfeil:active { color:#F68F1E; font-weight:bold; font-size:11px; font-family:Arial, Helvetica; text-decoration:none } a.druckpfeil:focus { color:#F68F1E; font-weight:bold; font-size:11px; font-family:Arial, Helvetica; text-decoration:none } .druckheadline { color:#000000; font-weight:bold; font-size:11px; font-family:Arial, Helvetica; text-decoration:none } a.druckheadline { color:#000000; font-weight:bold; font-size:11px; font-family:Arial, Helvetica; text-decoration:none } a.druckheadline:link { color:#000000; font-weight:bold; font-size:11px; font-family:Arial, Helvetica; text-decoration:none } a.druckheadline:visited { color:#000000; font-weight:bold; font-size:11px; font-family:Arial, Helvetica; text-decoration:none } a.druckheadline:hover { color:#000000; font-weight:bold; font-size:11px; font-family:Arial, Helvetica; text-decoration:none } a.druckheadline:active { color:#000000; font-weight:bold; font-size:11px; font-family:Arial, Helvetica; text-decoration:none } a.druckheadline:focus { color:#000000; font-weight:bold; font-size:11px; font-family:Arial, Helvetica; text-decoration:none } .anker { color:#000000; font-weight:bold; font-size:11px; font-family:Arial, Helvetica; text-decoration:none } a.anker { color:#000000; font-weight:bold; font-size:11px; font-family:Arial, Helvetica; text-decoration:none } a.anker:link { color:#000000; font-weight:bold; font-size:11px; font-family:Arial, Helvetica; text-decoration:none } a.anker:visited { color:#000000; font-weight:bold; font-size:11px; font-family:Arial, Helvetica; text-decoration:none } a.anker:hover { color:#000000; font-weight:bold; font-size:11px; font-family:Arial, Helvetica; text-decoration:none } a.anker:active { color:#000000; font-weight:bold; font-size:11px; font-family:Arial, Helvetica; text-decoration:none } a.anker:focus { color:#000000; font-weight:bold; font-size:11px; font-family:Arial, Helvetica; text-decoration:none } .menued10 { color:#000000; font-weight:bold; font-size:12px; font-family:Arial, Helvetica } a.menued10 { color:#000000; font-weight:bold; font-size:12px; font-family:Arial, Helvetica; text-decoration:none } a.menued10:link { color:#000000; font-weight:bold; font-size:12px; font-family:Arial, Helvetica; text-decoration:none } a.menued10:visited { color:#000000; font-weight:bold; font-size:12px; font-family:Arial, Helvetica; text-decoration:none } a.menued10:hover { color:#000000; font-weight:bold; font-size:12px; font-family:Arial, Helvetica; text-decoration:none } a.menued10:active { color:#000000; font-weight:bold; font-size:12px; font-family:Arial, Helvetica; text-decoration:none } a.menued10:focus { color:#000000; font-weight:bold; font-size:12px; font-family:Arial, Helvetica; text-decoration:none } .menued10link { color:#000000; font-size:12px; font-family:Arial, Helvetica } a.menued10link { color:#000000; font-size:12px; font-family:Arial, Helvetica; text-decoration:none } a.menued10link:link { color:#000000; font-size:12px; font-family:Arial, Helvetica; text-decoration:none } a.menued10link:visited { color:#000000; font-size:12px; font-family:Arial, Helvetica; text-decoration:none } a.menued10link:hover { color:#000000; font-size:12px; font-family:Arial, Helvetica; text-decoration:none } a.menued10link:active { color:#000000; font-size:12px; font-family:Arial, Helvetica; text-decoration:none } a.menued10link:focus { color:#000000; font-size:12px; font-family:Arial, Helvetica; text-decoration:none } .foot { color:#4D4F49; font-size:12px; font-family:Arial, Helvetica; text-decoration:none } a.foot { color:#4D4F49; font-size:12px; font-family:Arial, Helvetica; text-decoration:none } a.foot:link { color:#4D4F49; font-size:12px; font-family:Arial, Helvetica; text-decoration:none } a.foot:visited { color:#4D4F49; font-size:12px; font-family:Arial, Helvetica; text-decoration:none } a.foot:hover { color:#4D4F49; font-size:12px; font-family:Arial, Helvetica; text-decoration:none } a.foot:active { color:#4D4F49; font-size:12px; font-family:Arial, Helvetica; text-decoration:none } a.foot:focus { color:#4D4F49; font-size:12px; font-family:Arial, Helvetica; text-decoration:none } .druckversion { color:#000000; font-size:9px; font-family:Arial, Helvetica; text-decoration:none } a.druckversion { color:#000000; font-size:9px; font-family:Arial, Helvetica; text-decoration:none } a.druckversion:link { color:#000000; font-size:9px; font-family:Arial, Helvetica; text-decoration:none } a.druckversion:visited { color:#000000; font-size:9px; font-family:Arial, Helvetica; text-decoration:none } a.druckversion:hover { color:#000000; font-size:9px; font-family:Arial, Helvetica; text-decoration:none } a.druckversion:active { color:#000000; font-size:9px; font-family:Arial, Helvetica; text-decoration:none } a.druckversion:focus { color:#000000; font-size:9px; font-family:Arial, Helvetica; text-decoration:none } a { color:#022D75; font-family:Arial, Helvetica; text-decoration:none } a:link { color:#022D75; font-family:Arial, Helvetica; text-decoration:none } a:visited { color:#022D75; font-family:Arial, Helvetica; text-decoration:none } a:hover { color:#022D75; font-family:Arial, Helvetica; text-decoration:none } a:active { color:#022D75; font-family:Arial, Helvetica; text-decoration:none } a:focus { color:#022D75; font-family:Arial, Helvetica; text-decoration:none } li { margin-left:-15px; } select.text { color:#000000; background-color:#ffffff; border-color:#000000; border-style:solid; border-width:1px } input.text { color:#000000; background-color:#ffffff; border-color:#000000; border-style:solid; border-width:1px } option.text { color:#000000; background-color:#ffffff } textarea.text { color:#000000; background-color:#ffffff; border-color:#000000; border-style:solid; border-width:1px } .linksbuending ul { list-style-position:inside; } .linksbuending ul ul { list-style-position:inside; padding-left:15px; } .linksbuending ol { list-style-position:inside; } .linksbuending ol ol { list-style-position:inside; padding-left:15px; } .clear { /* generic container (i.e. div) for floating buttons */ overflow:hidden; width:100%; } /* CSS UL Menu in der Navigation basierend (mehr oder weniger) auf http://www.htmldog.com/articles/suckerfish/dropdowns/ */ #navigationscontainer10 { width:690px; height:30px; background-color:#60b5eb; padding-top:0px; } #navmenu, #navmenu ul { list-style-type:none; margin:0; padding:10px; display:inline; } #navmenu li{height:20px; float:left; margin:0;padding-top:10px;padding-bottom:0;list-style:none; color:#022D75; font-family:Arial; font-size:12px; border-right:1px solid white;} #navmenu li:last-child {border-right:none;} #navmenu li:hover{background-color:white;} .parent:hover{} #navmenu li:hover a{border:none;} #navmenu li a:hover{text-decoration:none;} #navmenu li ul { display:none; } #navmenu li:hover ul {margin-left:-11px;margin-top:5px;padding:0;display:block;position:absolute;z-index:333333;background-color:#60b5eb;width:225px;;border-bottom:1px solid #022D75;border-left:none;border-right:none;border-top:none;} #navmenu li:hover ul li {height:100%;line-height:20px;padding:0px;width:223px;border-left:1px solid #60b5eb;border-right:none;border-top:none;border-bottom:1px solid #bee5fe;} #navmenu li:hover ul li:first-child {border-top:1px solid #bee5fe;} #navmenu li:hover ul li a {font-weight:normal; display:block;padding:10px 10px 0 5px;; } #navmenu li:hover ul li a:hover {background-color:#bee5fe;font-weight:normal;text-decoration:none;font-color:#022D75;} #navmenu li:hover ul li:hover {background-color:#bee5fe;} li.menueakt{background-color:#bee5fe;} /* Und nun die Klassen um dem IE6 das Hovern beizubringen*/ .parent:sfhover{border-top:1px solid #022D75;} #navmenu li.sfhover ul {margin-left:-11px;padding:0;display:block;position:absolute;z-index:333333;background-color:#60b5eb;width:225px;;border-bottom:1px solid #022D75;border-left:none;border-right:none;border-top:none;} #navmenu li.sfhover ul li {line-height:20px;padding:0px;width:223px;border-left:1px solid #022D75;border-right:none;border-top:none;border-bottom:1px solid #bee5fe;} #navmenu li.sfhover ul li a { font-weight:normal; display:block;padding:10px 10px 0 5px;; } #navmenu li.sfhover ul li.sfhover {background-color:#bee5fe;} #navmenu li.sfhover ul li a.sfhover {background-color:#bee5fe;font-weight:normal;text-decoration:none;font-color:#022D75;} #navmenu + * { clear:left; } /* Ende Menu */