/* * $Id:$ */ /************************************************************ * general items ************************************************************/ body { background:#FFF; } html, body { margin: 0; padding: 0;} /************************************************************ * typo ************************************************************/ div,p,a,li,td,th,input, select,option,textarea { font-size:12px; line-height:1.2; } div,p,a,li,td { color:#000; } /*div { position: relative; }*/ input,select,option,textarea { color:#000; } h1,h2,h3,h4 { color: #D4002B; } 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: #D4002B; 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; background: none; } .red { color: #D4002B; } .red-line { border-top:4px #D40028 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: 8px 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: 993px; height:99px; background-color: #D40028; padding: 0; text-align:left; overflow: hidden; } #hdr a { color: #fff; } #hdr .hdr-logo { float:left; margin-right: 40px; 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:right; display: inline; padding: 0 0 0 7px; 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:none; margin: 0; padding: 0; } #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_grey.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 h2 { color: #fff; font-size: 12px; margin-bottom: 3px; } #hdr input { margin: 0; width: 190px; border: solid 2px; border-top-color: #404040; border-left-color: #404040; border-right-color: #D4D0C8; border-bottom-color: #D4D0C8; padding: 2px; } #hdr .submit { margin: 0 0 0 5px; width: 70px; background-color: #9C9EA0; border-top: none; border-left: none; border-right: #9B001D solid 2px; border-bottom: #9B001D solid 2px; padding: 1px 2px 1px 2px; } #hdr .submit:hover { margin: 0px 0 0 5px; width: 70px; background-color: #b3b5b7; border-top: none; border-left: none; border-right: #9B001D solid 1px; border-bottom: #9B001D solid 1px; padding: 1px 2px 1px 2px; } #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:0; padding: 0; float:left; } #nav ul { margin: 0; background:url('../img/nav/nav_background_schatten.png') repeat-y; border: 0; padding: 0; } #nav ul ul { margin: 0; background-image: none; border: 0; padding: 0; background-color: #fff; } #nav li { width: 150px; margin: 0 12px 0 0; background-color: #fff; padding: 0; height: auto; border-top: #E3B4AF solid 1px; font-size: 0; } #nav li li, #nav li li li { width: 150px; margin: 0; padding: 0; height: auto; border-top: #fff solid 1px; } #nav li a { padding: 4px 0 4px 8px; margin: 0; font-size:12px; width: auto; height: auto; border: 0; } #nav li a:link, #nav li a:visited, #nav li a:active { height: auto; margin: 0; font-weight:normal; color:#000; } #nav li a:focus, #nav li a:hover { height: auto; margin: 0; font-weight:normal; color:#BE7972; } #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: 160px; height: 20px; background:url('../img/nav/nav_bottom_background_weiss.png') no-repeat; margin: 0 0 -1px 0; padding: 0; border: 0; } /* level 1 */ #nav .start { margin: 0; width: 160px; background:url('../img/nav/nav_startseite_background_top.png') no-repeat; height: 25px; background-color:transparent; border: 0; } #nav li.start a { padding-top: 9px; background-color:transparent; } #nav li.start a:link, #nav li.start a:visited, #nav li.start a:active { color: #000; } #nav li.start a:focus, #nav li.start a:hover { color:#BE7972; } #nav li.modetipps { border: 0; } #nav li.modetipps a:link, #nav li.modetipps a:visited, #nav li.modetipps a:active, #nav li.modetipps a:focus { color: #D40028; font-weight: bold; padding: 6px 0 6px 8px; } #nav li.modetipps a:hover { color: #BE7972; font-weight: bold; padding: 6px 0 6px 8px; } #nav li.spezialbig { height: auto; margin-top: 2px; margin-bottom: 2px; padding: 0; background-color: #EDEDED; border: 0;} #nav li.spezialbig a, #nav li.spezialbig a:link, #nav li.spezialbig a:visited, #nav li.spezialbig a:focus { margin: 0; color: #D40028; font-weight: bold; font-size: 12px; padding: 6px 0 6px 8px; } #nav li.spezialbig a:hover { margin: 0; color: #BE7972; font-weight: bold; font-size: 12px; padding: 6px 0 6px 8px; } #nav li.mode a { color: #D40028; font-weight: bold; padding: 6px 0 6px 8px; } #nav li.mode a:hover { color: #BE7972; 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: #D40028; font-weight: bold; } #nav li.spezial a:hover { color: #BE7972; font-weight: bold; } #nav li.aktiv { background-color: #EDEDED; } #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:#87888A; padding-left: 26px; background: url('../img/nav/nav_aktiv_pfeile.gif') 8px center no-repeat ; padding-left: 26px;} #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: #D40028; font-weight: bold; } #nav li.spezial.aktiv a:hover { color: #BE7972; font-weight: bold; } #nav li.themenwelten a:link, #nav li.themenwelten a:visited, #nav li.themenwelten a:active, #nav li.themenwelten a:focus { color: #D40028; font-weight: bold; } #nav li.themenwelten a:hover { color: #BE7972; font-weight: bold; } #nav li.unserebesten a:link, #nav li.unserebesten a:visited, #nav li.unserebesten a:active, #nav li.unserebesten a:focus { color: #D40028; font-weight: bold; } #nav li.unserebesten a:hover { color: #BE7972; font-weight: bold; } #nav li.markenshop a:link, #nav li.markenshop a:visited, #nav li.markenshop a:active, #nav li.markenshop a:focus { color: #D40028; font-weight: bold; } #nav li.markenshop a:hover { color: #BE7972; font-weight: bold; } #nav li.neukunden a:link, #nav li.neukunden a:visited, #nav li.neukunden a:active, #nav li.neukunden a:focus { color: #D40028; font-weight: bold; } #nav li.neukunden a:hover { color: #BE7972; font-weight: bold; } #nav li.schnaeppchen { background:#fff url('../img/nav/nav_prozent.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: #D40028; font-weight: bold; } #nav li.schnaeppchen a:hover { color: #BE7972; font-weight: bold; } #nav li.schnaeppchen.aktiv { background: #fff url('../img/nav/nav_prozent.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: #D40028; font-weight: bold; } #nav li.schnaeppchen.aktiv a:hover { color: #BE7972; font-weight: bold; } /* 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: #EDEDED; border-top: 0; } #nav li.multipleaktiv a { margin: 0; } #nav li.multipleaktiv a:link, #nav li.multipleaktiv a:visited, #nav li.multipleaktiv a:active { background-image : none ; color:#000; padding-left: 8px; font-weight:bold; } #nav li.multipleaktiv a:focus, #nav li.multipleaktiv a:hover { background-image: none; color:#BE7972; padding-left: 8px; } #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:#87888A; font-weight: normal; background-image: none; } #nav li.spezial.aktiv li a:hover { color:#BE7972; font-weight: normal; background-image: none; } /* level 3 */ #nav li.aktiv li { background-color: #fff; } #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: 8px; color:#87888A; } #nav li.aktiv li a:focus, #nav li.aktiv li a:hover { background-image: none; font-weight: normal; padding-left: 8px; color:#BE7972; } #nav li.aktiv li.aktiv { background-color: #EDEDED; 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 { color:#87888A; padding-left: 8px; font-weight:bold; } #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, #nav li.aktiv li.multiple a:hover { background-image: none; } #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 { padding-left: 8px; } #nav li.aktiv li.multipleaktiv a:hover { padding-left: 8px; color:#BE7972; } #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:#BE7972;} #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: #EDEDED; } #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:#BE7972; padding-left: 10px; font-weight:bold;} #nav li.aktiv li.aktiv li.aktiv a:hover { color:#BE7972; padding-left: 10px; 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; } /* Level 4 */ #nav li.aktiv li.aktiv li.aktiv li { background-color: #EDEDED; } #nav li.aktiv li.aktiv li.aktiv li a:link, #nav li.aktiv li.aktiv li.aktiv li a:visited, #nav li.aktiv li.aktiv li.aktiv li a:active, #nav li.aktiv li.aktiv li.aktiv li a:focus { color:#87888A; padding-left: 20px; font-weight:bold;} #nav li.aktiv li.aktiv li.aktiv li a:hover { color:#BE7972; padding-left: 20px; font-weight:bold; } #nav li.aktiv li.aktiv li.aktiv li.aktiv { background-color: #EDEDED; } #nav li.aktiv li.aktiv li.aktiv li.aktiv a:link, #nav li.aktiv li.aktiv li.aktiv li.aktiv a:visited, #nav li.aktiv li.aktiv li.aktiv li.aktiv a:active, #nav li.aktiv li.aktiv li.aktiv li.aktiv a:focus { color:#BE7972; padding-left: 20px; font-weight:bold;} #nav li.aktiv li.aktiv li.aktiv li.aktiv a:hover { color:#BE7972; padding-left: 20px; font-weight:bold; } /* Level 5 */ #nav li.aktiv li.aktiv li.aktiv li.aktiv li { background-color: #EDEDED; } #nav li.aktiv li.aktiv li.aktiv li.aktiv li a:link, #nav li.aktiv li.aktiv li.aktiv li.aktiv li a:visited, #nav li.aktiv li.aktiv li.aktiv li.aktiv li a:active, #nav li.aktiv li.aktiv li.aktiv li.aktiv li a:focus { color:#87888A; padding-left: 25px; font-weight:bold;} #nav li.aktiv li.aktiv li.aktiv li.aktiv li a:hover { color:#BE7972; padding-left: 25px; font-weight:bold; } #nav li.aktiv li.aktiv li.aktiv li.aktiv li.aktiv { background-color: #EDEDED; } #nav li.aktiv li.aktiv li.aktiv li.aktiv li.aktiv a:link, #nav li.aktiv li.aktiv li.aktiv li.aktiv li.aktiv a:visited, #nav li.aktiv li.aktiv li.aktiv li.aktiv li.aktiv a:active, #nav li.aktiv li.aktiv li.aktiv li.aktiv li.aktiv a:focus { color:#BE7972; padding-left: 25px; font-weight:bold;} #nav li.aktiv li.aktiv li.aktiv li.aktiv li.aktiv a:hover { color:#BE7972; padding-left: 25px; font-weight:bold; } /* faq */ #nav .nav_faq { width: 160px; margin: 0; padding: 0; height: auto; background: url('../img/nav_faq_bvh-logo_filler.png') repeat-y; } #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 { clear:both; padding:3px 8px 3px 8px; margin: 0; background-color:transparent; } #cnt .cnt_breadcrumb a { font-weight: bold; } #cnt .cnt_breadcrumb h1 { font-size:12px; display: inline; font-weight: bold; line-height: 1.1; color: #000000; padding: 0; margin: 0;} #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; } /* JosefWitt Image #cnt .cnt_top-teaser-img .image { background:url('../img/cnt_top-img-witt.png') no-repeat; position:absolute; right:10px; bottom:0; width:116px; height:84px; } */ #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: #D4002B; } #cnt #lexikonaz h2 a { font-size: 20px; text-decoration: none; color: #515151; } #cnt #lexikonaz h2 a:hover { font-size: 20px; text-decoration: none; color: #D4002B; } #cnt #lexikon td { padding: 0; margin: 0; font-size: 11px; } #cnt #lexikon td h2 { color: #D4002B; font-size: 11px; padding: 0; margin: 0; line-height: 1;} #cnt .cnt_pager { font-size: 11px; } #cnt .cnt_pager a { color:#515151; font-size: 11px; } #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 { font-size: 11px; } #cnt .cnt_pager .right { font-size: 11px; } #cnt .cnt_pager .left b { margin-right:10px; } #cnt .cnt_pager .dots { font-size:12px; text-decoration:none; color:#fff;} 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 thead.order-detail tr th { color:#aaa; } #cnt .cnt_main { background-color:transparent; } #cnt .cnt_main_top { height: 25px; background: url('../img/cnt_main_top.png') no-repeat; } #cnt .cnt_main_shadow { height: auto; overflow: hidden; background: url('../img/cnt_main_shadow.png') repeat-y; width:650px; } #cnt .cnt_main_bottom { height: 25px; background: url('../img/cnt_main_bottom.png') no-repeat; } #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; background:url('../img/bt_pfeile-rot.gif') center right no-repeat; 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:#D40028; 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 a { color: #515151; text-decoration: none; font-weight: bold; background:url('../img/bt_pfeile-rot-reverse.gif') center right no-repeat; padding-right: 18px; } */ #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-text p { background:url('../img/img_farbtyptest-background.jpg') top repeat-x; } #cnt .cnt_type-test-text p strong { color:#aaa; clear:both; display:block; margin-bottom:5px; } #cnt .cnt-forms-newsletter { border:1px solid #A7080A; background:#EDEDED; } /************************************************************ * product ************************************************************/ #cnt .sr01 { height:260px; margin-left:10px; margin-right:13px; border:0;} #cnt .sr02 { border:0; width:312px; height:464px; margin: 3px 6px 0 6px; float:left; position:relative; overflow: hidden; }/*1 Pixel schmaler in der Breite fuer den IE6 Fehler*/ #cnt .sr02.redback { background-color: #D40028; } #cnt .sr01 .product-image { width:139px; height:186px; overflow: hidden; } #cnt .sr01 .product-image .stoerer-reduziert { background: #D40028 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: #D40028 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: #D40028 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 { font-size: 11px; 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 .sr02.redback .product-more a { color: #fff; background:url('../img/bt_pfeile-weiss-auf-rot.gif') center right no-repeat; } #cnt .sr02.redback .product-more a:hover { color: #ddd; text-align: left; } #cnt .sr02 .product-info { font-size: 11px; 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 { font-size: 11px; color: #fff;} #cnt .sr02 .product-info a { font-size: 11px; text-decoration:none; font-weight:bold; } #cnt .sr02.redback .product-info a:hover { color: #ddd; text-decoration:none; } #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: #D40028; } #cnt .product-link { padding: 0; margin: 0; width: auto; } /* #cnt .product-more { padding: 0; text-align: right; overflow:visible; } #cnt .product-more .text { font-size:11px; float:left; padding: 0 0 0 2px; text-align: left; overflow:visible; } */ #cnt .product-info { padding: 0; } #cnt .product-info a, #cnt .product-info a:active { float:right; font-weight: bold; font-size: 11px; color: #515151; text-decoration: none; padding-right: 15px; background:url('../img/bt_pfeile-rot.gif') center right no-repeat;} #cnt .product-info a:focus, #cnt .product-info a:hover { color: #A5A5A5; text-decoration: none; } #cnt .cnt_main-right-detail h3 { color: #D40028; } #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; background:url('../img/bt_pfeile-rot.gif') center right no-repeat; 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; } /************************************************************ * stores ************************************************************/ #cnt .filialen-hdr li { background:url('../img/cnt_filialen-hdr-bg1.gif') repeat-x; } #cnt .filialen-hdr li a { float:left; font-size:10px; } #cnt .filialen-hdr li a:link, #cnt .filialen-hdr li a:visited, #cnt .filialen-hdr li a:active { color:#666; text-decoration:none; } #cnt .filialen-hdr li a:focus, #cnt .filialen-hdr li a:hover { color:#aaa; text-decoration:underline; } #cnt .filialen-hdr li.active a:link, #cnt .filialen-hdr li.active a:visited, #cnt .filialen-hdr li.active a:active, #cnt .filialen-hdr li.active a:focus, #cnt .filialen-hdr li.active a:hover { color:#aaa; text-decoration:none; } #cnt .cnt_main .filialen-hdr li img { float:left; } #cnt .filialen-finder { background:url('../img/cnt_filialen-middle.gif') repeat-y; } #cnt .fillialen-aktionen .stoerer { background:url('../img/cnt_filialen-stoerer-1.png') no-repeat; } #cnt table.filialen { background:#FFFFFF; border:1px #EDEDED solid; } #cnt table.filialen td { border:1px #EDEDED solid; } #cnt table.preisland td { background:url('../img/cnt_filialen-tbl-bg3.gif') top repeat-x; } #cnt table.preisland td img { border:5px solid #fff; margin:5px 0; } #cnt table.preisland td .preisland-thema { background:#E2001A; color:#FAF036; } #cnt ul.months li { color:#71CEF6; font-weight:bold; } #storesmap { margin-top:30px; width:612px; height:500px; } #storemap { margin:10px; width:612px; height:400px; } /************************************************************ * footer ************************************************************/ #ftr { clear:none; float:right; width:825px; margin: 10px 8px 0 6px; padding:0 0 0 0; text-align:center;} #ftr a { font-weight:normal; } #ftr ul { margin:5px 0 0 0; padding: 0 0 8px 0; text-align:center; } #ftr ul li { display:inline; padding:0 5px 0 5px; } #ftr p { margin-bottom: 8px; } #ftr .line-top { text-align:center; margin: 0 0 10px 0; padding:0; border-top:1px #D40028 solid; border-bottom: none; border-left: none; border-right: none; height: 1px;} #ftr .top-top a { font-weight:bold; } #ftr-main { width: 640px; text-align: center; overflow: visible;} #ftr-newsletter { width: 170px; float:right; padding: 0 10px 0 0; text-align: left; } #ftr, #ftr p { color:#87888A; } #ftr li { color:#87888A; } #ftr .top-top a { color: #87888A; } #ftr .flag_1 { padding-left: 30px; background: url('../img/flage_oesterreich.gif') no-repeat; margin: 5px; } #ftr .flag_2 { padding-left: 30px; background: url('../img/flage_schweiz.gif') no-repeat; margin: 5px; } #ftr-newsletter h3 { color: #87888A; } #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: 11px; 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: 11px; 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: 11px; 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: 11px; 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: 11px; 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: 11px; 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: 11px; 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: 11px; 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: 0 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; } #mrg #menu-beratung { width: 190px; height: 228px; background-image : url('../img/beratung_menu.png'); background-position: top left; background-repeat:no-repeat; overflow: hidden; } #mrg #menu-beratung ul { text-align: right; padding-right: 23px;} #mrg #menu-beratung li { font-size: 0; height: 17px; margin-top: 13px; } #mrg #menu-beratung li a span { padding-right: 16px; background-image : url('../img/bt_pfeile-rot.gif'); background-position: right center; background-repeat:no-repeat; } #mrg #menu-beratung li a { font-size: 11px; font-weight: bold; color: #515151; text-decoration: none; } #mrg #menu-beratung li a:hover { color: #A5A5A5; text-decoration: none; } #mrg #menu-beratung .aktiv { } #mrg #menu-beratung .aktiv a span { background-image : url('../img/bt_pfeile-rot.gif'); background-position: left center; background-repeat:no-repeat; padding-left: 18px; padding-right: 0; color: #D4002B; font-weight: bold; } #mrg #menu-beratung .aktiv a span:hover { color: #FF6E8D; font-weight: bold; } /* #mrg .mrg-teaser-help { background:url('../img/mrg_background-help.jpg') no-repeat; } #mrg .mrg-teaser-help-bp { background:url('../img/mrg_background-help.jpg') no-repeat; } #mrg .mrg-teaser-catalog { background:#fff url('../img/mrg_background-catalog.jpg') top no-repeat; } */ /************************************************************ * lottery ************************************************************/ #cnt .lottery_headline { color: #a60608; } /************************************************************ * FactFinder Search Engine ************************************************************/ div.suggestLayer { position: absolute; top: 82px; left: 173px; width: 1px; height: 1px; display: none; padding: 0; margin: 0; z-index: 1000; background-color: white; background: transparent; /* 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 { 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: #d40028; 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: #d40028; background-color: #ddd; } tr.suggestHighlight span.suggestTextQueryTyped{ color: #d40028; } td.suggestImage{ height: 40px; } td.suggestImage img{ height: 40px; } /************************************************************ * wittweiden common styles defined by new media ************************************************************/ #cnt div.HeaderReiterNavigation { width:621px; height:22px; } #cnt .HeaderReiterNavigation li { float:left; height:22px; background: url('../../images/content/ww/service/cnt-hdr-bg1.gif') repeat-x; font-size: 11px; } #cnt .HeaderReiterNavigation li a { padding:5px 0 0 6px; float:left; font-size:10px; } #cnt .HeaderReiterNavigation li img { float:left; } #cnt .HeaderReiterNavigation li a:link, #cnt .HeaderReiterNavigation li a:visited, #cnt .HeaderReiterNavigation li a:active { color:#666; text-decoration:none; } #cnt .HeaderReiterNavigation li a:focus, #cnt .HeaderReiterNavigation li a:hover { color:#aaa; text-decoration:underline; } #cnt .HeaderReiterNavigation li.active a:link, #cnt .HeaderReiterNavigation li.active a:visited, #cnt .HeaderReiterNavigation li.active a:active, #cnt .HeaderReiterNavigation li.active a:focus, #cnt .HeaderReiterNavigation li.active a:hover { color:#aaa; text-decoration:none; } #to-basket-image { padding-top:2px; float: left !important; }