* { margin: 0; padding: 0; } /**** 10px ****/ html{ font-size:50%; } body { font-size: 125%; } body { font-family: Arial, Helvetica, sans-serif; background: #fff url(/SiteGlobals/StyleBundles/Bilder/Layout/header_2.jpg?__blob=normal&v=2) 50% 152px no-repeat; color: #333; } body.startseite { background-image: none; } img { border: none; } a { color: #369; text-decoration: none; } .navSkip, .aural, #navPrimary h2,#navServiceMeta h2,#navBreadcrumbs p,#navSecondary h2.aural,.navIndex span, #supplement h2,.js-on.startseite #main .newsBox h3 { display: block; position: absolute; overflow: hidden; left: -9999px; width: 1px; height: 1px; } .clear { display: block; clear: both; } .rounded, .roundedr { display: none; } /*****************************1.0 module layout*****************************/#wrapperInner { max-width: 990px; margin: 0 auto; } #wrapperHeader { position: relative; z-index: 200; height: 28em; margin: 0; } .startseite #wrapperHeader { height: 14em; zoom: 1; } #branding { overflow: hidden; float: left; width: 100%; background: #fff; } #navPrimary { display: block; clear: both; position: absolute; top: 110px; left: 0; z-index: 100; } .startseite #navPrimary { float: left; position: static; } #wrapperDivisions { clear: both; width: 990px; } #wrapperDivisionsHome { overflow: hidden; float: left; width: 750px; } #stage { width: 990px; margin: 0 0 20px 0; } #siteNav { overflow: hidden; background: #fff; margin: 0 0 10px 0; } #navSecondary { float: left; width: 260px; margin: 0 10px 0 0; } #wrapperContent { float: left; overflow: hidden; width: 470px; margin: 0 10px 0 0; } #wrapperContent.altGrid { width: 720px; margin: 0; } #main { overflow: hidden; padding: 0 0 20px 0; } #nav-cat-2 #main { padding-right: 10px; } #supplement { float: left; overflow: hidden; width: 240px; margin: 0 0 30px 0; } #wrapperFooter { overflow: hidden; background: #ededed url(/SiteGlobals/StyleBundles/Bilder/Layout/footer-bg.png?__blob=normal&v=2) 0 0 repeat-x; } #siteInfo { width: 970px; margin: 0 auto; } /*****************************2.0 superior styles*****************************//*****************************3.0 branding*****************************/#branding p img { float: left; padding: 20px 20px 20px 0; } /*****************************4.0 serviceMeta*****************************/#navServiceMeta { float: right; } #navServiceMeta li { float: left; margin: 18px 0 0 10px; } #navServiceMeta li a { font-size: 130%; color: #555; font-weight: normal; } #navServiceMeta li a:hover,#navServiceMeta li a:active,#navServiceMeta li a:focus { text-decoration: underline; } #navServiceMeta li strong { font-weight: normal; font-size: 130%; color: #555; text-decoration: underline; } /*****************************5.0 navigation*****************************//****** 5.1 primary ******/ #navPrimary li { float: left; background: #F0F0F0; margin: 0 2px 5px 0; font-size: 100%; } #navPrimary li:last-child { width: 284px; margin-right: 0; } #navPrimary li.last-child { width: 284px; margin-right: 0; } #navPrimary li h3 { font-size: 150%; border-bottom: 5px solid #fff; } #navPrimary li.hovered h3 { border-bottom: 5px solid #F0F0F0; } .startseite #navPrimary li h3,.startseite #navPrimary li.hovered h3 {} .em-increased-2 #navPrimary li h3 { font-size: 140%; } #navPrimary li h3 a,#navPrimary li h3 strong { display: block; border-top: 5px solid transparent; padding: 5px 15px 9px; color: #333; white-space: nowrap; font-weight: bold; } .em-increased-1 #navPrimary li h3 a,.em-increased-1 #navPrimary li h3 strong { padding-left: 5px; padding-right: 5px; } #navPrimary li:hover h3 a,#navPrimary li.hovered h3 a,#navPrimary li h3 a:active,#navPrimary li h3 a:focus,#navPrimary li h3 a.on,#navPrimary li h3 strong { background-color: #F0F0F0; border-top: 5px solid #FF6600; color: #222; } #navPrimary li:hover #n-2 h3 a,#navPrimary li.hovered #n-2 h3 a,#navPrimary li #n-2 h3 a:active,#navPrimary li #n-2 h3 a:focus,#navPrimary li #n-2 h3 a.on,#navPrimary li #n-2 h3 strong { border-color: #1144AA; } #navPrimary li:hover #n-3 h3 a,#navPrimary li.hovered #n-3 h3 a,#navPrimary li #n-3 h3 a:active,#navPrimary li #n-3 h3 a:focus,#navPrimary li #n-3 h3 a.on,#navPrimary li #n-3 h3 strong { border-color: #ABBA00; } #navPrimary li:hover #n-4 h3 a,#navPrimary li.hovered #n-4 h3 a,#navPrimary li #n-4 h3 a:active,#navPrimary li #n-4 h3 a:focus,#navPrimary li #n-4 h3 a.on,#navPrimary li #n-4 h3 strong { border-color: #007744; } #navPrimary li:hover #n-5 h3 a,#navPrimary li.hovered #n-5 h3 a,#navPrimary li #n-5 h3 a:active,#navPrimary li #n-5 h3 a:focus,#navPrimary li #n-5 h3 a.on,#navPrimary li #n-5 h3 strong,#navPrimary li:hover #n-6 h3 a,#navPrimary li.hovered #n-6 h3 a,#navPrimary li #n-6 h3 a:active,#navPrimary li #n-6 h3 a:focus,#navPrimary li #n-6 h3 a.on,#navPrimary li #n-6 h3 strong { border-color: #FF9900; } #navPrimary li .menu { position: relative; z-index: 100; } #navPrimary li .menu-box { width: 222px; padding-bottom: 6px; color: #000; } #navPrimary li div#n-1 .menu-box { width: 274px; } #navPrimary li div#n-6 .menu-box { width: 244px; } #navPrimary li div .menu-box { background: #F0F0F0; border-top: 0; } #navPrimary li div#n-1 .menu-box { border-bottom: 5px solid #FF6600; } #navPrimary li div#n-2 .menu-box { border-bottom: 5px solid #1144AA; } #navPrimary li div#n-3 .menu-box { border-bottom: 5px solid #ABBA00; } #navPrimary li div#n-4 .menu-box { border-bottom: 5px solid #007744; } #navPrimary li div#n-5 .menu-box { border-bottom: 5px solid #FF9900; } #navPrimary li div#n-6 .menu-box { border-bottom: 5px solid #FF9900; } #navPrimary .menu-box { position: absolute; top: -1000px; left: -1000px; overflow: hidden; } #navPrimary li:hover .menu-box,#navPrimary li .menu-box.visible { top: 0; left: auto; } #navPrimary .menu-box { padding: 10px 20px 10px 20px; } #navPrimary .menu-box li { display: block; float: none; background: none; } #navPrimary .menu-box li a { display: block; font-size: 120%; color: #000; font-weight: bold; height: 1%; padding: 0 0 7px 0; margin-bottom: 7px; background: url(/SiteGlobals/StyleBundles/Bilder/Layout/dotted-line-2.gif?__blob=normal&v=2) repeat-x 0 100%; } #navPrimary .menu-box li strong { display: block; font-size: 120%; color: #000; font-weight: bold; text-decoration: underline; height: 1%; padding: 0 0 7px 0; margin-bottom: 7px; background: url(/SiteGlobals/StyleBundles/Bilder/Layout/dotted-line-2.gif?__blob=normal&v=2) repeat-x 0 100%; } #navPrimary .menu-box li.last-child a,#navPrimary .menu-box li: last-child a,#navPrimary .menu-box li.last-child strong,#navPrimary .menu-box li: last-child strong { background: none; } #navPrimary .menu-box li a:hover,#navPrimary .menu-box li a:focus,#navPrimary .menu-box li a:active { text-decoration: underline; } /****** 5.2 secondary ******/.navMain { display: block; margin: 0 10px 0 0; } .navMain ul { margin: 10px 0 35px; border-bottom: 2px solid #D1D1D1; } .navMain ul ul { margin-bottom: 0; } .navMain li { height: 1%; border-top: 2px solid #D1D1D1; font-size: 130%; font-weight: bold; } .navMain li a, .navMain li strong { display: block; margin: 1px 0; padding: 7px 0 7px 20px; color: #202020; } .navMain li em a { border-left: 6px solid #666; } .navMain li strong { border-left: 6px solid; padding-left: 14px; color: #666; } #nav-cat-1 .navMain li strong { border-color: #FF6700; } #nav-cat-2 .navMain li strong { border-color: #0045AA; } #nav-cat-3 .navMain li strong { border-color: #ACB900; } #nav-cat-4 .navMain li strong { border-color: #007645; } #nav-cat-5 .navMain li strong,#nav-cat-6 .navMain li strong { border-color: #F90; } .navMain li a:hover,.navMain li a:active,.navMain li a:focus { text-decoration: underline; } .navMain ul ul { border-top: 2px solid #D1D1D1; border-bottom: none; padding-left: 20px; } .navMain li li { border-top: 1px solid #D1D1D1; font-size: 100%; } .navMain li li:first-child { border-top: none; } .navMain ul ul ul { border-top: 1px solid #D1D1D1; } /**** 5.3 breadcrumb ****/#navBreadcrumbs ol { padding: 0; } #navBreadcrumbs li { float: left; padding: 0 8px 0 0; } #navBreadcrumbs li a,#navBreadcrumbs li strong { display: block; background: url(/SiteGlobals/StyleBundles/Bilder/Layout/icon-sprites.png?__blob=normal&v=6) 100% -888px no-repeat; padding: 9px 12px 8px 0; font-size: 120%; font-weight: normal; text-decoration: underline; color: #666; } #navBreadcrumbs li strong { background: none; text-decoration: none; } /*****************************6.0 search*****************************/#search { position: absolute; right: 0; top: 58px; width: 175px; margin: 0; } #search p { float: right; width: 175px; } #search input { float: left; background: #ededed; width: 143px; border: none; padding: 3px; } #search input.submit { float: right; background: #222 url(/SiteGlobals/StyleBundles/Bilder/Layout/icon-sprites.png?__blob=normal&v=6) 0 -300px no-repeat; width: 22px; height: 22px; margin: 0 0 0 3px; padding: 0 0 0 3px; text-indent: -9999px; font-size: 0; color: #fff; } /*****************************7.0 service*****************************/.serviceBox { background: #CCD9E1; margin: 0 0 5px 0; padding: 15px 5px 5px 5px; } .serviceBox h2 { font-size: 160%; } .serviceBox h2 span { display: block; padding: 0 0 10px 0; color: #202020; } .serviceBox li { background: url(/SiteGlobals/StyleBundles/Bilder/Farbschema/pattern-blue.png?__blob=normal&v=2) 0 0 repeat; margin: 0 0 1px 0; padding: 6px 0 6px 5px; font-size: 130%; font-weight: bold; } .serviceBox li#navServiceApplication,.serviceBox li#navServiceAdvice { background: url(/SiteGlobals/StyleBundles/Bilder/Farbschema/pattern-white.png?__blob=normal&v=2) 0 0 repeat; } .serviceBox li a { display: block; background: url(/SiteGlobals/StyleBundles/Bilder/Layout/icon-sprites.png?__blob=normal&v=6) 0 0 no-repeat; padding: 2px 0 2px 26px; color: #202020; word-wrap: break-word; } .serviceBox li#navServiceApplication a { background-position: 0 -1000px; } .serviceBox li#navServiceAdvice a { background-position: 0 -1100px; } .serviceBox li#navServiceEvents a { background-position: 0 -1200px; } .serviceBox li#navServicePublications a { background-position: 0 -1300px; } .serviceBox li#navServiceAbbr a { background-position: 0 -1400px; } .serviceBox li#navServiceLexicon a { background-position: 0 -1500px; } .serviceBox li#navServiceQuotes a { background-position: 0 -1600px; } .serviceBox li#navServiceFaq a { background-position: 0 -1700px; } .serviceBox li#navServicePress a { background-position: 0 -5300px; } .serviceBox li#navServiceRss a { background-position: 0 -1800px; } .serviceBox li#navServiceShoppingCart a { background-position: 0 -1900px; } .serviceBox li#navServiceSearch a { background-position: 0 -5550px; } .serviceBox li a:hover,.serviceBox li a:active,.serviceBox li a:focus { text-decoration: underline; } /*****************************8.0 tagcloud*****************************//*****************************9.0 content*****************************//**** Teaser ****/#main .teaser-group-wrapper { clear: both; overflow: hidden; background: url(/SiteGlobals/StyleBundles/Bilder/Layout/dotted-line-tg.gif?__blob=normal&v=4) 50% 100% repeat-x; margin-bottom: 20px; } #main .teaser-group { clear: both; overflow: hidden; display: block; width: 720px; margin: 0 0 0 0; padding: 0 0 20px 0; } #main .tg-col-1,#main .tg-col-2 { float: left; clear: none; background-position: 0 0; width: 360px; } #main .tg-col-1 .boxWrapper,#main .tg-col-2 .boxWrapper { overflow: hidden; margin: 5px 0 25px; clear: both; float: left; } #wrapperOuter #main .tg-col-1 .teaser,#wrapperOuter #main .tg-col-2 .teaser { padding: 0; } #main .tg-col-2 { float: right; width: 345px; background: none; padding-right: 0; } #main .teaser { float: left; width: 100%; background: url(/SiteGlobals/StyleBundles/Bilder/Layout/dotted-line.gif?__blob=normal&v=2) 0 100% repeat-x; margin: 10px 0; } #main .teaser-group .teaser { overflow: hidden; margin: 15px 0; } #main .teaser p.picture { float: left; background: none; margin: 0 18px 0 0; } #main .teaser p.picture img { height: auto; margin: 0 0 18px 0; } #main .teaser h2 { font-size: 170%; } #main .teaser h2 a { background: none; padding: 0; font-family: Arial, Helvetica, Verdana; font-weight: bold; font-style: normal; color: #369; } #main .teaser .teaserText { margin: 0 0 8px 0; } #main .teaser .teaserText p { margin-bottom: 0; } #content #main .teaser p { overflow: hidden; padding-bottom: 1px; } #content #main .teaser p .more { float: right; } .startseite #content #main .teaser p .more { float: left; } #content #main .teaser .more a { background-position: 0 2px; margin: 5px 0 0 0; padding: 0 0 0 20px; font-weight: bold; } #main .teaser-group .teaser p { overflow: hidden; } #main .teaser-group .teaser p strong.more { float: right; } #main .teaser .links a { background-position: 0 1px; padding: 0 0 0 20px; font-weight: bold; } .startseite #main .teaser-group { width: 500px; background: none; margin: 0 0 20px 0; padding: 0; } .startseite #main .teaser { background: none; margin: 0; } .startseite #main .teaser h2 { font-size: 170%; } .startseite #main .teaser h2 a { color: #202020; font-family: Arial, Helvetica, Verdana; font-weight: bold; font-style: normal; } .startseite #main .teaser { width: 225px; margin: 0 20px 0 0; } .startseite #main .teaser p.picture { width: 225px; margin: 0 0 10px 0; } .startseite #main .teaser p.picture img { width: 225px; margin: 0; } #main #publications { overflow: hidden; background: url(/SiteGlobals/StyleBundles/Bilder/Layout/dotted-line.gif?__blob=normal&v=2) 0 0 repeat-x; margin: 20px 0 10px 0; padding: 10px 0 0 0; } #main #publications .teaser { width: 470px; padding-bottom: 15px; margin-right: -3px; } #main #publications .teaser h2 { margin: 0 0 15px 0; font-size: 170%; } #main #publications .teaser h2 a { font-family: Arial, Helvetica, Verdana; font-weight: bold; font-style: normal; color: #369; } #main #publications .abstract p { margin-bottom: 15px; font-family: Arial, Helvetica, Verdana; font-size: 130%; font-weight: bold; font-style: normal; } #main #publications .teaser .teaserText { margin: 0 0 15px 0; } #main #publications p { margin-bottom: 5px; } #main #publications .download a { background-position: 0 -198px; padding-left: 20px; } #main #publications .teaser p.picture { width: 225px; } #main #publications .teaser p.picture img { width: 225px; margin-bottom: 0; } #main #publications .teaser p { overflow: visible; } #main #publications .teaser p .more { float: none; } /**** News-Box ****/#main .newsBox, #main .downloadBox { float: left; width: 345px; margin: 0 25px 0 0; padding: 0; } #main .newsBox h3, #main .downloadBox h2 { font-size: 100%; } #main .newsBox h3 span, #main .downloadBox h2 { clear: both; background: none; margin: 20px 0 10px 0; padding: 0; font-family: Arial, Helvetica, Verdana; font-weight: bold; font-style: normal; font-size: 170%; color: #333; } #main .newsBox li { clear: both; float: left; width: 100%; font-size: 100%; list-style: none; } #main .newsBox li:first-child, #main .newsBox li.first-child { background: none; } #main .newsBox li h2 { font-size: 130%; } #main .newsBox li h2 a { display: block; background: url(/SiteGlobals/StyleBundles/Bilder/Layout/icon-sprites.png?__blob=normal&v=6) 0 0 no-repeat; padding-left: 20px; font-weight: bold; font-style: normal; color: #369; } #main .newsBox li p { overflow: hidden; } #main .newsBox li p .more { float: right; } .startseite #main .newsBox li p .more { float: left; } #main .newsBox li .more a { background-position: 0 1px; padding: 0 0 0 20px; font-size: 130%; font-weight: bold; } #main .newsBox p.all, #main .downloadBox p.all { float: right; margin: 10px 0 0 0; font-weight: bold; } #main .newsBox p.all a, #main .downloadBox p.all a { display: block; min-width: 85px; background: #202020 url(/SiteGlobals/StyleBundles/Bilder/Layout/icon-sprites.png?__blob=normal&v=6) 92% -3692px no-repeat; padding: 3px 30px 3px 6px; color: #fff; line-height: 1.6em; } #main .newsBox p.all a:hover,#main .newsBox p.all a:active,#main .newsBox p.all a:focus,#main .downloadBox p.all a:hover,#main .downloadBox p.all a:active,#main .downloadBox p.all a:focus { background-color: #87AABC; background-position: 92% -892px; color: #202020; text-decoration: none; } .startseite #main .newsBox { width: 100%; margin: 0; padding: 0; } .startseite #main .newsBox ul { overflow: hidden; background: url(/SiteGlobals/StyleBundles/Bilder/Layout/dotted-line.gif?__blob=normal&v=2) 0 100% repeat-x; margin-bottom: 5px; padding-bottom: 10px; } .startseite #main .newsBox li { margin: 10px 0 0 0; background: url(/SiteGlobals/StyleBundles/Bilder/Layout/dotted-line.gif?__blob=normal&v=2) 0 0 repeat-x; padding: 12px 0 0 0; } .startseite #main .newsBox li:first-child { margin: 0; background: none; padding: 0; } .startseite #main .newsBox li p.picture { float: left; background: none; width: 225px; margin: 3px 12px 4px 0; } .startseite #main .newsBox li p.picture img { width: 225px; height: auto; } .startseite #main .newsBox li h2 { font-size: 170%; clear: none; } .startseite #main .newsBox li h2 a { background: none; padding: 0; font-family: Arial, Helvetica, Verdana; font-weight: bold; font-style: normal; color: #369; } /* ** Pressemeldungen ** */.startseite #main .newsBox .pressreleases li { padding-left: 96px; position: relative; width: 374px; } .startseite #main .newsBox .pressreleases li span.date { position: absolute; left: 0; top: 13px; font-size: 130%; font-weight: normal; } .startseite #main .newsBox .pressreleases li.first-child span.date { top: 1px; } /**** Download-Box ****/#main .downloadBox { margin: 0; } #main .downloadBox h2 { margin-top: 0; } #main .downloadBox .teaserText { margin: 0 0 15px 0; } #main .downloadBox .links { margin: 0; } #main .downloadBox .links li a,#main .further-info .links li a { display: block; background-position: 0 -199px; margin: 3px 0; padding-left: 20px; } #main .downloadBox .links li a em,#main .further-info .links li a em { display: block; font-style: normal; } /**** Further Infos-Box ****/#main .further-info { float: left; width: 100%; background: #e5ebf2; margin: 0 0 20px 0; padding: 21px 15px; } #main .further-info .teaser { float: none; width: 690px; background: none; margin: 0; } #main .further-info .teaserText { float: left; width: 47.7%; } #main .further-info .links { float: right; width: 48.3%; margin: 0; } #main .further-info .links li a { background-position: 0 0; } #main .further-info .links li a.download { background-position: 0 -200px; } #main .further-info .links li a.external { background-position: 0 -100px; } /**** 9.1 headings ****/#main h1 { display: block; margin: 3px 0 20px 0; font-family: Arial, Helvetica, Verdana; font-size: 220%; font-weight: bold; font-style: normal; } #main h1 em { display: block; margin: 5px 0 10px 0; font-family: Arial, Helvetica, Verdana; font-size: 43%; font-style: normal; font-weight: normal; color: #666; } #main h2 { margin: 0 0 10px 0; font-size: 160%; font-weight: bold; color: #212121; } #main h3 { margin: 0 0 10px 0; font-size: 150%; color: #212121; } #main h4 { margin: 0 0 10px 0; font-size: 140%; color: #212121; } #main h5 { margin: 0 0 10px 0; font-size: 130%; font-weight: bold; color: #212121; } #main h6 { margin: 0 0 10px 0; font-size: 130%; font-weight: bold; color: #212121; } #main .subheadline p { display: block; margin: -10px 0 20px 0; font-family: Arial, Helevetica, Verdana; font-size: 170%; font-weight: bold; font-style: normal; } /**** 9.3 Table of Content ****/#main ul.toc { margin: 0 0 15px 0; padding: 0; } #main ul.toc li { list-style: none; font-size: 130%; } #content #main ul.toc li a { display: block; background-position: 0 -496px; } #main ul.toc ul { margin: 5px 0 2px 20px; } #main ul.toc li li { font-size: 100%; } /**** 9.4 main content ****/#main p { margin: 0 0 18px 0; font-size: 130%; } #main p.highlight { background: #ededed; padding: 10px 15px; } #main .text-data { margin: 5px 0 20px 0; } #main .text-data p { margin: 0 0 2px 0; } #main p a { text-decoration: none; font-weight: bold; } #main p strong a,#main .navToTop a,#main a.RichTextExtLink,#supplement a.RichTextExtLink,#main a.shoppingCardLink,#main td a, #main .links a,#main .tags a,#main .teaser .more a,#main ul.toc li a,#main #navContent li a,#main #faq dt a,#map #map-box a,#main .error a { background: url(/SiteGlobals/StyleBundles/Bilder/Layout/icon-sprites.png?__blob=normal&v=6) 2px -697px no-repeat; padding-left: 13px; font-weight: bold; } #main .links li a { display: block; padding-left: 18px; } #main .links li a.download { background-position: 1px -496px; } #main .links li a em { font-style: normal; } #main .links li a.bitv-ja { background-position: 1px -5100px; } #main .links li a.bitv-nein { background-position: 1px -4900px; } #main .links li a.external { background-position: 1px -396px; } #main a:hover,#main a:active,#main a:focus { text-decoration: underline; } #main a.Publication,#main .illustration a,#main .video a,#main .picture a,#main .links .picture a { background: none; padding-left: 0; } #main a.RichTextExtLink,#supplement a.RichTextExtLink { background-position: 1px -396px; } #main a.shoppingCardLink { background-position: 1px -496px; } #main .RichTextGlossarLink { background: none; border-bottom: 1px dotted #333; padding: 0; color: #333; text-decoration: none; cursor: help; font-weight: normal; } #main .RichTextGlossarLink:hover,#main .RichTextGlossarLink:active,#main .RichTextGlossarLink:focus { text-decoration: none; } #main .center { text-align: center; } #main .right { text-align: right; } #main .justify { text-align: justify; } #main .abstract p { color: #333333; display: block; font-family: arial; font-size: 160%; font-weight: normal; margin: 0 0 20px; } #main blockquote,#main q { font-style: italic; quotes: "\201C" "\201C" "\203A" "\2039"; } #main blockquote p.quotespecial { float: left; width: 300px; margin: 0 15px 15px 0; border-left: 3px solid #f2f2f2; quotes: none; color: #666; padding-left: 45px; background: url(/SiteGlobals/StyleBundles/Bilder/Layout/blockquote-2.png?__blob=normal&v=2) 10px 0 no-repeat; font-style: normal; } #main em { font-style: italic; } #main abbr,#supplement abbr,#main acronym,#supplement acronym,#main dfn,#supplement dfn { border-bottom: 1px dotted #333; } #content div.address { margin: 0 0 20px 0; font-size: 130%; } #supplement div.address p { font-size: 130%; padding-bottom: 10px; } #main .navToTop { clear: both; display: block; margin: 20px 0; padding: 3px 0 0 0; text-align: right; } #main .navToTop a { background-position: 0 -595px; } #main .feedback-link { margin: 0 0 18px 0; } #main .feedback-link p { margin: 0; } #main .feedback-link a { background: #222; padding: 3px 6px; color: #fff; font-weight: bold; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #main .feedback-link a:hover,#main .feedback-link a:active,#main .feedback-link a:focus { background: #87AABC; color: #222; text-decoration: none; } #main .tags { margin: 0 0 30px 0; border-top: 2px solid #d1d1d1; border-bottom: 2px solid #d1d1d1; padding: 8px 0 4px 0; } #main .tags h3 { font-size: 130%; font-weight: normal; } #main .tags h3,#main .tags li { float: left; margin: 0 8px 0 0; } #main .tags ul { overflow: hidden; margin: 0; } #main .tags li { list-style: none; } /**** 9.5 lists ****/#main ul, #main ol { margin: 0 0 20px 23px; } #main li { padding: 0 0 3px 0; font-size: 130%; } #main li li,#main li p,#main li ul,#main li ol { margin-bottom: 0; padding: 0 0 3px 0; font-size: 100%; } #main li p { padding: 0; } #main li ul, #main li ol { padding: 3px 0 0 0; } #main ul.links { margin-left: 0; list-style: none; font-weight: bold; } #main ul.downloads li a { background-position: 1px -496px; } #main dl { margin: 0 0 20px 0; font-size: 130%; } #main dt { font-weight: bold; } #main dd { padding-left: 20px; } .holder .image { display: block; } #main .holder dd, #main .holder dt { float: none; } /**** 9.6 images ****/#main p.illustration,#main p.video,#main p.picture { background: #ededed; font-size: 120%; } #main p.linksOhne { float: none; margin-right: auto; } #main p.rechtsOhne { float: none; margin-left: auto; } #main p.mitte { float: none; margin: 0 auto 20px auto; } #main p.links { float: left; margin: 3px 20px 20px 0; } #main p.rechts { float: right; margin: 3px 0 20px 20px; } #main .caption,#main .source { display: block; padding: 4px 10px 6px 10px;} #main p.picture{font-size: 84.61%;} #main .source { padding-bottom: 7px; } #main p.picture .wrapper { line-height: 0; } /**** 9.7 calendar ****//**** 9.8 tables ****/#main table { width: 100%; margin: 0 0 20px 0; font-size: 130%; } #main caption { background: #ededed; padding: 5px; font-weight: bold; text-align: left; } #main th { background: #ededed; padding: 5px; vertical-align: top; } #main td { border-bottom: 1px solid #ccc; padding: 10px 5px; vertical-align: top; } #main td p { font-size: 100%; } #main .even td { background: #fafafa; } .wrapperTable th a,.wrapperTable th img { clear: left; display: block; float: left; margin: 0 5px 2px 2px; } #main .wrapperTable th a { background: none; padding: 0; } /**** 9.9 forms ****/#main fieldset { background: #EDEDED; border: none; border-bottom: 3px solid #fff; padding: 15px; } #main fieldset h2 { clear: both; background: none; margin: 0 0 20px 0; padding: 0; font-family: Arial, Helvetica, Verdana; font-weight: bold; font-style: normal; font-size: 170%; } #main fieldset p { overflow: hidden; } #main fieldset label { display: block; margin: 0 0 3px 0; } #main .formLabel { position: relative; float: left; width: 260px; padding: 0 150px 0 0; } #main .formLabel em { display: block; margin: 0 0 5px 0; font-weight: bold; font-style: normal; } #main fieldset .formLabel span.formHelp { position: absolute; right: 0; top: 2px; font-size: 87%; } #main fieldset input,#main fieldset textarea,#main fieldset select { border: 1px solid #bababa; padding: 3px; width: 400px; font-family: Arial, Helvetica, Verdana; font-size: 100%; } #main fieldset textarea { height: 150px; } #main fieldset select { width: 408px; } #main fieldset input:focus,#main fieldset textarea:focus,#main fieldset select:focus { border: 1px solid #202020; } #main fieldset input.radio { float: left; border: none; margin: 2px 10px 0 0; padding: 0; width: auto; } #main fieldset .formField span { float: left; width: 100%; } #main fieldset .formField a { background: none; padding: 0; } #main form .formHandle { float: right; margin: 8px 0 0 0; } #main form .formHandle input.submit,#main form .formHandle input.reset { float: left; background: #222; margin: 0 0 0 10px; border: none; padding: 3px 6px; color: #fff; font-weight: bold; cursor: pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #main form .formHandle input.reset { background: #EDEDED; margin: 0 0 0 10px; color: #202020; } #main form .formHandle input.submit:hover,#main form .formHandle input.reset:hover { text-decoration: none; color: #202020; } #main form .formHandle input.submit:hover { background: #87AABC; } #main form .formHandle input.reset:hover { background: #dcdcdc; } .formError, .formError * { color: #C30202; font-weight: bold; } #main strong.formError { display: block; padding: 2px 0 7px 0; } #main .errorJumpLinks p { margin-bottom: 5px; } #main .errorJumpLinks ul { margin-left: 0; } #main .errorJumpLinks li { list-style: none; } #main .errorJumpLinks li a { background-position: 1px -3297px; color: #C30202; } /*****************************10.0 special sites*****************************//****** 10.1 sitemap ******/#main ul#sitemap li { background: url(/SiteGlobals/StyleBundles/Bilder/Layout/dotted-line.gif?__blob=normal&v=2) 0 0 repeat-x; list-style: none; margin-top: 20px; padding-top: 20px; } #main ul#sitemap li:first-child,#main ul#sitemap li.first-child,#main ul#sitemap li li { background: none; margin-top: 0; padding-top: 0; } #main ul#sitemap li a { display: block; } #main ul#sitemap li h2 { margin: 0 0 6px 0; font-size: 130%; } #main ul#sitemap li h2 a { background-position: 2px -695px; } /****** 10.2 glossary ******/#content .RichTextGlossarLink { cursor: help; text-decoration: none; border-bottom: 1px dotted; color: #333333; } #popup #wrapperInner { padding: 1.7em; min-height: 800px; } #popup #wrapperDivisions { width: 37em; } #popup #wrapperContent { width: 37em; } #popup #glossarEntry { border: 0; } #popup #navFunctions { padding-left: 0; } #popup #popupLinks li { background: transparent; padding-left: 0; } #content #glossaryHits { overflow: auto; margin: 1em 0; padding-left: 0; } #content #glossaryHits li { display: block; margin: 0 20px 0 0; } /****** 10.4 faq ******/#main #navContent { background: url(/SiteGlobals/StyleBundles/Bilder/Layout/dotted-line.gif?__blob=normal&v=2) 0 100% repeat-x; margin: 0 0 20px 0; padding: 0 0 20px 0; } #main #navContent li { list-style: none; } #main #navContent li a { background-position: 0 -496px; } #main #faq dt { margin: 0 0 10px 0; } #main #faq dd { padding: 0 0 10px 0; } #main #faq dd p { font-size: 100%; } /****** 10.5 newsletter ******/#content #newsletterUnsubscribe { margin-top: 4em; } #content #shoppingCartMessage { margin: 0 0 2em; } #content #shoppingCartMessage strong { display: block; margin: 0 0 .33em; } #content #shoppingCart td,#content #shoppingCart th { text-align: left; } #content #shoppingCart td input { width: 2em; text-align: right; } #content #shoppingCart td .submit { display: block; margin: 0; border: 0; padding: .17em 0 0; background: none; font-weight: normal; text-align: left; cursor: pointer; } #shoppingCart td .submit:hover,#shoppingCart td .submit:focus,#shoppingCart td .submit:active { text-decoration: underline; } #content #shoppingCart .formHandle { padding-left: 0; } /****** 10.7 guestbook ******/#content .gbtext { border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 1em; } #content .gbindex { margin-bottom: 1em; } /****** 10.8 photogallery ******/#content .photogalleryDocuments { overflow: hidden; margin-bottom: 1em; } #content .photogalleryDocuments p { float: left; } #content .photogallery .scrollLinksFirst,#content .photogallery .scrollLinks { height: 2em; margin: 1em 0; text-align: center; } #content .photogalleryDocuments img { margin: 3px 3px 0 0; float: left; } #content .photogalleryDocuments .active img { margin: 0; } /****** 10.9 dossier ******/#content .dossier .scrollLinksFirst,#content .dossier .scrollLinks { height: 2em; margin: 1em 0; text-align: center; } #content .dossier .tableOfDocuments { padding-left: 0; } /****** 10.10 download confirm ******/#content .formDLConfirm { float: left; } /****** 10.11 search results ******/#main #searchResult { clear: both; background: url(/SiteGlobals/StyleBundles/Bilder/Layout/dotted-line.gif?__blob=normal&v=2) 0 100% repeat-x; padding: 0 0 5px 0; margin: 0 0 20px 0; } #main #searchResult li { background: url(/SiteGlobals/StyleBundles/Bilder/Layout/dotted-line.gif?__blob=normal&v=2) 0 0 repeat-x; margin: 20px 0 15px 0; padding: 20px 0 0 0; list-style: none; font-size: 100%; } #main #searchResult h2 { margin: 0 0 5px 0; } #main #searchResult h2 a { background-position: 0 2px; padding-left: 20px; } #main #searchResult li p { font-size: 130%; } #main #searchResult li p.metaData { margin: 5px 0 0 0; font-size: 120%; font-style: italic; } #main .searchString { background: #FF6; padding: 0 2px; font-style: normal; } #main .navIndex { float: right; overflow: hidden; margin: 0 0 20px 0; } #main .navIndex li { float: left; background: url(/SiteGlobals/StyleBundles/Bilder/Layout/separator.gif?__blob=normal&v=2) 0 50% no-repeat; margin: 5px 0; padding: 0 6px; list-style: none; } #main .navIndex li.first { background: none; } #main .navIndex li a,#main .navIndex li strong { background: none; padding: 0 4px; color: #1f1f1f; text-align: center; font-weight: bold; } #main .navIndex li strong { text-decoration: underline; } #main .navIndex li.forward,#main .navIndex li.back { background: none; margin: 0; padding: 0; } #main .navIndex li.back { margin: 0 -3px 0 0; } #main .navIndex li.forward a,#main .navIndex li.back a { display: block; position: relative; z-index: 1; background: #222 url(/SiteGlobals/StyleBundles/Bilder/Layout/icon-sprites.png?__blob=normal&v=6) -35px -3693px no-repeat; width: 25px; height: 23px; border: 2px solid #fff; padding: 0; text-indent: -9999px; } #main .navIndex li.back a { background-position: -35px -3893px; } #main .navIndex li.forward a:hover { background-color: #87AABC; background-position: -35px -893px; } #main .navIndex li.back a:hover { background-color: #87AABC; background-position: -35px -3793px; } #main .navIndex li.forward a:focus,#main .navIndex li.back a:focus { border: 2px solid #369; } /****** 10.12 Events ******/#main #events fieldset { float: left; width: 550px; background: none; margin: 0 0 20px 0; padding: 0; } #main #events fieldset .formLabel { padding: 0 0 3px 0; font-weight: bold; } #main #events fieldset p { float: left; width: 275px; } #main #events fieldset p select { width: 250px; } #main #events form div { float: none; margin: 0; padding: 8px 0 0 0; } #main #events div .submit { background-image: url(/SiteGlobals/StyleBundles/Bilder/Layout/icon-sprites.png?__blob=normal&v=6); background-position: 100% -3494px; background-repeat: no-repeat; padding: 6px 30px 6px 6px; font-size: 120%; } #main #events div .submit:hover { background-position: 100% -3594px; } #main #events table { clear: both; table-layout: auto; } #main #events thead th { background: transparent url(/SiteGlobals/StyleBundles/Bilder/Layout/dotted-line-bold.gif?__blob=normal&v=2) 0 100% repeat-x; } #main #events th { background: none; padding: 8px 10px; font-size: 115.5%; font-weight: bold; } #main #events td { background: transparent url(/SiteGlobals/StyleBundles/Bilder/Layout/dotted-line.gif?__blob=normal&v=2) 0 100% repeat-x; border-bottom: none; padding: 20px 10px; } #main #events td span.date { float: left; padding: 0 60px 0 0; line-height: 1.2em; text-align: center; white-space: nowrap; text-transform: uppercase; font-weight: bold; } #main #events td span.date em { font-family: Arial, Helvetica, Verdana; font-weight: bold; font-size: 120%; font-style: normal; } #main #events td span.date abbr,#main #events td span.date .year { border-bottom: none; font-family: Arial, Helvetica, Verdana; font-weight: bold; font-size: 130%; } #main #events td span.date abbr { color: #50626A; } #main #events td span.date .year { display: block; padding: 5px 0 0 0; font-size: 180%; color: #666; letter-spacing: 1px; font-weight: normal; } #main #events td.location { padding-right: 60px; font-size: 115.5%; } #main #events td h3 { margin: 0 0 5px 0; font-size: 115.5%; } #main #events td h3 a { background: none; padding: 0; } #main #events td p { margin: 0; } /*****************************11.0 supplementary content*****************************/#supplement .box { background: #e5ebf2; margin: 0 0 5px 0; padding: 18px 8px; overflow: hidden; width: 225px; } #supplement .box strong.more { float: right; } #supplement .box strong.more a { display: block; background: url(/SiteGlobals/StyleBundles/Bilder/Layout/icon-sprites.png?__blob=normal&v=6) 0 1px no-repeat; margin: 5px 0 0 0; padding-left: 23px; font-weight: bold; } #supplement .box a:hover,#supplement .box a:active,#supplement .box a:focus { text-decoration: underline; } #supplement .box h3 { margin: 0 0 15px 0; font-size: 170%; font-weight: bold; color: #202020; } #supplement .box h3 a { font-family: Arial, Helvetica, Verdana; text-transform: none; font-weight: bold; font-style: normal; font-size: 80%; } #supplement .box h3 em,#supplement .box h3 span { display: block; margin: 0 0 3px 0; font-size: 82.4%%; } #supplement .box p { font-size: 130%; } #supplement .box li { height: 1%; padding: 8px 0 0 0; font-size: 130%; font-weight: bold; } #supplement .box li:first-child { padding: 0; } #supplement .box li a { display: block; background: url(/SiteGlobals/StyleBundles/Bilder/Layout/icon-sprites.png?__blob=normal&v=6) 0 1px no-repeat; padding-left: 23px; } #supplement .box li a.external { background-position: 0 -99px; } #supplement .box li a.download { background-position: 0 -199px; } #supplement .box p.picture img { width: 225px; height: auto; padding: 0 0 10px 0; } #navSecondary .themeBox p.all { float: right; font-weight: bold; margin: 10px 0 0; font-size: 130%; } #navSecondary .themeBox p.all a { -moz-transition: all 0.3s ease 0s; background: none repeat scroll 0 0 #222222; color: #FFFFFF; line-height: 1.6em; padding: 3px 6px; } #wrapperDivisions #supplement .contactData .phone span,#wrapperDivisions #supplement .contactData .fax span,#wrapperDivisions #supplement .contactData .mail span { font-size: 130%; } #wrapperDivisions #supplement .contactData p { padding: 0; } #wrapperDivisions #supplement .contactData p strong,#wrapperDivisions #supplement .contactData .address { display: block; padding: 0 0 10px 0; } #supplement .events .box { overflow: hidden; background: #CCD9E1; width: 230px; padding: 18px 5px 10px; } #supplement .events .box ul { padding: 0; } #supplement .events .box li { background: url(/SiteGlobals/StyleBundles/Bilder/Farbschema/pattern-blue.png?__blob=normal&v=2) 0 0 repeat; overflow: hidden; margin: 2px 0; padding: 12px 5px; font-size: 100%; } #supplement .events .box li.hover-clickarea { background: url(/SiteGlobals/StyleBundles/Bilder/Farbschema/pattern-white.png?__blob=normal&v=2) 0 0 repeat; cursor: pointer; } #supplement .events .box li span { color: #000; font-size: 120%; font-weight: normal; } #supplement .events .box li span.location { display: block; font-size: 125%; font-weight: bold; } #supplement .events .box li span.date { float: left; width: 3.72em; font-size: 170%; line-height: 1.2em; text-transform: uppercase; padding-top: 8px !important; } #supplement .events .box li span.date em { font-family: Arial, Helvetica, Verdana; font-weight: bold; font-size: 100%; } #supplement .events .box li span.date abbr { border-bottom: none; font-family: Arial, Helvetica, Verdana; font-weight: bold; font-size: 100%; } #supplement .events .box li h4 { float: right; width: 12.05em; padding: 1px 0 0 0 !important; font-size: 130%; font-weight: normal; color: #000; } #supplement .events .box li h4 a { display: block; background: none; padding: 0; color: #000; } #supplement .events .box li h4 a:hover,#supplement .events .box li h4 a:hover,#supplement .events .box li h4 a:hover { text-decoration: underline; } .js-on #supplement .events .box li h4 a:hover,.js-on #supplement .events .box li h4 a:hover,.js-on #supplement .events .box li h4 a:hover { text-decoration: none; } #supplement .events p.all { float: right; margin: 10px 0 0 0; font-weight: bold; } #supplement .events p.all a { background: #222; padding: 3px 6px; color: #fff; line-height: 1.6em; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #supplement .events p.all a:hover,#supplement .events p.all a:active,#supplement .events p.all a:focus { background: #E5EBF2; color: #222; text-decoration: none; } /*****************************12.0 footer (siteInfo)*****************************/#siteInfo {} #siteInfo a:hover,#siteInfo a:active,#siteInfo a:focus { text-decoration: none; color: #202020; } #siteInfo h2 { float: left; padding: 13px 10px; font-weight: bold; font-size: 130%; } #navFunctions { float: left; } #navFunctions li { float: left; margin: 0 10px 0 0; padding: 10px 0; font-size: 130%; font-weight: bold; } #navFunctions li a { display: block; padding: 3px 10px 3px 0; } #navFunctions li#navFunctionsPrint a { background: url(/SiteGlobals/StyleBundles/Bilder/Layout/icon-sprites.png?__blob=normal&v=6) 0 -2447px no-repeat; padding-left: 23px; } #navFunctions li#navFunctionsRecommend a { background: url(/SiteGlobals/StyleBundles/Bilder/Layout/icon-sprites.png?__blob=normal&v=6) 0 -2546px no-repeat; padding-left: 23px; } .siteInfo-Box { display: block; clear: both; overflow: hidden; padding: 20px 10px; } .siteInfo-Box .col-1 { float: left; width: 750px; } .siteInfo-Box .col-2 { float: right; width: 180px; } .siteInfo-Box .col-1 h3,.siteInfo-Box .col-2 h3 { margin: 0 0 20px 0; font-family: Arial, Helvetica, Verdana; font-size: 170%; font-weight: bold; font-style: normal; color: #202020; word-wrap: break-word; } .siteInfo-Box .col-1 div { float: left; width: 18.7em; } .siteInfo-Box .col-1 div h4,.siteInfo-Box .col-2 li h4 { margin: 0 20px 7px 0; border-bottom: 2px solid #a9a9a9; padding: 0 0 5px 0; font-size: 150%; font-weight: bold; } .siteInfo-Box .col-1 div h4 a,.siteInfo-Box .col-2 li h4 a { display: block; background: url(/SiteGlobals/StyleBundles/Bilder/Layout/icon-sprites.png?__blob=normal&v=6) 0 2px no-repeat; padding-left: 20px; word-wrap: break-word; } .siteInfo-Box .col-1 div ul { margin: 0 0 20px 0; } .siteInfo-Box .col-1 div li { margin: 0 20px 5px 0; border-bottom: 1px solid #d1d9e0; padding: 0 0 5px 0; font-size: 120%; font-weight: bold; } .siteInfo-Box .col-1 div li a { display: block; background: url(/SiteGlobals/StyleBundles/Bilder/Layout/icon-sprites.png?__blob=normal&v=6) 2px -797px no-repeat; padding-left: 15px; } .siteInfo-navServiceMeta { float: left; } #siteInfo #facebook a { background: url(/SiteGlobals/StyleBundles/Bilder/Layout/facebook.png?__blob=normal&v=4) 0 2px no-repeat; margin: 20px 0; padding: 2px 0 2px 24px; font-weight: bold; display: block; font-size: 130%; color: #3968a0; } #siteInfo #facebook a:hover,#siteInfo #facebook a:active,#siteInfo #facebook a:focus { text-decoration: underline; } #siteInfo p { clear: both; float: left; padding: 10px 50px 10px 10px; color: #369; font-size: 110%; } .siteInfo-navServiceMeta li { float: left; padding: 10px; font-size: 110%; } .partner { margin: 20px 0 0 0; } .partner ul { float: left; background: #c3c3c3; padding: 5px 0 0 0; } .partner ul li img { display: block; padding: 0 5px 5px 5px; } /*****************************13.0 Special Modules*****************************/#hoverTeaser { background: #D1B299 url(/SiteGlobals/StyleBundles/Bilder/Farbschema/mediathek.png?__blob=normal&v=2) 100% 100% no-repeat; margin: 0 0 30px 0; padding: 15px 15px 30px 15px; } #hoverTeaser h2 { padding: 0 0 20px 0; font-size: 160%; font-weight: bold; color: #202020; } #hoverTeaser strong { display: block; padding: 0; } #hoverTeaser a { display: block; background: url(/SiteGlobals/StyleBundles/Bilder/Layout/icon-sprites.png?__blob=normal&v=6) 0 1px no-repeat; padding: 0 40px 0 20px; font-family: Arial, Helvetica, Verdana; font-weight: normal; font-style: normal; font-size: 130%; color: #1F1F1F; } #hoverTeaser a:hover,#hoverTeaser a:active,#hoverTeaser a:focus { text-decoration: underline; } #navSecondary .boxWrapper .box { background: #e5ebf2; margin: 0 0 5px 0; padding: 18px 8px; overflow: hidden; } #navSecondary .boxWrapper .box h3 { color: #202020; font-size: 170%; font-weight: bold; margin: 0 0 15px; } #navSecondary .boxWrapper .box li { font-size: 130%; font-weight: bold; height: 1%; padding: 8px 0 0; } #navSecondary .boxWrapper .box li:first-child { padding: 0; } #navSecondary .boxWrapper .box li a { background: url(/SiteGlobals/StyleBundles/Bilder/Layout/icon-sprites.png?__blob=normal&v=6) no-repeat scroll 0 1px transparent; display: block; padding-left: 23px; } #main .ContentTeaser { float: left; width: 100%; background: #E5EBF2; margin: 0 0 20px 0; } #main .ContentTeaser h2 { float: right; width: 215px; padding: 6px 10px 0 10px; font-size: 130%; } #main .ContentTeaser p { float: left; background: #E5EBF2; margin: 0; } #main .ContentTeaser a.download { background: url(/SiteGlobals/StyleBundles/Bilder/Layout/icon-sprites.png?__blob=normal&v=6) 0 -199px no-repeat; margin: 0 0 0 10px; padding-left: 20px; } #main div.audio { width: 245px; margin-right: 10px; } #main div.ct-wide { position: relative; } #main div.ct-wide.audio { width: 100%; clear: both; float: none; margin-right: 0; } #main div.ct-wide:after { content: " "; display: block; clear: both; } #main div.audio h2 { float: none; width: auto; padding: 10px 10px 0; } #main div.audio object { margin-bottom: 10px; } #main div.audio p.audio,#main div.audio p.picture { padding: 0 10px 10px; } #main div.audio p.audio span { padding-left: 0; padding-right: 0; } #main .ct-wide p.audio { clear: both; width: 195px; } #main .ct-wide p.teasertext { position: absolute; right: 10px; top: 33px; width: 195px; } #stage { position: relative; background: url(/SiteGlobals/StyleBundles/Bilder/Layout/header_1.jpg?__blob=normal&v=3) 0 0 no-repeat; height: 200px; float: left; margin-top: -5px; } .js-on #stage { cursor: pointer; } #stage cite { position: absolute; left: 10px; top: 10px; width: 150px; font-size: 120%; color: #666; font-style: normal; } #stage cite strong { display: block; } #stage a { display: block; height: 100%; width: 100%; } #stage span { position: absolute; left: 435px; top: 37px; width: 380px; background: url(/SiteGlobals/StyleBundles/Bilder/Layout/blockquote.png?__blob=normal&v=2) 0 0 no-repeat; padding: 10px 10px 10px 60px; font-size: 220%; font-weight: bold; color: #000000; } #stage span a { color: #000000; } .teaser-wrapper .pagination { position: absolute; right: 0; top: 0; width: auto; } .teaser-wrapper .pagination li { list-style: none; float: left; } .teaser-wrapper .pagination li a { display: block; background: #e6e6e6; font-size: 130%; padding: 3px 6px; color: #202020; font-weight: bold; margin-left: 5px; } .teaser-wrapper .pagination li.on a { background: #202020; color: #fff; } #main .teaser-wrapper { position: relative; overflow: hidden; width: 470px; margin: 0 0 20px 0; } .js-on #main .teaser-wrapper .rack { width: 400px; margin: 0 40px; } #main .teaser-wrapper .teaser { background: none; width: 185px; margin: 0 20px 20px 0; } .js-on #main .teaser-wrapper .teaser { margin: 0 20px 0 0; } #main .teaser-wrapper .teaser-box { overflow: hidden; background: #EDEDED; padding: 0 10px 0 10px; } #main .teaser-wrapper .teaser h2 { margin: 10px 0; font-size: 130%; } #main .teaser-wrapper .teaser h2 a { font-family: Arial, Helvetica, Verdana; font-style: normal; font-weight: bold; } #main .teaser-wrapper .teaser a { background: none; padding: 0; } #main .teaser-wrapper .teaser p { margin-bottom: 10px; font-size: 120%; } #content #main .teaser-wrapper .teaser p .more a { background: url(/SiteGlobals/StyleBundles/Bilder/Layout/icon-sprites.png?__blob=normal&v=6) 0 -796px no-repeat; padding-left: 13px; } #main .teaser-wrapper .prev,#main .teaser-wrapper .next { display: none; } .js-on #main .teaser-wrapper .prev,.js-on #main .teaser-wrapper .next { display: block; position: absolute; top: 0; left: 0; width: 21px; height: 146px; } .js-on #main .teaser-wrapper .next { left: auto; right: 0; } .js-on #main .teaser-wrapper .prev a,.js-on #main .teaser-wrapper .next a { display: block; background: #c7c7c7 url(/SiteGlobals/StyleBundles/Bilder/Layout/icon-sprites.png?__blob=normal&v=6) 4px -4038px no-repeat; width: 21px; height: 146px; padding: 0; text-indent: -9999px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; cursor: default; outline: none; } .js-on #main .teaser-wrapper .next a { background-position: 4px -4238px; } .js-on #main .teaser-wrapper .prev a.show,.js-on #main .teaser-wrapper .next a.show { background-color: #202020; cursor: pointer; } .js-on #main .teaser-wrapper .prev a.show:hover,.js-on #main .teaser-wrapper .next a.show:hover,.js-on #main .teaser-wrapper .prev a.show:focus,.js-on #main .teaser-wrapper .next a.show:focus,.js-on #main .teaser-wrapper .prev a.show:active,.js-on #main .teaser-wrapper .next a.show:active { background-color: #87AABC; background-position: 4px -4438px; } .js-on #main .teaser-wrapper .next a.show:hover,.js-on #main .teaser-wrapper .next a.show:focus,.js-on #main .teaser-wrapper .next a.show:active { background-position: 4px -4638px; } .js-on #main .tw-images .prev,.js-on #main .tw-images .next { height: 85px; } .js-on #main .tw-images .prev a,.js-on #main .tw-images .next a { background-position: 4px -4064px; height: 85px; } .js-on #main .tw-images .next a { background-position: 4px -4264px; } .js-on #main .tw-images .prev a.show:hover,.js-on #main .tw-images .next a.show:hover,.js-on #main .tw-images .prev a.show:focus,.js-on #main .tw-images .next a.show:focus,.js-on #main .tw-images .prev a.show:active,.js-on #main .tw-images .next a.show:active { background-position: 4px -4464px; } .js-on #main .tw-images .next a.show:hover,.js-on #main .tw-images .next a.show:focus,.js-on #main .tw-images .next a.show:active { background-position: 4px -4664px; } .text-box { position: relative; margin: 0 0 30px 0; width: 470px; } #main .text-box .toc { overflow: hidden; margin: 0; padding: 0; } #main .text-box .toc li { float: left; margin: 0 5px 0 0; font-size: 130%; list-style: none; } #main .text-box .toc a { display: block; float: left; background: none #E6E6E6; padding: 0; cursor: pointer; font-weight: normal; color: #222; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #main .text-box .toc a:hover,#main .text-box .toc a:active,#main .text-box .toc a:focus,#main .text-box .toc a.js-selected,#main .text-box .toc a.a11y-focus { background: #222; color: #fff; text-decoration: none; } #main .text-box .toc a span { display: block; padding: 6px 9px; font-weight: bold; } #main .text-box .toc a.js-selected span { background: url(/SiteGlobals/StyleBundles/Bilder/Layout/tab-arrow.png?__blob=normal&v=2) 50% 100% no-repeat; padding-bottom: 14px; } .text-box .toc a.ui-disabled { cursor: default; text-decoration: none; } .section-group { overflow: hidden; margin: 15px 0 0 0; } .section { clear: both; display: block; padding: 0; } #map, #map-box { display: block; position: relative; overflow: hidden; background: url(/SiteGlobals/StyleBundles/Bilder/Layout/map.jpg?__blob=normal&v=2) 0 20px no-repeat; width: 720px; height: 583px; margin: 0 0 20px 0; padding: 0 0 20px 0; } #map-box { background: transparent url(/SiteGlobals/StyleBundles/Bilder/Layout/dotted-line.gif?__blob=normal&v=2) 0 100% repeat-x; margin: 0; } #map ul { background: transparent url(/SiteGlobals/StyleBundles/Bilder/Layout/dotted-line.gif?__blob=normal&v=2) 0 0 repeat-x; margin: 0; padding: 20px 0 0 0; } #map li { position: absolute; background: url(/SiteGlobals/StyleBundles/Bilder/Layout/map-marker.png?__blob=normal&v=2) 0 100% no-repeat; padding: 5px 10px 15px 7px; font-size: 150%; font-weight: bold; list-style: none; } #main #map li a { background-position: 0 2px; padding-left: 22px; } #map li a em { font-style: normal; font-weight: normal; } /** * Coverflow */.cover-flow-box { padding: 0 14px; } .cover-flow { clear: both; overflow: hidden; margin: 0 0 18px 0; position: relative; zoom: 1; width: 460px; } .js-on .cover-flow { height: 170px; } .cover-flow .controls { display: none; } .js-on .cover-flow .controls { display: block; } .cover-flow .controls span { background: white url(/SiteGlobals/StyleBundles/Bilder/Farbschema/gallery_coverflow_arrows.gif?__blob=normal&v=1) no-repeat 0 center; } .cover-flow .controls span { position: absolute; height: 100%; width: 30px; top: 0; left: 0; cursor: pointer; z-index: 20; display: block; } .cover-flow .controls span.show { display: block; } .cover-flow .controls span.next { left: auto; right: 0; background-position: -30px center; } .cover-flow .controls span.aural{background: none; position: absolute; left: -9999px} .cover-flow .controls span.disabled { display: block; left: -9000px; } .cover-flow .holder { height: 180px; display: block; overflow: auto; position: relative; } .js-on .cover-flow .holder { height: 100%; margin: 0 auto; overflow: hidden; width: 230px; padding-left: 230px; zoom: 1; } .cover-flow .items { display: block; height: 100%; } .cover-flow .items img { border: 2px solid #fff; position: relative; } .js-on .cover-flow .items { width: 98%; float: left; position: relative; margin-left: -87px; } *html.js-on .cover-flow .items { margin-left: -44px; } .cover-flow .item { padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px dotted #ccc; zoom: 1; float: left; } .js-on .cover-flow .item { border: none; float: left; zoom: 1; margin: 0; padding: 0; overflow: visible; position: relative; height: 100%; } * .js-on .cover-flow .item { margin-right: -25px; } .js-on .cover-flow .active { position: relative; margin-top: 0} .cover-flow .item dl { padding: 0; margin: 10px 0; } .cover-flow .item dt { float: left; margin: 0 10px 0 0; padding: 0; } .js-on .cover-flow .item dt { margin: 0; padding: 0; } .js-on #main .cover-flow .item dd { display: none; } .js-on .cover-flow .details { bottom: 0; height: 5.6em; overflow: hidden; padding: 5px 10px; position: relative; text-align: center; zoom: 1; } .cover-flow .details h4 { color: #6d8d00; font-size: 140%; text-align: center; } .cover-flow .details p { font-size: 1.3em; padding-bottom: 1px !important; text-align: center; } .cover-flow .details a.external { font-size: 13px; } .mask { background-color: #000; width: 100%; z-index: 200; } .showbox { position: absolute; z-index: 200; top: 0; left: 0; margin: 20px 0 0; padding: 6px 40px 10px 40px; background-color: #fff; } .showbox-head { background-color: #fff; overflow: hidden; padding: 0; font-size: 120%; text-align: center; } .showbox-head h1 { position: absolute; left: -9999em; height: 1px; margin: 0; padding: 0; overflow: hidden; width: 1px; } .showbox-head a { color: #fff; cursor: pointer; } .showbox li.description { position: relative; margin: 0; padding: 0; } .showbox .close-button { position: absolute; top: 10px; right: 0; color: #42719F; cursor: pointer; font-weight: bold; cursor: pointer; font-size: 150%; padding: 2px 30px 2px 0; background: url(/SiteGlobals/StyleBundles/Bilder/Farbschema/close.gif?__blob=normal&v=1) 100% 0 no-repeat; } .showbox a.a11y-focus { text-decoration: underline; } .showbox-toolbar { float: left; text-align: center; padding-left: 5px; } .showbox-toolbar a { position: absolute; top: 40%; left: 10px; width: 21px; height: 110px; text-indent: -4000px; background: url(/SiteGlobals/StyleBundles/Bilder/Farbschema/lightbox_arrows.gif?__blob=normal&v=1) 0 0 no-repeat; } .showbox-head .next { padding-right: 0; right: 10px; left: auto; background-position: -21px 0; } .showbox-toolbar a.ui-disabled { cursor: default; text-decoration: none; color: #333; display: none; } .showbox .content-box { position: relative; zoom: 1; overflow: hidden; margin: 0 auto; } .overlay-control { position: absolute; display: block; top: 0; width: 40%; cursor: pointer; } .content-box .next { right: 0; } .content-box .prev { left: 0; } .overlay-control span { margin: 20px 0 0; width: 40px; height: 40px; text-indent: -9999em; } .content-box .next span { float: right; background-position: -40px 0; } .overlay-control.over-control span { display: block; } .showbox .content-box .ui-disabled { cursor: default; } .overlay-control span,.showbox .content-box .ui-disabled span,.showbox .content-box .ui-disabled.over-control span { display: none; } .showbox .multimedia-box { overflow: hidden; } .showbox .text-content { padding: 5px; background: #fff; } .showbox .text-content-box { position: relative; padding-right: 120px; } .showbox h2 { margin: 5px 0; color: #000; font-size: 130%; } .showbox p { margin: 0; padding: 0; font-weight: normal; font-size: 130%; color: #000; } .showbox p span { display: block; } .showbox ul { margin: 5px 0 0 0; } .showbox li { list-style: none; color: #555; font-size: 110%; margin-bottom: 2px; } .showbox-container { display: none; } .showbox-container.visible{ display: block; position: fixed; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0, 0, 0); background-color: rgba(0, 0, 0, 0.7); z-index: 1000; } #dialog.visible{z-index: 500; display: block; position: fixed; left: 0; top: 0; height: 100%; width: 100%;} .showbox-container.visible .showbox-box-container, #dialog.visible .lightboxContent { width: 100%; min-width: 300px; max-width: 720px; background: white; opacity: 1; z-index: 1001; padding: 50px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;} #glossarEntry a{padding: 0; font-weight: bold;} #glossarEntry .links{float: left; margin: 3px 20px 20px 0} #glossarEntry .rechts{float:right; margin: 3px 0 20px 20px} .showbox-box-container h1 { margin: 10px 0; } .showbox-box .video { margin: 0 auto; } button.close { top: auto; right: 10px; top: 10px; color: #42719F; cursor: pointer; position: absolute; font-weight: bold; cursor: pointer; font-size: 150%; padding: 2px 30px 2px 0; background: url(/SiteGlobals/StyleBundles/Bilder/Farbschema/close.gif?__blob=normal&v=1) 100% 0 no-repeat; } .showbox .showbox-box-container { width: 500px; margin-bottom: 25px; } #content #main .teaser .karussellink h2 { color: #369; } #dialog p{ font-size: 130%; line-height: 20px;} #dialog .lightboxContent{z-index: 1001} #dialog .lightboxBackground{ z-index: 1000; position: absolute; top: 0; left: 0; background-color: black; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70);height: 100%; width: 100%;} .lightboxContent p{ margin-bottom: 18px;} .lightboxContent .galleryContent .description span { display: block; } .holder button{height: 30px; width: 30px; background: red;} img.active{z-index: 19; margin: 0; } .galleryContent .image{display:block; text-align: center;} .hidden{ visibility: hidden;} .galleryContent .image img{max-width: 100%; max-height: 710px; display: block; margin: 0 auto;} /* Bilder skalieren */ @media screen and ( max-height: 850px){ .galleryContent .image img{max-width: 100%; max-height: 640px;} } @media screen and ( max-height: 768px){ .galleryContent .image img{max-width: 100%; max-height: 580px;} } @media screen and ( max-height: 780px){ .galleryContent .image img{max-width: 100%; max-height: 480px;} } @media screen and ( max-height: 610px){ .galleryContent .image img{max-width: 100%; max-height: 350px;} } //Lightboxbreite für div. Auflösungen @media screen and ( min-width: 480px){ .showbox-container.visible .showbox-box-container, #dialog.visible .lightboxContent{ width: 320px; } } @media screen and ( min-width: 800px){ .showbox-container.visible .showbox-box-container, #dialog.visible .lightboxContent{ width: 420px; } } @media screen and ( min-width: 1024px){ .showbox-container.visible .showbox-box-container, #dialog.visible .lightboxContent{ width: 620px; } } @media screen and ( min-width: 1080px){ .showbox-container.visible .showbox-box-container, #dialog.visible .lightboxContent{ width: 720px; } }