/* Grundeinstellungen ____________________________________________________ */ body { background: #FFFFFF; text-align: center; } address { font-style: normal; } hr { display: none; } h1, h1 a { color: #000000; font-size: 16px; line-height: 24px; font-weight: bold; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; text-align: left; } h2, h2 a { color: #000000; font-size: 16px; line-height: 20px; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; text-align: left; } h3, h3 a { font-size: 14px; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; } h4, h4 a { font-size: 12px; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; } h5, h5 a { font-size: 11px; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; } h6, h6 a { font-size: 11px; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } ul { margin: 0px 0px 16px 0px; padding: 0px 0px 0px 15px; list-style-type: square; } ul li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; _height: 1px; } ul li ul { float: none; } ol { margin: 0px 0px 16px 0px; padding: 0px 0px 0px 32px; } ol li { margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px; } p.abstand { margin: 0px 0px 16px 0px; } .print { display: none; } div.rahmen { position: relative; width: 1002px; margin: 0 auto; text-align: left; overflow: hidden; } /* Oben __________________________________________________________________ */ div.oben { background: url(/images/design/bg-oben.gif) repeat-x 0px 0px; height: 521px; position: relative; margin: 0px 0px 11px 0px; z-index: 0; } div.oben div.obenrechts { position: absolute; right: 0px; top: 0px; background: url(/images/design/bg-oben-rechts.gif) no-repeat 0px 0px; height: 206px; width: 452px; } div.oben div.obenlinks { position: absolute; left: 0px; top: 161px; background: url(/images/design/bg-oben-links.gif) no-repeat 0px 0px; height: 44px; width: 29px; } div.oben div.obenuntenlinks { position: absolute; left: 0px; top: 455px; background: url(/images/design/bg-oben-unten-links.gif) no-repeat 0px 0px; height: 21px; width: 13px; } div.oben div.obenuntenrechts { position: absolute; right: 0px; top: 455px; background: url(/images/design/bg-oben-unten-rechts.gif) no-repeat 0px 0px; height: 21px; width: 15px; } div.oben div.obenmitterechts { position: absolute; right: 0px; top: 236px; background-color: #FFFFFF; height: 219px; width: 6px; } div.oben a { text-transform: uppercase; font-size: 12px; } div.oben a.logo { position: absolute; left: 0px; top: 29px; } div.oben a.home { position: absolute; left: 44px; top: 173px; color: #FFFFFF; } div.oben a.home:hover { color: #D63636; } div.oben a.faq { position: absolute; right: 24px; top: 88px; color: #333333; } div.oben a.faq:hover { color: #D63636; } div.oben div.pensplan { position: absolute; right: 20px; top: 45px; } div.oben div.pensplan span { font-size: 13px; margin: 4px 4px 0px 0px; float: left; display: inline; } div.oben div.pensplan a { float: left; display: inline; } div.oben div.sprache { position: absolute; right: 17px; top: 112px; color: #333333; text-transform: uppercase; font-size: 12px; } div.oben div.sprache a { color: #333333; border-left: solid 1px #858585; padding: 0px 7px 0px 6px; margin: 0px 0px 0px 0px; float: left; display: inline; } div.oben div.sprache a:hover { color: #D63636; } div.oben div.sprache a.aktiv { color: #D63636; } div.oben a.kontakt { position: absolute; right: 24px; top: 136px; color: #333333; } div.oben a.kontakt:hover { color: #D63636; } div.oben a.aktiv { color: #D63636; } div.oben div.suche { position: absolute; left: 41px; top: 207px; } div.oben div.suche span { float: left; display: inline; margin: 0px 7px 0px 0px; text-transform: uppercase; font-size: 11px; line-height: 19px; } div.oben div.suche form { float: left; display: inline; } div.oben div.suche form input { border: 0px; background-color: #999999; line-height: 19px; font-size: 11px; } div.oben div.suche a.suche { padding: 0px 5px 1px 5px; background-color: #d40000; color: #FFFFFF; text-transform: lowercase; } div.oben div.wai { position: absolute; right: 2px; top: 210px; } div.oben div.wai a { color: #000000; } div.oben div.wai span.wai1 { padding: 0px 5px 0px 5px; height: 20px; border: solid 1px #000; float: left; display: inline; margin: 0px 5px 0px 0px; } div.oben div.wai span.wai1 a { font-size: 11px; } div.oben div.wai span.wai2 { font-weight: bold; padding: 0px 5px 0px 5px; height: 20px; border: solid 1px #000; float: left; display: inline; margin: 0px 5px 0px 0px; } div.oben div.wai span.wai2 a { font-size: 13px; } div.oben div.wai span.wai3 { font-weight: bold; background-color: #000000; padding: 0px 5px 0px 5px; height: 20px; border: solid 1px #000; float: left; display: inline; margin: 0px 5px 0px 0px; } div.oben div.wai span.wai3 a { color: #FFFFFF; font-size: 17px; } div.oben div.flash { position: absolute; left: 0px; top: 236px; z-index: 0; } div.oben div.boxrechner a { width: 100%; height: 100%; display: block; text-indent: -10000px; } div.oben div.plus { position: absolute; left: 619px; top: 236px; background: url(/images/design/plus-oben.png) no-repeat 0px 0px; width: 39px; height: 219px; z-index: 1; } div.oben a.taschenrechner { position: absolute; right: 29px; top: 260px; text-indent: -10000px; width: 194px; height: 184px; } div.oben div.taschenrechner { background: url(/images/design/taschenrechner-oben.png) no-repeat 0px 0px; position: absolute; right: 29px; top: 260px; width: 194px; height: 184px; } div.oben div.menu { position: absolute; left: 41px; top: 253px; background-color: #000000; opacity: 0.5; filter: alpha(opacity = 50); width: 594px; height: 181px; } div.oben ul.menu { position: absolute; left: 368px; top: 270px; z-index: 7; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; _width: 1px; white-space: nowrap; } div.oben ul.menu li { position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.oben ul.menu li a { font-weight: normal; display: block; min-height: 25px; _height: 25px; line-height: 25px; padding: 0px 6px 0px 6px; color: #FFFFFF; font-size: 15px; width: auto; } div.oben ul.menu li a:hover { color: #000000; } div.oben ul.menu li.aktiv, div.oben ul.menu a:hover { background-color: #FFFFFF; color: #000000; } div.oben ul.menu li.aktiv a { color: #000000; } div.oben ul.menu ul { display: none; } div.oben div.textoben { font-weight: normal; position: absolute; left: 96px; bottom: 108px; color: #FFFFFF; font-size: 19px; line-height: 25px; } div.oben div.textoben span { font-size: 24px; } div.oben div.linieoben { position: absolute; left: 0px; bottom: 0px; background: url(/images/design/bg-breadcrumb.gif) repeat-x 0px 0px; width: 999px; height: 43px; } div.enld { height: 220px; } /* Mitte _________________________________________________________________ */ div.mitte { position: relative; z-index: 20; } /* Links _________________________________________________________________ */ div.links { float: left; display: inline; width: 298px; margin: 0px 65px 0px 0px; position: relative; } div.links ul.breadcrumb { position: absolute; left: 0px; top: -55px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; width: 999px; } div.links ul.breadcrumb li { float: left; display: inline; margin: 14px 0px 0px 0px; font-size: 15px; color: #CCCCCC; padding: 0px 6px 0px 6px; border-left: solid 1px #CCCCCC; line-height: 20px; } div.links ul.breadcrumb li a { color: #CCCCCC; } div.links ul.breadcrumb li a:hover { color: #D63636; } div.links ul.breadcrumb li.erstes { font-size: 18px; color: #999999; padding: 0px 15px 0px 0px; border: 0px; line-height: 20px; } div.links ul.menu { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 234px; margin: 0px 0px 43px 0px; } div.links ul.menu li { background: url(/images/design/bg-li-menu.gif) no-repeat left bottom; margin: 0px 0px 0px 32px; padding: 1px 0px 2px 0px; font-size: 17px; line-height: 24px; width: 234px; } div.links ul.menu li.untermenu { margin: 0px 0px 0px 32px; padding: 0px 0px 0px 0px; font-size: 12px; background: transparent; line-height: 18px; } div.links ul.menu li a { color: #000000; display: block; margin: 0px 0px 0px 0px; padding: 1px 20px 1px 4px; } div.links ul.menu li.untermenu a { color: #000000; padding: 0px 8px 0px 8px; } div.links ul.menu li.aktiv a { color: #FFFFFF; background: url(/images/design/bg-menu-pfeil.gif) no-repeat right center #9C9C9C; } div.links ul.menu li.aktivkategorie a { color: #000000; background: url(/images/design/bg-menu-weiss.gif) no-repeat right center #9C9C9C; } div.links ul.menu li a:hover { background: url(/images/design/bg-menu-pfeil.gif) no-repeat right center; background-color: #9C9C9C; } div.links ul.menu li.empty { height: 5px; line-height: 5px; min-height: 5px; padding: 0px 0px 0px 0px; font-size: 0px; } div.links ul.menu li.emptyoben { height: 5px; line-height: 5px; min-height: 5px; background: transparent; padding: 0px 0px 0px 0px; font-size: 0px; } /* Inhalt ________________________________________________________________ */ div.inhalt { float: left; display: inline; width: 625px; overflow: hidden; padding: 0px 0px 40px 0px; } /* Unten _________________________________________________________________ */ div.unten { border: solid 1px #FFFFFF; clear: both; position: relative; padding: 0px 0px 50px 0px; } div.unten div.linieunten { width: 999px; height: 70px; background: url(/images/design/bg-linie-unten.gif) repeat-x 0px 0px; position: relative; z-index: 0; } div.unten a.drucken { float: right; display: inline; } div.unten div.service { margin: -12px 0px 18px 0px; position: relative; z-index: 10; } div.unten div.service div.serviceinnen { background: url(/images/design/bg-boxenunterseiten.png) no-repeat right top; width: 999px; height: 123px; overflow: hidden; } div.unten div.service span.service { text-transform: uppercase; font-size: 11px; color: #999999; display: block; margin: 0px 0px 6px 0px; } div.unten div.service div.serviceinnen div.bilder img { margin: 1px 7px 0px 6px; float: left; display: inline; } div.unten div.servicetext { margin: 0px 0px 16px 0px; } div.unten div.servicetext img.logounten { float: left; display: inline; margin: 0px 0px 0px 10px; } div.unten div.servicetext div.text { float: left; display: inline; width: 295px; height: 97px; background-color: #E8E8E8; margin: 0px 0px 0px 15px; } div.unten div.servicetext div.textinnen { margin: 14px 20px 14px 26px; font-size: 11px; line-height: 15px; } div.unten div.copyright { width: 999px; height: 42px; background: url(/images/design/bg-copyright.png) no-repeat 0px 0px; } div.unten div.copyright span.copyright { color: #666666; text-transform: lowercase; font-size: 11px; } div.unten div.copyright span.steuernummer { color: #666666; font-size: 11px; } div.unten div.copyright a.impressum { color: #666666; text-decoration: underline; font-size: 10px; } div.unten div.copyright-links { float: left; display: inline; margin: 19px 0px 0px 0px; } div.unten div.copyright-rechts { float: right; display: inline; margin: 16px 0px 0px 0px; } div.unten div.copyright-rechts a { margin: 0px 19px 0px 0px; text-transform: uppercase; color: #333333; } div.unten div.copyright-rechts a:hover { color: #D63636; } /* Startseite _________________________________________________________________ */ div.oben-startseite { height: 564px; background: url(/images/design/bg-oben-startseite.gif) repeat-x 0px bottom; margin: 0px 0px 20px 0px; position: relative; } div.oben-startseite a.logo { position: absolute; left: 0px; top: 29px; } div.oben-startseite div.obenrechts { position: absolute; right: 0px; top: 0px; background: url(/images/design/bg-oben-rechts-home.gif) no-repeat 0px 0px; height: 200px; width: 542px; } div.oben-startseite div.obenlinks { position: absolute; left: 0px; top: 151px; background: url(/images/design/bg-oben-links-home.gif) no-repeat 0px 0px; height: 44px; width: 29px; } div.oben-startseite div.obenuntenlinks { position: absolute; left: 0px; top: 537px; background: url(/images/design/bg-oben-unten-links.gif) no-repeat 0px 0px; height: 21px; width: 13px; } div.oben-startseite div.obenuntenrechts { position: absolute; right: 0px; top: 537px; background: url(/images/design/bg-oben-unten-rechts.gif) no-repeat 0px 0px; height: 21px; width: 15px; } div.oben-startseite div.obenmitterechts { position: absolute; right: 0px; top: 200px; background-color: #FFFFFF; height: 337px; width: 11px; } div.oben-startseite a { text-transform: uppercase; font-size: 12px; } div.oben-startseite a.home { position: absolute; left: 44px; top: 163px; color: #FFFFFF; } div.oben-startseite a.home:hover { color: #D63636; } div.oben-startseite a.faq { position: absolute; right: 24px; top: 78px; color: #333333; } div.oben-startseite a.faq:hover { color: #D63636; } div.oben-startseite div.sprache { position: absolute; right: 17px; top: 102px; color: #333333; text-transform: uppercase; font-size: 12px; } div.oben-startseite div.sprache a { color: #333333; border-left: solid 1px #858585; padding: 0px 7px 0px 6px; margin: 0px 0px 0px 0px; float: left; display: inline; } div.oben-startseite div.sprache a:hover { color: #D63636; } div.oben-startseite div.sprache a.aktiv { color: #D63636; } div.oben-startseite a.kontakt { position: absolute; right: 24px; top: 126px; color: #333333; } div.oben-startseite a.kontakt:hover { color: #D63636; } div.oben-startseite a.aktiv { color: #D63636; } div.oben-startseite div.suche { position: absolute; left: 41px; top: 197px; } div.oben-startseite div.suche span { float: left; display: inline; margin: 0px 7px 0px 0px; text-transform: uppercase; font-size: 11px; line-height: 19px; } div.oben-startseite div.suche form { float: left; display: inline; } div.oben-startseite div.suche form input { border: 0px; background-color: #999999; line-height: 19px; font-size: 11px; } div.oben-startseite div.suche a.suche { padding: 0px 5px 1px 5px; background-color: #d40000; color: #FFFFFF; text-transform: lowercase; } div.oben-startseite div.pensplan { position: absolute; right: 20px; top: 35px; } div.oben-startseite div.pensplan span { font-size: 13px; margin: 4px 4px 0px 0px; float: left; display: inline; } div.oben-startseite div.pensplan a { float: left; display: inline; } div.oben-startseite div.wai { position: absolute; right: 15px; top: 197px; } div.oben-startseite div.wai a { color: #000000; } div.oben-startseite div.wai span.wai1 { background-color: #FFFFFF; padding: 0px 5px 0px 5px; height: 20px; border: solid 1px #000; float: left; display: inline; margin: 0px 5px 0px 0px; } div.oben-startseite div.wai span.wai1 a { font-size: 11px; } div.oben-startseite div.wai span.wai2 { background-color: #FFFFFF; font-weight: bold; padding: 0px 5px 0px 5px; height: 20px; border: solid 1px #000; float: left; display: inline; margin: 0px 5px 0px 0px; } div.oben-startseite div.wai span.wai2 a { font-size: 13px; } div.oben-startseite div.wai span.wai3 { font-weight: bold; background-color: #000000; padding: 0px 5px 0px 5px; height: 20px; border: solid 1px #000; float: left; display: inline; margin: 0px 5px 0px 0px; } div.oben-startseite div.wai span.wai3 a { color: #FFFFFF; font-size: 17px; } div.oben-startseite div.flash { position: absolute; left: 0px; top: 226px; z-index: 0; } div.oben-startseite div.boxrechner a { width: 100%; height: 100%; display: block; text-indent: -10000px; } div.oben-startseite div.plus { position: absolute; left: 619px; top: 253px; background: url(/images/design/plus-startseite.png) no-repeat 0px 0px; width: 38px; height: 251px; z-index: 1; } div.oben-startseite a.taschenrechner { position: absolute; right: 29px; top: 260px; text-indent: -10000px; width: 194px; height: 184px; } div.oben-startseite div.taschenrechner { background: url(/images/design/bg-taschenrechner-home.png) no-repeat 0px 0px; position: absolute; right: 0px; top: 270px; width: 245px; height: 241px; } div.oben-startseite div.menu { position: absolute; left: 41px; top: 253px; background-color: #000000; opacity: 0.5; filter: alpha(opacity = 50); width: 594px; height: 251px; } div.oben-startseite ul.menu { font-weight: bold; position: absolute; left: 368px; top: 310px; z-index: 7; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; _width: 1px; white-space: nowrap; } div.oben-startseite ul.menu li { position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.oben-startseite ul.menu li a { display: block; min-height: 25px; _height: 25px; line-height: 25px; padding: 0px 6px 0px 6px; color: #FFFFFF; font-size: 15px; width: auto; } div.oben-startseite ul.menu li a:hover { color: #000000; } div.oben-startseite ul.menu li.aktiv, div.oben-startseite ul.menu a:hover { background-color: #FFFFFF; color: #000000; } div.oben-startseite ul.menu li.aktiv a { color: #000000; } div.oben-startseite ul.menu ul { display: none; } div.oben-startseite div.textoben { font-weight: normal; position: absolute; left: 96px; bottom: 105px; color: #FFFFFF; z-index: 50; } div.oben-startseite div.linieoben { position: absolute; left: 0px; bottom: 0px; background: url(/images/design/bg-breadcrumb.gif) repeat-x 0px 0px; width: 999px; height: 43px; } div.news { position: absolute; left: 10px; top: 0px; color: #999999; width: 49px; height: 200px; } div.listestartseite { float: right; display: inline; width: 268px; margin: 0px 35px 30px 0px; overflow: hidden; } div.listestartseite div.datum { font-size: 11px; padding: 0px 0px 0px 4px; } div.listestartseite div.thema { font-size: 11px; padding: 0px 0px 4px 4px; } div.listestartseite div.titel { font-size: 15px; border-top: solid 1px #999999; border-bottom: solid 1px #999999; margin: 0px 0px 16px 0px; } div.listestartseite div.titel a { color: #000000; display: block; padding: 4px 0px 4px 4px; } div.listestartseite div.titel a:hover { background-color: #E4E6E5; color: #D83A39; } div.listestartseite div.vorspann { font-size: 12px; margin: 0px 0px 22px 0px; } div.listestartseite a.weiter { text-transform: uppercase; font-size: 11px; } div.boxenstartseite { background: url(/images/design/bg-boxenstartseite.png) no-repeat right top; width: 999px; height: 204px; overflow: hidden; margin: 0px 0px 10px 0px; position: relative; } div.boxenstartseite div.bilder { margin: 2px 0px 0px 79px; } div.boxenstartseite img { margin: 0px 10px 0px 0px; } div.boxenstartseite span.service { position: absolute; left: 10px; bottom: 25px; color: #606060; } /* Lightbox ______________________________________________________________ */ #lightbox { position: absolute; left: 0px; width: 100%; z-index: 100; text-align: center; line-height: 0px; } #lightbox a img { border: none !important; } #outerImageContainer { position: relative; background-color: #FFFFFF; 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: 0px; } #hoverNav { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav { left: 0px; } #hoverNav a { outline: none !important; } #prevLink, #nextLink { width: 49%; height: 100%; display: block; } #prevLink { background: url(/images/lightbox/prev.gif) left 15% no-repeat !important; left: 0px; float: left; } #nextLink { background: url(/images/lightbox/next.gif) right 15% no-repeat !important; right: 0px; float: right; } #prevLink:hover, #prevLink:visited:hover { background: url(/images/lightbox/prev.gif) left 15% no-repeat !important; } #nextLink:hover, #nextLink:visited:hover { background: url(/images/lightbox/next.gif) right 15% no-repeat !important; } #imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #FFFFFF; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; } #imageData { padding: 0px 10px; color: #666666; } #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 #bottomNav { height: 40px; } #imageData #bottomNavClose { background: transparent !important; width: 26px; float: right; padding-bottom: 0.4em; } #overlay { position: fixed; _position: absolute; top: 0px; left: 0px; z-index: 90; width: 100%; height: 500px; background-color: #000000; } /* __________________________________________________________________ Ende */