/* * $Id:$ */ /************************************************************ * general items ************************************************************/ body { background:#FFF; } html, body { margin: 0; padding: 0;} /************************************************************ * typo ************************************************************/ div,p,a,li,td,th, input,select,option,textarea { font-family:Arial,Verdana,Helvetica,sans-serif; font-size:12px; line-height:1.1; } div,p,a,li,td { color:#000; } /*div { position: relative; }*/ input,select,option,textarea { color:#000; } h1,h2,h3,h4 { color: #0267AC; } h5 { color:#000; } .highlight { font-weight:bold; } .subline_1 { font-size:20px; font-weight:bold; line-height:20px; } .subline_2 { font-size:16px; font-weight:bold; line-height:20px; } a:link, a:visited, a:active { color:#515151; } a:focus, a:hover { color:#A5A5A5; } a.dark:link, a.dark:visited, a.dark:active { color:#000; } a.dark:focus, a.dark:hover { color:#E91B1D; } #hdr a.dark:link, #hdr a.dark:visited, #hdr a.dark:active { color:#fff; } #hdr a.dark:focus, #hdr a.dark:hover { color:#fff; } a.light:link, a.light:visited, a.light:active { color:#87888A; } a.light:focus, a.light:hover { color:#6C6D6F; } a.highlight:link, a.highlight:visited, a.highlight:active { color:#4F4F4F; } a.highlight:focus, a.highlight:hover { color:#aaa; } .red-hover, .red-hover:link, .red-hover:visited, .red-hover:active { color: #0267AC; text-decoration: none; } .red-hover:focus, .red-hover:hover { color: #FF6E8D; text-decoration: none; } .gray-hover, .gray-hover:link, .gray-hover:visited, .gray-hover:active { color: #515151; text-decoration: none; } .gray-hover:focus, .gray-hover:hover { color: #A5A5A5; text-decoration: none; } .black-hover, .black-hover:link, .black-hover:visited, .black-hover:active { color: #000; text-decoration: none; } .black-hover:focus, .black-hover:hover { color: #515151; text-decoration: none; } .text44 { font-size: 44px; } .text36 { font-size: 36px; } .text24 { font-size: 24px; } .text22 { font-size: 22px; } .text18 { font-size: 18px; } .text16 { font-size: 16px; } .text14 { font-size: 14px; } .text12 { font-size: 12px; } .text11 { font-size: 11px; } .gray { color: #515151; } .red { color: #0267AC; } .red-line { border-top:4px #0267AC solid; border-bottom: none; border-left: none; border-right: none; } .grey-line { border-top:1px #515151 solid; border-bottom: none; border-left: none; border-right: none; } strong { font-weight: bold !important; } .bold { font-weight: bold !important; } /************************************************************ * main column ************************************************************/ #canvas { width: 1000px; margin: 0 0 0 0; padding: 0; overflow:visible; } #main { width: 1000px; margin: 0; padding: 0; overflow:hidden; } #cnt_popup { border:1px #aaa solid; } #cnt_popup-large { border:1px #aaa solid; /*background:#fff url('../img/img_popup-background.gif') no-repeat left; */ } /************************************************************ * header ************************************************************/ #hdr { margin: 0 0 4px 0; width: 1000px; height:103px; background-color: #fff; padding: 0; text-align:left; overflow: hidden; } #hdr a { color: #fff; } #hdr .hdr-logo { float:left; padding:0 ; } #hdr ul { float:none; margin: 5px 0 0 0; float: left; width: 810px; height: 30px; overflow: hidden; padding: 0;} #hdr ul li { float:none; display: inline; padding: 0 7px 0 0; margin: 0; } #hdr ul li a { float:none; font-size:12px; text-decoration: none; } #hdr ul li a:hover { float:none; font-size:12px; text-decoration: underline; } #hdr .hdr-teaser-area { float:left; margin: 0; padding: 0; width: 767px; height: 104px; background: url('../img/hdr_background.png') top left no-repeat;} #hdr .hdr-teaser-area hr { border-left: none; border-right: none; border-top: none; border-bottom: #A0A0A0 dotted 1px; height: 1px; } #hdr .hdr-teaser { width: auto; float:left; margin: 0 ; padding: 0; } #hdr .hdr-teaser a { text-decoration: none; } #hdr .hdr-teaser-long { width: auto; margin: 0 ; padding: 0; } #hdr .hdr-teaser img { } #hdr .hdr-teaser-long img { } #hdr .teaser-trenner { float: left; background-image : url('../img/hdr_trenner.png'); background-position : center top; background-repeat : no-repeat; height: 50px; width: 40px; } #hdr .hdr-teaser .text { font-size: 12px; line-height:12px; color:#fff; margin: 0; padding: 0; } #hdr .hdr-teaser .text a { font-weight: bold; font-size:12px; } #hdr .hdr-teaser .text b { color:#fff; } #hdr .hdr-teaser-area { float:left; } #hdr h2 { color: #fff; font-size: 12px; margin-bottom: 3px; } #hdr #clip1 { position: absolute; left: 315px; top: 52px; } #hdr #clip1 a, #hdr #clip2 a { font-style:italic; font-size: 13px; font-weight:bold; color: #0668AE; text-decoration: none; } #hdr #clip2 { position: absolute; left: 385px; top: 52px; } #hdr #service_link { position: absolute; left: 385px; top:19px; width:50px; height:25px; background-color:transparent;} #hdr #basket_link { position: absolute; left: 685px; top:10px; width:135px; height:20px; background-color:transparent;} #hdr #freeshipping_link { position: absolute; left: 325px; top:19px; width:50px; height:25px; background-color:transparent;} #hdr #hdr-newsletter { position: absolute; left: 525px; top: 13px; width: 105px; } #hdr #hdr-newsletter .submit { margin: 16px 0 0 4px; } #hdr #shoppingcartbox { position: absolute; left: 703px; top: 40px; width: 105px; } #hdr #shoppingcartbox table { width: 105px; } #hdr #shoppingcartbox .text *, #hdr #shoppingcartbox a { color: #0668AE; font-size: 11px;} #hdr #searchbox { position: absolute; left: 870px; top: 13px; } #hdr input { margin: 0; width: 114px; border: 0; padding: 0; background-color: transparent; color: #666; font-size: 11px;} #hdr .submit { border: 0; padding: 0; width: auto; height: auto; } #hdr #searchbox .submit { margin: 8px 0 0 20px; } #hdr .hdr-teaser .text table td.border { border: 0;} #hdr .hdr-teaser .text table { width:100%; } #hdr .hdr-teaser .text table td { padding:0; font-size: 12px; color:#fff;} #hdr .hdr-teaser .text a { display:block; width: auto; background:url('../img/hdr_trenner_hr.gif') repeat-x; background-position:top left; padding-top: 5px; margin-top: 5px; } #hdr .hdr-teaser .text table { border-collapse:collapse; width:130px; margin: 0; padding: 0; border-spacing: 0;} #hdr .hdr-teaser .text table td { margin: 0; padding:0; } #hdr .hdr-teaser .text table td.border { } /************************************************************ * navigaton ************************************************************/ #nav { overflow: hidden; width:160px; margin: 20px 0 0 0; padding: 0; float:left; } #nav ul { margin: 0; padding: 0; } #nav ul ul { margin: 0; background-image: none; padding: 0; background-color: #fff; } #nav li { width: 150px; margin: 0 12px 0 0; background-color: #fff; padding: 0; height: auto; font-size: 0; } #nav li li, #nav li li li { width: 150px; margin: 0; padding: 0; height: auto; } #nav li a { padding: 5px 0 4px 8px; margin: 0; border-bottom:1px dotted #666; border-bottom:1px dotted #666; font-size:12px; width: auto; height: auto; } #nav li a:link, #nav li a:visited, #nav li a:active { height: auto; margin: 0; font-weight:normal; color:#6a6b6c; } #nav li a:focus, #nav li a:hover { height: auto; margin: 0; font-weight:normal; color:#72A5CA; } #nav li.aktiv li, #nav li.aktiv li.aktiv, #nav li.aktiv { font-weight: bold; margin-top: 0; margin-bottom: 0; height: auto; padding: 0; } #nav .last { width: 150px; height: 2px; margin: 0 0 15px 0; padding: 0; border-left: 0; border-right: 0; } /* level 1 */ #nav .start { margin: 0; width: 150px; height: 25px; background-color:transparent; } #nav li.start a { font-weight: bold; padding-left: 8px; padding-top: 9px; background-color:transparent; } #nav li.start a:link, #nav li.start a:visited, #nav li.start a:active { color: #0566AD; } #nav li.start a:focus, #nav li.start a:hover { color: #0566AD; } #nav li.single.aktiv, #nav .single { padding-top: 12px; padding-bottom: 6px; } #nav li.single a:link, #nav li.single a:visited, #nav li.single a:active { color: #0566AD; border-bottom:0px; } #nav li.single a:focus, #nav li.single a:hover { color: #0566AD; } #nav li.modetipps { } #nav li.modetipps a:link, #nav li.modetipps a:visited, #nav li.modetipps a:active, #nav li.modetipps a:focus { color: #0267AC; font-weight: bold; padding: 6px 0 6px 8px; } #nav li.modetipps a:hover { color: #72A5CA; font-weight: bold; padding: 6px 0 6px 8px; } #nav li.spezialbig { height: auto; margin-top: 2px; margin-bottom: 2px; padding: 0; background-color: #EDEDED; } #nav li.spezialbig a, #nav li.spezialbig a:link, #nav li.spezialbig a:visited, #nav li.spezialbig a:focus { margin: 0; color: #0267AC; font-weight: bold; font-size: 12px; padding: 6px 0 6px 8px; } #nav li.spezialbig a:hover { margin: 0; color: #72A5CA; font-weight: bold; font-size: 12px; padding: 6px 0 6px 8px; } #nav li.mode a { color: #0267AC; font-weight: bold; padding: 6px 0 6px 8px; } #nav li.mode a:hover { color: #72A5CA; font-weight: bold; } #nav li.spezial {} #nav li.spezial a { padding: 6px 0 6px 8px; } #nav li.spezial a:link, #nav li.spezial a:visited, #nav li.spezial a:active, #nav li.spezial a:focus { color: #0267AC; font-weight: bold; } #nav li.spezial a:hover { color: #72A5CA; font-weight: bold; } #nav li.aktiv { } #nav li.aktiv a:link, #nav li.aktiv a:visited, #nav li.aktiv a:active, #nav li.aktiv a:focus, #nav li.aktiv a:hover { color:#72A5CA; } #nav li.spezial.aktiv a:link, #nav li.spezial.aktiv a:visited, #nav li.spezial.aktiv a:active, #nav li.spezial.aktiv a:focus { color: #0267AC; font-weight: bold; } #nav li.spezial.aktiv a:hover { color: #72A5CA; font-weight: bold; } #nav li.themenwelten a:link, #nav li.themenwelten a:visited, #nav li.themenwelten a:active, #nav li.themenwelten a:focus { color: #0267AC; font-weight: bold; } #nav li.themenwelten a:hover { color: #72A5CA; font-weight: bold; } #nav li.unserebesten a:link, #nav li.unserebesten a:visited, #nav li.unserebesten a:active, #nav li.unserebesten a:focus { color: #0267AC; font-weight: bold; } #nav li.unserebesten a:hover { color: #72A5CA; font-weight: bold; } #nav li.markenshop a:link, #nav li.markenshop a:visited, #nav li.markenshop a:active, #nav li.markenshop a:focus { color: #0267AC; font-weight: bold; } #nav li.markenshop a:hover { color: #72A5CA; font-weight: bold; } #nav li.neukunden a:link, #nav li.neukunden a:visited, #nav li.neukunden a:active, #nav li.neukunden a:focus { color: #0267AC; font-weight: bold; } #nav li.neukunden a:hover { color: #72A5CA; font-weight: bold; } #nav li.schnaeppchen { /* background:#fff url('../img/nav/nav_prozent_blue.gif') 125px center no-repeat; */ } #nav li.schnaeppchen a { } #nav li.schnaeppchen a:link, #nav li.schnaeppchen a:visited, #nav li.schnaeppchen a:active, #nav li.schnaeppchen a:focus { color: #0566AD; font-weight: bold; } #nav li.schnaeppchen a:hover { color: #6a6b6c; font-weight: bold; } #nav li.schnaeppchen.aktiv { /* background: #fff url('../img/nav/nav_prozent_blue.gif') 125px center no-repeat; */ } #nav li.schnaeppchen.aktiv a:link, #nav li.schnaeppchen.aktiv a:visited, #nav li.schnaeppchen.aktiv a:active, #nav li.schnaeppchen.aktiv a:focus { color: #0566AD; font-weight: bold; } #nav li.schnaeppchen.aktiv a:hover { color: #0566AD; font-weight: bold; } #nav li.aktiv { background-image: none; } /* level 2 */ #nav li.multiple a:link, #nav li.multiple a:visited, #nav li.multiple a:active, #nav li.multiple a:focus, #nav li.multiple a:hover { background-image: none; } #nav li.multipleaktiv { background-color: #D0E2F0; } #nav li.multipleaktiv a { margin: 0; } #nav li.multipleaktiv a:link, #nav li.multipleaktiv a:visited, #nav li.multipleaktiv a:active { color:#0566AD; padding-left: 23px; font-weight:bold; } #nav li.multipleaktiv a:focus, #nav li.multipleaktiv a:hover { color:#0566AD; padding-left: 23px; } #nav li.spezial li { background: #fff;} #nav li.spezial li a:link, #nav li.spezial li a:visited, #nav li.spezial li a:active, #nav li.spezial li a:focus { background-image: none; font-weight: normal; background-image: none; } #nav li.spezial li a:hover { background-image: none; font-weight: normal; background-image: none; } #nav li.spezial.aktiv li a:link, #nav li.spezial.aktiv li a:visited, #nav li.spezial.aktiv li a:active, #nav li.spezial.aktiv li a:focus { color:#72A5CA; font-weight: normal; background-image: none; } #nav li.spezial.aktiv li a:hover { color:#72A5CA; font-weight: normal; background-image: none; } #nav li .multiple, #nav li.aktiv li.multiple, #nav li li.single.aktiv, #nav li .single { } /* level 3 */ #nav li.aktiv li { background-color: #D0E2F0; } #nav li.aktiv li a:link, #nav li.aktiv li a:visited, #nav li.aktiv li a:active { background-image: none; font-weight: normal; padding-left: 23px; color:#87888A; } #nav li.aktiv li a:focus, #nav li.aktiv li a:hover { font-weight: normal; padding-left: 23px; color:#0566AD; } #nav li.aktiv li.aktiv { background-color: transparent; background-image:none; } #nav li.aktiv li.aktiv a:link, #nav li.aktiv li.aktiv a:visited, #nav li.aktiv li.aktiv a:active, #nav li.aktiv li.aktiv a:focus, #nav li.aktiv li.aktiv a:hover { background-color:#E6F1F7; font-weight:bold; color:#7B858F; } #nav li.aktiv li.multiple { } #nav li.aktiv li.multiple a:link, #nav li.aktiv li.multiple a:visited, #nav li.aktiv li.multiple a:active, #nav li.aktiv li.multiple a:focus { padding-left: 23px; background-image: none; } #nav li.aktiv li.multiple a:hover { padding-left: 23px; } #nav li.aktiv li.multipleaktiv { background-color:#EDEDED; background-image:none; } #nav li.aktiv li.multipleaktiv a:link, #nav li.aktiv li.multipleaktiv a:visited, #nav li.aktiv li.multipleaktiv a:active, #nav li.aktiv li.multipleaktiv a:focus { background-color:#E6F1F7; padding-left:23px; color:#7B858F; } #nav li.aktiv li.multipleaktiv a:hover { background-color:#E6F1F7; padding-left:23px; color:#7B858F; } #nav li.aktiv li.multipleaktiv li { background-color: #EDEDED; } #nav li.aktiv li.multipleaktiv li a:link, #nav li.aktiv li.multipleaktiv li a:visited, #nav li.aktiv li.multipleaktiv li a:active, #nav li.aktiv li.multipleaktiv li a:focus { background-image: none; font-weight: normal; font-size: 11px;} #nav li.aktiv li.multipleaktiv li a:hover { background-image: none; font-weight: normal; font-size: 11px; color: #9D9EA0;} #nav li.aktiv li.aktiv li { } #nav li.aktiv li.aktiv li a:link, #nav li.aktiv li.aktiv li a:visited, #nav li.aktiv li.aktiv li a:active, #nav li.aktiv li.aktiv li a:focus { } #nav li.aktiv li.aktiv li a:hover { } #nav li.aktiv li.aktiv li.aktiv { background-color: #fff; } #nav li.aktiv li.aktiv li.aktiv a:link, #nav li.aktiv li.aktiv li.aktiv a:visited, #nav li.aktiv li.aktiv li.aktiv a:active, #nav li.aktiv li.aktiv li.aktiv a:focus { color:#87888A; padding-left: 26px; font-weight:bold;} #nav li.aktiv li.aktiv li.aktiv a:hover { color:#72A5CA; padding-left: 26px; font-weight:bold; } #nav li.spezial li.aktiv { background-color: #fff; } #nav li.spezial li.aktiv a:link, #nav li.spezial li.aktiv a:visited, #nav li.spezial li.aktiv a:active, #nav li.spezial li.aktiv a:focus { font-weight: normal; } #nav li.spezial li.aktiv a:hover { font-weight: normal; } /* faq */ #nav .nav_faq { width: 160px; margin: 0; padding: 0; height: auto; } #nav .nav_faq .text { background-color:#fff; width: 150px; margin: 2px 0 0 0; padding: 0; overflow: hidden;} #nav .nav_faq h4 { background-color: #fff; color: #000; font-size: 11px; font-weight: bold; padding-top: 8px; padding-left: 8px; padding-right: 8px; } #nav .nav_faq p { background-color: #fff; color: #000; font-size: 10px; font-weight: normal; padding-left: 8px; padding-right: 8px; } #nav .nav_faq .btn-medium-gray { padding-left: 5px; } /************************************************************ * content ************************************************************/ #cnt { margin: 0 0 0 0; padding: 0; width:650px; float:left; overflow: hidden; } #cnt .cnt-margin { margin-left: 6px; margin-right: 11px; } #cnt p { padding-bottom: 0.5em; margin: 0;} #cnt .cnt_breadcrumb { margin: 0 0 0 80px;color: #999; background-color:transparent; } #cnt .cnt_breadcrumb a, #cnt .cnt_breadcrumb strong, #cnt .cnt_breadcrumb b { color: #999; font-size: 9px; color: #999; text-decoration: none; font-weight: normal; } #cnt .cnt_breadcrumb h1 { color: #999; font-size: 9px; color: #999; text-decoration: none; font-weight: normal; display: inline;} #cnt .cnt_static { margin-top: 10px; } #cnt .trenner-vertikal { background:url('../img/cnt_trenner_vertikal.gif') top right repeat-y; } #cnt .cnt_top-teaser, #cnt .cnt_top-teaser-img, #cnt .cnt_top-teaser .content, #cnt .cnt_top-teaser-img .content { background:none; height: auto; width: auto; margin: 0; padding: 0; } /*Gabelseiten*/ .cnt_full { width: 634px; clear: both; } .cnt_half-left { width: 308px; float: left; } .cnt_half-right { margin-left: 18px; width: 308px; float: left; } .cnt_waesche_text { color: #000; font-size: 12px; padding: 15px 0 35px 0; line-height: 1.3; } .cnt_waesche_text .strongtext { color: #006AB0; font-weight: normal; } #cnt #lexikonaz { margin-top: 15px; border-bottom: #515151 solid 1px; } #cnt #lexikonaz table { width:630px; } #cnt #lexikonaz h2 { font-size: 20px; text-decoration: none; color: #0267AC; } #cnt #lexikonaz h2 a { font-size: 20px; text-decoration: none; color: #515151; } #cnt #lexikonaz h2 a:hover { font-size: 20px; text-decoration: none; color: #0267AC; } #cnt #lexikon td { padding: 0; margin: 0; font-size: 12px; } #cnt #lexikon td h2 { color: #0267AC; font-size: 12px; padding: 0; margin: 0; line-height: 1;} #cnt .cnt_pager a { color:#515151; } #cnt .cnt_pager ul {} #cnt .cnt_pager ul li { border: 0; margin-top: 0; background-color: #A3A3A3; font-size: 12px; padding:1px 4px 1px 4px; text-align:center; } #cnt .cnt_pager ul li a { padding: 0; border: 0; margin: 0; color:#fff; font-size: 12px; } #cnt .cnt_pager ul li.active { border: 0; margin-top: 0; font-size: 12px; } #cnt .cnt_pager ul li.active a { border: 0; margin-top: 0; color:#000; font-size: 12px; } #cnt .cnt_pager .left b { margin-right:10px; } html>body #cnt .product-infobox { } html>body #cnt .stoerer-neu { width:54px; height:21px; } html>body #cnt .stoerer-online { width:75px; height:22px; } html>body #cnt .stoerer-reduziert { } html>body #cnt .stoerer-reduziert-label { width:82px; height:27px; } html>body #cnt .ecke-akzente { } html>body #cnt .ecke-charmant { } html>body #cnt .ecke-exquisit { } html>body #cnt .ecke-impressionen { } html>body #cnt .ecke-lady { } #cnt thead.overview { color:#aaa; } #cnt tbody tr.odd { background:#EDEDED; } #cnt tbody tr.result { background:#DADADC; } #cnt .basket_tbl { width:634px; } #cnt .basket_tbl_sum { width:634px; } #cnt .cnt_pager .dots { font-size:12px; text-decoration:none; color:#fff;} #cnt thead.order-detail tr th { color:#aaa; } #cnt .cnt_main { background-color:transparent; } #cnt .cnt_main_top { height: 25px; } #cnt .cnt_main_shadow { height: auto; overflow: hidden; width:650px; } #cnt .cnt_main_bottom { height: 25px; } #cnt .cnt_main-left { margin-left: 5px; width: 145px; } #cnt .cnt_main-left .margin-top { padding-bottom: 20px; margin-top: 10px; } #cnt .cnt_main-left .margin-top a { text-decoration:none; font-weight: bold; padding-right:18px; } #cnt .cnt_main-right { width: 460px; padding: 0 15px 0 0; margin: 0; } #cnt .cnt_main-right-detail { width: 460px; margin: 0; } #cnt .cnt_main-right-detail h1 { color:#0267AC; font-weight: bold; font-size: 20px; } #cnt .cnt_main-right-detail .link_button-text-below { margin: 0; padding: 0; text-align: center; } #cnt .cnt_main-gradient { } #cnt .cnt_main-background { margin: 0; padding: 0; } #cnt .cnt_main-right-left { border: 0; } #cnt .cnt_main-right-detail .link_text-button-left { margin-right: 0; } #cnt .cnt_main-right-detail .link_text-button-left img { margin-top: 4px; } #cnt .cnt_main-right-detail .link_text-button-left a:hover { color: #A5A5A5; } #cnt .cnt_main .basket { width: 460px;} #cnt .cnt_main .result { width: 460px;} #cnt .availability-note { padding-top:3px; } #cnt table.small-pad tr td { padding:3px 5px 2px 0; text-align:left; } .cnt_search-layer { border:1px #aaa solid; } #cnt .cnt_type-test { width:450px; float:right; margin-left:10px; } #cnt .cnt_type-test-text p { line-height:16px;} #cnt .cnt_type-test-text p strong { color:#aaa; clear:both; display:block; margin-bottom:5px; } #cnt .cnt-forms-newsletter { border:1px solid #0267AC; background:#EDEDED; } /************************************************************ * product ************************************************************/ #cnt .sr01 { height:236px; margin-left:10px; margin-right:13px; border:0;} #cnt .sr02 { border:0; width:312px; height:464px; margin: 3px 4px 0 6px; float:left; position:relative; overflow: hidden; }/*1 Pixel schmaler in der Breite fuer den IE6 Fehler*/ #cnt .sr02.redback { background-color: #0267AC; } #cnt .sr01 .product-image { width:139px; height:186px; overflow: hidden; } #cnt .sr01 .product-image .stoerer-reduziert { background: #0267AC url('../img/cnt_schnaeppchen_stoerer_klein.png') bottom right no-repeat; line-height:1; position:relative; margin: -29px -5px 0 0; float: right; width: 86px; height: 42px; } #cnt .sr01 .product-image .stoerer-neu { background: url('../img/cnt_neu_stoerer.gif') bottom right no-repeat; line-height:1; position:relative; margin: -20px 0 0 0; float: right; width: 57px; height: 29px; } #cnt .sr01 .product-image .stoerer-online { background: url('../img/cnt_nur_online_stoerer.gif') bottom right no-repeat; line-height:1; position:relative; margin: -20px 0 0 0; float: right; width: 100px; height: 29px; } #cnt .sr01 .product-image .stoerer-reduziert-label { background: url('../img/cnt_reduziert_stoerer.png') bottom right no-repeat; line-height:1; position:relative; margin: -23px -5px 0 0; float: right; width: 115px; height: 36px; } #cnt .sr01 .stoerer-reduziert .content { line-height:1; text-align:center; padding:3px 18px 3px 0; margin: 0; color:#fff; font-weight:bold; font-size:18px; width: auto; height:auto; } #cnt .sr02 .product-image { width:278px; height:376px; overflow: visible; margin-left: 4px;} #cnt .sr02.redback .product-image { width:313px; height:376px; overflow: visible; } #cnt .sr02 .product-image .stoerer-reduziert { width: 110px; position:absolute; float: right; margin-right: -5px; bottom: -88px; } #cnt .sr02 .product-image .stoerer-reduziert { bottom: 4px; right: 0px; background: #0267AC url('../img/cnt_schnaeppchen_stoerer_gross.png') bottom right no-repeat; width: auto; height:auto; margin: 0; } #cnt .sr02.redback .product-image .stoerer-reduziert { background: #0267AC url('../img/cnt_schnaeppchen_stoerer_gross.png') bottom right no-repeat; right: 0px; bottom: -88px; height: auto; overflow: visible; } #cnt .sr02.redback .stoerer-reduziert .content { text-align:left; padding:0 15px 10px 0; margin: 0; font-weight:bold; line-height:1; width: auto; height:auto; } #cnt .sr02 .stoerer-reduziert .content { text-align: left; padding: 6px 15px 7px 10px; color:#fff; } #cnt .sr02 .stoerer-reduziert .content span { padding: 0; margin: 0; font-weight:bold; font-size:38px; line-height: 1; width: auto; color:#fff; } #cnt .sr02 .stoerer-reduziert .content s span { font-size: 18px; padding: 0 0 0 4px; margin: 0; color:#fff;} #cnt .sr02.redback .stoerer-reduziert .content span { padding: 0; margin: 0; font-weight:bold; font-size:44px; line-height: 1; width: auto; color:#fff; } #cnt .sr02.redback .stoerer-reduziert .content s span { font-size: 18px; padding: 0 0 0 4px; margin: 0; color:#fff;} #cnt .sr02 .product-subline { overflow: visible; padding: 0; margin: 5px 0 0 10px; } #cnt .sr02.redback .product-subline { color: #fff; } #cnt .sr02 .product-subline .subline_1 { margin: 0; padding: 0 0 0 2px; line-height:1.1; font-size: 12px; } #cnt .sr02 .product-subline .subline_2 { margin: 0; padding: 0 0 0 2px; line-height:1.1; font-size: 12px; } #cnt .sr02 .product-link { padding: 3px 0 5px 0; line-height:1.1; font-weight: bold; font-size: 14px; margin: 0 0 0 10px; } #cnt .sr02 .product-link a { padding: 0; font-size: 14px; } #cnt .sr02 .product-link a:hover { font-size: 14px; } #cnt .sr02.redback .product-link { color: #fff; } #cnt .sr02.redback .product-link a { padding: 0; font-size: 14px; color: #fff; } #cnt .sr02.redback .product-link a:hover { font-size: 14px; color: #ddd;} #cnt .sr02.redback .product-more .text { color: #fff; float: left; } #cnt .sr02 .product-more { width:279px; padding: 2px 10px 0 10px; text-align: right; } #cnt .sr02.redback .product-more { padding: 2px 10px 0 10px; text-align: left; } #cnt .sr02 .product-more a { padding: 0 18px 0 10px; text-align: left; height: auto; } #cnt .sr02.redback .product-more a { color: #fff; background-image: none; } #cnt .sr02 .product-more img { padding-left: 10px; float:left; } #cnt .product-more a, #cnt .product-more a:active { font-weight: bold; font-size: 11px; color: #515151; text-decoration: none; padding-right: 5px; } #cnt .product-more a:focus, #cnt .product-more a:hover { color: #A5A5A5; text-decoration: none; } #cnt .sr02.redback .product-more a { color: #fff; } #cnt .sr02.redback .product-more a:hover { color: #ddd; text-align: left; } #cnt .sr02 .product-info { padding: 2px 10px 0 10px; } #cnt .sr02 .product-info table, #cnt .sr02 .product-info td { padding: 0; margin: 0; } #cnt .sr02.redback .product-info a { color: #fff;} #cnt .sr02 .product-info a { text-decoration:none; font-weight:bold; } #cnt .sr02.redback .product-info a:hover { color: #ddd; text-decoration:none; } #cnt .sr06 { width:463px; margin:4px 13px 20px 10px; float:left; position:relative; } #cnt .sr07 { width:306px; margin:5px 8px 4px 10px; float:left; } #cnt .stoerer-reduziert .content { text-align:center; padding:0; font-weight:bold; line-height:1; font-size:14px; } #cnt .redback .stoerer-reduziert .content { color:#fff; } #cnt .cnt_main-left .product-description a { color: #000; font-weight: bold; } #cnt .cnt_main-left .product-description a:hover { color: #515151; } #cnt .product-description { padding: 10px 0 8px 0; border-top:1px #aaa solid; border-bottom:1px #aaa solid; /*background:url('../img/cnt_product-background-1.jpg') top repeat-x;*/ } #cnt .product-description a, #cnt .product-description h3 { color: #0267AC; } #cnt .product-link { padding: 3px 0 0 0; margin: 0; width: auto; } #cnt .product-more { padding: 3px 0 0 0; text-align: right; overflow:visible; } #cnt .product-more .text { float:left; padding: 0 0 0 1px; text-align: left; overflow:visible; font-size: 11px;} #cnt .product-info { padding: 0px; clear:both; } #cnt .product-info a { font-size: 11px; } #cnt .cnt_main-right-detail h3 { color: #0267AC; } #cnt .cnt_main-right-detail a.link:link, #cnt .cnt_main-right-detail a.link:visited, #cnt .cnt_main-right-detail a.link:active { color:#515151; font-weight:bold; text-decoration: none; padding-right: 18px; } #cnt .cnt_main-right-detail a.link:focus, #cnt .cnt_main-right-detail a.link:hover { color:#A5A5A5; font-weight:bold; text-decoration: none; } #cnt .frame-border { margin: 0; padding: 10px 0 10px 0; width: auto; border-top: #A5A5A5 solid 1px; border-bottom: #A5A5A5 solid 1px; } /************************************************************ * footer ************************************************************/ #ftr { clear:none; float:right; width:825px; margin:0; padding:0; text-align:center; } #ftr * { line-height:18px; font-size:12px !important; color:#9c9e9f; } #ftr * a:link, #ftr * a:visited, #ftr * a:active { color:#9c9e9f; text-decoration:none; } #ftr * a:focus, #ftr * a:hover { color:#9c9e9f; text-decoration:underline; } #ftr ul { margin:0; } #ftr ul li { padding:0; } #ftr div { padding:0; margin-left:0; margin-top:30px; text-align:center; } #ftr-main { text-align:center; color:#9c9e9f;} #ftr-newsletter { width: 170px; float:right; padding: 0 10px 0 0; text-align: left; } #ftr-newsletter h3 { color: #9c9e9f; } #ftr-newsletter input { width: 90%; margin: 0; border: solid 2px; border-top-color: #404040; border-left-color: #404040; border-right-color: #D4D0C8; border-bottom-color: #D4D0C8; padding: 2px; } #ftr-newsletter .submit { margin-top: 7px; width: auto; background-color: #DADADC; border-top: #eeeeee solid 1px;; border-left: #eeeeee solid 1px;; border-right: #aaa solid 1px; border-bottom: #aaa solid 1px; padding: 1px; } #ftr-newsletter .submit:hover { margin-top: 7px; width: auto; background-color: #DADADC; border-top: #aaa solid 1px;; border-left: #aaa solid 1px;; border-right: #eeeeee solid 1px; border-bottom: #eeeeee solid 1px; padding: 2px 1px 1px 2px; } /************************************************************ * Buttons ************************************************************/ .btn-leftpart { float: left; background:url('../img/buttons/bt_variabel-left.png') top left no-repeat; width: 11px; height: 29px;} .btn-rightpart { float: left; background:url('../img/buttons/bt_variabel-right.png') top left no-repeat; width: 11px; height: 29px;} .btn-variabel { width: auto; float: left; background:url('../img/buttons/bt_variabel-filler.png') top left repeat-x; height: 29px;} .btn-variabel a, .btn-variabel a:link, .btn-variabel a:visited, .btn-variabel a:active { display: block; width: auto; font-size: 12px; font-weight: bold; color: #000; height: 29px; background:url('../img/buttons/bt_variabel-lo.gif') top right no-repeat; text-decoration:none; padding-right: 20px; padding-top: 7px; } .btn-variabel a:focus, .btn-variabel a:hover { text-decoration:none; color: #444; background:url('../img/buttons/bt_variabel-lo.gif') top right no-repeat; } .btn-wide-submit { font-size: 12px; padding: 0 0 0 0; font-weight: bold; color: #000; width: 160px; height: 29px; background: transparent url('../img/buttons/bt_wide_warenkorb-lo.png') no-repeat; text-decoration:none; border: 0; } .btn-wide-submit:hover { font-size: 12px; padding: 0 0 0 0; font-weight: bold; color: #000; width: 160px; height: 29px; background: transparent url('../img/buttons/bt_wide_warenkorb-hi.png') no-repeat; text-decoration:none; border: 0; } .btn-wide a, .btn-wide a:link, .btn-wide a:visited, .btn-wide a:active { font-size: 12px; padding-left: 10px; padding-top: 6px; font-weight: bold; color: #000; display: block; width: 150px; height: 28px; background:url('../img/buttons/bt_wide_lo.png') no-repeat; text-decoration:none; } .btn-wide a:focus, .btn-wide a:hover { text-decoration:none; color: #444; background:url('../img/buttons/bt_wide_lo.png') no-repeat; } .btn-medium a, .btn-medium a:link, .btn-medium a:visited, .btn-medium a:active { font-size: 12px; padding-left: 10px; padding-top: 6px; font-weight: bold; color: #000; display: block; width: 100px; height: 29px; background:url('../img/buttons/bt_medium_lo.png') no-repeat; text-decoration:none; } .btn-medium a:focus, .btn-medium a:hover { text-decoration:none; color: #444; background:url('../img/buttons/bt_medium_lo.png') no-repeat; } .btn-medium-gray a, .btn-medium-gray a:link, .btn-medium-gray a:visited, .btn-medium-gray a:active { font-size: 12px; padding-left: 10px; padding-top: 6px; font-weight: bold; color: #000; display: block; width: 100px; height: 29px; background:url('../img/buttons/bt_medium_gray_lo.png') no-repeat; text-decoration:none; } .btn-medium-gray a:focus, .btn-medium-gray a:hover { text-decoration:none; color: #444; background:url('../img/buttons/bt_medium_gray_lo.png') no-repeat; } .btn-narrow a, .btn-narrow a:link, .btn-narrow a:visited, .btn-narrow a:active { font-size: 12px; padding-left: 10px; padding-top: 6px; font-weight: bold; color: #000; display: block; width: 63px; height: 27px; background:url('../img/buttons/bt_narrow_lo.png') no-repeat; text-decoration:none; } .btn-narrow a:focus, .btn-narrow a:hover { text-decoration:none; color: #444; background:url('../img/buttons/bt_narrow_lo.png') no-repeat; } .btn-narrow-red a, .btn-narrow-red a:link, .btn-narrow-red a:visited, .btn-narrow-red a:active { font-size: 12px; padding-left: 10px; padding-top: 5px; font-weight: bold; color: #000; display: block; width: 63px; height: 23px; background:url('../img/buttons/bt_narrow_red_lo.png') no-repeat; text-decoration:none; } .btn-narrow-red a:focus, .btn-narrow-red a:hover { text-decoration:none; color: #444; background:url('../img/buttons/bt_narrow_red_lo.png') no-repeat; } /************************************************************ * margin column ************************************************************/ #mrg { margin: 18px 0 0 0; padding: 0 0 0 0; width:190px; float:left; overflow:visible;} #mrg p { margin:0 0 10px 0; } #mrg .mrg-teaser { margin: 0; padding: 0;} #mrg .mrg-teaser .text { } #mrg .mrg-teaser ul { list-style-type:disc; margin:0 0 10px 15px; } #mrg .mrg-teaser ul li { padding:0 7px 0 0; } #mrg .mrg-teaser input { width:145px; } #mrg .mrg-teaser input.submit { width:19px; height:19px; } #mrg .mrg-teaser-catalog { padding-top:5px; } #mrg .mrg-teaser-catalog h4, #mrg .mrg-teaser-catalog p { width:95px; } #mrg .mrg-teaser-catalog input { width:39px; float:right; margin:17px 5px 0 0; } #mrg .mrg-teaser-catalog input.submit { float:right; margin-top:17px; } #mrg .mrg-teaser-catalog select { width:97%; } #mrg .mrg-teaser-help h4, #mrg .mrg-teaser-help p { padding-right:6px; } #mrg .mrg-teaser-help-bp h3 { font-size:13px; } #mrg .mrg-teaser-help-bp h3, #mrg .mrg-teaser-help-bp p { padding-right:6px; font-weight:bold; line-height:16px; } #mrg .mrg-teaser-no-bg { background:none; } /************************************************************ * lottery ************************************************************/ #cnt .lottery_headline { color: #0267AC; } /************************************************************ * FactFinder Search Engine ************************************************************/ div.suggestLayer { position:relative; top:-78px; right:1px; float:right; width: 1px; height: 1px; display: none; padding: 0; margin: 0; z-index: 1000; background-color: #555; /* opacity could make problems in IE, * if the suggest isn't shown remove the opacity css styles. */ opacity: 0.9; /*filter: alpha(opacity=90);*/ } table.suggestLayer { float:right; font-size: 11px; width: 130px; border: 1px solid #5C7997; height: 12px; background-color: white; color: #173553; cursor: pointer; } tr.suggestLayer { height: 12px; } td.suggestLayer { padding: 0; height: 12px; } tr.suggestHeader{ color: #173553; font-weight: normal; font-size: 10px; } tr.suggestHeader td{ border-bottom: 1px solid #5C7997; padding: 3px 3px 3px 5px; } td.suggestFooter{ height:25px; border-top:solid 1px #5C7997; font-size:9px; color: #173553; background-color: #FCFCFC; background-repeat: no-repeat; background-position: right; } td.suggestTextQuery{ font-weight: normal; padding: 2px 15px 2px 10px; } span.suggestTextQueryTyped{ color: #0566ad; text-decoration: underline; font-weight: bold; } td.suggestTextType{ padding: 2px 5px 2px 15px; width: 30%; } td.suggestTextAmount{ padding: 2px 5px 2px 15px; width: 30%; text-align: right; } tr.suggestRow{ padding: 2px 2px 2px 0px; background-color: #FCFCFC; } tr.suggestHighlight{ color: #0566ad; background-color: #ddd; } tr.suggestHighlight span.suggestTextQueryTyped{ color: #0566ad; } td.suggestImage{ height: 40px; } td.suggestImage img{ height: 40px; } /************************************************************ * common styles defined by new media ************************************************************/ .mrg_subnavi { overflow: hidden; width:160px; margin: 9px 0 0 0; padding: 0; float:right; } .mrg_subnavi ul { margin: 0; border: 0; padding: 0; } .mrg_subnavi ul ul { margin: 0; background-image: none; border: 0; padding: 0; background-color: #fff; } .mrg_subnavi ul li { width: 150px; height:50px; margin: 0 12px 0 0; background-color: #fff; padding: 5px 8px 4px 0; height: auto; border-bottom: #999 dotted 1px; font-size: 0; } .mrg_subnavi ul li li, .mrg_subnavi ul li li li { width: 150px; margin: 0; padding: 0; height: auto; } .mrg_subnavi ul li a { padding: 5px 0 4px 8px; margin: 0; font-size:12px; width: auto; height: auto; border: 0; } .mrg_subnavi ul li a:link, .mrg_subnavi ul li a:visited, .mrg_subnavi ul li a:active { height: auto; margin: 0; font-weight:normal; color:#999; } .mrg_subnavi ul li a:focus, .mrg_subnavi ul li a:hover { height: auto; margin: 0; font-weight:normal; color:#72A5CA; } .mrg_subnavi .start { margin: 0; width: 150px; height: 25px; background-color:transparent; } .mrg_subnavi li.multipleaktiv { background-color: #D0E2F0; } .mrg_subnavi li.multipleaktiv a { margin: 0; } .mrg_subnavi li.multipleaktiv a:link, .mrg_subnavi li.multipleaktiv a:visited, .mrg_subnavi li.multipleaktiv a:active { color:#0566AD; font-weight:bold; } .mrg_subnavi li.multipleaktiv a:focus, .mrg_subnavi li.multipleaktiv a:hover { color:#0566AD; } .mrg_subnavi ul li a:link, .mrg_subnavi ul li a:visited, .mrg_subnavi ul li a:active, .mrg_subnavi ul li a:focus, .mrg_subnavi ul li a:hover { text-decoration:none; background-image: none; }