/* //////////////////////////////////////////////////////////////// // // Styles fuer das Layout // // Weblication(r) CMS Strukturdesign Version 4.8 // erstellt durch Scholl Communications AG, 77694 Kehl, www.scholl.de // erstellt mit Weblication Content Management Server, www.weblication.de // //////////////////////////////////////////////////////////////// */ /* Formatierung von HTML-Elementen */ body {background-color:#FFFFFF; margin:0; padding:2px 0 0 2px; font-family: Arial, Verdana, sans-serif; font-size:12px; color:#000000; font-weight:normal; line-height:16px} div {margin:0; padding:0;} p {margin:0; padding:0;} table {margin:0px; padding:0px; font:inherit; color:inherit; border:none;} tr, thead, tbody {margin:0px; padding:0px;} th, td {margin:0px; padding:0px; vertical-align:top;} form {margin:0px; padding:0px;} input {font-size:11px;padding:1px;} input.arrowButton {background: url(/modernisierung/wLayout/design/img/buttons/gray-arrow-button-white-bg.gif) left bottom no-repeat; width: 12px; height: 16px; border:0px none; cursor: pointer} /* Star-Hack fŸr IE6, um border color zu definieren ohne Standard-Inputs zu beeinflussen */ * html input {border: 1px solid #999999; vertical-align: top} select {font-size:11px;padding:0px;} textarea {font-size:12px;padding:2px;} button {cursor:pointer;margin:0px;background-color:#B6B6B6;border:none;color:#ffffff;font-size:10px;padding:0px 6px; height:19px;margin-right:10px; } buttonAdmin {cursor:pointer;margin:0px;background-color:#B6B6B6;border:none;color:#ffffff;font-size:10px;padding:0px 6px; height:19px;margin-right:10px; } span {} a {color:#666666; text-decoration: none} a:hover {color:red; text-decoration: underline} a img {border:none;} a.intern {padding-left:14px;background:url(/modernisierung/wLayout/design/img/links/intern.gif) center left no-repeat;} a.extern {padding-left:14px;background:url(/modernisierung/wLayout/design/img/links/extern.gif) center left no-repeat;} a.download {padding-left:14px;background:url(/modernisierung/wLayout/design/img/links/download.gif) center left no-repeat;} a.redArrow {padding-right:14px;background:url(/modernisierung/wLayout/design/img/links/red-link-arrow.gif) center right no-repeat; display: block; margin-bottom: 2px} a.arrowOnYellow {padding-right:34px; background:url(/modernisierung/wLayout/design/img/buttons/arrow-button-on-yellow.gif) center right no-repeat; text-transform: uppercase; text-decoration: none; font-size: 11px; } a.linkClose {cursor: pointer;padding-left:15px; background-image:url(/modernisierung/wLayout/design/img/links/link_close.gif); background-position: 0px center; background-repeat: no-repeat; } a.linkOpen {cursor: pointer;padding-left:15px; background-image:url(/modernisierung/wLayout/design/img/links/red-link-arrow-down.gif); background-position: 0 center; background-repeat: no-repeat; } a.linkCloseAll {cursor: pointer;padding-right:15px; background-image:url(/modernisierung/wLayout/design/img/links/red-link-arrow-up.gif); background-position: right center; background-repeat: no-repeat;} .arrowOnYellowRight {float: right; padding: 6px 28px 0 0;} a.listLinkShortNoBr { padding-right: 15px; white-space: nowrap; } a.buttonAddToCart { display: block; position:absolute; z-index: 50; left:70px; line-height: 20px; color: #ff0000; text-decoration: none; font-weight: normal; width: 122px; height: 19px; background-image: url(/modernisierung/wLayout/design/img/buttons/button_add_to_cart.gif); background-position: top left; background-repeat: no-repeat; margin-top:4px; } a:hover.buttonAddToCart { margin-top:4px; color: #ff0000; text-decoration: none } a.buttonAddToCart span { padding: 0 0 0 16px; } a:hover.buttonAddToCart span { padding: 0 0 0 16px; } a.buttonAddAllToCart { display: inline-block; line-height: 20px; color: #ff0000; text-decoration: none; font-weight: normal; width: 129px; height: 19px; background-image: url(/modernisierung/wLayout/design/img/buttons/button_add_all_to_cart.gif); background-position: top left; background-repeat: no-repeat; margin-top:4px; } a:hover.buttonAddAllToCart { margin-top:4px; color: #ff0000; text-decoration: none } a.buttonAddAllToCart span { padding: 0 0 0 16px; } a:hover.buttonAddAllToCart span { padding: 0 0 0 16px; } a.buttonBigAddToCart { display: block; margin: 0 auto; line-height: 15px; color: #ff0000; text-decoration: none; font-weight: normal; width: 265px; height: 33px; background-image: url(/modernisierung/wLayout/design/img/buttons/button_big_add_to_cart.gif); background-position: top left; background-repeat: no-repeat; } a:hover.buttonBigAddToCart { height:33px; color: #ff0000; text-decoration: none } a.buttonBigAddToCart span { display:block; padding: 1px 0 0 16px; } a.buttonOrderNow { display: block; float:left; line-height: 20px; color: #ff0000; text-decoration: none; font-weight: normal; width: 106px; height: 19px; background-image: url(/modernisierung/wLayout/design/img/buttons/button_order_now.gif); background-position: top left; background-repeat: no-repeat; margin-top:4px; margin-right: 5px; } a:hover.buttonOrderNow { height:19px; margin-top:4px; color: #ff0000; text-decoration: none } a.buttonOrderNow span { padding: 0 0 0 16px; } a:hover.buttonOrderNow span { padding: 0 0 0 16px; } a.buttonNewsletterAbo { display: block; float:left; line-height: 20px; color: #ff0000; text-decoration: none; font-weight: normal; width: 160px; height: 19px; background-image: url(/modernisierung/wLayout/design/img/buttons/button_newsletter_abo.gif); background-position: top left; background-repeat: no-repeat; margin-top:4px; margin-right: 5px; } input.buttonNewsletterAbo { padding: 0; border: 0px none; line-height: 20px; color: #ff0000; text-decoration: none; font-weight: normal; width: 220px; height: 18px; background-image: url(/modernisierung/wLayout/design/img/buttons/button_newsletter_abo_long.gif); background-position: top left; background-repeat: no-repeat; margin-top:4px; margin-right: 5px; } a.buttonResetOrder { display: block; float: left; line-height: 20px; color: #ff0000; text-decoration: none; font-weight: normal; width: 152px; height: 19px; background-image: url(/modernisierung/wLayout/design/img/buttons/button_reset_order.gif); background-position: top left; background-repeat: no-repeat; margin-top:4px; } a:hover.buttonResetOrder { height:19px; margin-top:4px; color: #ff0000; text-decoration: none } a.buttonResetOrder span { padding: 0 0 0 16px; } a:hover.buttonResetOrder span { padding: 0 0 0 16px; } span.buttonInCart { display: block; line-height: 20px; position:absolute; left:70px; color: #b2b2b2; text-decoration: none; font-weight: normal; width: 171px; height: 19px; background-image: url(/modernisierung/wLayout/design/img/buttons/button_in_cart.gif); background-position: top left; background-repeat: no-repeat; margin-top:4px; } span.buttonInCart span { padding: 0 0 0 16px; } a.buttonDeleteFromCart { display: block; position:absolute; left:245px; top:0; text-decoration: none; font-weight: normal; width: 18px; height: 19px; background-image: url(/modernisierung/wLayout/design/img/buttons/button_delete_from_cart.gif); background-position: top left; background-repeat: no-repeat; margin-top:4px; margin-right: 5px } a:hover.buttonDeleteFromCart { height:19px; margin-top:4px; text-decoration: none } .dynaButton { display:inline-block; margin-right: 10px; width: auto; background: left top no-repeat; padding-left: 17px; } .dynaButton span { display:block; width: auto; background: url(/modernisierung/wLayout/design/img/backgrounds/button_bg.gif) left top repeat-x; } .dynaButton div { display:block; width: auto; background: url(/modernisierung/wLayout/design/img/backgrounds/button_bg.gif) left top repeat-x; } .dynaButton a { white-space: nowrap; display:block; width: auto; height: 18px; padding: 1px 8px 0 0; overflow: hidden; background: url(/modernisierung/wLayout/design/img/backgrounds/button_border_right.gif) right top no-repeat; } .dynaButton span span { display:block; width: auto; height: 18px; padding: 1px 8px 0 0; overflow: hidden; background: url(/modernisierung/wLayout/design/img/backgrounds/button_border_right.gif) right top no-repeat; color:#ff0000 } .dynaButton a:hover { text-decoration: none; } .dynaButton input { border:none; background:none; padding:0; margin:0; font-size: 12px; font-family: Arial; } .confirm { background-image: url(/modernisierung/wLayout/design/img/backgrounds/button_bg_left_confirm.gif); } .cancel { background-image: url(/modernisierung/wLayout/design/img/backgrounds/button_bg_left_cancel.gif); } .add { background-image: url(/modernisierung/wLayout/design/img/backgrounds/button_bg_left_add.gif); } a.newButton { border: 1px solid #ff0000; color:#ff0000; padding: 0 5px; -moz-border-radius: 4px; border-radius: 4px; text-decoration: none; display: inline-block; } a:hover.newButton { color:#ff0000; text-decoration: underline; } .elementPictureAndSublineDomainable { display: none; } .blockConent a { color:red ; } .indexLeft a { color:red ; } .indexRight a { color:red ; } .elementInhaltsAbstand a { color:red ; } .elementInhaltsAbstand .text ul li a { color: #666; text-decoration: underline } .elementStandardEinstieg a, .borderFrame a { color:#666 ; text-decoration: underline ; } .elementStandardEinstieg a:hover { color:red; text-decoration: underline ; } .indexLeftNew a { text-decoration: underline ; } .indexRightNew a { text-decoration: underline ; } .dynaButton a, a.buttonAddToCart, a.buttonAddAllToCart, a.buttonBigAddToCart, a.buttonOrderNow, a.buttonNewsletterAbo, a.buttonResetOrder, a.newButton { color:red ; font-weight: normal ; text-decoration: none ; } .ui-tabs-nav a, .ui-tabs-panel a { text-decoration: none ; } .allNews a { color: red} .allNews .listPageNavi { text-align: center; font-size: 13px } .allNews .listPageNavi a { font-size: 13px; color:#666; } .allNews .listPageNavi strong a { font-size: 13px; color:red; } .allNews .listPageNavi strong { font-size: 13px; color:red; } .allNews .listPageNavi .listLinkBackForth {color: red} .allNews .listPageNavi back, .listPageNavi forth { padding: 0 10px; } .indexLeftInner .pictureLeft { margin-bottom: 0 ; display: block; } .leftColModtipps a, .rightColModtipps a, .indexLeftEnergiespartipps a { color:red; font-weight: normal; text-decoration: none; } .formularMainBodyProspektbestellung .dynaButton a { display:block; width: auto; height: 18px; padding: 1px 8px 0 0; overflow: hidden; background: url(/modernisierung/wLayout/design/img/backgrounds/button_border_right_lightgrey_bg.gif) right top no-repeat; } .formularMainBodyProspektbestellung .confirm { background-image: url(/modernisierung/wLayout/design/img/backgrounds/button_bg_left_confirm_lightgrey_bg.gif); } .formularMainBodyProspektbestellung .cancel { background-image: url(/modernisierung/wLayout/design/img/backgrounds/button_bg_left_cancel_lightgrey_bg.gif); } * html a.buttonAddToCart { left:0; } * html span.buttonInCart { left:0; } * html a.buttonDeleteFromCart { left: 175px; } a.energieeffizienz { display: block; width: 112px; height: 113px; text-decoration: none; background-image: url(/modernisierung/wLayout/design/img/logos/energieeffizienz_label_2010.gif); background-position: top left; background-repeat: no-repeat; position: absolute; left: 760px; bottom: 64px; z-index: 1000 } a:hover.energieeffizienz { text-decoration: none; } a.prospektLinkOrderList { line-height: 26px; } .antifloat {clear: both;} /*beendet allgemein umflossene Bereiche */ .antifloatPodcast {clear: both;height: 12px;} /*beendet allgemein umflossene Bereiche */ img.leftBorder {float:left;margin:4px 4px 4px 0;border:solid 4px #74B211;} .picture {margin:0 4px 4px 4px;} .pictureLeft {float:left; margin:2px 1px 4px 0;} .pictureLeftIndex {float:left; margin:2px 6px 4px 0;} .pictureRightEfib {float:left; margin:0 10px 4px 0; padding-top: 6px;} .pictureRight {float:right; margin:0 0 4px 10px;} .picturesRight {float: right; width: 280px; position:relative } .picturesRight .pictureRightLogo { position:relative; top:-30px; left:20px;} .picturesRight .pictureRight {margin:0 0 5px 0; margin-top:0;} .borderTop {border-top: 1px solid #D5D6D7;} ul {margin-left:8px; padding-left:9px; list-style-type: disc; } ul.noTopMargin { margin-top: 0 } ol {margin-left:0px; padding-left:0px; list-style-type: decimal;} hr {background-color:#CCC; color:#CCC; height:1px; border-style:none;} ul.networkLinks {margin: 0; padding: 0; list-style-type: none} li.networkLinkLeft { width: 48%; float: left; list-style-type: none; display: block; margin: 0 0 5px 0; padding: 0; line-height: 20px; } li.networkLinkRight { width: 48%; float: right; list-style-type: none; display: block; margin: 0 0 5px 0; padding: 0; line-height: 20px; } li.networkLinkRight img, li.networkLinkLeft img { display: block; float: left; margin-right: 5px; } /*################################ Ueberschriften ################################*/ h1 {margin:0px; padding:0px; font-size:20px; font-weight:bold; line-height:23px; color:#666666; margin-bottom:15px;} h2 {margin:0px; padding:0px; font-size:14px; font-weight:bold; line-height:18px; color:#000000; margin-bottom:15px;} h3 {margin:0px; padding:0px; font-size:14px; font-weight:bold; line-height:18px; color:#666666; margin-bottom:0;} h4 {margin:0px; padding:0px; font-size:12px; font-weight:bold; line-height:13px; color:#000000; margin-bottom:4px;} h5 {margin:0px; padding:0px; font-size:12px; font-weight:bold; line-height:13px; color:#000000; margin-bottom:4px;} h6 {margin:0px; padding:0px; font-size:12px; font-weight:normal; line-height:13px; color:#666; margin-bottom:4px;} h1 a {text-decoration:none;} h2 a {text-decoration:none;} h3 a {text-decoration:none;} h4 a {text-decoration:none;} h5 a {text-decoration:none;} h6 a {text-decoration:none;} /* h1 a:hover {text-decoration:none;color: #666666} h2 a:hover {text-decoration:none;color: #666666} h3 a:hover {text-decoration:none;color: #666666} h4 a:hover {text-decoration:none;color: #666666} h5 a:hover {text-decoration:none;color: #666666} h6 a:hover {text-decoration:none;color: #666666} */ /*################################ Texte ################################*/ .text {font-family: Arial, Verdana, sans-serif; font-size:12px; color:#000000; font-weight:normal; line-height:16px;} /*Text*/ .textBold {font-family: Arial, Verdana, sans-serif; font-size:12px; color:#000; font-weight:bold; line-height:16px;}/*Text fett*/ .textBoldDescription {font-family: Arial, Verdana, sans-serif; font-size:12px; color:#000; font-weight:bold; line-height:16px; margin-bottom: 12px;}/*Text fett*/ .textInvert {font-family: Arial, Verdana, sans-serif; font-size:12px; color:#FFFFFF; font-weight:normal; line-height:16px;}/*Text negativ*/ .textBoldInvert {font-family: Arial, Verdana, sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold; line-height:16px;}/*Text fett negativ*/ .textInfo {background-color:#ECCCCC;border-style:solid;border-width:1px;border-color:#c9ced4;padding-left:4px;padding-top:4px;padding-bottom:4px;}/*Text Infobox*/ .textHerstellerInfo {font-family: Arial, Verdana, sans-serif; font-size:12px; color:#000000; font-weight:normal; line-height:16px; padding-left: 150px;} /*Text bei Herstellerinfos*/ .textHerstellerInfo a {} /*Text bei Herstellerinfos*/ .textHerstellerInfo a:hover {} /*Text bei Herstellerinfos*/ .textBoldInfo {font-family: Arial, Verdana, sans-serif; font-size:12px; color:#000; font-weight:bold; line-height:16px; text-decoration: none; margin-top: 10px; }/*Text fett als Headline nach Fliesstext*/ .textBoldInfo a {font-family: Arial, Verdana, sans-serif; font-size:12px; color:#000; font-weight:bold; line-height:16px; text-decoration: none; }/*Text fett als Headline nach Fliesstext*/ .textBoldInfo a:hover {font-family: Arial, Verdana, sans-serif; font-size:12px; color:#000; font-weight:bold; line-height:16px; text-decoration: underline;}/*Text fett als Headline nach Fliesstext*/ .text h3 {font-family: Arial, Verdana, sans-serif; font-size:12px; color:#000000; font-weight: bold; line-height:16px; text-decoration: none; } /*als schwarzer Textlink*/ .text h3 a {font-family: Arial, Verdana, sans-serif; font-size:12px; font-weight: bold; line-height:16px; text-decoration: none; } /*als schwarzer Textlink*/ .text h3 a:hover {font-family: Arial, Verdana, sans-serif; font-size:12px; font-weight: bold; line-height:16px; text-decoration: underline;} /*als schwarzer Textlink*/ .textStartHeadline {font-family: Arial, Verdana, sans-serif; font-size:12px; color:#000000; font-weight: bold; line-height:16px; text-decoration: none; } /*als schwarzer Textlink*/ .textStartHeadline a {font-family: Arial, Verdana, sans-serif; font-size:12px; color:#000000; font-weight: bold; line-height:16px; text-decoration: none; } /*als schwarzer Textlink*/ .textStartHeadline a:hover {font-family: Arial, Verdana, sans-serif; font-size:12px; color:#000000; font-weight: bold; line-height:16px; text-decoration: underline;} /*als schwarzer Textlink*/ .textStartNeuOnline {font-family: Arial, Verdana, sans-serif; font-size:12px; color:#000000; font-weight: normal; line-height:16px; text-decoration: none; } /*als schwarzer Textlink*/ .textStartNeuOnline a {font-family: Arial, Verdana, sans-serif; font-size:12px; color:#000000; font-weight: normal; line-height:16px; text-decoration: none; } /*als schwarzer Textlink*/ .textStartNeuOnline a:hover {font-family: Arial, Verdana, sans-serif; font-size:12px; color:#000000; font-weight: normal; line-height:16px; text-decoration: underline;} /*als schwarzer Textlink*/ .textStartNeuOnline p {padding: 4px 0 4px 0; } /*als schwarzer Textlink*/ .textStartNeuOnline h4 {font-family: Arial, Verdana, sans-serif; font-size:12px; color:#FF0000; font-weight: normal; line-height:16px; text-decoration: none; } /*als roter Textlink*/ .textStartNeuOnline h4 a {font-family: Arial, Verdana, sans-serif; font-size:12px; color:#FF0000; font-weight: normal; line-height:16px; text-decoration: none; } /*als roter Textlink*/ .textStartNeuOnline h4 a:hover {font-family: Arial, Verdana, sans-serif; font-size:12px; color:#FF0000; font-weight: normal; line-height:16px; text-decoration: underline; } /*als roter Textlink*/ .textInfoMeldungHead {font-family: Arial, Verdana, sans-serif; font-size:12px; color:#000000; font-weight: normal; line-height:16px; text-decoration: none; margin-top: 3px; } /*als schwarzer Textlink*/ .textInfoMeldungHead a {font-family: Arial, Verdana, sans-serif; font-size:12px; color:#000000; font-weight: normal; line-height:16px; text-decoration: none; } /*als schwarzer Textlink*/ .textInfoMeldungHead a:hover {font-family: Arial, Verdana, sans-serif; font-size:12px; color:#000000; font-weight: normal; line-height:16px; text-decoration: underline;} /*als schwarzer Textlink*/ .textSmall {font-family: Arial, Verdana, sans-serif; font-size:10px; color:#666666; font-weight:normal; line-height:14px;}/*Kleiner Text*/ .textSmallBold {font-family: Arial, Verdana, sans-serif; font-size:10px; color:#666666; font-weight:bold; line-height:14px;}/*Kleiner Text fett*/ .textSmallInvert {font-family: Arial, Verdana, sans-serif; font-size:10px; color:#FFFFFF; font-weight:normal; line-height:14px;}/*Kleiner Text negativ*/ .textSmallBoldInvert {font-family: Arial, Verdana, sans-serif; font-size:10px; color:#FFFFFF; font-weight:bold; line-height:14px;}/*Kleiner Text fett negativ*/ .textLarge {font-family: Arial, Verdana, sans-serif; font-size:14px; color:#666666; font-weight:normal; line-height:18px;}/*Großer Text*/ .textLargeBold {font-family: Arial, Verdana, sans-serif; font-size:14px; color:#666666; font-weight:bold; line-height:18px;}/*Großer Text fett*/ .textLargeInvert {font-family: Arial, Verdana, sans-serif; font-size:14px; color:#FFFFFF; font-weight:normal; line-height:18px;}/*Großer Text negativ*/ .textLargeBoldInvert {font-family: Arial, Verdana, sans-serif; font-size:14px; color:#FFFFFF; font-weight:bold; line-height:18px;}/*Großer Text fett negativ*/ .textAnsprechpartner {font-family: Arial, Verdana, sans-serif; font-size:12px; color:#666666; font-weight:normal; line-height:18px;}/*Text Ansprechpartner PLZ Suchergebnisse*/ .textImportant {background-color:#E50000} /*Text Wichtig*/ .textInfo {background-color:orange} /*Text Info*/ .textWarning {background-color:red} /*Text Warnung*/ .textTipp {background-color:green} /*Text Tipp*/ .subText {padding: 0 4px 20px 20px; width: 236px; font-family: Arial, Verdana, sans-serif; font-size:12px; color:#666; font-weight:normal; line-height:16px;} /*Text Bildunterschrift*/ /*################################ Javascript-Meldungen ################################*/ .msr {font-family:Arial,Helvetica; font-size:12px; color:red;} .mbr {font-family:Arial,Helvetica; font-size:12px; font-weight:bold; color:red;} .mcr {font-family:Arial,Helvetica; font-size:11px; font-style:italic; color:red;} .msa {font-family:Arial,Helvetica; font-size:12px; color:gray;} .mba {font-family:Arial,Helvetica; font-size:12px; font-weight:bold; color:gray;} .mca {font-family:Arial,Helvetica; font-size:12px; font-style:italic; color:gray;} .msg {font-family:Arial,Helvetica; font-size:12px; font-weight:normal;color:green;} .mbg {font-family:Arial,Helvetica; font-size:12px; font-weight:bold; color:green;} .mcg {font-family:Arial,Helvetica; font-size:12px; font-style:italic; color:green;} /* Bloecke */ .blockBanner {position:absolute; top:2px; left: 880px;} .blockBannerInner {} .elementBannerRight {} .elementBannerTop {} .blockMain {width:876px; background-color:#ffffff; } .blockMainInner {padding:0px; background-color:#ffffff;} .blockContentInner {padding:0;} .blockContent {width: 676px; background: #fff; float: left;} .blockTop {} .blockTopInner {padding: 0; position:relative; height:199px; z-index: 999;} .subdomainTopBannerLink { display:block } .blockRight {float:right; width:198px; overflow: hidden; background-color: #dfe0e0; } .blockRightInner {padding:0 0 0 0; } .blockBottom {background: #ff0000; margin: 2px 0 2px 0; } .blockBottomInner {padding: 0px; text-align: center; padding: 4px 0 5px 0; color: white; } .blockBottomInner a {color: white; text-decoration: none; } .blockBottomInner a:hover {color: white; text-decoration: none; } .blockLeftContentRight {background:url(/modernisierung/wLayout/design/img/bg_blockLeftContentRight.png) } .blockContent .elementStandard .fragmentPicture {margin:0px; padding:4px 11px 11px 22px;} .blockContent .elementStandard .fragmentPicture img {} .blockContent .elementStandard .fragmentPictureLeft {float:left; margin:0px; padding:4px 8px 4px 0px;} .blockContent .elementStandard .fragmentPictureLeft img {} .blockContent .elementStandard .fragmentPictureRight {float:right; margin:0px; padding:4px 0px 4px 8px;} .blockContent .elementStandard .fragmentPictureRight img {} .blockContentPopup {width: 580px; margin: 0; padding-top: 15px; }/*Inhaltsbereich bei Popup-Fenstern*/ /* Elemente */ .elementStandard {margin: 0px 0px 10px 0px; padding:10px;} .elementHR {margin: 0px 0px 10px 0px; padding:10px 0;} .elementStandardProduktempfehlung{margin: 0px 0px 10px 0px; padding: 36px; background-color: #DFE0E0} .elementStandardProduktempfehlung img { border: none; } .elementStandardProduktempfehlung .elementText {padding: 0; margin: 0} .elementProduktempfehlung {margin: 0px 0px 10px 0px; padding: 10px 0;border-bottom: 1px solid #CCC; } .elementProduktempfehlung img {border: none;} .elementProduktempfehlung .elementText {padding: 0; margin: 0} .elementProduktempfehlung .elementText a{text-decoration: none; color:red} .elementProduktempfehlung .elementText a:hover{text-decoration: underline; color:red} .anzeige { background-image: url(/modernisierung/wLayout/design/img/backgrounds/grafik_anzeige.gif); background-position: 151px 8px; background-repeat: no-repeat; padding-top: 20px } .elementBannerContentLevel2VolleBreite {background: #DFE0E0; margin-top: 10px; padding: 20px; text-align: center;} .elementBannerContentLevel2HalbeBreite {background: #DFE0E0; margin-top: 10px; padding: 20px 0; text-align: center; width: 322px; float:left} .elementRightAnzeige {background: #FFF; padding: 5px;} .elementRightAnzeige a { text-decoration: none; color: #666} .elementStandardEinstieg {margin: 0px 0px 10px 0px; padding:10px;} .elementInhaltsAbstand {margin: 0px 0px 10px 0px; padding:10px;} .elementStandardSmallMargin {margin: 0px 0px 0px 0px; padding: 0; border-bottom: 1px solid #D5D6D7} .elementStandardSmallMarginHerstellerInfo {margin: 0 0 6px 0; padding: 0 0 6px 0; border-bottom: 1px solid #D5D6D7} .elementHeadline {margin: 0px 0px 10px 0px; padding:0px;} .elementHeadlineNoBorder {margin: 0 0px 3px 0px; padding:0px;} .elementHeadlineNoBorder h3 {color: #666;} .elementHeadlineNoBorder h2 {margin-bottom: 0px} .elementHeadlineSmallMargin {margin: 0px 0px 3px 0px; padding:0px; border-bottom: 1px solid #D5D6D7} .elementHeadlineSmallMargin h1 { font-size: 14px; line-height: 18px; margin: 3px 0; padding: 0; } .elementHeadlineSmallMargin h2 { margin: 3px 0; padding: 0; } .elementHeadlineIndex {margin: 0px 0px 3px 0px; padding:0px; border-top: 1px solid #D5D6D7; border-bottom: 1px solid #D5D6D7; margin: 0 10px 5px; } .elementHeadlineIndex h1 { font-size: 14px; line-height: 18px; margin: 3px 0; padding: 0; } .elementBannerRightCategorizable {display:none} .elementHeaderHeadline {position: absolute; left:182px; top: 82px; width: 650px } .elementHeaderHeadline h1 {font-size:18px; font-weight:bold; line-height:23px; color:#666666; margin-bottom:0px;} .elementHeaderHeadline h2 {font-size:12px; font-weight:bold; line-height:18px; color:#666666; margin-bottom:0px;} .tool {float: right; width: 25px;} .toolhint {float: right; width: auto; display: none; padding: 3px 5px 0; line-height: 14px; } .elementHeadline h1 {margin:0px; padding:0px; font-size:14px; font-weight:bold; line-height:18px; color:#000000; margin-bottom: 0px;} .elementHeadline h2 {margin:3px 0 3px 0; padding:0px; font-size:14px; font-weight:bold; line-height:18px; color:#666666; margin-bottom: 0px;} .elementHeadline h3 {margin:3px 0 3px 0; padding:0px; font-size:14px; font-weight:bold; line-height:18px; color:#666666; } .elementHeadline h4 {margin:0px; padding:0px; font-size:12px; font-weight:bold; line-height:13px; color:#000000; margin-bottom:0px;} .elementHeadline h5 {margin:0px; padding:0px; font-size:11px; font-weight:bold; line-height:13px; color:#666666; margin-bottom:0px;} .elementHeadline h6 {margin:0px; padding:0px; font-size:11px; font-weight:bold; line-height:13px; color:#666666; margin-bottom:0px;} .elementText {margin: 0px 0px 10px 0px; padding:0px;} .elementSource {margin: 0px 0px 10px 0px; padding:4px;background-color:#FFFFCC;overflow:auto;white-space:nowrap} .elementDelimiter {margin: 0px 0px 10px 0px; padding:0px;} .elementPicture {margin: 0px 0px 10px 0px; padding:0px;} .elementLink {margin: 0px 0px 10px 0px; padding:0px;} .elementList {margin: 0px 0px 10px 0px; padding:0px;} .elementNavigation {margin: 0px 0px 10px 0px; padding:0px;} .elementPortlet {margin: 0px 0px 10px 0px; padding:0px;} .elementSitemap ul {margin-top: 0; margin-bottom: 10px; padding-top: 0; padding-bottom: 0; padding-left: 14px; } .elementSitemap ul a:hover {color:#ff0000;} .elementSitemap ul li ul {margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; padding-left: 14px; } .elementSitemap ul li ul a:hover {color:#ff0000;} .elementPortletDescription {margin: 2px 0px 5px 0px; padding:0px;} .elementPortletDescription h3 {margin-bottom:5px;} .elementForm {margin: 0px 0px 18px 0px; padding:0px;} .elementContainer {margin: 0px 0px 18px 0px; padding:0px;} .elementContainerBox {margin: 0px 0px 18px 0px; padding:0px;} .elementContainer1 {margin:0 0 16px 0; padding:0px;} .elementContainer1 .col1 {} .elementContainer2 {margin:0 0 16px 0; padding:0;} .elementContainer2 .col1 {float:left;width:49%;margin-right:2%;} .elementContainer2 .col2 {float:left;width:49%;} .elementContainer3 {margin:0 0 16px 0; padding:0;} .elementContainer3 .col1 {float:left;width:32%;margin-right:2%;} .elementContainer3 .col2 {float:left;width:32%;margin-right:2%;} .elementContainer3 .col3 {float:left;width:32%;} .elementContainerBox1 {margin:0 0 16px 0; padding:8px; background-color:#DBE9F2; border:1px none #e0e0e0;} .elementContainerBox1 .col1 {} .elementContainerBox2 {margin:0 0 16px 0; padding:8px; background-color:#DBE9F2; border:1px none #e0e0e0;} .elementContainerBox2 .col1 {float:left;width:49%;margin-right:2%;} .elementContainerBox2 .col2 {float:left;width:49%;} .elementContainerBox3 {margin:0 0 16px 0; padding:8px; background-color:#DBE9F2; border:1px none #e0e0e0;} .elementContainerBox3 .col1 {float:left;width:32%;margin-right:2%;} .elementContainerBox3 .col2 {float:left;width:32%;margin-right:2%;} .elementContainerBox3 .col3 {float:left;width:32%;} .elementProspektBestellung { padding: 0 8px; } .elementStartBanner { position: relative; height: 100px; border-bottom: 1px solid #D5D6D7; margin-bottom: 10px; } .elementStartBanner .pic { position: absolute; z-index: 10; width:382px; overflow: hidden; } .elementStartBanner .text { position: absolute; z-index: 20; left:10px; top:10px; width: 362px; color: #fff; } .indexRight .elementStartBanner .pic { width: 252px; } .indexRight .elementStartBanner .text { width: 232px; } .elementStartBanner .text a { color: #fff; } .elementStartBanner .text h1, .elementStartBanner .text h1 a { color: #fff; font-size:14px } .elementStartBanner .text h2, .elementStartBanner .text h2 a { color: #fff; font-size:14px } .elementStartBanner .text h3, .elementStartBanner .text h3 a { color: #fff; font-size:14px } .elementStartBanner .text h4, .elementStartBanner .text h4 a { color: #fff; font-size:14px } .elementStartBanner .text h5, .elementStartBanner .text h5 a { color: #fff; font-size:14px } .elementStartBanner .text h6, .elementStartBanner .text h6 a { color: #fff; font-size:14px } .fragmentInfo {border:solid 1px blue;padding:4px;background-color:#f0f0f0} .fragmentError {border:solid 1px red;padding:4px;background-color:#f0f0f0} .fragmentWarning {border:solid 1px orange;padding:4px;background-color:#f0f0f0} .fragmentTip {border:solid 1px yellow;padding:4px;background-color:#f0f0f0} .editPart { display: none} .youtubevideo {margin-top: 15px; } /* Allgemeine Elemente des oberen Bereiches */ .blockTop .elementHeader {display:inline-block; width:876px; height: 18px; overflow: hidden; } .blockTop .elementMetanav {background: #efeff0; padding:0px 5px 0px; text-align: right; } .blockTop .menuItem {float: right; margin-right: 10px;} .blockTop .menuItemNew {padding-right: 10px; } .blockTop .elementMetanav a {color:#666666;text-decoration:none; text-transform: uppercase; font-size: 11px } .blockTop .elementMetanav a:hover {color:#666666;text-decoration:none; text-transform: uppercase; font-size: 11px } .blockTop .elementLogo { position: absolute; z-index: 100; left:15px; bottom:75px; } .blockTop .elementLogo img {margin:0px; padding:0px; border:none;} .blockTop .elementSlogan {position: absolute; z-index: 100; left:227px; bottom:73px;} .blockTop .elementSlogan img {margin:0px; padding:0px; border:none;} .highlightFrame {padding:5px 5px 5px 0; margin-top:12px;}/*hervorgehobener Rahmen*/ .highlightFrame img {float:right; padding-right:20px; padding-left:15px;} .highlightFrame h3 {margin:0px; padding:0px; font-size:13px; font-family:Arial,Helvetica; font-size:12px; font-weight:bold; margin-bottom:2px;} .borderFrame {width: 636px; padding: 10px; margin-bottom: 10px; margin-top: 10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center; line-height: 18px;}/*Rahmen mit Begrenzungslinie oben und unten*/ /* Allgemeine Elemente des rechten Bereiches */ .blockRight .elementRightStandard {margin:0; padding:8px 10px; background-color:#dfe0e0; color:#666666; border-bottom: 2px solid #fff; } .blockRight .elementRightStandardAnzeige {margin:0; padding:8px 10px; background-color:#dfe0e0; color:#666666; border-bottom: 2px solid #fff; } .blockRight .tagcloud {font-size: 80%; } .blockRight #listHaendler {text-align:center;height:75px;margin-bottom:25px;margin-top:5px;overflow:hidden} .blockRight #listHaendler img {vertical-align:middle;} .blockRight #listHaendler a {text-align:center;display:block;width:140px;height:75px;vertical-align:middle; text-decoration:none; background-position: center center; background-repeat: no-repeat} .blockRight .fixedLogo {text-align:center;margin-bottom:15px;overflow:hidden} .blockRight .fixedLogo img {} .blockRight .fixedLogo a {text-align:center;display:table-cell;width:140px;} .blockRight .xLogo {text-align:center;height:75px;margin-bottom:25px;overflow:hidden} .blockRight .xLogo img {} .blockRight .xLogo a {text-align:center;display:table-cell;width:140px;height:75px;vertical-align:middle} .blockRight #listHersteller {text-align:center;height:75px;margin-bottom:15px;overflow:hidden} .blockRight #listHersteller img {} .blockRight #listHersteller a {text-align:center;display:table-cell;width:140px;height:75px;vertical-align:middle; background-position: center center; background-repeat: no-repeat} .topLogo { padding: 15px 0 15px 50px; } .elementLogoOverview { float: left; width: 185px; height: 85px; line-height: 75px; background-position: center center; background-repeat: no-repeat; } a:hover.elementLogoOverview { text-decoration: none; } /*Text im rechten Bereich*/ .blockRight .elementRightStandard .elementRightHeadline {font-size:11px; font-weight:normal; text-transform: uppercase; line-height:16px;}/*Headline im rechten Bereich*/ .blockRight .elementRightStandard .elementRightHeadline h2 {margin:0px; padding:0px; font-size:11px; font-weight:normal; text-transform: uppercase; line-height:16px; color:#666666; margin-bottom:5px;}/*h2 im rechten Bereich*/ .blockRight .elementRightStandard .elementRightText {font-size: 11px }/*Text im rechten Bereich*/ .blockRight .elementRightStandard .elementRightText .linktext {margin: 2px 0 0 0; font-size: 11px;} .blockRight .elementRightStandard .elementRightWhiteText {font-size: 11px;background: white} .blockRight .elementRightStandard .elementRightInclude {}/*Include im rechten Bereich*/ .blockRight .elementRightPicture {margin-bottom: 2px; } .blockRight .elementRightPicture img {display: block; border-bottom: 2px solid #fff;} .blockRight input.standard {padding: 0; margin-left: -4px; margin-bottom: 5px; width: 150px; font-size: 9px; color: #999999; float: left;} .blockRight input.arrowButton {background: url(/modernisierung/wLayout/design/img/buttons/gray-arrow-button.gif) left bottom no-repeat; float: right; width: 12px; height: 14px; border:0px none} .blockRight .elementRightTagCloud {margin:0; padding:8px 10px; background-color:#dfe0e0; color:#666666} .blockRight .elementRightTagCloud .elementRightHeadline h2 {margin:0px; padding:0px; font-size:11px; font-weight:normal; text-transform: uppercase; line-height:16px; color:#666666; margin-bottom:5px;}/*h2 im rechten Bereich*/ /* Listen-Ansichten*/ .listItem {position: relative; height: 280px; overflow: hidden; z-index: 1; } .listItem .bildLinks {width:400px; height:278px; float:left; overflow: hidden} .listItem .textRechts {width: 274px; height:278px; overflow: hidden; float: right; background: #666666} .listItem .listNav {width:274px; background-color: #666666; position: absolute; z-index: 100; right: 0; bottom:2px; height: 25px; overflow: hidden; border-top: 1px solid #333333; } .listItem .ui-tabs-nav .navButtonNext {cursor: pointer; display: block; height: 25px; float: left; width: 70px; padding: 0; margin: 0; border: none; background: url(/modernisierung/wLayout/design/img/buttons/arrow-button-list-nav.gif) center center no-repeat; text-decoration: none;} .listItem .navItem {display: block; padding: 6px 15px; float: left; border-right: 1px solid #333333; color: white; text-decoration: none; font-size: 14px } .listItem .text {padding: 15px 20px 15px; color: white} .listItem h3 {color: white; margin: 0; padding: 0; margin-bottom: 5px; font-size: 12px } .listItem h3 a {color: white; } .listItem h3 a:hover {color: white; } .listItem .ui-tabs-nav li {display: block; padding: 5px 15px; list-style-type: none; float: left; border-right: 1px solid #333333; color: white; text-decoration: none; background: none; width: auto} .listItem .ui-tabs-nav li.ui-tabs-selected { background-color: #dfe0e0; display: block; padding: 5px 15px; float: left; border-right: 1px solid #333333; color: #333333; font-weight: bold; text-decoration: none; width: auto} .listItem .ui-tabs-nav a {padding: 0; margin: 0; background: none; border: none} .listItem .ui-tabs-nav .ui-tabs-selected a {background:none; color: #333} .listItem .text a {color: white;} .listItem .ui-tabs-panel { padding: 0; margin: 0; background: #FFF} /* Listen-Ansichten neu */ .newlistItem {position: relative; z-index: 1; height: 240px; overflow: hidden; border-bottom: 2px solid #fff;} .newlistItem .bildLinks {width:400px; height:240px; z-index: 1; position:absolute; left: 0; top:0; overflow: hidden} .newlistItem .listNav {width:274px; margin: 0; padding: 0; background-color: #666666; position: absolute; z-index: 100; right: 0; top:0; height: 240px; overflow: hidden; border-bottom: 1px solid #fff; } .newlistItem .navItem {display: block; color: white; text-decoration: none; } .newlistItem h3 {color: white; margin: 8px 10px 5px; padding: 0; font-size: 12px } .newlistItem p {color: white; margin: 0 10px; padding: 0; font-size: 12px; line-height: 16px } .newlistItem .listNav li { display: block; float:none; height:80px; width:274px; overflow: hidden; padding: 0; margin:0; list-style-type: none; border-bottom: 1px solid #fff; color: white; text-decoration: none; background: none; position: relative; z-index: 1} .newlistItem .listNav li.ui-tabs-selected { display: block; float:none; height:80px; width:274px; overflow: hidden; padding: 0; margin:0; list-style-type: none; border-bottom: 1px solid #fff; color: white; text-decoration: none; background-color: #EFEFF0;} .newlistItem .listNav li a { text-align: left; padding:0; margin: 0; background: none; border: none; display: block; height: 86px} .newlistItem .listNav li .ui-tabs-selected a { text-align: left; background:none; color: #333} .newlistItem .listNav li a span { background: transparent } .newlistItem .ui-tabs-panel { background: transparent } .newlistItem .listNav li.ui-tabs-selected h3 { color: black; } .newlistItem .listNav li.ui-tabs-selected p { color: black; } .newlistItem .listNav li.ui-tabs-selected a { color: black; } .newlistItem .listNav li a.remoteLink { position: absolute; top:0; left: 0; z-index: 3; display: block; width: 274px; height: 86px; overflow: hidden; } .newlistItem .ui-tabs-nav a { white-space: normal; } .werbeflaecheStart1 { margin: 10px 0; padding-top: 20px; border-top: 1px solid #d5d6d7; background: url(/modernisierung/wLayout/design/img/backgrounds/grafik_anzeige_white_bg.gif) right 5px no-repeat; } .werbeflaecheStartSubdomain { margin: 10px 0 } .werbeflaecheStart2 { margin: 10px 0 } .werbeflaecheStartDB { margin: 0; padding-top: 10px; border-top: 1px solid #d5d6d7; } .werbeflaecheStartDB.anzeige { margin: 10px 0; padding-top: 20px; background: url(/modernisierung/wLayout/design/img/backgrounds/grafik_anzeige_white_bg.gif) right 5px no-repeat; } .specStyles .werbeflaecheStartDB { margin: 0; padding-top: 0; border-top: none; } .specStyles .werbeflaecheStartDB.anzeige { margin: 0; padding-top: 20px; background: url(/modernisierung/wLayout/design/img/backgrounds/grafik_anzeige_white_bg.gif) right 5px no-repeat; } .customEditMask {background-color: silver; padding: 15px 20px; border: 1px solid gray } .merkzettel {background-color: #ffcc00; padding: 5px 10px 8px; border-bottom: 2px solid white; font-size: 12px; color: #333333 } .merkzettel h3 {font-size: 14px; color: #333333; margin: 0; padding: 0; margin-bottom: 5px} .merkzettel p {margin-bottom: 5px} .merkzettel select {margin-right: 10px; width: 205px } .merkzettel {background-color: #ffcc00; padding: 5px 8px 8px; border-bottom: 2px solid white; font-size: 12px; color: #333333 } .merkzettel h3 {font-size: 14px; color: #333333; margin: 0; padding: 0; margin-bottom: 10px} .merkzettel p {margin-bottom: 5px} .merkzettel a.schnellNaviButton {display: block; float: left; width: 165px; height: 34px; text-indent: -9999px; cursor: pointer} .merkzettel a.buttonErstberatung {background: url(/modernisierung/wLayout/design/img/buttons/button_erstberatung.png) left top no-repeat} .merkzettel a.buttonProspekte {background: url(/modernisierung/wLayout/design/img/buttons/button_prospekte.png) left top no-repeat} .merkzettel a.buttonFoerdermittel {background: url(/modernisierung/wLayout/design/img/buttons/button_foerdermittel.png) left top no-repeat} .merkzettel a.buttonNewsletter {background: url(/modernisierung/wLayout/design/img/buttons/button_newsletter.png) left top no-repeat} .schnellNavi {background-color: #ccc; border-bottom: 2px solid white; font-size: 12px; font-weight: bold; text-transform: uppercase; height: 29px; overflow: hidden; } .schnellNavi a {color:#FF0000; display: block; width: auto; float: left; border-right: 1px solid white; padding: 0 16px; line-height: 31px; } .schnellNavi span {display: block; width: auto; float: left; padding: 0 5px 0 10px; line-height: 31px; } .schnellNavi a:hover {background-color: #EFEFF0; color:#FF0000; text-decoration: none; } .indexLeft { width: 402px; border-right: 1px solid #d5d6d7; margin: 10px 0; float: left } .indexLeftInner { margin: 0 10px; border-top: 1px solid #d5d6d7; } .indexLeftInnerHersteller { margin: 0 10px; } .indexRightYellow { width: 265px; padding-left: 6px; margin: 10px 0; float: right} .indexRight { width: 262px; margin: 10px 0; float: right} .indexRightInner { margin: 0 10px 0 0; border-top: 1px solid #d5d6d7;} .indexRightInnerHersteller { margin: 0 10px 0 0; } .indexLeft { width: 402px; border-right: 1px solid #d5d6d7; margin: 10px 0; float: left } .indexLeftInner { margin: 0 10px; border-top: 1px solid #d5d6d7; } .indexLeftInnerHersteller { margin: 0 10px; } .indexRightYellow { width: 265px; padding-left: 6px; margin: 10px 0; float: right} .indexRight { width: 262px; margin: 10px 0; float: right} .indexRightInner { margin: 0 10px 0 0; border-top: 1px solid #d5d6d7;} .indexRightInnerHersteller { margin: 0 10px 0 0; } .indexLeftNew { width: 402px; border-right: 1px solid #d5d6d7; margin: 10px 0; float: left } .indexRightNew { width: 262px; margin: 10px 0; float: right} .indexLeftEnergiespartipps { width: 48%; border-right: 1px solid #d5d6d7; margin: 10px 0; padding-right: 10px; float: left } .indexRightEnergiespartipps { width: 48%; margin: 10px 0; float: right} .indexLeftForm { width: 48%; margin: 10px 0; padding-right: 10px; float: left } .indexRightForm { width: 48%; margin: 10px 0; float: right} .leftColModtipps { width: 48%; border-right: 1px solid #d5d6d7; margin: 10px 0; padding-right: 10px; float: left } .rightColModtipps { width: 48%; margin: 10px 0; float: right} .indexLeftGanzeBreite { width: 676px; margin: 10px 0; float: left } .indexLeftInnerGanzeBreite { margin: 0 10px; border-top: 1px solid #d5d6d7; } .indexLeftInnerGanzeBreite h3 {margin:3px 0 3px 0; padding:0px; font-size:14px; font-weight:bold; line-height:18px; color:#666666; } .indexLeftGanzeBreiteHersteller { width: 676px; margin: 10px 0 0 0; float: left } .indexLeftInnerGanzeBreiteHersteller { margin: 0 10px; border-top: 1px solid #d5d6d7; } .indexLeftInnerGanzeBreiteHersteller h3 {margin: 3px 0 3px 0; padding:0px; font-size:14px; font-weight:bold; line-height:18px; color:#666666; } .indexLeft .elementStandard {margin: 0px 0px 10px 0px; padding:0; padding-bottom:10px; border-bottom: 1px solid #d5d6d7 } .indexLeft .elementHeadline {margin: 0px 0px 10px 0px; padding:0; padding-bottom:0; border-bottom: 1px solid #d5d6d7 } .indexRight .elementStandard {margin: 0px 0px 10px 0px; padding:0; padding-bottom:10px; border-bottom: 1px solid #d5d6d7 } .indexRight .elementHeadline {margin: 0px 0px 10px 0px; padding:0; padding-bottom:0; border-bottom: 1px solid #d5d6d7 } /* Buttons */ .buttonDefault {cursor:pointer;text-decoration:none; font-weight:normal; margin:0px;padding:0px;color:#ffffff; background-color:#7F7F7F; border:1px solid #A6A6A6; border-bottom-color:#4C4C4C; border-right-color:#4C4C4C; font-size:12px;padding:0px; padding-left:8px;padding-right:8px; font-family: inherit; line-height:15px;margin-right:10px;} .buttonDefault .a {cursor:pointer;text-decoration:none; font-weight:normal;} .buttonAdmin {cursor:pointer;text-decoration:none; font-weight:normal; color:#ffffff; background-color:#7F7F7F; border:none; font-size:12px;padding:0px 10px; font-family: inherit; line-height:15px;margin-top:0px;} .buttonAdmin .a {cursor:pointer;text-decoration:none; font-weight:normal;} .buttonBackend { background-image:url(/weblication/wGui/wImages/bg_button_bue.gif); white-space:nowrap; cursor:pointer; font-family:arial,helvetica; font-weight:normal; font-size:11px; line-height:16px; color:#404040; background-color:#c9ced4; padding:0 0 0 4px; margin:0 0 0 8px; height:18px; width:160px; border-style:solid; border-top-color:#BFBFBF; border-bottom-color:#000000; border-left-color:#BFBFBF; border-right-color:#000000; border-width:1px; float:left; } .editButtons {position:absolute; margin-top:2px; margin-left:262px;z-index: 200} .editButton {float:left;} .editButtonNavigation {position:absolute; margin-top:0; margin-left:741px;z-index: 1000} .formCaption {padding:2px 8px 2px 0;line-height:20px; font-size: 12px;} .formValue {padding:2px 0 2px 0; font-size: 12px;} /* //////////////////////////////////////////////////////////////// // // Styles fuer die Weblics // // Weblication¨ CMS Strukturdesign Version 4.7 // erstellt durch Scholl Communications AG, 77694 Kehl, www.scholl.de // erstellt mit Weblication¨ Content Management Server, www.weblication.de // //////////////////////////////////////////////////////////////// */ /*################ Formatierung von HTML-Elementen ################*/ .includeWeblic ul {list-style:none; margin:0; padding:0;} .includeWeblic li {margin-bottom:16px;} .includeWeblic form {display:inline;} .includeWeblic a.viewmode {font-weight:bold; border:outset 1px #a0a0a0; text-decoration:none; line-height:150%; padding-left:22px; padding-right:22px;} .includeWeblic a.viewmode:hover {color:#FFFFFF; background-color:#DFB799; text-decoration:none; line-height:150%;} .includeWeblic a.viewmode:focus {color:#FFFFFF; background-color:#DFB799; text-decoration:none; line-height:150%;} /*################ Formulare ################*/ .formularMainHead {width: 520px; border: 1px solid #A0A0A0; border-bottom-style: none; padding: 4px ; font-weight: bold; margin:2em 3.5em 0 0em; font-weight: bold; font-family: Arial, Verdana, sans-serif; font-size:12px; color:#000000; font-weight:bold; line-height:16px; background-color: #c7c7c7;} .formularMainBody {width: 520px; background-color: #eeeeee; border: 1px solid #A0A0A0; border-top-style: none; padding: 4px; color: #000000; margin-left: 0em; margin-top: 0px; font-family: Arial, Verdana, sans-serif; font-size:12px; font-weight:normal; line-height:16px;} .formularMainBodyProspektbestellung {background-color: #DFE0E0; border: 1px solid #A0A0A0; padding: 13px; color: #000000; margin:0;} .formularMainBodyProspektbestellung input {padding:0} .formularMainBody input {} /*.elementFormular {font-size:12px; color:#000000; font-weight:bold; line-height:16px; background-color: #c7c7c7;} */ .formularMainBody {width: 520px; background-color: #eeeeee; border: 1px solid #A0A0A0; border-top-style: none; padding: 4px; color: #000000; margin-left: 0em; margin-top: 0px; font-family: Arial, Verdana, sans-serif; font-size:12px; font-weight:normal; line-height:16px;} .formularMainBody input {} .elementFormular {padding: 8px; font-size:12px;}/*Formulare*/ .formSubhead {padding-bottom: 8px; font-size:12px;} .formBorderBottom {border-bottom: 1px solid #CCCCCC; padding-bottom: 4px;padding-top: 4px; font-size:12px;} .formularValue {margin:0; line-height: 120%; vertical-align: top; font-size:12px;} .formularValue a {text-align: center; padding-right: 0.2em; font-size:12px;} .formsubText {font-family:Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal; color: #666666; line-height: 150%; border-bottom: solid 1px #A0A0A0; border-left: solid 1px #A0A0A0; padding: 3px 0px 5px 5px; margin-bottom: 8px;} .formtrennlinie {height: 1px; background-color: #CCCCCC; margin-top: 15px; margin-bottom: 15px; line-height: 0; font-size: 0; font-size:12px;} /*################ Elemente ################*/ .includeWeblic .elementSheetHeadline {margin:16px; margin-left:0px; margin-right:3px; padding:0; padding-bottom:0.6em; border-bottom:1px solid #DFB799; clear:both;} .includeWeblic .elementLinkHeadline {margin:16px; margin-left:0px; margin-right:3px; padding:0; clear:both;} .includeWeblic .elementLetterHeadline {margin:16px; margin-left:0px; margin-right:3px; padding:0; clear:both;} .includeWeblic .elementListHeadline {margin:16px; margin-left:0px; margin-right:3px; padding:0; padding-bottom:0.6em; border-bottom:1px solid #DFB799; clear:both;} .includeWeblic .elementLine {margin:16px; margin-left:0px; margin-right:3px; border-bottom: 1px solid #DFB799;} .includeWeblic .elementTable {margin:16px; margin-left:0px; margin-right:3px; padding:0; width:100%;} .includeWeblic .elementTable img {margin-bottom:16px;} .includeWeblic .elementTable th {text-align:left; padding:2px; border-left:none; border-right:1px solid #a0a0a0; border-bottom:1px solid #a0a0a0; background-color:#F0F0F0} .includeWeblic .elementTableDiv {margin:16px; margin-left:0px; margin-right:3px; padding:0; width:100%;} .includeWeblic .elementLink {margin:16px; margin-left:0px; margin-right:3px; padding:0;} .includeWeblic .elementLink a {float:left; margin-right:36px} .includeWeblic .elementList {margin:16px; margin-left:0px; margin-right:3px; padding:0; color:#000000; width:100%;} .includeWeblic .elementList strong {font-weight:bold;} .includeWeblic .elementList ul {margin:0;} .includeWeblic .elementList li {margin:0; padding: 0.2em 0 0.2em 0; clear:right;} .includeWeblic .elementList dt {clear:left; float:left; width:11.5em;} .includeWeblic .elementList dt p {margin-bottom:1em;} .includeWeblic .elementList dd {margin-left:12em;} .includeWeblic .elementListStyle {list-style:none; margin-left:0.4em; margin-right:0.2em; padding:0;} .includeWeblic .elementListStyle li {padding: 0.4em 0 0.4em 0;} .elementSheet {margin:16px; margin-left:0px; margin-right:3px; padding:0;} .includeWeblic .elementForm {margin:16px; margin-left:0px; margin-right:0px; clear:both;} .includeWeblic .elementForm table {} .includeWeblic .elementForm input {width:250px;} .includeWeblic .elementForm textarea {width:250px; height:100px;} .includeWeblic .elementForm .zip {width:70px; float:left;} .includeWeblic .elementForm .city {width:165px; float:right;} .includeWeblic .elementPictureLeft {margin:16px; margin-left:0px; margin-right:3px; float:left;} .includeWeblic .elementPictureRight {margin:16px; margin-left:0px; margin-right:3px; float:right;} .includeWeblic .elementFuncHeader {margin:16px; margin-left:0px; margin-right:3px; padding-bottom:2em; padding-top:1em; font-size:9px;} .includeWeblic .elementFuncFooter {margin:0.6em; margin-left:0px; margin-right:3px; margin-bottom:8em; margin-top:0.5em; margin-right:8px; padding-top:0.5em; border-top: 1px solid #DFB799; clear:both;} .includeWeblic .elementLinkFooter {margin:0.6em; margin-left:0px; margin-right:3px; border-top: 1px solid #DFB799; clear:both;} .includeWeblic .elementLinkFooterEditGroup {margin:0.6em; margin-left:0px; margin-right:3px;} .includeWeblic .elementFunctions {margin:0.6em; margin-left:0px; margin-right:3px; padding:0px;} .includeWeblic .elementFunctionsAdmin {margin:0.6em; margin-left:0px; margin-right:3px; margin-bottom: 16px; padding:0px; text-align:right; z-index:3;} .includeWeblic .elementEditGroup {margin:0.6em; margin-left:0px; margin-right:3px;} .includeWeblic .elementEditbuttonPage {position:absolute; left:12.6em; top:8.1em;} .includeWeblic .elementEditbuttonNavi {padding:2px; padding-left:8px} .includeWeblic .elementRightHeadline {padding-left:0.4em; padding-right:0.4em; margin-top:0.4em; border-style:solid; border-width:1px; border-color:#DFB799;}/*Standard im rechten Bereich*/ .includeWeblic .elementRightStandard {padding-left:0.4em; padding-top:0.4em; padding-right:0.4em; padding-bottom:0.4em; margin-bottom:0.4em; border-style:solid; border-width:1px; border-color:#DFB799;}/*Standard im rechten Bereich*/ .includeWeblic .elementRightInclude {padding-left:0.4em; padding-top:0.4em; padding-right:0.4em; padding-bottom:0.4em; margin-bottom:0.4em; border-style:solid; border-width:1px; border-color:#DFB799;}/*Include im rechten Bereich*/ .includeWeblic .elementLeftStandard {padding:8px;}/*Standard im linken Bereich*/ .includeWeblic .elementCurNavigation {display:none}/*Standard im linken Bereich*/ .includeWeblic .elementLeftNavigation {padding-top:8px;}/*Standard im linken Bereich*/ .includeWeblic .elementLeftInclude {padding:0;}/*Include im linken Bereich*/ .includeWeblic .elementTopStandard {padding:0;}/*Standard im oberen Bereich*/ .includeWeblic .elementTopInclude {padding:0; margin-top:0; border-style:none; width:100%}/*Include im oberen Bereich*/ .includeWeblic .elementTopNavigation {position:absolute; top:104px; padding-left:196px} /* Elemente Popup-Fenster */ .blockContentPopup .elementHead {width: 560px; margin: 0 0 0 18px; padding: 0 0 4px 0; } .blockContentPopup .elementStandard {width: 560px; margin: 0 0 0 18px; padding: 8px 0 4px 0; border-top: 1px solid #d5d6d7; border-bottom: 1px solid #d5d6d7;} .blockContentPopup .elementStandard h1 {font-family: Arial, Verdana, sans-serif; font-size: 14px; text-decoration: none; color: #666;} .blockContentPopup .elementStandard .text {padding-bottom: 10px;} .blockContentPopup .elementStandard .text .img {float: right; padding-right: 400px; margin-top: -12px;} .blockContentPopup .elementStandard .text a {font-size: 12px;} .blockContentPopup .elementStandard .text a:hover {font-size: 12px;} .blockContentPopup .elementFootClose {font-family: Arial, Verdana, sans-serif; font-size: 11px; text-decoration: none; padding: 4px 10px 15px 0; float: right; color:#000;} .blockContentPopup .elementFootClose a {font-family: Arial, Verdana, sans-serif; font-size: 11px; text-decoration: none; color: #ff0000; } .blockContentPopup .elementFootClose a:hover {font-family: Arial, Verdana, sans-serif; font-size: 11px; text-decoration: underline; color: #ff0000; } .popupLogo {padding: 10px 0 10px 0; float: left; } .popupLogo h1 {margin-top: -42px; margin-bottom: 14px; padding-left: 165px; font-family: Arial, Verdana, sans-serif; font-size: 18px; text-decoration: none; color: #666;} .popupLogo h2 {padding-left: 165px; font-family: Arial, Verdana, sans-serif; font-size: 14px; text-decoration: none; color: #666; margin-top: -17px; } .blockContentPopup .elementStandardGrafik {width: 580px; margin: 0 0 0 18px; padding: 8px 0 8px 0; border-top: 1px solid #d5d6d7; border-bottom: 1px solid #d5d6d7;} .popupImg {padding: 20px 0 20px 0; } .blockContent .elementFootBack {font-family: Arial, Verdana, sans-serif; font-size: 9px; text-decoration: none; padding: 4px 0 15px 30px; color:#000; } .blockContent .elementFootBack a {font-family: Arial, Verdana, sans-serif; font-size: 9px; text-decoration: none; color: #ff0000; } .blockContent .elementFootBack a:hover {font-family: Arial, Verdana, sans-serif; font-size: 9px; text-decoration: none; color: #ff0000; } .blockContent .elementFootBookmark {font-family: Arial, Verdana, sans-serif; font-size: 9px; text-decoration: none; padding: 4px 48px 0 0; float: right; color:#000;} .blockContent .elementFootBookmark a {font-family: Arial, Verdana, sans-serif; text-decoration: none; color:#ff0000;} .blockContent .elementFootBookmark a:hover {font-family: Arial, Verdana, sans-serif; text-decoration: none; color:#ff0000;} /* Elemente Podcasts-Seiten */ .podcastPositionIframe {float: left; border-top: 1px solid #D5D6D7; border-bottom: 1px solid #D5D6D7; width: 382px; padding: 8px 0 8px 8px; display: block; margin-top: 16px;} .podcastPositionImgContainer {width: 252px; float: right; margin-top: 16px;} .podcastPositionImgInner {width: 60px; float: left; margin-right: 4px; display: block;} .podcastPositionText {width: 170px; float: right; padding-left: 4px;} /*################ Fragmente ################*/ .includeWeblic .fragmentInfo {margin:16px; margin-left:0px; margin-right:3px; margin-bottom:8px; background-color:#FFCCCC; color:#000000; padding:2px; padding-left:8px; font-weight:normal; border-style:solid; border-width:1px; border-color:#A0A0A0;} .includeWeblic .fragmentWarning {margin:16px; margin-left:0px; margin-right:3px; margin-bottom:8px; background-color:#FFFFFF; color:#FF0000; padding:2px; padding-left:8px; font-weight:normal; border-style:solid; border-width:1px; border-color:#FF0000;} .includeWeblic .fragmentDropDown {float:left; margin-top:3px; margin-right:3px;} .includeWeblic .fragmentSheet {padding-top:0.4em; padding-bottom:0.8em; border-bottom:1px solid #DFB799;} .includeWeblic .fragmentTableDivRow {clear:both; padding-top:0.8em;} .includeWeblic .fragmentTableDivRowNull {clear:both; padding-top:0em;} .includeWeblic .fragmentFormMainHead {background-color:#F0F0F0; color:#606060; padding:4px; border-style:solid; border-width:1px; border-color:#A0A0A0; border-bottom-style:none; font-weight:bold; } .includeWeblic .fragmentFormMainHead span {} .includeWeblic .fragmentFormMainBody {background-color:#FAFAFA; color:#606060; padding:4px; border-style:solid; border-width:1px; border-color:#A0A0A0; margin-bottom:0em;} .includeWeblic .fragmentFormMainBody input {} .includeWeblic .fragmentSheetMainHead {margin-left:16px; font-weight:bold; border-style:solid; border-width:1px; border-color:#A0A0A0; border-bottom-style:none; padding:4px; width:100%; clear:both;} .includeWeblic .fragmentSheetMainBody {margin-left:16px; background-color:#FAFAFA; margin-bottom:8px; color:#606060; padding:4px; padding-bottom:8px; padding-left:4px; padding-right:8px; border-style:solid; border-width:1px; border-color:#A0A0A0;} .includeWeblic .fragmentEditGroupHead {background-color:#F0F0F0; border: 1px solid #A0A0A0; border-bottom-style:none; padding:4px;color:#606060; font-weight: bold;} .includeWeblic .fragmentEditGroupBody {background-color:#FAFAFA; margin-bottom:1.5em; color:#606060; padding:4px; border:1px solid #A0A0A0;} .includeWeblic .fragmentEditGroupBody td {vertical-align:top; padding-right:1em; padding-bottom:0.2em;} .includeWeblic .fragmentEditGroupBody input {width:250px;} .includeWeblic .fragmentEditGroupBody textarea {width:250px; height:100px;} .includeWeblic .fragmentEditGroupBody select {width:250px;} .includeWeblic .fragmentEditGroupBody .date {width:8em; border:1px solid #888888; padding:2px;} .includeWeblic .fragmentEditGroupBody .time {width:5em;} .includeWeblic .fragmentEditGroupBody .year {width:5em;} .includeWeblic .fragmentEditGroupBody .zip {width:70px; float:left;} .includeWeblic .fragmentEditGroupBody .city {width:165px; float:right;} .includeWeblic .fragmentEditGroupBody .formImage input {width:5em;} .includeWeblic .fragmentEditGroupBody .formLink input {width:16.7em;} .includeWeblic .fragmentEditGroupBody ul {padding:0;} .includeWeblic .fragmentFormHead {background-color:#F0F0F0; border: 1px solid #A0A0A0; border-bottom-style:none; padding:4px; color:#606060; font-weight: bold;} .includeWeblic .fragmentFormBody {background-color:#FAFAFA; margin-bottom:1.5em; color:#606060; padding:4px; border:1px solid #A0A0A0;} .includeWeblic .fragmentFormBody td {vertical-align:top; padding-right:1em; padding-top:0.2em; padding-bottom:0.2em;} .includeWeblic .fragmentFormBody input {width:250px;} .includeWeblic .fragmentFormBody textarea {width:250px; height:100px;} .includeWeblic .fragmentFormBody select {width:250px;} .includeWeblic .fragmentFormBody .date {width:8em; border:1px solid #888888; padding:2px;} .includeWeblic .fragmentFormBody .time {width:5em;} .includeWeblic .fragmentFormBody .year {width:5em;} .includeWeblic .fragmentFormBody .zip {width:70px; float:left;} .includeWeblic .fragmentFormBody .city {width:165px; float:right;} .includeWeblic .fragmentFormBody .button {width:6em;} /*################ Sonstige ################*/ .includeWeblic .textBoldWarning {font-weight:bold; color:#FF0000;} .includeWeblic .formCaption {width:160px; margin:0; line-height:120%; vertical-align:top; padding-top:3px;} .includeWeblic .formValue {width:250px; margin:0; line-height:120%; vertical-align:top;} .includeWeblic .formValue a {text-align:center; padding-right:0.2em;} .includeWeblic .formButton {margin:4px 0 0 0; line-height:120%; text-align:center; float:right;} .includeWeblic .formButton a {padding-left:4px; padding-right:4px; background-color:#7F7F7F; color:#FFFFFF;} .includeWeblic .formButton a:hover {background-color:#7F7F7F; /*color:#ffffff;*/} .includeWeblic .formUpload {margin:0; line-height:120%; vertical-align:top;} .includeWeblic .formUpload input {width:49%;} .includeWeblic .formPrice {margin:0; line-height:120%; vertical-align:top;} .includeWeblic .formPrice p {display:inline;} .includeWeblic .formPrice input {width:5.8em;} .includeWeblic .sheetCaption {margin:0; padding-top:0.2em; padding-bottom:0.2em; padding-right:1em; vertical-align:top; font-weight:bold; } .includeWeblic .sheetValue {margin:0; padding-top:0.2em; padding-bottom:0.2em; vertical-align:top;} .includeWeblic .listCaption {margin:0; line-height:120%; font-weight:bold; vertical-align:top;} .includeWeblic .listValue {color:#000000; margin:0; line-height:1.2em; vertical-align:top; clear:right;} .includeWeblic .listValue dt {float:left; width:5em;} .includeWeblic .listValue dd {margin-left:12px; margin-right:8px; margin-top:2px; margin-bottom:2px;} .includeWeblic .listValue h4 {padding: 0 0 0.4em 0;} .includeWeblic .listPictureLeft {clear:left; float:left; padding: 0.2em 0.6em 0.2em 0;} .includeWeblic .listButton {float:right;} .includeWeblic .linkHeaderLeft {float:left;} .includeWeblic .linkHeaderRight {float:right;} .includeWeblic .linkHeaderRightButton {float:right;} .includeWeblic .linkFooterLeft {float:left; padding-top:0.4em; padding-bottom:0.4em;} .includeWeblic .linkFooterRight {float:right; padding-top:0.4em; padding-bottom:0.4em;} .includeWeblic .buttonDefault {cursor:pointer; text-decoration:none; font-weight:normal; text-align:center; padding:0em; padding-left:4px; padding-right:4px; margin-left:2px; height:16px; border:1px outset #606060; background-image:url(/weblication/wGui/wImages/bg_button_weblic.gif); } .includeWeblic a.buttonDefault {cursor:pointer; text-decoration:none; font-weight:normal; color: #000000} .includeWeblic .buttonFunction {cursor:pointer; text-decoration:none; font-weight:normal; text-align:center; padding:0em; padding-left:4px; padding-right:4px; margin-left:2px; height:16px; border:1px outset #606060; background-image:url(/weblication/wGui/wImages/bg_button_weblic.gif); } .includeWeblic a.buttonFunction {cursor:pointer; text-decoration:none; font-weight:normal; color: #000000} /*.includeWeblic .buttonFunction {cursor:pointer; text-decoration:none; font-weight:normal; text-align:center; padding:0.2em; padding-left:4px; padding-right:4px; margin-top:0.2em; height:1.5em; border-style:outset; background-color:#F0F0F0; border-color:#606060; border-width:1px;} .includeWeblic a.buttonFunction {cursor:pointer; text-decoration:none; font-weight:normal;}*/ .includeWeblic .buttonAdmin {color: #000000;cursor:pointer; text-decoration:none; font-weight:normal; text-align:center; padding:0em; padding-left:4px; padding-right:4px; margin-left:2px; line-height:16px; border:1px outset #606060; background-image:url(/weblication/wGui/wImages/bg_button_weblic.gif); } .includeWeblic a.buttonAdmin {cursor:pointer; text-decoration:none; font-weight:normal; color: #000000} /*.includeWeblic .buttonAdmin {cursor:pointer; text-decoration:none; font-weight:normal; text-align:center; padding-left:8px; padding-right:8px; float:right; margin-top:10px; line-height:24px; border:1px none #7F7F7F;} .includeWeblic a.buttonAdmin {cursor:pointer; text-decoration:none; font-weight:normal;}*/ .clearBoth {clear:both; height:1px; overflow:hidden; line-height: 1px; font-size: 1px; } .clearBothHerstellerInfo {clear:both; height:1px; overflow: hidden; margin-top: 2px;} .clearBoth2pxWhite {clear:both;height:2px;overflow:hidden; background-color: white} .show-modern-tipps { display: none; border-top: 1px solid #CCC } .show-podcasts { display: none; border-top: 1px solid #CCC } .show-prospekte { display: none; border-top: 1px solid #CCC } .show-filme { display: none; border-top: 1px solid #CCC } /* CSS fŸr Tabs */ #tabs { margin-top: 10px } /* Caution! Ensure accessibility in print and other media types... */ @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ .ui-tabs-hide { display: none; } } /* Hide useless elements in print layouts... */ @media print { .ui-tabs-nav { display: none; } } /* Skin */ .ui-tabs-nav, .ui-tabs-panel { } .ui-tabs-nav ul { margin: 0; padding: 0 } .ui-tabs-nav { list-style: none; margin: 0; padding: 0; } .ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */ display: block; clear: both; content: " "; } .ui-tabs-nav li { float: left; margin: 0; display: block; background: #cccccc; width: 25%; border-bottom: 1px solid white; } .ui-tabs-nav li.ui-tabs-selected { float: left; margin: 0; display: block; background: #cccccc; width: 25%; border-bottom: 1px solid #FFCC00; } * html .ui-tabs-nav li { width: 24.5%; } .ui-tabs-nav a, .ui-tabs-nav a span { display: block; padding: 0; } .ui-tabs-nav a { margin: 0; /* position: relative makes opacity fail for disabled tab in IE */ padding-left: 0; color: #666666; line-height: 1.2; text-align: center; text-decoration: none; white-space: nowrap; /* required in IE 6 */ outline: 0; /* prevent dotted border in Firefox */ border-right: 1px solid #FFF; } .ui-tabs-nav .ui-tabs-selected a { } .ui-tabs-nav a span { /* width: 64px; IE 6 treats width as min-width min-width: 64px; height: 18px; IE 6 treats height as min-height min-height: 18px; */ padding: 4px 0 5px 0; } *>.ui-tabs-nav a span { /* hide from IE 6 */ width: auto; height: auto; } .ui-tabs-nav .ui-tabs-selected a span { } .ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active { } .ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active { } .ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span { background-color: #FFCC00; } .ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span { } .ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ } .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer; } .ui-tabs-disabled { opacity: .4; filter: alpha(opacity=40); } .ui-tabs-panel { padding: 5px 7px; background: #FFCC00; /* declare background color for container to avoid distorted fonts in IE while fading */ } .ui-tabs-panel .elementStandard { padding: 0; margin: 0; border: none } .ui-tabs-loading em { padding: 0 0 0 20px; } /* Additional IE specific bug fixes... */ * html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */ display: inline-block; } *:first-child+html .ui-tabs-nav { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */ display: inline-block; } /* jQuery UI Dialog */ .ui-dialog { background: #f1f1f1; border: 1px solid #333; border-bottom-style: outset} .ui-dialog-titlebar { background: #ccc; padding: 5px 10px; font-weight: bold; } .ui-dialog-content { padding: 0 } .ui-dialog-content ul { list-style-type: none; padding: 0; margin: 0 } .ui-dialog-content li { display: block; border-bottom: 1px solid #CCC; padding: 4px 10px; cursor: pointer } .ui-dialog-titlebar-close { width: 12px; height: 11px; position: absolute; right:5px; top:5px; background: url(/modernisierung/wLayout/design/img/buttons/red-cross-arrow.gif) left top; overflow: hidden; text-indent: 100px; margin-top: 2px } .ui-dialog-title { } #bookmarkDialog a {color:#000} #bookmarkDialog a {color:#000;text-decoration: none} .elementRightInitiative {margin:0 0 15px 0;} #accordion {} #accordion .elementAccordionhead { border-top: 1px solid gray; border-left: 1px solid gray; border-right: 1px solid gray; padding:5px 10px; background-color: #f1f1f1; display:block; color:black; font-weight:bold; text-decoration: none; position: relative } #accordion .elementAccordionhead .spinner { display: block; width: 15px; height: 15px; position: absolute; top: 5px; right: 5px; background-image: url(/modernisierung/wLayout/design/img/icons/ajax-loader.gif); background-position: left top; background-repeat: no-repeat; } #accordion .elementAccordionhead .quickstats{ display: block; width: 400px; position: absolute; top: 5px; right: 5px; font-weight: normal; text-align: right } #accordion .elementAccordion { border-bottom: 1px solid gray; border-left: 1px solid gray; border-right: 1px solid gray; border-top: 1px solid silver; padding:10px 10px; margin-bottom: 10px; background-color: #f1f1f1 } #accordion .elementAccordion .bigSpinner { height: 65px; background-image: url(/modernisierung/wLayout/design/img/icons/big-spinner.gif); background-position: center center; background-repeat: no-repeat; } #accordion .elementAccordion .bigStats {} .formBestellListe { position: relative } #modernDialog { width:400px; position: absolute; top:150px; left:-50px; background-color: #dfe0e0; border:1px solid gray; z-index: 1100; } #modernDialog .titleBar { background-color: #CCC; border-bottom:1px solid gray; font-weight: bold; padding: 2px 10px; } #modernDialog .titleBar .close-dialog { display:block; float:right; cursor: pointer; padding-top: 2px } #accordion .elementStatisticHead { border-top: 1px solid gray; border-left: 1px solid gray; border-right: 1px solid gray; padding:5px 10px; background-color: #f1f1f1; display:block; color:black; font-weight:bold; text-decoration: none } #accordion .elementStatisticBody { border-bottom: 1px solid gray; border-left: 1px solid gray; border-right: 1px solid gray; border-top: 1px solid silver; padding:10px 10px; margin-bottom: 10px; background-color: #f1f1f1 } span.statspan { text-align: left; display:block; float: right; } .bigSpinner { height: 65px; background-image: url(/modernisierung/wLayout/design/img/icons/big-spinner-white-bg.gif); background-position: center center; background-repeat: no-repeat; } /* tables */ table.tablesorter { background-color: #CDCDCD; margin:0; width: 100%; text-align: left; } table.tablesorter thead tr th, table.tablesorter tfoot tr th { background-color: #e6EEEE; border: 1px solid #FFF; font-size: 8pt; padding: 4px; } table.tablesorter thead tr .header { background-image: url(/modernisierung/wLayout/design/img/backgrounds/bg.gif); background-repeat: no-repeat; background-position: center right; cursor: pointer; } table.tablesorter tbody td { color: #3D3D3D; padding: 4px; background-color: #FFF;gray; border-left: 1px solid gray; border-right: 1px solid gray; border-top: 1px solid silver; padding:10px 10px; margin-bottom: 10px; background-color: #f1f1f1 } span.statspan { text-align: left; display:block; float: right; } .bigSpinner { height: 65px; background-image: url(/modernisierung/wLayout/design/img/icons/big-spinner-white-bg.gif); background-position: center center; background-repeat: no-repeat; } /* tables */ table.tablesorter { background-color: #CDCDCD; margin:0; width: 100%; text-align: left; } table.tablesorter thead tr th, table.tablesorter tfoot tr th { background-color: #e6EEEE; border: 1px solid #FFF; font-size: 8pt; padding: 4px; } table.tablesorter thead tr .header { background-image: url(/modernisierung/wLayout/design/img/backgrounds/bg.gif); background-repeat: no-repeat; background-position: center right; cursor: pointer; } table.tablesorter tbody td { color: #3D3D3D; padding: 4px; background-color: #FFF; vertical-align: top; } table.tablesorter tbody tr.odd td { background-color:#F0F0F6; } table.tablesorter thead tr .headerSortUp { background-image: url(/modernisierung/wLayout/design/img/backgrounds/asc.gif); } table.tablesorter thead tr .headerSortDown { background-image: url(/modernisierung/wLayout/design/img/backgrounds/desc.gif); } table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { background-color: #8dbdd8; } /* UI Classes */ .ui-effects-transfer { border: 1px solid #000; border-style: dotted; } /* Datepicker ----------------------------------*/ .ui-datepicker { width: 17em; padding: .2em .2em 0; background: silver; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; } .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } .specCheck { display: none; } .searchPreloader { background: url(/modernisierung/wLayout/design/img/icons/big-spinner-white-bg.gif) center center no-repeat; } /* große Ansicht */ #slideshowPartner { text-align: center; margin-left: 48px; margin-bottom: 0px; } #slideshowPartner .wrapper { width: 560px; height: 560px; margin: 0 auto;} #slideshowPartner .wrapper .text { display: block; text-align: left; padding-top: 3px; } #navPartnerGallery { text-align: center; border-top: 1px solid #D5D6D7; border-bottom: 1px solid #D5D6D7; margin: 5px 10px 10px; padding: 5px 10px; } #navPartnerGallery a { padding: 0 3px; } #navPartnerGallery a.activeSlide { font-weight: bold; } .slideshowWrapper { position: relative; margin: 5px 10px 0; border-top: 1px solid #ccc; padding-top: 10px; } .slideshowWrapper a.back { position: absolute; top: 250px; left:10px; text-indent: -9999px; display: block; width: 22px; height: 22px; background: url(/modernisierung/wLayout/design/img/buttons/but_pfeil_links.gif); } .slideshowWrapper a.forth { position: absolute; top: 250px; right:10px; text-indent: -9999px; display: block; width: 22px; height: 22px; background: url(/modernisierung/wLayout/design/img/buttons/but_pfeil_rechts.gif); } /* kleine Ansicht */ #slideshowPartnerSmall { text-align: center; margin-left: 50px; margin-bottom: 0px; } #slideshowPartnerSmall .wrapper { width: 560px; height: 260px; margin: 0 auto;} #slideshowPartnerSmall .wrapper .text { display: block; text-align: left; float: left; width: 280px; margin-left: 20px } #slideshowPartnerSmall .wrapper img { display: block; float: left; width: 260px; } #navPartnerGallerySmall { text-align: center; border-top: 1px solid #D5D6D7; border-bottom: 1px solid #D5D6D7; margin: 5px 10px 10px; padding: 5px 10px; } #navPartnerGallerySmall a { padding: 0 3px; } #navPartnerGallerySmall a.activeSlide { font-weight: bold; } .slideshowWrapperSmall { position: relative; margin: 5px 10px 0; border-top: 1px solid #ccc; padding-top: 10px; } .slideshowWrapperSmall a.back { position: absolute; top: 110px; left:10px; text-indent: -9999px; display: block; width: 22px; height: 22px; background: url(/modernisierung/wLayout/design/img/buttons/but_pfeil_links.gif); } .slideshowWrapperSmall a.forth { position: absolute; top: 110px; right:10px; text-indent: -9999px; display: block; width: 22px; height: 22px; background: url(/modernisierung/wLayout/design/img/buttons/but_pfeil_rechts.gif); } /* Startseiten Ansicht */ #slideshowIndexSmall { text-align: center; margin-bottom: 0px; border-bottom: 1px solid #ccc; } #slideshowIndexSmall .wrapper { width: 252px; height: 238px; margin: 0 auto;} #slideshowIndexSmall .wrapper .text { display: block; text-align: left; width: 252px; } #slideshowIndexSmall .wrapper img { display: block; float: left; width: 252px; } #navIndexGallerySmall { text-align: center; border-bottom: 1px solid #D5D6D7; margin: 0 10px 10px; padding: 5px 10px; } #navIndexGallerySmall a { padding: 0 3px; } #navIndexGallerySmall a.activeSlide { font-weight: bold; } .slideshowWrapperIndexSmall { position: relative; margin: 0; padding-top: 5px; } .slideshowWrapperIndexSmall a.back { position: absolute; top: 87px; left:10px; z-index: 100; text-indent: -9999px; display: block; width: 22px; height: 22px; background: url(/modernisierung/wLayout/design/img/buttons/but_pfeil_links.gif); } .slideshowWrapperIndexSmall a.forth { position: absolute; top: 87px; right:10px; z-index: 100; text-indent: -9999px; display: block; width: 22px; height: 22px; background: url(/modernisierung/wLayout/design/img/buttons/but_pfeil_rechts.gif); } /* GLOSSAR */ a.glossaryLink {padding-left: 15px; background: url(/modernisierung/wLayout/design/img/links/red-link-arrow-down.gif) no-repeat left center; font-weight: bold; color: black; text-decoration: none; } .elementGlossaryText {padding: 5px 30px 15px 15px; }