/* CSS Document */ /* -- typo -------------------------------------------------------------------- ------------------------------------------------------------------------------- */ /* http://pxtoem.com/ */ body { font-family: Arial, Geneva, sans-serif; font-size:100%; line-height:1.125em; color: #1a1c1e; background: #5e6265; /* background: url(../images/tools/grid.png) center top repeat-y; */ } .fs10 { font-size: 0.625em; line-height:1.125em;} .fs11 { font-size: 0.688em; line-height:1.125em;} .fs12 { font-size: 0.75em; line-height:1.417em;} .fs13 { font-size: 0.813em; line-height:1.125em;} .fs14 { font-size: 0.875em; line-height:1.125em;} .fs15 { font-size: 0.938em; line-height:1.125em;} .fs16 { font-size: 1em; line-height:1.125em;} .fs17 { font-size: 1.063em; line-height:1.125em;} .fs18 { font-size: 1.125em; line-height:1.125em;} .fs19 { font-size: 1.188em; line-height:1.125em;} .fs20 { font-size: 1.250em; line-height:1.125em;} .fs21 { font-size: 1.313em; line-height:1.125em;} .fs22 { font-size: 1.375em; line-height:1.125em;} .fs23 { font-size: 1.438em; line-height:1.125em;} .fs24 { font-size: 1.5em; line-height:1.125em;} .fs26 { font-size: 1.625em; line-height:1.125em;} .fs28 { font-size: 1.750em; line-height:1.125em;} .fs30 { font-size: 1.875em; line-height:1.125em;} .lh11 { line-height: 1.1em} .lh17 { line-height: 1.375em} .psr {font-family: 'PlutoSansRegular'; font-weight: normal!important;} .psb {font-family: 'PlutoSansBold'; font-weight: normal!important;} h1,h2 { text-transform: uppercase;} .fs20tesaser25 { font-size: 1.250em; line-height:1.7em;} /* -- typo Elements --------------------------------------------------------- ------------------------------------------------------------------------------- */ b { font-weight: bold;} i { font-style: italic;} strong, .fett { font-weight: bold;} .upperc { text-transform: uppercase;} .lowerc { text-transform: lowercase;} .normalc { text-transform: none;} .kursiv { font-style: italic;} a, a:link, a:visited, a:hover {color: inherit; text-decoration: none; cursor: pointer; display: inline-block;} a.readmore,a.readmore:link,a.readmore:visited { clear: both; float: left; display: block; width: 100%; margin-top: 5px; margin-bottom: 5px; font-weight: bold; } .textslides a, .textslides a:link, .textslides a:visited, .textslides a:focus { font-weight: 700;} a.readmore:hover, .textslides a:hover, a.textlink:hover, a.link-arrow:hover, a.arrowlink:hover, a:hover .readmore, a:hover .hunderline, a:hover .linklike, a:hover .linklike-light { text-decoration: underline;} /* kluge eingefuegt */ .linklike {position:absolute; bottom: 0px} /* kluge eingefuegt */ div.link { float: left;} .hoverunderline { /* border-bottom: solid 1px transparent; */ } a:hover .hoverunderline, a:hover div.link, a:focus .hoverunderline, a:focus div.link { /* border-bottom: solid 1px #fff; */ background: url(../images/tools/white1x1.png) left bottom repeat-x;} a:hover .hoverunderline.dark, a:focus .hoverunderline.dark { border-bottom: solid 1px #1A1C1E;} .hoverunderline-light { float: left; display: block; } .hoverunderline-light span { float: left;} .hoverunderline-light .txt { float: left;} a:hover .hoverunderline-light { background: url(../images/tools/white1x1.png) left bottom repeat-x; } button { cursor: pointer;} a.darklink, a.darklink:link, a.darklink:visited, a.darklink:active, a.darklink:hover, a.darklink:focus {color: #1A1C1E} .fw-700 { font-weight: 700;} .fw-900 { font-weight: 900;} .caption {color: #4a4f55;} /* -- tools ------------------------------------------------------------------- ------------------------------------------------------------------------------- */ .hidden { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; } .nobr { white-space:nowrap !important; } .wrap { white-space:normal !important; } .a-left { text-align:left !important; } .a-center { text-align:center !important; } .a-right { text-align:right !important; } .v-top { vertical-align:top; } .v-middle { vertical-align:middle; } .f-left, .left { float:left !important; } .f-right, .right { float:right !important; } .f-none { float:none !important; } .f-fix { float:left; width:100%; } .no-display { display:none; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } .clr { clear: both; height: 0px; line-height: 0px; font-size: 0px;} .blox { float: left; width: 100%; display: block;} .blog {margin-top: 30px;} .vertspace1 {margin: 0.75em 0px 0.2px;} .vertspace2 {margin: 0.35em 0px 0.3em;} /* -- Layout ----------------------------------------------------------------- ------------------------------------------------------------------------------- */ .header { position: relative; z-index: 70;} /* important for ie7 */ /* -- Top Nav ---------------------------------------------------------------- */ .top-nav { position: relative; z-index: 900;} #top-nav { float: right; margin-top:0px; background: url(../images/colors/black-20.png) repeat; min-width: 495px;} /* Suche ausgeschaltet #top-nav { float: right; margin-top:0px; background: url(../images/colors/black-20.png) repeat; min-width: 692px;} */ #top-nav li { float: left; display: inline; padding-right: 28px; } #top-nav li.zurueckzudhm, #top-nav li.zeughauskino { padding-right: 10px; padding-left: 6px;} #top-nav li.lemo { padding-right: 10px;} #top-nav li.museumsverein { padding-right: 10px;} #top-nav li.leichtesprache { padding-right: 10px;} #top-nav li.presse { padding-right: 10px;} #top-nav li { padding-right: 10px;} top-nav li.gebaerdensprache { padding-right: 7px; border-right: solid 1px #717375;} #top-nav li.museumsshop { padding-right: 7px; border-right: solid 1px transparent; } #top-nav li.tn-item { /* height: 2.1811em; */ height: 24px;} #top-nav li.lang { width: 45px; padding-right: 0px!important; padding-left: 0px;font-size: 0.688em; line-height: 1.125em;} #top-nav li.lang select { display: none;} /* dropkick */ .dk_container:focus { } .dk_container a { cursor: pointer; text-decoration: none; } /* Opens the dropdown and holds the menu label */ .dk_toggle span { } .dk_toggle:hover { } /* Applied when the dropdown is focused */ .dk_focus .dk_toggle { } .dk_focus .dk_toggle { } /* Applied whenever the dropdown is open */ .dk_open { /** * Help: Dropdown menu is covered by something * Try setting this value higher */ z-index: 10; } .dk_open .dk_toggle { } /* The outer container of the options */ .dk_options { } .dk_options a { } .dk_options li:last-child a { border-bottom: none; } .dk_options a:hover, .dk_option_current a { background: #000;} .dk_option_current a { cursor: default;} /* Inner container for options, this is what makes the scrollbar possible. */ .dk_options_inner { } .dk_options_inner li { width: 100%;} .dk_options_inner li a { width: 81%;} .dk_options_inner li a:hover { background: #000!important; text-decoration: underline;} .dk_options_inner li.dk_option_current { } /* Set a max-height on the options inner */ .dk_options_inner, .dk_touch .dk_options { } /****** End Theme ******/ /***** Critical to the continued enjoyment of working dropdowns ******/ .dk_container { display: none; float: left; position: relative; padding: 4px 0px 2px 3px; } .dk_container a { } .dk_toggle { display: -moz-inline-stack; display: inline-block; position: relative; } .dk_open { position: relative; } .dk_open .dk_options { display: block; } .dk_open .dk_label { color: inherit; } .dk_options { display: none; margin-top: -1px; position: absolute; right: 0; width: 100%; } .dk_options_inner li { width: 67px!important; margin-bottom: 1px;} .dk_options a, .dk_options a:link, .dk_options a:visited { display: block; width: 52px!important; padding-left: 15px!important; padding-right: 0px!important; } .dk_options_inner { position: relative; margin-top: 8px; } .dk_touch .dk_options { overflow: hidden; } .dk_touch .dk_options_inner { max-height: none; overflow: visible; } .dk_fouc select { position: relative; top: -99999em; visibility: hidden; } #top-nav li.lang li { width: 58px; padding-right: 0px!important; background: url(../images/colors/black-20.png) repeat; margin-bottom: 0px;border-top: solid 1px #333; } #top-nav li a.dk_toggle {/* padding: 0.07em 0 0.28em 15px!important; */ width: 47px!important; padding-left: 12px!important;} body.Mac.Safari #top-nav li a.dk_toggle {padding: 0.15em 5px 0.28em!important;} #top-nav li.lang a { color: #fff ;text-transform: uppercase; padding-right: 0px; padding-left: 3px; padding-bottom: 6px; padding-top: 6px; float: left;} #top-nav li.lang a:hover { text-decoration: underline;} #top-nav li a { color: #fff;text-transform: uppercase; padding: 6px; float: left;} #top-nav li.tn-item a { /* padding-top: 0.6em; */ font-family: 'PlutoSansRegular';} #top-nav li.tn-item.active a { font-family: 'PlutoSansBold';} #top-nav li.tn-item a:hover { text-decoration: underline;} #top-nav li.tn-item.active a:hover { font-family: 'PlutoSansBold'; text-decoration: none;} /* -- Search --------------------------------------------------------------- */ #top-nav li.search { width: 149px; background: #ababab; padding-right: 0px; } .Mac.Firefox #top-nav li.search { width: 153px;} .msie9 #top-nav li.search, .msie10 #top-nav li.search {width: 157px;} #top-nav li.search form div input {font-size: 0.688em; line-height: 1.125em; padding: 5px 0px 6px 12px;} #top-nav li.search input#search {width: 106px;float: left;background: #ababab; border: none; /* padding: 0.5em 0 0.46em 0.86em; */ text-transform: uppercase; font-family: 'PlutoSansRegular'; } body.Mac.Safari #top-nav li.search input#search { /* padding: 0.54em 0 0.5em 0.86em; */ } .msie9 #top-nav li.search input#search , .msie10 #top-nav li.search input#search {width: 119px;} /* -- Logo --------------------------------------------------------------- */ #logo { width: 254px; height: 132px; } /* -- Header ------------------------------------------------------------ */ #footer { background: #36393e; color: #fff; float: left; } #footer .row { margin-bottom: 20px;} #footer.twelve-col .block25_25_25_25 { margin: 0px 10px 10px 0px;} #footer.twelve-col .block25_25_25_25 .first-col { width: 200px; margin-left: 12px; } #footer.twelve-col .block25_25_25_25 .last-col { width: 200px;} #footer.twelve-col .block25_25_25_25 h4, #footer.twelve-col .block25_25_25_25 p, #footer.twelve-col .block25_25_25_25 input {font-size: 0.75em; line-height: 1.13em;} #footer.twelve-col .block25_25_25_25 h4 { text-transform: uppercase; margin: 31px 0px 10px 0px;} #footer.twelve-col .block25_25_25_25 p { line-height: 1.55em;} /* -- newsletter --------------------------------------------------------------- */ .newsletter-footer { width: 200px; background: #5e6165; padding-right: 0px; float: left; } .nl-foot, form#footer-newsletter { display: block; float: left;} .nl-foot { margin: 7px 0px 20px 0px;clear: both;float: left;width: 100%;} .newsletter-footer input {width: 165px;float: left;background: #5e6165; border: none; padding: 8px 0px 7px 10px; text-transform: uppercase; color: #fff; } #footer .subfoot { background: #2b2d31; } #footer .subfoot li { display: inline; margin: 0px 5px 0px 5px; float: left;} #footer .subfoot li.sep { width: 1px; height: 12px; background:#969696; margin: 2px 2px 2px 2px; } #footer .subfoot li, #footer .subfoot li a { color: #fff} #footer .subfoot li a:hover { text-decoration: underline; } #footer .subfoot li.active a { font-weight: bold;} .socmed-buttons.footer li { float: left; width: 22px; height: 22px; margin: 0px 5px; text-indent: -200%;} .socmed-buttons.footer li a { display: block; float: left; text-indent: -999em;} .socmed-buttons.footer li.facebook { margin-left: 0px;} #footer .subfoot ul.subfoot-links { margin: 14px 0px 60px 7px; float: left; display: block; } #footer .subfoot ul.copyright { float: right; margin-right: 5px; margin: 14px 0px 0px 0px; } #footer .subfoot ul.copyright li { margin: 0px;} /* -- Main Nav --------------------------------------------------------------- */ #mainnav-wrap {background: url(../images/backgrounds/bg_mainmenu.png) repeat; position: relative; z-index: 80; float: right; width: 692px; margin-top: -2px;} #mainnav-wrap-blog {position: relative; z-index: 80; float: right; width: 692px; margin-top: -2px;} /* Pixel Perfect */ #main-nav-tab { float: right; position: relative; z-index: 80; width: 692px;} #main-nav-tab dt { position: relative; float: left; display: inline; text-align: center; min-height:46px; height:auto !important; height:46px; margin-right: 23px; top: 2px;} #main-nav-tab dt.besuch-service { margin-left: 18px; } #main-nav-tab dt a { color: #fff; text-align: left; padding: 7px 0px 0px 0px; float: left; text-transform: uppercase;text-transform: uppercase;line-height: 1.255em;} #main-nav-tab dt.besuch-service a { width: 64px; margin-right: 39px; } #main-nav-tab dt.ausstellungen a { width: 109px; margin-right: 26px; } #main-nav-tab dt.sammlung-forschung a { width: 86px; margin-right: 40px; } #main-nav-tab dt.bildung-vermittlung a { width: 92px; margin-right: 28px; } #main-nav-tab dt.ueber-uns a { width: 63px; margin-right: 31px; } #main-nav-tab dt a span.txt, #main-nav-tab dt a span.txt {font-family: 'PlutoSansRegular';float: left; } #main-nav-tab dt a span.txt.lines1 { height: 14px;} #main-nav-tab dt a span.txt.lines2 { height: 29px;} #main-nav-tab dt a:hover span.txt { float: left; background: url(../images/tools/white1x1.png) left bottom repeat-x; } #main-nav-tab dt.calendar a span.txt { float: left; background: none!important; color: #ababab; text-indent: -999em; } #main-nav-tab dt.besuch-service a:hover span.txt { width: 64px; } #main-nav-tab dt.ausstellungen a:hover span.txt { width: 109px; } #main-nav-tab dt.sammlung-forschung a:hover span.txt { width: 86px; } #main-nav-tab dt.bildung-vermittlung a:hover span.txt {width: 92px; } #main-nav-tab dt.ueber-uns a:hover span.txt {width: 63px; } #main-nav-tab dt.active a span.txt, #main-nav-tab dt.open a span.txt {font-family: 'PlutoSansBold'; float: left; } /* Einzeilige Main Nav */ /* top: 2px; min-width: 66px; max-width: 103px; margin-right: 35px; */ #main-nav-tab-neu { float: right; position: relative; z-index: 80; width: 692px;} #main-nav-tab-neu dt { position: relative; float: left; display: inline; text-align: center; min-height:46px; height:auto !important; height:46px; margin-right: 23px; top: 2px;} #main-nav-tab-neu dt.besuch-service { margin-left: 18px; } #main-nav-tab-neu dt.kino-filmreihen { margin-left: 85px; } #main-nav-tab-neu dt a { color: #fff; text-align: left; padding: 7px 0px 0px 0px; float: left; text-transform: uppercase;text-transform: uppercase;line-height: 1.255em;} #main-nav-tab-neu dt.besuch-service a { width: 64px; margin-right: 39px; } #main-nav-tab-neu dt.ausstellungen a { width: 109px; margin-right: 26px; } #main-nav-tab-neu dt.sammlung-forschung a { width: 86px; margin-right: 40px; } #main-nav-tab-neu dt.bildung-vermittlung a { width: 92px; margin-right: 28px; } #main-nav-tab-neu dt.ueber-uns a { width: 66px; margin-right: 31px; } #main-nav-tab-neu dt.kino-filmreihen a { width: 80px; margin-right: 39px;} #main-nav-tab-neu dt.kino-programmarchiv a { width: 127px; margin-right: 26px;} #main-nav-tab-neu dt.kino-ueber-uns a { width: 67px; margin-right: 40px;} #main-nav-tab-neu dt.kino-service a { width: 130px; margin-right: 28px;} #main-nav-tab-neu dt.museumsverein-ueber-uns a { width: 65px; margin-left: 27px; margin-right: 27px;} #main-nav-tab-neu dt.museumsverein-about-us a { width: 65px; margin-left: 315px; margin-right: 27px;} #main-nav-tab-neu dt.museumsverein-projekte a { width: 67px; margin-right: 27px;;} #main-nav-tab-neu dt.museumsverein-veranstaltungen a { width: 129px; margin-right: 27px;} #main-nav-tab-neu dt.museumsverein-mitglied a { width: 121px;margin-right: 27px;} #main-nav-tab-neu dt.museumsverein-member a { width: 130px;margin-right: 27px;} #main-nav-tab-neu dt.museumsverein-kontakt a { width: 61px; margin-right: 20px;} #main-nav-tab-neu dt.museumsverein-contact a { width: 61px; margin-right: 20px;} #main-nav-tab-neu dt a span.txt, #main-nav-tab-neu dt a span.txt {font-family: 'PlutoSansRegular';float: left; } #main-nav-tab-neu dt a span.txt.lines1 { height: 14px;} #main-nav-tab-neu dt a span.txt.lines2 { height: 29px;} #main-nav-tab-neu dt a:hover span.txt { float: left; background: url(../images/tools/white1x1.png) left bottom repeat-x; } #main-nav-tab-neu dt.calendar a span.txt { float: left; background: none!important; color: #ababab; text-indent: -999em; } #main-nav-tab-neu dt.besuch-service a:hover span.txt { width: 64px; } #main-nav-tab-neu dt.ausstellungen a:hover span.txt { width: 109px; } #main-nav-tab-neu dt.sammlung-forschung a:hover span.txt { width: 86px; } #main-nav-tab-neu dt.bildung-vermittlung a:hover span.txt {width: 92px; } #main-nav-tab-neu dt.ueber-uns a:hover span.txt {width: 66px; } #main-nav-tab-neu dt.kino-filmreihen a:hover span.txt { width: 80px;} #main-nav-tab-neu dt.kino-programmarchiv a:hover span.txt { width: 127px;} #main-nav-tab-neu dt.kino-ueber-uns a:hover span.txt { width: 67px;} #main-nav-tab-neu dt.kino-service a:hover span.txt { width: 130px;} #main-nav-tab-neu dt.museumsverein-mitglied a:hover span.txt { width: 125px;} #main-nav-tab-neu dt.museumsverein-member a:hover span.txt { width: 130px;} #main-nav-tab-neu dt.museumsverein-kontakt a:hover span.txt { width: 62px;} #main-nav-tab-neu dt.active a span.txt, #main-nav-tab-neu dt.open a span.txt {font-family: 'PlutoSansBold'; float: left; } /* Einzeilige Main Nav */ /* / Pixel Perfect */ /* Display Table */ /* #main-nav-tab { float: right; position: relative; z-index: 80; width: 692px; display: table;} #main-nav-tab dt { position: relative; display: table-cell; text-align: center; min-height:46px; height:auto !important; height:46px; width: 134px; vertical-align: top; } #main-nav-tab dt.besuch-service { } #main-nav-tab dt a { color: #fff; text-align: left; padding: 6px 12px 0px 12px; text-transform: uppercase;text-transform: uppercase;line-height: 1.255em; } #main-nav-tab dt.first a { padding-left: 0px; text-align: left;} #main-nav-tab dt a a { position: relative; padding: 0px!important; height: 40px; } #main-nav-tab dt a span.txt, #main-nav-tab dt a span.txt {font-family: 'PlutoSansRegular';padding-bottom: 1px; float: left; display: inline; width: auto!important; } #main-nav-tab dt.active a span.txt, #main-nav-tab dt.open a span.txt {font-family: 'PlutoSansBold'; } #main-nav-tab dt a:hover span.txt {border-bottom: solid 1px #fff; } */ /* /Display Table */ #main-nav-tab dd { position: absolute; top: 58px; background: #383b3f; width: 932px; right: 0px; z-index: 90; display: none;} .no-js #main-nav-tab dd { display: none!important;} #main-nav-tab dd a { color: #fff; } /* Subnav Link box */ .mega-subnav { float: left; margin: 20px 10px 10px 15px;} .mega-subnav li{ line-height: 1.525em; text-transform: uppercase; float: left; clear: both; } .mega-subnav li a { width: 230px; display: inline-block; font-family: 'PlutoSansRegular';} .mega-subnav li span { float: left; display: inline-block; } .mega-subnav li span.txt { } .mega-subnav li span.hoverunderline.lines1 { height: 15px; } .mega-subnav li span.hoverunderline.lines2 { height: 34px; } .mega-subnav li.active a span.txt { font-family: 'PlutoSansBold';} .mega-subnav li.first span.hoverunderline { margin-bottom: 9px; } .mega-subnav li.first { margin-bottom: 0.8em; } /* Subnav Teaser Box 25 */ .subnav-teaserbox-25 { background: transparent;min-height:131px;height:auto !important;height:131px;} .subnav-teaserbox-25 .imgbox { margin: 20px 14px 0px 14px;} .subnav-teaserbox-25 .texbox { position: relative; margin: 9px 14px 28px 14px; color: #fff; } .subnav-teaserbox-25 .texbox h3 { margin-bottom: 16px; color: #fff; min-height: 30px; height: auto!important; height: 30px;} .subnav-teaserbox-25 .texbox { line-height: 1.3;} .subnav-teaserbox-25 .texbox-inner { min-height:83px;height:auto !important;height:83px; width: 184px; position: relative; } .subnav-teaserbox-25 .texbox-inner .textbox-txt { bottom: 0px;} .subnav-teaserbox-25 .texbox-inner .textbox-txt .textbox-txt-inner { position: relative; float: left; line-height: 1.3em; width: 100%; min-height: 30px; height: auto!important; height: 30px;} .subnav-teaserbox-25 .texbox-inner .textbox-txt .fakelink.readmore { position: relative; float: left; line-height: 1.3em; } .subnav-teaserbox-25 .texbox-inner .textbox-txt .fakelink.readmore { margin-top: 8px; font-weight: bold;} .subnav-teaserbox-25 .texbox-inner .textbox-txt .fakelink.readmore span { float: left;} /* frontpage modifikations */ .frontpage .top-nav { background: url(../images/colors/black-70.png) repeat;} .frontpage #top-nav { background: none!important; } .frontpage .fp-topnav-spacer { float: none; height: 24px; background: #ccc; width: 240px; background: url(../images/colors/black-70.png) repeat; } body.IE .frontpage .fp-topnav-spacer { width: 249px;} .frontpage #top-nav li.museumsshop {border-right: solid 1px transparent;} .frontpage #top-nav li.bildarchiv {border-right: solid 1px #505255;} .frontpage-mainnav-bar {background: url(../images/backgrounds/bg_mainmenu.png) repeat; z-index: 900;} .frontpage-mainnav-bar dl#main-nav-tab { background: none;} .frontpage-mainnav-bar ul { position: relative; float: left; display: inline; text-align: center; min-height:46px; height:auto !important; height:46px; margin-top: 2px; margin-right: 23px; width: 210px; } .frontpage-mainnav-bar ul.aktuell li a {color: #fff;text-align: left;padding: 7px 5px 0px 19px; float: left;} .frontpage-mainnav-bar ul.aktuell li a span { float: left; color: #fff; font-size: 0.75em; line-height:1.125em; text-transform: uppercase; height: 10px; font-family: 'PlutoSansRegular';} .frontpage-mainnav-bar ul.aktuell li a:hover span.txt { padding-bottom: 2px; border-bottom: solid 1px #fff;} .frontpage #main-nav-tab dt.calendar { top: 76px;} .frontpage #main-nav-tab dd.calendar { top: 76px;} /* Dark theme with header dtwh modifikations */ .dtwh .top-nav { background: url(../images/colors/black-70.png) repeat;} .dtwh #top-nav { background: none!important; } .dtwh .fp-topnav-spacer { float: none; height: 24px; background: #ccc; width: 240px; background: url(../images/colors/black-70.png) repeat; } body.IE .dtwh .fp-topnav-spacer { width: 249px;} .dtwh #top-nav li.museumsshop {border-right: solid 1px transparent;} .dtwh #top-nav li.bildarchiv {border-right: solid 1px #505255;} .dtwh #main-nav-tab dt.calendar { top: 76px;} .dtwh #main-nav-tab dd.calendar { top: 76px;} #main-nav-tab dt.veranstaltungskalender a { width: 186px; margin-left: 19px; margin-right: 40px; } #main-nav-tab dt.service_kontakt a { width: 136px; margin-right: 96px; } #main-nav-tab dt.profil a { width: 55px; } /* -- Calendar part of the mainnav ---------------------------------------------------------- */ #main-nav-tab dt.calendar { width: 45px; height: 145px!important; background: transparent; position: absolute; left: -285px; top: 87px; margin: 0px; text-align: left!important; } #main-nav-tab dd.calendar { background: #ababab; top: 87px;} #main-nav-tab dt.calendar.open {background: #ababab} #main-nav-tab dt.calendar span.icon { display: none;} #main-nav-tab dt.calendar span.txt { border-bottom: none!important;} .cal-search { float: left; margin: 30px 0px 58px 0px; } .cal-search-wrap { width: 198px; background: #fff; float: left;} .cal-search-wrap input {float: left;background: #fff; font-size: 0.688em; line-height:1.125em; border: none;padding: 7px 5px 7px 5px;width: 160px!important; text-transform: uppercase; color: #2c2f33; } .cal-search-wrap .button {height: 18px; width: 18px; background: #000; margin: 5px 3px 0px 2px; border: none; float: left; text-indent: -100em; overflow: hidden;} .cal-filter { width: 198px; float: left;} .cal-search label, .cal-filter label {font-size: 0.75em; line-height:1.125em; float: left; clear: both; margin-bottom: 18px; text-transform: uppercase; font-weight: 900;} .cal-filter label {margin-bottom: 11px;} a.cal-filter-link { float: left; margin-top: 10px; } a.cal-filter-link span {float: left; font-size: 0.75em; line-height:1.125em; color: #2c2f33; } /***** Dropkick css for Calendar filter ******/ .whithe-select .dk_container { background: #fff; color: #000; width: 198px;} .whithe-select .dk_container a.dk_toggle { text-transform: uppercase; padding: 7px 5px 8px 5px;width: 198px!important; background-position: 90% center; } .whithe-select .dk_container a.dk_toggle span {color: #2c2f33!important; font-size: 0.688em; line-height:1.125em; } .whithe-select .dk_container .dk_options_inner { background: #fff; color: #2c2f33!important;} .whithe-select .dk_container .dk_options_inner li a {width: 94%; padding: 3%; font-size: 0.688em; color: #2c2f33!important;} .whithe-select .dk_container .dk_options_inner li a:hover, .whithe-select .dk_container .dk_options_inner li.dk_option_current a { background: #36393e!important; color: #fff!important;} /* -- Breadcrumbs --------------------------------------------------------------- */ #breadcrumbs { float: left; margin: -13px 10px 2px 240px; } #breadcrumbs li { float: left; margin: 0px 10px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 0.688em; line-height: 1.125em; color: #fff; float: left;} #breadcrumbs li span { float: left;} #breadcrumbs li span.txt { margin-right: 10px; font-weight: bold;} /* -- kluge --------------------------------------------------------------- */ #breadcrumbs li a { color: #fff; font-weight: normal; float: left;} #breadcrumbs li a:hover { text-decoration: underline;} /* -- kluge --------------------------------------------------------------- */ #breadcrumbs li a span.txt { color: #fff; font-weight: normal; float: left;} #breadcrumbs li a:hover span.txt { text-decoration: underline;} /* -- Pagnation --------------------------------------------------------------- */ .pagination-clean li{ border:0; margin:0; padding:0; font-size:11px; list-style:none; display: inline; } .pagination-clean li, .pagination-clean a{ border:solid 1px #DEDEDE; margin-right:2px; } .pagination-clean .previous-off, .pagination-clean .next-off { color:#888888; display:block; float:left; font-weight:bold; padding:3px 4px; } .pagination-clean .next a, .pagination-clean .previous a { font-weight:bold; border:solid 1px #FFFFFF; } .pagination-clean .active{ color:#1a1c1e; font-weight:bold; display:block; float:left; padding:3px 6px; } .pagination-clean li a, .pagination-clean li a:link, .pagination-clean li a:visited, .pagination-clean li a:hover { color:#1a1c1e; display:block; float:left; padding:3px 6px; text-decoration:none; } .pagination-clean a:hover{ text-decoration:none; } /* -- Layout Elements --------------------------------------------------------- ------------------------------------------------------------------------------- */ .wrapper-inner-calendar {} .wrapper-inner { float: right; width: 932px; /* background:url(../images/tools/grid.png) repeat-y; */ } .row { margin-bottom: 30px; float: left;} .teaser {position: relative;} .texbox, .texbox-low {position: absolute;bottom: 0px;left: 0px;width: 100%;} .texbox a, .texbox-low a { color: #fff;} /* for ie7 cause this browser dosent get the inherit */ .texbox-inner , .texbox-inner-low { display: block; position: relative; float: left;} .texbox-inner .textbox-top, .texbox-inner-low .textbox-top-low { display: block;} .texbox-inner .textbox-bottom, .texbox-inner-low .textbox-bottom-low { display: block; position: relative; float: left; } /* Image Teaser 50 */ .imgteaser-50 { height: 279px;} .imgteaser-50 .texbox { min-height:150px; height:auto !important; height:150px; } .imgteaser-50 .texbox-inner { width: 424px; margin: 20px 14px 0px 14px; min-height:100px; height:auto !important; height:100px; } .imgteaser-50 .textbox-top { float: left; width: 100%; margin-bottom: 12px; min-height:71px; height:auto !important; height:71px; } .imgteaser-50 .textbox-top h3 { margin-bottom: 6px;} .imgteaser-50 .textbox-top h4 { text-transform: none!important;} .imgteaser-50 .textbox-bottom { float: left; width: 100%; min-height:14px; height:auto !important; height:14px; padding-bottom: 12px; } /* kluge Image Teaser 50 low */ .imgteaser-50 .texbox-low { min-height:114px; height:auto !important; height:150px; } .imgteaser-50 .texbox-inner-low { width: 424px; margin: 14px 14px 14px 14px; min-height:72px; height:auto !important; height:100px; } .imgteaser-50 .textbox-top-low { float: left; width: 100%; margin-bottom: 5px; min-height:71px; height:auto !important; height:53px; } .imgteaser-50 .textbox-bottom-low { float: left; width: 100%; min-height:14px; height:auto !important; height:14px; padding-bottom: 5px; } /* Image Teaser 25 */ /* Original .imgteaser-25 {height:279px;} .imgteaser-25 .texbox { min-height:150px; height:auto !important; height:150px; } .imgteaser-25 .texbox-inner { width: 184px; margin: 14px 14px 0px 14px; min-height:100px; height:auto !important; height:100px; } .imgteaser-25 .textbox-top { float: left; width: 97%; margin-bottom: 12px; min-height: 53px; height: auto !important; height: 53px; } .imgteaser-25 .textbox-bottom { float: left; width: 100%; min-height: 28px; height: auto !important; height: 28px; padding-bottom: 12px; } */ .imgteaser-25 {height:279px;} .imgteaser-25 .texbox { min-height:150px; height:auto !important; height:150px; } .imgteaser-25 .texbox-inner { width: 184px; margin: 20px 14px 0px 14px; min-height:100px; height:auto !important; height:100px; } .imgteaser-25 .textbox-top { float: left; width: 97%; margin-bottom: 12px; min-height: 71px; height: auto !important; height: 53px; } .imgteaser-25 .textbox-bottom { float: left; width: 100%; min-height: 14px; height: auto !important; height: 28px; padding-bottom: 12px; } /* kluge Image Teaser 25 low */ .imgteaser-25 .texbox-low { min-height:114px; height:auto !important; height:150px; } .imgteaser-25 .texbox-inner-low { width: 184px; margin: 14px 14px 14px 14px; min-height:72px; height:auto !important; height:100px; } .imgteaser-25 .textbox-top-low { float: left; width: 97%; margin-bottom: 5px; min-height: 71px; height: auto !important; height: 53px; } .imgteaser-25 .textbox-bottom-low { float: left; width: 100%; min-height: 14px; height: auto !important; height: 28px; padding-bottom: 5px; } /* Image Teaser 25 + two and a half col */ .imgteaser-25.twoandahalf-col .texbox-inner { width: 184px; margin: 0px 0px 0px 0px; min-height:0px; height:auto !important; height:0px; } .imgteaser-25.twoandahalf-col .textbox-top { float: left; width: 96%; margin-bottom: 0px; min-height: 0px; height: auto !important; height: 0px; } /* Teaser Box 25 */ .teaserbox-25 { background: #fff;min-height:279px;height:auto !important;height:279px;} .teaserbox-25 .toptitle { position: relative; } .teaserbox-25 .toptitle.magenta { padding: 10px 14px; } .teaserbox-25 .toptitle.red { padding: 10px 14px; } .teaserbox-25 .toptitle.yellow { padding: 10px 14px; } .teaserbox-25 .toptitle.greenlight { padding: 10px 14px; } .teaserbox-25 .toptitle.darkturquoise { padding: 10px 14px; } .teaserbox-25 .toptitle.violett { padding: 10px 14px; } .teaserbox-25 .toptitle.burdoux { padding: 10px 14px; } .teaserbox-25 .toptitle.orange { padding: 10px 14px; } .teaserbox-25 .toptitle.green { padding: 10px 14px; } .teaserbox-25 .toptitle.blue { padding: 10px 14px; } .toptitle .imgholder { position: absolute; bottom: -3px; right: 9px;} .teaserbox-25 .imgbox { margin: 14px 14px 0px 14px;} .teaserbox-25 .texbox { position: relative; margin: 12px 14px 0px 14px; } .teaserbox-25 .texbox-inner { width: 184px; } .teaserbox-25 .texbox h3 { margin-bottom: 9px;} /* accordion */ .accordion h2 { background: #26292c; color: #fff; border-bottom: solid 1px #fff; clear: both; float: left; width: 212px;} .accordion h2.last { border-bottom: none;} .accordion h2 a { display: block; padding: 7px 5px 0px 0px; color: #fff!important; position: relative; width: 207px; min-height:13px; height:auto !important; height:13px; } .yellow .accordion h2 a { color: #1A1C1E!important;} .accordion h2 span.txt { width: 155px; padding-bottom: 6px; padding-top: 3px; } .accordion h2 span { display: inline; float: left; font-family: 'PlutoSansRegular'; } .accordion h2 a:hover span { text-decoration: underline; } .accordion h2.open span { font-family: 'PlutoSansBold'; } .accordion-pane { background: #fff; float: left; clear: both;width: 212px; } .accordion-pane .full { width: 100%;} .accordion-pane .pad { width: 190px; padding-left: 14px; padding-right: 8px; padding-bottom: 14px; padding-top: 14px;} /* tabber block */ .tabs { /*float:left;*/ width:100%; float: left; } .tabs ul.tabs-list { margin:0; list-style:none; width: 100%; display:table-row; } .tabs ul.tabs-list li { margin: 0px 2px 0px 0px; display:table-cell; width: auto; } .tabs ul.tabs-list li.last { width: 100%; } .tabs ul.tabs-list span.dummy, .tabs ul.tabs-list a { font-family: 'PlutoSansRegular'; float:left; display:block; background:url("right.gif") no-repeat right top; padding:8px 15px 7px 6px; text-decoration:none; font-weight: normal; color:#fff; white-space: nowrap; margin-right: 2px; text-align: left; font-size: 0.75em; text-transform: uppercase; } .tabs ul.tabs-list a:hover { text-decoration: underline;} .tabs ul.tabs-list li.last a { margin-right: 0px; } .tabs ul.tabs-list span.dummy { margin-bottom: -7px; float: none; display: block!important; margin-right: 0px;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ .tabs ul.tabs-list a {float:none;} /* End IE5-Mac hack */ .tabs ul.tabs-list a:hover { color:#333; } .tabs ul.tabs-list .current { } .tabs ul.tabs-list .current a { background: #fff!important; color: #1A1C1E!important; font-family: 'PlutoSansbold'; text-decoration: none; } .js .tabs .current-info, .js .tabs .accessibletabsanchor, .js .tabs .tabhead /*position each individual tab's heading (default class .tabhead) off-screen*/ { position:absolute; left:-999em; } .js .tabs .content{ clear:both; width: 692px; background: #fff; } .js .tabs{ } h1,h2,p{ } .tabs{ } .about{ clear:both; padding:2em; } /* sliderblock */ .sliderblock { float: left; background: #fff;} .sliderblock-inner { float: left; padding: 20px 0px 18px;} .sliderblock .titleblock { background: #26292c; } .sliderblock .titleblock h2 { font-size: 0.75em; line-height: 1.125em; color: #fff; padding: 10px 15px 10px 15px; text-transform: uppercase; } .sliderblock .desc-box { float: left; margin: 26px 10px 10px 13px; width: 184px; } .sliderblock .desc-box h3 { font-size: 0.875em; line-height:1.2em; text-transform: uppercase; font-weight: 900; margin-bottom: 10px;} .sliderblock .desc-box p {font-size: 0.75em; line-height:1.45em; margin-bottom: 21px;} .sliderblock .desc-box a.sliderlink {font-size: 0.75em; line-height:1.125em; font-weight: 900;} .sliderblock .desc-box a.sliderlink span { float: left;} /* row4xtwoandahalf */ .row4xtwoandahalf { float: left; background: #fff;} .row4xtwoandahalf-inner { float: left; padding: 20px 0px 18px 81px;} .row4xtwoandahalf .titleblock { background: #ababab; } .row4xtwoandahalf .titleblock h2 { font-size: 0.75em; line-height: 1.125em; color: #fff; padding: 10px 15px 10px 15px; text-transform: uppercase; } .row4xtwoandahalf .desc-box { float: left; margin: 8px 10px 0px 0px; width: 185px; } .row4xtwoandahalf .desc-box h3 { font-size: 0.875em; line-height:1.2em; text-transform: uppercase; margin-bottom: 7px;} .row4xtwoandahalf .desc-box .date-txt {font-size: 0.75em; line-height:1.45em; margin-bottom: 3px;} .row4xtwoandahalf .desc-box a.read_more {font-size: 0.75em; line-height:1.125em; font-weight: 900;} .row4xtwoandahalf .desc-box a.read_more span { float: left;} /* textslider */ .sliderblock.textslider .sliderblock-inner { padding: 11px 0px 10px;} .sliderblock.textslider .carousel { height: 167px; margin: 0px 0px 0px 54px;} .sliderblock.textslider .carousel-control-prev, .sliderblock.textslider .carousel-control-next { top: 65px;} .sliderblock.textslider .carousel-control-prev { left: 12px;} .sliderblock.textslider .carousel-control-next { right: 13px;} .showcase-content.imgteaser-25 h3 {font-size: 0.875em; line-height:1.2em;padding: 8px 5px 9px 10px; min-height: 34px; height: auto!important; height:34px; } .sliderblock.textslider .textslides .textbox-top { margin-bottom: 8px; } .sliderblock.textslider .textslides h3 { margin-bottom: 10px;} .sliderblock.textslider .textslides .subhead { margin-bottom: 2px;} .sliderblock.textslider .textslides p { margin-bottom: 19px;} .sliderblock.textslider .textslides .date {} .sliderblock.textslider .textslides .time {} /* imgslider */ .sliderblock.imgslider .sliderblock-inner { padding: 11px 0px 10px;} .sliderblock.imgslider .carousel { height: 201px; margin: 0px 0px 0px 54px;} .sliderblock.imgslider .carousel-control-prev, .sliderblock.imgslider .carousel-control-next { top: 85px;} .sliderblock.imgslider .carousel-control-prev { left: 12px;} .sliderblock.imgslider .carousel-control-next { right: 13px;} .showcase-content.imgteaser-25 h3 {font-size: 0.875em; line-height:1.2em;padding: 8px 5px 9px 10px; min-height: 34px; height: auto!important; height:34px; } .sliderblock.imgslider .textslides .textbox-top { margin-bottom: 8px; } .sliderblock.imgslider .textslides h3 { margin-bottom: 10px;} .sliderblock.imgslider .textslides .subhead { margin-bottom: 2px;} .sliderblock.imgslider .textslides p { margin-bottom: 19px;} .sliderblock.imgslider .textslides .date {} .sliderblock.imgslider .textslides .time {} /** Carousel **/ .carousel-wrapper { position: relative; background: #fff; } .carousel { position: relative; overflow: hidden; width: 584px; height: 279px; margin: 0px 0px 0px 41px; } .carousel ul { width: 20000em; position: absolute; list-style: none; margin: 0; padding: 0; } .carousel li { float: left; } /* news-teaser */ .news-teaser h2 { background: #ababab; color: #fff; padding: 10px 5px 10px 13px; } .news-teaser { background: #fff; } .news-teaser .full { width: 100%;} .news-teaser .pad { width: 180px; padding: 0px 14px;} .news-teaser .date { margin: 10px 0px 3px; } .news-teaser h3 { margin: 0px 0px 11px 0px; } .newspanelink { border-top: solid 1px #ccc; padding-bottom: 4px; } .newspanelink.first { border-top:none; } .newspane-foot { border-top: solid 1px #ccc; margin-top: 1px; padding: 7px 14px 25px 14px;} .newspane-foot a { font-weight: bold; color: #1a1c1e!important;} /* --Lists --------------------------------------------------------- ------------------------------------------------------------------------------- */ /* Panorama List */ .detailpane.listview .body-text { margin-bottom: 65px;} .detailpane.listview .title-block { padding-bottom: 18px; border-bottom: none!important; margin-bottom: 4px; } .list-panos { width: 660px; float: left; } .pano {width: 660px; float: left; border-top: solid 1px #999; padding: 20px 0px 17px;} .pano .listbody { float: left; margin: 0px 0px 0px 15px; display: inline; width: 266px; } .listbody h3 { margin-bottom: 24px;} .listbody .date, .listbody .format { line-height: 1.365em!important;} /* Video List */ .detailpane.listview .body-text { margin-bottom: 40px;} .detailpane.listview .title-block { padding-bottom: 18px; border-bottom: none!important; margin-bottom: 4px; } .list-videos { width: 660px; float: left; } .video-item {width: 660px; float: left; border-top: solid 1px #999; padding: 20px 0px 20px;} .video-item .listbody { float: left; margin: 0px 0px 0px 15px; display: inline; width: 353px; } .listbody h3 { margin-bottom: 24px;} .list-videos .listbody .subhead, .list-videos .listbody .description { line-height: 1.365em!important;} /* --Detailpage --------------------------------------------------------- ------------------------------------------------------------------------------- */ div.detailpane { float: left; background: #fff;} div.detailpane-teaser75 { float: left;} div.detailpane-inner {float: left; margin: 14px 13px 14px 14px; padding-bottom:10px/* ie7 fix*/; width: 665px;} div.detailpane-head { float: left; margin: 0px 0px 15px 0px; width: 665px; text-align: center; } div.detailpane-body { } div.detailpane-body .above-title { } div.detailpane-body .title-block { padding-bottom: 0px; /* -- kluge ----border-bottom: solid 1px #ccc;------------------------------------------------------ */ margin-bottom: 18px; } div.detailpane-body h1 { font-family: 'PlutoSansBold'; margin: 3px 0px 14px 0px; text-transform: uppercase; } div.detailpane-body h2 { font-family: 'PlutoSansBold'; text-transform: uppercase;} div.detailpane-body h3, h5 { margin-bottom: 18px;} div.detailpane-body h3, h4 { font-family: 'PlutoSansBold';} div.detailpane-body h5, h6 { font-weight: bold;} div.detailpane-body ol, ul, li, { list-style:square;} div.title-text { font-weight: 900; line-height: 1.5em; margin-bottom: 17px;} div.body-text { line-height: 1.45;} #bildblock { line-height: 1.45;} .body-text .video { margin: 18px 0px 18px 0px; float: left;} .body-text .video .caption { font-size: 0.9em; float: left; margin: 8px 0px 16px 0px; } /* -- kluge ---------------------------------------------------------- */ .body-text p { margin-bottom: 1.417em;} .body-text li ul, li ol { margin:0 1.5em; } .body-text ul, ol { margin:0 1.5em 1.5em 1.5em; } .body-text ul { list-style-type:disc; } .body-text ol { list-style-type:decimal; } .body-text ol ol { list-style: upper-alpha; } .body-text ol ol ol { list-style: lower-roman; } .body-text ol ol ol ol { list-style: lower-alpha;} /* -- kluge ---------------------------------------------------------- */ .modulestyle1 {} .modulestyle1 .image.f-left { margin: 0px 0px 10px 0px;} .modulestyle1 .right-textblock { width: 440px; margin: -4px 0px 0px 13px } .modulestyle1 .modulebody { clear: both;} .modulestyle1 .read_more { float: left; margin: 22px 0px 10px 0px;} .modulestyle1 .read_more span { float: left;} /* --- Vertnav --------------------------------------------------------- ------------------------------------------------------------------------------- */ /* level 3 */ ul#vertnav { float: left; width: 100%; background: url(../images/backgrounds/bg_mainmenu.png) repeat;} ul#vertnav li.level3 { float: left;display: block; width: 100%;} ul#vertnav li.level3 > .vertnav-cat {float: left; display: block; width: 100%; font-size: 0.75em; line-height: 1.125em; text-transform: uppercase; border-bottom: solid 1px #5c6064; min-height: 31px; height: auto!important; height: 31px; } ul#vertnav li.level3-inactive > .vertnav-cat { background: #fff; color: #2c2f33 } ul#vertnav li.level3-active > .vertnav-cat { background: transparent; color: #fff } ul#vertnav li.level3 > .vertnav-cat a { float: left; padding: 10px 5px 5px 5px;width: 100%; display: block; } ul#vertnav li.level3 .vertnav-cat { font-family: 'PlutoSansRegular' } /* level 4 */ ul#vertnav ul.vertnav-level4 { float: left; margin-left: 22px;} ul#vertnav li.level4 { float: left;display: block; width: 100%; } ul#vertnav li.level4 > .vertnav-cat {float: left; display: block; width: 190px; font-size: 0.75em; line-height: 1.125em; border-bottom: solid 1px #5c6064;min-height: 31px; height: auto!important; height: 31px; } ul#vertnav li.level4-inactive > .vertnav-cat { color: #c5c5c5; border-bottom: solid 1px #5c6064; } ul#vertnav li.level4-active > .vertnav-cat { color: #fff; border-bottom: solid 1px #fff; font-family: 'PlutoSansBold'; } ul#vertnav li.level4.last > .vertnav-cat { border-bottom: solid 1px transparent; } ul#vertnav li.level4-active.last > .vertnav-cat { border-bottom: solid 1px #fff; } ul#vertnav li.level4 > .vertnav-cat a { float: left; padding: 10px 5px 5px 0px; display: block; width: 100%;} /* level 5 */ ul#vertnav ul.vertnav-level5 { float: left; margin-left: 16px; margin-bottom: -2px;} ul#vertnav li.level5 { float: left;display: block; width: 100%; } ul#vertnav li.level5 > .vertnav-cat {float: left; display: block; width: 174px; font-size: 0.75em; line-height: 1.125em; border-bottom: solid 1px #5c6064; min-height: 31px; height: auto!important; height: 31px; } ul#vertnav li.level5-inactive > .vertnav-cat { color: #c5c5c5; border-bottom: solid 1px #5c6064; } ul#vertnav li.level5-active > .vertnav-cat { width: 174px; color: #fff; border-bottom: solid 1px #fff; font-family: 'PlutoSansBold';} ul#vertnav li.level4.last li.level5.last > li.level6.last > .vertnav-cat { border-bottom: none; } ul#vertnav li.level5 > .vertnav-cat a { float: left; padding: 10px 5px 5px 0px; width: 100%; display: block;} /* level 6 */ ul#vertnav ul.vertnav-level6 { float: left; margin-left: 16px; margin-bottom: -2px;} ul#vertnav li.level6 { float: left;display: block; width: 100%; } ul#vertnav li.level6 > .vertnav-cat {float: left; display: block; width: 155px; font-size: 0.75em; line-height: 1.125em; border-bottom: solid 1px #5c6064; min-height: 31px; height: auto!important; height: 31px; } ul#vertnav li.level6-inactive > .vertnav-cat { color: #c5c5c5; border-bottom: solid 1px #5c6064; } ul#vertnav li.level6-active > .vertnav-cat { width: 158px; color: #fff; border-bottom: solid 1px #fff; font-family: 'PlutoSansBold';} ul#vertnav li.level6 > .vertnav-cat a { float: left; padding: 10px 5px 5px 0px; width: 100%; display: block;} ul#vertnav li a:hover { text-decoration: underline;} /* extra stuff for ie7 */ #ul#vertnav li .vertnav-cat a span { color: #fff;} #ul#vertnav li.level3 > .vertnav-cat a span { color: #2C2F33; float: left;} #ul#vertnav li.level3 > .vertnav-cat a:hover span.txt { text-decoration: underline;} #ul#vertnav li.level3.open > .vertnav-cat a span { color: #fff; font-family: 'PlutoSansBold';} #ul#vertnav li.level4.open > .vertnav-cat a span { color: #fff; font-family: 'PlutoSansRegular';} #ul#vertnav li.level5.open > .vertnav-cat a span { color: #fff; font-family: 'PlutoSansRegular';} #ul#vertnav li.level6.open > .vertnav-cat a span { color: #fff; font-family: 'PlutoSansRegular';} /* --- Responsive Slides --------------------------------------------------------- ------------------------------------------------------------------------------- */ .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; height: 400px; } .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; } .rslides li:first-child { position: relative; display: block; float: left; } .rslides img { display: block; height: auto; float: left; width: 100%; border: 0; } .rslides { margin: 0 auto; } .rslides div a { height: 401px; } .rslides_container { position: relative; float: left; width: 100%; margin-top: -24px; margin-bottom: -46px; } .centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs { position: absolute; bottom: 70px; z-index: 900; left: 82px; } .centered-btns_tabs li, .transparent-btns_tabs li, .large-btns_tabs li { display: inline; float: none; margin-right: 5px; } .tabbody .img-text-tab { background: #fff;} .tabbody .img-text-tab-inner { margin: 23px 0px 0px 0px; } .tabbody .img-text-tab-inner .imgholder { margin-left: 10px;} .tabbody .img-text-tab-inner h3 { margin-bottom: 38px;} .tabbody .img-text-tab-inner .fliesstext { margin-bottom: 38px;} /* --- Temporary Stuff --------------------------------------------------------- ------------------------------------------------------------------------------- */ .spacer.nine-col { height: 349px; background: #fff; position: relative; text-align: center; } .spacer.nine-col strong { margin-top: 150px; float: left; display: block; margin-left: 210px; margin-top: 150px; } .kalender-platzhalter { height: 200px; background: #fff; float: left; width: 100%; } .kalender-platzhalter h2{ text-align: center; margin: 100px auto } /* no js */ html.no-js .carousel { overflow: auto; height: 300px;} html.no-js .carousel ul { width: auto!important; } html.no-js .carousel ul li { float: left;} html.no-js .carousel-control-next, html.no-js .carousel-control-prev { display: none;} html.no-js .carousel-inner li { width: 250px; } html.no-js .accordion h2 { display: block; padding: 10px 5px 8px 0px; color: #fff!important; position: relative; width: 207px; height: 13px; } html.no-js .accordion h2 .icon.accordiontoggle { display: none;} html.no-js #top-nav li.lang select { display: block; height: 23px; width: 65px;} @media all and (max-width: 980px) { .wrapper-inner-calendar { float: left; width:976px;} }