/** * @author Dipl.-Ing. (FH) André Fiedler */ html, body { height: 100%; } body { padding: 0; margin: 0; font-family: "DroidSans", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; line-height: 17px; color: #fff; } #noscript { position: absolute; left: 20px; top: 20px; padding: 10px; background: #fff; color: #001224; } body.info { background: #002040 url(../grafiken/info/bg-pattern.png); background-attachment: fixed; } body.wohlfuehlen { background: #666600 url(../grafiken/wohlfuehlen/bg-pattern.png); background-attachment: fixed; } body.baden { background: #B35900 url(../grafiken/baden/bg-pattern.png); background-attachment: fixed; } body.saunieren { background: #990000 url(../grafiken/saunieren/bg-pattern.png); background-attachment: fixed; } #logo { position: absolute; left: 76px; top: 52px; width: 135px; height: 52px; background: url(../grafiken/info/logo.png) no-repeat; } #logo span { display: none; } body.info #logo { background: url(../grafiken/info/logo.png) no-repeat; } body.wohlfuehlen #logo { background: url(../grafiken/wohlfuehlen/logo.png) no-repeat; } body.baden #logo { background: url(../grafiken/baden/logo.png) no-repeat; } body.saunieren #logo { background: url(../grafiken/saunieren/logo.png) no-repeat; } #header { width: 960px; position: absolute; left: 0; top: 0; } body.large #header { width: 1284px; } .clear { clear: both; } div.clear { height: 0; line-height: 0; overflow: hidden; } .hidden { visibility: hidden; } #header #user_menu { position: absolute; top: 8px; right: 53px; padding: 0; margin: 0; font-size: 11px; cursor: default; } #header #user_menu a { color: #fff; text-decoration: none; cursor: pointer; } #header ul.headermenu { position: absolute; top: 86px; right: 53px; padding: 0; margin: 0; font-size: 11px; } #header ul.headermenu li { display: block; float: left; margin-left: 18px; } #header ul.headermenu li a { display: block; color: #fff; text-decoration: none; line-height: 18px; } #header ul.headermenu li a span { line-height: 11px; } #shopmenu { left: 259px; } #shopmenu div { padding-left: 27px; color: #3378cc !important; cursor: default; line-height: 18px; } #shopmenu div.current { background: url(../grafiken/header/warenkorb.png) no-repeat 0 2px; color: #fff !important; } #shopmenu div.check { background: url(../grafiken/header/check.png) no-repeat top left; } #header-link-warenkorb { background: url(../grafiken/header/warenkorb.png) no-repeat 0 2px; padding-left: 27px; } #header-link-warenkorb.no-icon { background: none; } #header-link-service { background: url(../grafiken/header/service.png) no-repeat 0 2px; padding-left: 22px; } #header-link-panorama { background: url(../grafiken/header/panorama.png) no-repeat 0 2px; padding-left: 24px; } #content-wrapper { position: absolute; left: 0; top: 120px; } /* * Content */ #content-outer { } #left-col { float: left; margin-left: 60px; width: 648px; min-height: 456px; } #left-col-content-wrapper { margin: 54px 22px 0 219px; } body.info #left-col { background: #3378CC; } body.wohlfuehlen #left-col { background: #999900; } body.baden #left-col { background: #DB8400; } body.saunieren #left-col { background: #DA3D16; } #right-col { float: left; margin-left: 6px; min-height: 456px; width: 246px; } body.large #right-col { width: 570px; } /* * Text */ h1, .headline , .ueberschrift { display: block; font-size: 36px; line-height: 36px; font-weight: bold; padding: 8px 0 19px 0; margin: 0; } h2, .subline, .zwischen_ueberschrift { display: block; font-size: 16px; font-weight: bold; line-height: 21px; font-family: "DroidSans", "Trebuchet MS",Arial,Helvetica,sans-serif; margin-bottom: 10px; padding: 0; } .images { width: 430px; clear: both; } .images .image * { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: url('grafiken/lupe.cur'); } .images .image { float: left; margin-left: 16px; } .images .image1 { width: 412px; } .images .image2 { width: 198px; } .images .first { margin: 0; } .images .image .img { border: 0px #004080 solid; overflow: hidden; } .images .image .img img { border: none; } .images .image .caption { font-size: 11px; line-height: 15px; color: #002040; margin-top: 10px; } body.info .images .image .img { border-color: #004080; } body.info .images .image .caption { color: #002040; } body.info table .heller { background-color:#669ad9; } body.wohlfuehlen .images .image .img { border-color: #666600; } body.wohlfuehlen .images .image .caption { color: #191A00; } body.wohlfuehlen table .heller { background-color:#b3b340; } body.baden .images .image .img { border-color: #B35900; } body.baden .images .image .caption { color: #2E1700; } body.baden table .heller { background-color:#e4a340; } body.saunieren .images .image .img { border-color: #990000; } body.saunieren .images .image .caption { color: #420000; } body.saunieren table .heller { background-color:#e16445; } .template-text, .images { margin-bottom: 18px; } .text a, .fliesstext a { text-decoration: none; } body.info .text a, body.info .fliesstext a { color: #002040; } body.wohlfuehlen .text a, body.wohlfuehlen .fliesstext a { color: #191A00; } body.baden .text a, body.baden .fliesstext a { color: #2E1700; } body.saunieren .text a, body.saunieren .fliesstext a { color: #420000; } #content ul { padding-left: 0; margin-left: 0; list-style: none; } #content ul li { padding-left: 13px; background: url(../grafiken/dot.png) 0 6px no-repeat; } #content ol { padding-left: 20px; margin-left: 0; } .separator { width: 410px; margin: 15px 0 0 0; padding: 15px 0 0 0; background: url(../grafiken/trenner-dark.png) top repeat-x; } span.label { display: inline-block; width: 50px; } label.checkbox { display: inline-block; font-size: 11px; line-height: 11px; } label.checkbox a { text-decoration: underline; } body.info label.checkbox { color: #002040; } body.wohlfuehlen label.checkbox { color: #191A00; } body.baden label.checkbox { color: #2E1700; } body.saunieren label.checkbox { color: #420000; } .small { font-size: 11px; } .offer-price { height: 40px; font-size: 40px; line-height: 47px; cursor: default; font-family: "WCManoNegraBta", "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; } .box-more { display: inline-block; background: #fff; width: auto; padding: 3px 8px 3px 0; } .box-more a { text-decoration: none; display: inline-block; padding: 0 0 0 8px; font-size: 11px; } body.info .box-more a { color: #002040; } body.wohlfuehlen .box-more a { color: #191A00; } body.baden .box-more a { color: #2E1700; } body.saunieren .box-more a { color: #420000; } form { margin-top: 5px; } .message { margin: 10px 0 5px 0; background: #fff; padding: 5px; width: 400px; font-weight: bold; } body.info .message { color: #002040; } body.wohlfuehlen .message { color: #191A00; } body.baden .message { color: #2E1700; } body.saunieren .message { color: #420000; } .error-message { margin: 10px 0 5px 0; background: #fff; padding: 5px; width: 400px; font-weight: bold; color: #A00703; } label.overTxtLabel { display: block; font-size: 11px; line-height: 24px; margin: 5px 0 0 0; padding: 0 0 0 3px; } body.info label.overTxtLabel { color: #002040; } body.wohlfuehlen label.overTxtLabel { color: #191A00; } body.baden label.overTxtLabel { color: #2E1700; } body.saunieren label.overTxtLabel { color: #420000; } input.textfield { background: #fff url(../grafiken/bg-textfield.gif) top left repeat-x; border: none; line-height: 24px; height: 24px; padding: 0; margin: 5px 0 5px 0; width: 410px; text-indent: 5px; font-size: 11px; font-family: "DroidSans", "Trebuchet MS", Arial, Helvetica, sans-serif; } textarea.textfield { background: #fff url(../grafiken/bg-textfield.gif) top left repeat-x; border: none; line-height: 24px; padding: 0 0 0 5px; margin: 5px 0 5px 0; width: 405px; font-size: 11px; font-family: "DroidSans", "Trebuchet MS", Arial, Helvetica, sans-serif; } body.info input.textfield, body.info textarea.textfield { color: #002040; } body.wohlfuehlen input.textfield, body.wohlfuehlen textarea.textfield { color: #191A00; } body.baden input.textfield, body.baden textarea.textfield { color: #2E1700; } body.saunieren input.textfield, body.saunieren textarea.textfield { color: #420000; } input.button, a.button { background: #fff; border: none; line-height: 24px; height: 24px; margin: 10px 5px 0 0; padding: 0 10px 0 5px; font-size: 11px; cursor: pointer; text-align: left; font-family: "DroidSans", "Trebuchet MS", Arial, Helvetica, sans-serif; } a.button { display: inline-block; text-decoration: none; line-height: 26px; } body.info input.button, body.info a.button { color: #002040; } body.wohlfuehlen input.button, body.wohlfuehlen a.button { color: #191A00; } body.baden input.button, body.baden a.button { color: #2E1700; } body.saunieren input.button, body.saunieren a.button { color: #420000; } .backbutton { display: inline-block; margin-top: 14px; background: transparent; border: 0px transparent; cursor: pointer; font-size: 11px; text-align: left; } div.mandatory { width: 410px; margin-left: -20px; padding-left: 20px; background: url(../grafiken/mandatory.png) 0 center no-repeat; } div.mandatory.textarea { background-position: 0 14px; } input.radiobox { padding: 0; margin: 0 0 0 -1px; } input.checkbox { padding: 0; margin: 0 5px 0 -1px; } /* * Listen */ .list-header div.title { float: left; font-size: 36px; line-height: 36px; font-weight: bold; padding: 8px 0 36px 0; margin: 0; } div.pagination { float: right; padding: 26px 0 0 0; cursor: default; } div.pagination a, div.pagination span { text-decoration: none; display: inline-block; padding: 0 0 0 8px; font-size: 11px; } div.pagination a { cursor: pointer; } body.info div.pagination a, body.info div.pagination span { color: #002040; } body.wohlfuehlen div.pagination a, body.wohlfuehlen div.pagination span { color: #191A00; } body.baden div.pagination a, body.baden div.pagination span { color: #2E1700; } body.saunieren div.pagination a, body.saunieren div.pagination span { color: #420000; } div.pagination a.current, body.info div.pagination a.current, body.wohlfuehlen div.pagination a.current, body.baden div.pagination a.current, body.saunieren div.pagination a.current { color: #fff; } .before-list-dropdown { float: left; width: 290px; } .list-dropdown { float: right; width: 110px; margin: 0 -7px 0 0; } select { width: 106px; height: 24px; background: #fff; border: #fff 4px solid; font-size: 11px; border-radius: 0; -webkit-border-radius: 0; cursor: pointer; } select option { background: #fff; border: #fff 4px solid; border-radius: 0; -webkit-border-radius: 0; } body.info select { color: #002040; } body.wohlfuehlen select { color: #191A00; } body.baden select { color: #2E1700; } body.saunieren select { color: #420000; } .list-item { float: left; width: 410px; margin: 20px 0 0 0; padding: 20px 0 0 0; background: url(../grafiken/trenner-dark.png) top repeat-x; } .list-item .row { float: left; width: 410px; } .list-item.first { background: none; } .list-item .list-image { float: right; width: 90px; margin: 3px 0 0 0; } .list-item .list-price { float: left; width: 120px; margin: 12px 0 0 0; } .list-item .list-more-offer { float: left; width: 180px; margin: 12px 0 0 0; } .list-item .image .img { display: block; border: 0px #004080 solid; overflow: hidden; } .list-item .list-date { float: left; width: 310px; cursor: default; } .list-item .list-headline { float: left; width: 310px; font-weight: bold; margin: 0 0 10px 0; cursor: default; } .list-item .list-headline-offer { float: left; width: 306px; font-weight: bold; margin: 0; cursor: default; } .list-item .list-text { float: left; width: 310px; cursor: default; } .list-item .list-text-offer { float: left; width: 306px; cursor: default; } .list-item .list-more { float: left; width: 310px; } .list-item .list-more a, .list-item .list-more-offer a { text-decoration: none; font-size: 11px; } .list-item .list-more-offer a.info { display: inline-block; margin: 0 0 0 10px; } .list-item .price { display: block; font-size: 23px; padding: 10px 0 0 0; cursor: default; font-family: "WCManoNegraBta", "Trebuchet MS", Arial, Helvetica, sans-serif; } body.info .list-item .list-more a, body.info .list-item .list-more-offer a { color: #002040; } body.wohlfuehlen .list-item .list-more a, body.wohlfuehlen .list-item .list-more-offer a { color: #191A00; } body.baden .list-item .list-more a, body.baden .list-item .list-more-offer a { color: #2E1700; } body.saunieren .list-item .list-more a, body.saunieren .list-item .list-more-offer a { color: #420000; } .buttons-left { float: left; } .buttons-right { float: right; position: relative; right: -5px; } /* * Footer */ #footer { } #footer .left-col { float: left; width: 708px; } #footer .right-col { float: left; width: 216px; margin-left: 6px; } body.large #footer .right-col { float: left; width: 540px; } #logo-footer { display: block; float: left; margin: 42px 0 22px 76px; width: 108px; height: 42px; background: url(../grafiken/info/logo-footer.png) no-repeat; } #logo-footer span { display: none; } body.info #logo-footer { background: url(../grafiken/info/logo-footer.png) no-repeat; } body.wohlfuehlen #logo-footer { background: url(../grafiken/wohlfuehlen/logo-footer.png) no-repeat; } body.baden #logo-footer { background: url(../grafiken/baden/logo-footer.png) no-repeat; } body.saunieren #logo-footer { background: url(../grafiken/saunieren/logo-footer.png) no-repeat; } #footer ul.footermenu { float: right; padding: 0; font-size: 11px; float: right; margin: 68px 18px 0 0; } #footer ul.footermenu li { display: block; float: left; margin-left: 10px; vertical-align: middle; } #footer ul.footermenu li a { color: #fff; text-decoration: none; } #footer ul.footermenu li a.rss { display: block; width: 12px; height: 12px; background: transparent url(../grafiken/info/rss-icon.png) no-repeat; margin-top: 2px; } #footer ul.footermenu li a:hover.rss { background-position: 0 -12px; } #footer ul.footermenu li a.rss span { display: none; } body.info #footer ul.footermenu li a.rss { background-image: url(../grafiken/info/rss-icon.png); } body.wohlfuehlen #footer ul.footermenu li a.rss { background-image: url(../grafiken/wohlfuehlen/rss-icon.png); } body.baden #footer ul.footermenu li a.rss { background-image: url(../grafiken/baden/rss-icon.png); } body.saunieren #footer ul.footermenu li a.rss { background-image: url(../grafiken/saunieren/rss-icon.png); } #footer .right-col a.go-top { display: block; float: right; color: #fff; text-decoration: none; margin: 68px 0 0 0; font-size: 11px; background: url(../grafiken/go-top.png) 0 6px no-repeat; padding-left: 15px; } /* * Menu */ div.menu { position: absolute; left: 30px; top: 54px; width: 246px; min-height:402px; } div.menu .tabs { position: absolute; left: -186px; top: 186px; width: 402px; height: 30px; overflow: hidden; } div.menu .tabs a { display: block; float: left; font-size: 18px; line-height: 30px; text-align: center; text-decoration: none; } div.menu .tab-content { position: absolute; left: 30px; top: 0; width: 216px; min-height:625px; } div.menu .tab-content .termine_news, div.menu .tab-content .info, div.menu .tab-content .wohlfuehlen, div.menu .tab-content .baden, div.menu .tab-content .saunieren { position: absolute; left: 0; top: 0; padding: 0 18px 0 18px; width: 180px; min-height:402px; } div.menu .tab-content .termine_news { background: #001224; } div.menu .tabs a.info { width: 64px; color: #3378CC; background: #004080 url(../grafiken/bg-tab-left.png) repeat-x; } div.menu .tab-content .info { background: #3378CC; } div.menu .tabs a.wohlfuehlen { width: 132px; margin-right: 2px; color: #999900; background: #666600 url(../grafiken/bg-tab-left.png) repeat-x; } div.menu .tab-content .wohlfuehlen { background: #999900; } div.menu .tabs a.baden { width: 84px; margin-right: 2px; color: #DB8400; background: #B35900 url(../grafiken/bg-tab-left.png) repeat-x; } div.menu .tab-content .baden { background: #DB8400; } div.menu .tabs a.saunieren { width: 116px; margin-right: 2px; color: #DA3D16; background: #990000 url(../grafiken/bg-tab-left.png) repeat-x; } div.menu .tab-content .saunieren { background: #DA3D16; padding-bottom:18px; } div.menu .tab-content * ul { padding: 0; margin: 18px 0 0 0; list-style: none; } div.menu .tab-content * ul li { display: block; padding: 6px 0 6px 0; margin: 0; font-weight: bold; font-size: 16px; line-height: 21px; background: url(../grafiken/trenner-dark.png) repeat-x; } div.menu .tab-content * ul li.first { background: none; } div.menu .tab-content * ul li a { display: block; text-decoration: none; } div.menu .tab-content * ul li ul { display: block; padding: 0; margin: 10px 0 2px 0; } div.menu .tab-content * ul li ul li { background: none; font-family: "DroidSans", "Trebuchet MS"; font-weight: bold; font-size: 13px; padding: 0; margin: 2px 0 0 0; } div.menu .tab-content * ul li ul li ul { display: block; padding: 0; margin: 0 0 2px 10px; } div.menu .tab-content * ul li ul li ul li { background: none; font-family: "DroidSans", "Trebuchet MS"; font-weight: normal; font-size: 13px; padding: 0; margin: 2px 0 0 0; } div.menu .tab-content .info ul li a, div.menu .tab-content .info ul li ul li a { color: #001224; } div.menu .tab-content .info ul li ul li ul li a { color: #001224; } div.menu .tab-content .wohlfuehlen ul li a, div.menu .tab-content .wohlfuehlen ul li ul li a { color: #191A00; } div.menu .tab-content .wohlfuehlen ul li ul li ul li a { color: #191A00; } div.menu .tab-content .baden ul li a, div.menu .tab-content .baden ul li ul li a { color: #2E1700; } div.menu .tab-content .baden ul li ul li ul li a { color: #2E1700; } div.menu .tab-content .saunieren ul li a, div.menu .tab-content .saunieren ul li ul li a { color: #420000; } div.menu .tab-content .saunieren ul li ul li ul li a { color: #420000; } div.menu .tab-content * ul li.current a, div.menu .tab-content * ul li ul li.current a { color: #fff; } div.menu .tab-content * ul li ul li ul li.current a { color: #fff; } /* * right Column Boxes */ #right-col .box-image { position: relative; width: 216px; height: 216px; margin-bottom: 6px; } body.large #right-col .box-image { width: 540px; height: 540px; } /* * Galerie */ #right-col .box-gallery { position: relative; width: 216px; height: 216px; margin-bottom: 6px; } #right-col .box-gallery img { display: block; position: absolute; left: 0; top: 0; } #right-col .box-gallery ul { position: absolute; right: -30px; top: 54px; padding: 0; margin: 0; list-style: none; height: 160px; overflow: hidden; } #right-col .box-gallery ul li { display: block; float: left; clear: left; padding: 0; margin: 0 0 2px 0; width: 30px; height: 30px; } #right-col .box-gallery ul li a { display: block; padding-top: 4px; font-size: 18px; line-height: 26px; text-align: center; text-decoration: none; font-family: "WCManoNegraBta", "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; background: url(../grafiken/bg-tab-right-gallery.png) repeat-y; } body.large #right-col .box-gallery { width: 540px; height: 540px; } body.large #right-col .box-gallery ul { height: 480px; } body.info #right-col .box-gallery { background-color: #3378CC; } body.info #right-col .box-gallery ul li a { color: #3378CC; background-color: #004080; } body.wohlfuehlen #right-col .box-gallery { background-color: #999900; } body.wohlfuehlen #right-col .box-gallery ul li a { color: #999900; background-color: #666600; } body.baden #right-col .box-gallery { background-color: #2E1700; } body.baden #right-col .box-gallery ul li a { color: #DB8400; background-color: #B35900; } body.saunieren #right-col .box-gallery { background-color: #420000; } body.saunieren #right-col .box-gallery ul li a { color: #DA3D16; background-color: #990000; } /* * Angebote */ #right-col .box-angebote { position: relative; float: left; width: 216px; margin-bottom: 6px; padding-top: 23px; } #right-col .box-angebote .label { position: absolute; top: 54px; right: -60px; padding: 5px; height: 20px; width: 80px; color: #fff; text-align: center; font-size: 13px; line-height: 17px; font-weight: bold; cursor: default; } #right-col .box-angebote .more { margin: 5px 18px 0 18px; padding-bottom: 25px; font-family: "DroidSans", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; } #right-col .box-angebote .more a { text-decoration: none; } #right-col .box-angebote .item { clear: both; margin: 0 18px 0 18px; padding-bottom: 20px; background: bottom left repeat-x; } #right-col .box-angebote .item .title { font-size: 16px; line-height: 21px; font-weight: bold; cursor: default; } #right-col .box-angebote .item .image-text { float: left; margin: 15px 0 0 0; width: 180px; cursor: default; } #right-col .box-angebote .item .image-text img { margin: 5px 8px 8px 0; } #right-col .box-angebote .item .price-links { float: left; margin-top: 15px; width: 180px; } #right-col .box-angebote .item .price-links ul { display: block; list-style: none; padding: 2px 4px 4px 4px; height: 18px; margin: 0; } #right-col .box-angebote .item .price-links ul li { display: block; float: left; padding: 0; margin: 0;} #right-col .box-angebote .item .price-links ul li a { text-decoration: none; font-size: 11px; line-height: 19px; margin: 0 4px 0 4px; } #right-col .box-angebote .item .price-links .price { display: block; height: 53px; font-size: 40px; line-height: 47px; cursor: default; font-family: "WCManoNegraBta", "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; } body.large #right-col .box-angebote { width: 540px; } body.large #right-col .box-angebote .item .image-text { margin: 15px 18px 0 0; width: 306px; } body.info #right-col .box-angebote { background-color: #001224; color: #3378CC; } body.info #right-col .box-angebote .label { background-color: #001224; } body.info #right-col .box-angebote .item { background-image: url(../grafiken/info/trenner-box.png); } body.info #right-col .box-angebote .item .price-links ul { background: #3378CC; } body.info #right-col .box-angebote .item .price-links ul li a { color: #001224; } body.info #right-col .box-angebote .more a { color: #3378CC; } body.wohlfuehlen #right-col .box-angebote { background-color: #191A00; color: #999900; } body.wohlfuehlen #right-col .box-angebote .label { background-color: #191A00; } body.wohlfuehlen #right-col .box-angebote .item { background-image: url(../grafiken/wohlfuehlen/trenner-box.png); } body.wohlfuehlen #right-col .box-angebote .item .price-links ul { background: #999900; } body.wohlfuehlen #right-col .box-angebote .item .price-links ul li a { color: #191A00; } body.wohlfuehlen #right-col .box-angebote .more a { color: #999900; } body.baden #right-col .box-angebote { background-color: #2E1700; color: #DB8400; } body.baden #right-col .box-angebote .label { background-color: #2E1700; } body.baden #right-col .box-angebote .item { background-image: url(../grafiken/baden/trenner-box.png); } body.baden #right-col .box-angebote .item .price-links ul { background: #DB8400; } body.baden #right-col .box-angebote .item .price-links ul li a { color: #2E1700; } body.baden #right-col .box-angebote .more a { color: #DB8400; } body.saunieren #right-col .box-angebote { background-color: #420000; color: #DA3D16; } body.saunieren #right-col .box-angebote .label { background-color: #420000; } body.saunieren #right-col .box-angebote .item { background-image: url(../grafiken/saunieren/trenner-box.png); } body.saunieren #right-col .box-angebote .item .price-links ul { background: #DA3D16; } body.saunieren #right-col .box-angebote .item .price-links ul li a { color: #420000; } body.saunieren #right-col .box-angebote .more a { color: #DA3D16; } /* * Aktuelles */ #right-col .box-aktuelles { position: relative; float: left; width: 216px; margin-bottom: 6px; padding-top: 23px; } #right-col .box-aktuelles .label { position: absolute; top: 54px; right: -60px; padding: 5px; height: 20px; width: 80px; color: #fff; text-align: center; font-size: 13px; line-height: 17px; font-weight: bold; cursor: default; } #right-col .box-aktuelles .more { margin: 5px 18px 0 18px; padding-bottom: 25px; font-family: "DroidSans", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; } #right-col .box-aktuelles .more a { text-decoration: none; } #right-col .box-aktuelles .item { margin: 0 18px 0 18px; padding-bottom: 20px; background: bottom left repeat-x; } #right-col .box-aktuelles .item .text { float: left; margin: 5px 0 0 0; width: 180px; cursor: default; } #right-col .box-aktuelles .item .text .title { font-size: 16px; line-height: 21px; font-weight: bold; cursor: default; } #right-col .box-aktuelles .item .link { display: block; float: left; margin-top: 15px; width: 170px; list-style: none; padding: 2px 4px 4px 4px; height: 18px; text-decoration: none; font-size: 11px; line-height: 19px; } #right-col .box-aktuelles .item .link span { margin: 0 4px 0 4px; } body.large #right-col .box-aktuelles { width: 540px; } body.large #right-col .box-aktuelles .item .text { margin: 5px 18px 0 0; width: 306px; } body.info #right-col .box-aktuelles { background-color: #001224; color: #3378CC; } body.info #right-col .box-aktuelles .label { background-color: #001224; } body.info #right-col .box-aktuelles .item { background-image: url(../grafiken/info/trenner-box.png); } body.info #right-col .box-aktuelles .item .link { background: #3378CC; color: #001224; } body.info #right-col .box-aktuelles .more a { color: #3378CC; } body.wohlfuehlen #right-col .box-aktuelles { background-color: #191A00; color: #999900; } body.wohlfuehlen #right-col .box-aktuelles .label { background-color: #191A00; } body.wohlfuehlen #right-col .box-aktuelles .item { background-image: url(../grafiken/wohlfuehlen/trenner-box.png); } body.wohlfuehlen #right-col .box-aktuelles .item .link { background: #999900; color: #191A00; } body.wohlfuehlen #right-col .box-aktuelles .more a { color: #999900; } body.baden #right-col .box-aktuelles { background-color: #2E1700; color: #DB8400; } body.baden #right-col .box-aktuelles .label { background-color: #2E1700; } body.baden #right-col .box-aktuelles .item { background-image: url(../grafiken/baden/trenner-box.png); } body.baden #right-col .box-aktuelles .item .link { background: #DB8400; color: #2E1700; } body.baden #right-col .box-aktuelles .more a { color: #DB8400; } body.saunieren #right-col .box-aktuelles { background-color: #420000; color: #DA3D16; } body.saunieren #right-col .box-aktuelles .label { background-color: #420000; } body.saunieren #right-col .box-aktuelles .item { background-image: url(../grafiken/saunieren/trenner-box.png); } body.saunieren #right-col .box-aktuelles .item .link { background: #DA3D16; color: #420000; } body.saunieren #right-col .box-aktuelles .more a { color: #DA3D16; } /* * Wetter */ #right-col .box-wetter { position: relative; float: left; width: 216px; margin-bottom: 6px; } #right-col .box-wetter .label { position: absolute; top: 54px; right: -60px; padding: 5px; height: 20px; width: 80px; color: #fff; text-align: center; font-size: 13px; line-height: 17px; font-weight: bold; cursor: default; } #right-col .box-wetter .more { margin: 5px 18px 0 18px; padding-bottom: 25px; font-family: "DroidSans", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; } #right-col .box-wetter .more a { text-decoration: none; } #right-col .box-wetter .title { margin: 23px 18px 0 18px; font-size: 16px; line-height: 21px; font-weight: bold; cursor: default; } #right-col .box-wetter .wrapper { margin: 10px 18px 0 18px; background: bottom left repeat-x; } #right-col .box-wetter .wrapper .item { position: relative; float: left; padding-bottom: 15px; width: 240px; } #right-col .box-wetter .wrapper .item .col-1 { float: left; padding-right: 15px; font-size: 37px; line-height: 47px; cursor: default; font-family: "WCManoNegraBta", "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; } #right-col .box-wetter .wrapper .item .col-2 { width: 190px; cursor: default; } #right-col .box-wetter .wrapper .item .col-2 .s-row { float: left; width: 72px; margin-right: 15px; } #right-col .box-wetter .wrapper .item .col-2 .s-row .s-col-1 { float: left; width: 40px; } #right-col .box-wetter .wrapper .item .col-2 .first .s-col-1 { width: 30px; } #right-col .box-wetter .wrapper .item .col-2 .s-row .s-col-2 { float: left; width: 32px; text-align: right; } #right-col .box-wetter .wrapper .item .col-2 .first { padding-right: 15px; } #right-col .box-wetter .wrapper .item .col-3 { position: absolute; right: 55px; top: 0; width: 34px; cursor: default; margin-left: 10px; } body.large #right-col .box-wetter .wrapper .item .col-2 { float: left; width: 72px; } body.large #right-col .box-wetter .wrapper .item .col-2 .first .s-col-1 { width: 40px; } body.large #right-col .box-wetter .wrapper .item .col-2 .second { margin-left: 0; } body.large #right-col .box-wetter .wrapper .item .col-3 { right: 0; } #right-col .box-wetter .wrapper .item .col-3 .wetter-icon { width: 34px; height: 34px; } #right-col .box-wetter .wrapper .item .col-3 .wetter-icon span { display: none; } #right-col .box-wetter .tomorrow { margin-left: 0; } body.large #right-col .box-wetter { width: 540px; } body.large #right-col .box-wetter .tomorrow { margin-left: 24px; } body.info #right-col .box-wetter { background-color: #001224; color: #3378CC; } body.info #right-col .box-wetter .label { background-color: #001224; } body.info #right-col .box-wetter .wrapper { background-image: url(../grafiken/info/trenner-box.png); } body.info #right-col .box-wetter .more a { color: #3378CC; } body.wohlfuehlen #right-col .box-wetter { background-color: #191A00; color: #999900; } body.wohlfuehlen #right-col .box-wetter .label { background-color: #191A00; } body.wohlfuehlen #right-col .box-wetter .wrapper { background-image: url(../grafiken/wohlfuehlen/trenner-box.png); } body.wohlfuehlen #right-col .box-wetter .more a { color: #999900; } body.baden #right-col .box-wetter { background-color: #2E1700; color: #DB8400; } body.baden #right-col .box-wetter .label { background-color: #2E1700; } body.baden #right-col .box-wetter .wrapper { background-image: url(../grafiken/baden/trenner-box.png); } body.baden #right-col .box-wetter .more a { color: #DB8400; } body.saunieren #right-col .box-wetter { background-color: #420000; color: #DA3D16; } body.saunieren #right-col .box-wetter .label { background-color: #420000; } body.saunieren #right-col .box-wetter .wrapper { background-image: url(../grafiken/saunieren/trenner-box.png); } body.saunieren #right-col .box-wetter .more a { color: #DA3D16; } /* * Social */ #right-col .box-social { position: relative; float: left; width: 216px; margin-bottom: 6px; } #right-col .box-social span { display: block; margin: 18px; } body.large #right-col .box-social { width: 540px; } body.info #right-col .box-social { background-color: #001224; color: #3378CC; } body.wohlfuehlen #right-col .box-social { background-color: #191A00; color: #999900; } body.baden #right-col .box-social { background-color: #2E1700; color: #DB8400; } body.saunieren #right-col .box-social { background-color: #420000; color: #DA3D16; } /* * Slimbox */ #lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #001224; cursor: pointer; } #lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; background-color: #3378CC; } #lbImage { position: absolute; left: 0; top: 0; background-repeat: no-repeat; background-position: center; padding: 18px 18px 10px 18px; } #lbBottom { line-height: 15px; text-align: left; overflow: hidden; margin: 0 0 10px 9px; } #lbCaption, #lbNumber { float: left; margin: 0 0 0 9px; color: #001224; font-size: 11px; line-height: 21px; } #lbCaption { font-weight: bold; } #lbNumber { float: right; font-size: 18px; font-family: "WCManoNegraBta", "Trebuchet MS", Arial, Helvetica, sans-serif; padding-right: 15px; } .lbLoading { background: url(../grafiken/info/loading.gif) no-repeat center; } #lbNav { position: absolute; right: -265px; top: 265px; height: 30px; width: 500px; } #lbPrevLink, #lbNextLink, #lbCloseLink { display: block; float: right; padding: 5px 15px 5px 15px; margin-left: 4px; height: 20px; color: #fff; text-align: center; font-size: 13px; line-height: 17px; font-weight: bold; outline: none; text-decoration: none; background-color: #3378CC; } body.info #lbOverlay { background-color: #001224; } body.info #lbCenter, body.info #lbBottomContainer, body.info #lbCloseLink, body.info #lbPrevLink, body.info #lbNextLink { background-color: #3378CC; } body.info #lbCloseLink:hover, body.info #lbPrevLink:hover, body.info #lbNextLink:hover { color: #001224; } body.info .lbLoading { background: url(../grafiken/info/loading.gif) no-repeat center; } body.wohlfuehlen #lbOverlay { background-color: #191A00; } body.wohlfuehlen #lbCenter, body.wohlfuehlen #lbBottomContainer, body.wohlfuehlen #lbCloseLink, body.wohlfuehlen #lbPrevLink, body.wohlfuehlen #lbNextLink { background-color: #999900; } body.wohlfuehlen #lbCloseLink:hover, body.wohlfuehlen #lbPrevLink:hover, body.wohlfuehlen #lbNextLink:hover { color: #191A00; } body.wohlfuehlen .lbLoading { background: url(../grafiken/wohlfuehlen/loading.gif) no-repeat center; } body.baden #lbOverlay { background-color: #2E1700; } body.baden #lbCenter, body.baden #lbBottomContainer, body.baden #lbCloseLink, body.baden #lbPrevLink, body.baden #lbNextLink { background-color: #DB8400; } body.baden #lbCloseLink:hover, body.baden #lbPrevLink:hover, body.baden #lbNextLink:hover { color: #2E1700; } body.baden .lbLoading { background: url(../grafiken/baden/loading.gif) no-repeat center; } body.saunieren #lbOverlay { background-color: #420000; } body.saunieren #lbCenter, body.saunieren #lbBottomContainer, body.saunieren #lbCloseLink, body.saunieren #lbPrevLink, body.saunieren #lbNextLink { background-color: #DA3D16; } body.saunieren #lbCloseLink:hover, body.saunieren #lbPrevLink:hover, body.saunieren #lbNextLink:hover { color: #420000; } body.saunieren .lbLoading { background: url(../grafiken/saunieren/loading.gif) no-repeat center; }