/* --------------------------------------------------------------------------------- */ /* Beginn frei definierter Styles */ body, textarea { scrollbar-base-color:#D6D8DA; scrollbar-3dlight-color:#FFFFFF; scrollbar-arrow-color:#D6D8DA; scrollbar-darkshadow-color:#000000; scrollbar-face-color:#CC0000; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#000000; scrollbar-track-color:#D6D8DA; font-family:Arial,Helvetica,sans-serif; font-size:12px; } textarea { width: 99%; height: 150px; border: 1px solid #949494; background-color: #f1f3f5; padding: 3px; } a.ohne:link {font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; text-decoration:none; color:#000000;} a.ohne:visited {font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; text-decoration:none; color:#000000;} a.ohne:active {font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; text-decoration:none; color:#000000;} a.ohne:hover {font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; text-decoration:underline; color:#aa0000;} a:link {font-family:Arial,Helvetica,sans-serif; text-decoration:underline; color:#000000;} a:visited {font-family:Arial,Helvetica,sans-serif; text-decoration:underline; color:#000000;} a:active {font-family:Arial,Helvetica,sans-serif; text-decoration:underline; color:#000000;} a:hover {font-family:Arial,Helvetica,sans-serif; text-decoration:none; color:#aa0000;} img {border: none;} strong {font-weight: bold;} .text_klein {font-family:Arial,Helvetica,sans-serif; font-size:10px;} .text_klein_grey {font-family:Arial,Helvetica,sans-serif; font-size:10px; font-weight:bold; color:#999999;} .text {font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:normal; color:#000000;} .text_marked {font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; color:#000000;} .text_marked_red {font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; color:#AA0000;} .text_marked_green {font-size: 14px; color: green;font-weight: bold;} .text_headline {font-family:Arial,Helvetica,sans-serif; font-size:16px; font-weight:bold; color:#000000;} .text2 {font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:normal; color:#000000;} .text_marked2 {font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; color:#000000;} .text_marked3 {font-family:Arial,Helvetica,sans-serif; font-size:14px; font-weight:bold; color:#000000;} .text_marked3_1_red {font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; color:#C7051C;} .text_marked3_red {font-family:Arial,Helvetica,sans-serif; font-size:14px; font-weight:bold; color:#AA0000;} .text_marked4_red {font-size:12px; font-weight:normal; color:#AA0000;} .text_marked2_grey {font-family:Arial,Helvetica,sans-serif; font-size:15px; font-weight:bold; color:#999999;} .text_marked2_red {font-family:Arial,Helvetica,sans-serif; font-size:16px; font-weight:bold; color:#d2232a; padding-bottom: 20px;} .text_price_red {font-family:Arial,Helvetica,sans-serif; font-size:16px; font-weight:bold; color:#C7051C;} .text_orgprice {font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:normal; color:#000000; text-decoration: line-through;} .text_vp {font-family:Arial,Helvetica,sans-serif; font-size:10px; font-weight:normal; color:#000000;} .text_explain {font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; color:#006600;} .text_notify {font-family:Arial,Helvetica,sans-serif; font-size:14px; font-weight:bold; color:#AA0000;} .inputfield, .input_voucher {font-family:Arial,Helvetica,sans-serif; font-size:12px; height: 22px; border: 1px solid #000000; padding-left: 5px;} /* Styles für neue CSS Buttons mit Pfeil*/ .button_gray { font-family:Arial,Helvetica,sans-serif; font-size: 12px; padding: 5px 5px 4px 5px; font-weight: bold; color: #000; display: block; width: 170px; text-align: right; background: url(images/pfeil_btn_gray.gif) 5px center no-repeat #d6d8da; border: none; cursor: pointer; } .button_red { font-family:Arial,Helvetica,sans-serif; font-size: 12px; padding: 5px 5px 4px 5px; font-weight: bold; color: #fff; display: block; width: 170px; text-align: left; background: url(images/pfeil_btn_red.gif) 152px center no-repeat #d2232a; border: none; cursor: pointer; } a.button_gray:link, a.button_gray:visited, a.button_gray:active, a.button_gray:hover { font-family:Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: none; padding: 5px; font-weight: bold; color: #000; display: block; width: 160px; text-align: right; background: url(images/pfeil_btn_gray.gif) 4px center no-repeat #d6d8da; } a.button_red:link, a.button_red:visited, a.button_red:active, a.button_red:hover { font-family:Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: none; padding: 5px; font-weight: bold; color: #fff; display: block; width: 160px; text-align: left; background: url(images/pfeil_btn_red.gif) 152px center no-repeat #d2232a; } /* Styles für neue CSS Buttons ohne Pfeil */ .button_2_red { font-family:Arial,Helvetica,sans-serif; font-size: 12px; padding: 5px 5px 4px 5px; font-weight: bold; color: #fff; display: block; width: 170px; text-align: center; background: #d2232a; border: none; cursor: pointer; } a.button_2_red:link, a.button_2_red:visited, a.button_2_red:active, a.button_2_red:hover { text-decoration: none; padding: 5px; background: #d2232a; font-weight: bold; color: #fff; display: block; width: 160px; text-align: center; } .button_2_gray { font-family:Arial,Helvetica,sans-serif; font-size: 12px; padding: 5px 5px 4px 5px; font-weight: bold; color: #000; display: block; width: 170px; text-align: center; background: #d6d8da; border: none; cursor: pointer; } a.button_2_gray:link, a.button_2_gray:visited, a.button_2_gray:active, a.button_2_gray:hover { text-decoration: none; padding: 5px; background: #d6d8da; font-weight: bold; color: #000; display: block; width: 160px; text-align: center; } /* Hilfe Button -> Link zum PLZ- bzw BLZ-Assistent */ #plz_hilfe_btn { background: none; border: none; text-decoration: underline; color: #d2232a; font-weight: bold; font-size: 12px; margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif; cursor:pointer; } /* ####### Styles in Versandkosten PopUp ####### */ p.text_ueberschrift {color: #CC0000;font-weight: normal;font-size: 25px;} /* ####### Styles auf Produkteinzelansicht ####### */ .table_variationen {background-color: #efeff0; margin-bottom: 2px;} .table_variationen td {padding: 10px 4px 10px 4px;} .table_productdetails { background-color: #efeff0; margin-bottom: 2px; width: 100%; } .table_productdetails td { padding: 5px 4px 5px 4px; border-bottom: 2px solid #ffffff; } .table_productdetails td.td2 { padding: 0px 90px 0px 0px; font-size: 12px; text-align: right; width: 150px; } .table_productdetails .inputfield { height: 17px; } p.bestellnummer { margin: 5px 0px 5px 0px; padding: 0px; font-size: 11px; font-weight: bold; } p.versandkostenhinweis { text-align: right; font-size: 10px; margin: 3px 0px 0px 0px; padding: 0px; } p.versandkostenhinweis a, p.versandkostenhinweis a:link, p.versandkostenhinweis a:visited, p.versandkostenhinweis a:active { color: #000000; } /* #################################### Styles Relaunch Anfang ################################## */ body {background: url(images/bg_body.jpg) top center #efefef; margin:0px; padding:0px; font-family:Arial,Helvetica,sans-serif; font-size:12px;} .text_12px_rot {font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#d1002d;} a.link_blank:link {text-decoration:none; color:#3e3d40;} a.link_blank:visited {text-decoration:none; color:#3e3d40;} a.link_blank:active {text-decoration:none; color:#3e3d40;} a.link_blank:selected {text-decoration:none; color:#3e3d40;} a.link_blank:hover {text-decoration:none; color:#d61734;} input.link_text {border:none; color:#000; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; cursor:pointer;} .box_notify {border-top: 1px solid #AA0000; border-bottom: 1px solid #AA0000; padding:15px 0px 15px 10px; margin:10px 0px 0px 0px; font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#AA0000;} .box_notify_green {border-top: 1px solid #009933; border-bottom: 1px solid #009933; padding:15px 0px 15px 10px; margin:10px 0px 0px 0px; font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#000;} #wrapper {width: 990px; margin:0 auto;} .clear {float:none; clear:both;} .float_left {float:left;} .float_right {float:right;} .column_middle_start {width:550px;} .category_descr {font-size:14px; color:#707173; padding:0px 0px 0px 30px; margin:0px 0px 5px 0px;} .category_longdescr {width:745px; padding:0px 0px 0px 30px;} .category_longdescr p {float:left; width:342px; text-align:justify; line-height: 18px; font-size:12px; padding: 0px 30px 0px 0px;} .category_box {float:left; width:253px; height:156px; margin:0px 8px 8px 0px; padding:8px 0px 0px 0px; color:#3e3d40; background:url(images/bg_category_box.gif) no-repeat; position:relative;} .category_box_img {float:left; width:75px; padding:23px 7px 0px 0px; overflow:hidden;} .category_box a img {width:75px;} .category_box_info {float:left; width:168px; padding:0px 3px 0px 0px; text-align:left;} .category_box_info a, .category_box_info a:link, .category_box_info a:visited, .category_box_info a:active {text-decoration:none; font-weight:bold; color:#3e3d40; padding:3px 0px 5px 2px; display:block;} .category_box_info .price_format_variantions_orgprice {font-size:12px; color:#3e3d40; font-weight:normal; text-decoration:line-through; padding:5px 5px 0px 0px;} /* Mouseoverfunktion auf Kategorieebene */ /* Mouseoverfunktion auf Kategorieebene mit eingeblendetem DIV */ .category_box .category_box_mouseover_1, .category_box .category_box_mouseover_2, .category_box .category_box_mouseover_3, .category_box .category_box_mouseover_4, .category_box .category_box_mouseover_5, .category_box .category_box_mouseover_6, .category_box .category_box_mouseover_7, .category_box .category_box_mouseover_8, .category_box .category_box_mouseover_9, .category_box .category_box_mouseover_10, .category_box .category_box_mouseover_11, .category_box .category_box_mouseover_12, .category_box .category_box_mouseover_13, .category_box .category_box_mouseover_14, .category_box .category_box_mouseover_15, .category_box .category_box_mouseover_16, .category_box .category_box_mouseover_17, .category_box .category_box_mouseover_18, .category_box .category_box_mouseover_19, .category_box .category_box_mouseover_20 {width:1px !important; height:1px !important; overflow:hidden;} .category_box:hover .category_box_mouseover_1, .category_box:hover .category_box_mouseover_2, .category_box:hover .category_box_mouseover_3, .category_box:hover .category_box_mouseover_4, .category_box:hover .category_box_mouseover_5, .category_box:hover .category_box_mouseover_6, .category_box:hover .category_box_mouseover_7, .category_box:hover .category_box_mouseover_8, .category_box:hover .category_box_mouseover_9, .category_box:hover .category_box_mouseover_10, .category_box:hover .category_box_mouseover_11, .category_box:hover .category_box_mouseover_12, .category_box:hover .category_box_mouseover_13, .category_box:hover .category_box_mouseover_14, .category_box:hover .category_box_mouseover_15, .category_box:hover .category_box_mouseover_16, .category_box:hover .category_box_mouseover_17, .category_box:hover .category_box_mouseover_18, .category_box:hover .category_box_mouseover_19, .category_box:hover .category_box_mouseover_20 {width:auto !important; height:auto !important; overflow:auto !important;} /* Allgemeine Styles für die Mouseoveransicht */ .category_box_mouseover_1, .category_box_mouseover_4, .category_box_mouseover_7, .category_box_mouseover_10, .category_box_mouseover_13, .category_box_mouseover_16, .category_box_mouseover_19 {position:absolute; width:631px; bottom:156px; z-index:99;} .category_box_mouseover_2, .category_box_mouseover_5, .category_box_mouseover_8, .category_box_mouseover_11, .category_box_mouseover_14, .category_box_mouseover_17, .category_box_mouseover_20 {position:absolute; width:631px; bottom:156px; left:-200px; z-index:99;} .category_box_mouseover_3, .category_box_mouseover_6, .category_box_mouseover_9, .category_box_mouseover_12, .category_box_mouseover_15, .category_box_mouseover_18, .category_box_mouseover_21 {position:absolute; width:631px; bottom:156px; right:0px; z-index:99;} .category_box_mouseover_top {width:631px; height:6px; background:url(images/bg_category_box_mouseover_top.png) no-repeat;} .category_box_mouseover_content {width:593px; padding: 14px 18px 15px 20px; background:url(images/bg_category_box_mouseover_content.png) repeat-y; text-align:left; display:block;} .category_box_mouseover_content_image {float:left; width:160px; padding: 6px 8px 0px 0px;} .category_box_mouseover_content_image img {width:160px;} .category_box_mouseover_content_info {float:left; width:420px;} .category_box_mouseover_content_info img {width:auto;} .category_box_mouseover_content_prname {float:left; width: 320px; font-weight:bold; margin:6px 0px 4px 0px; padding:0px;} .category_box_mouseover_content_rating {float:right; width: 80px; margin:0px; padding:0px;} .category_box_mouseover_content_descr {max-height: 155px; overflow:hidden;} .category_box_mouseover_content_variations_headline{color:#3e3d40; font-weight:bold; margin:0px 0px 9px 0px; padding:0px;} .category_box_mouseover_content_variations td{padding: 9px 0px 7px 0px; border-bottom: 1px dotted #d9d9d9; color:#3e3d40;} .category_box_mouseover_bottom {width:631px; height:5px; background:url(images/bg_category_box_mouseover_bottom.png) no-repeat;} .price_format_part1 {float:left; font-size:30px; font-weight:bold; margin:0px 4px 0px 0px; padding:0px;} .price_format_part2 {float:left; font-size:14px; font-weight:bold; margin:4px 4px 0px 0px; padding:0px;} .price_format_currency {float:left; font-size:30px; font-weight:bold; margin:0px 2px 0px 0px; padding:0px;} .price_format_star {float:left; font-size:24px; font-weight:bold; margin:0px; padding:0px;} .price_grundpreis {font-size:10px; clear:both; float:none;} .price_format_variantions_price {font-size:12px; color:#3e3d40; font-weight:bold;} .price_format_variantions_price_red {font-size:12px; color:#d61734; font-weight:bold;} .price_format_variantions_orgprice {font-size:12px; color:#3e3d40; font-weight:normal; text-decoration:line-through; padding:0px 5px 0px 0px;} /* Styles für Reorder */ .reorder_box {height:150px; margin:0px 0px 8px 0px; padding:8px 0px 0px 0px; color:#3e3d40; position:relative; border-bottom:1px solid #ededed;} .reorder_box a img {float:left; width:75px; padding:23px 0px 0px 0px; margin:0px 7px 0px 0px; overflow:hidden;} .reorder_box_info {float:left; width:688px; padding:0px 3px 0px 0px; text-align:left;} .reorder_box_info a, .reorder_box_info a:link, .reorder_box_info a:visited, .reorder_box_info a:active {float:left; text-decoration:none; font-weight:bold; color:#3e3d40; padding:3px 0px 10px 2px; display:block;} .reorder_box_info_order {float:right; width:220px; margin:0px; padding:0px 0px 10px 0px;} .reorder_box_info table {width:70%;} .reorder_box_info .price_format_variantions_orgprice {font-size:12px; color:#3e3d40; font-weight:normal; text-decoration:line-through; padding:5px 5px 0px 0px;} .reorder_var_td_1 {width: 40px;} /* Styles für SavedBasket Übersicht */ .savedbasket_box {float:left; width:253px; height:156px; margin:0px 5px 8px 0px; padding:8px 0px 0px 0px; color:#3e3d40; background:url(images/bg_category_box.gif) no-repeat right; position:relative;} .savedbasket_box_image {float:left; width:75px; padding:0px 7px 0px 0px;} .savedbasket_box_info {float:left; width:165px; padding:0px 3px 0px 0px; text-align:left;} .savedbasket_box_info p {font-weight:bold; height:27px; margin:0px 0px 16px 0px;} .savedbasket_box_info a, .savedbasket_box_info a:link, .savedbasket_box_info a:visited, .savedbasket_box_info a:active {float:left; text-decoration:none; color:#3e3d40; padding:3px 0px 0px 2px; display:block;} .savedbasket_box_info a img {float:left; margin:0px 10px 0px 0px;} .column_left_start {width:198px; text-align:left;} .banner_katalog {width:182px; height:217px; margin:0px 0px 16px 0px; padding:14px 0px 0px 16px; background:url(images/banner_katalog.jpg) no-repeat; color:#d61734; font-size:12px; font-weight:bold;} .banner_katalog a {color:#d61734; font-size:12px; font-weight:bold; text-decoration:none;} .banner_freunde_werben {width:182px; height:56px; margin:0px 0px 16px 0px; padding:92px 0px 0px 16px; background:url(images/banner_freunde_werben.jpg) no-repeat; color:#fff; font-size:12px;} .banner_freunde_werben a {text-decoration:underline; color:#fff; font-weight:bold; font-size:12px;} #header {width:990px; height:148px; margin: 0px 0px 30px 0px;} .header_logo {padding:18px 0px 0px 0px; float:left} .header_global_navigation {width: 500px; padding:10px 0px 0px 124px; float:left; color:#3e3d40;} .header_global_navigation a {float:left; padding: 0px 6px 0px 0px; text-decoration:none; color:#3e3d40;} .header_global_navigation a.abstand {float:left; padding: 10px 15px 0px 0px; text-decoration:none; color:#3e3d40;} .header_warenkorb_bestellschein {float:right; width:177px; height:75px; padding:11px 8px 10px 11px; margin: 0px 0px 25px 0px; border-right:1px solid #d61734; border-bottom:1px solid #d61734; border-left:1px solid #d61734; background:url(images/icon_basket.gif) 6px 11px no-repeat;} .header_warenkorb {padding: 0px 0px 8px 47px; background: url(images/arrow_red.gif) right top no-repeat;} .header_warenkorb_headline a {font-size:16px; font-weight:bold; color:#d61734; text-decoration:none;} .header_warenkorb a {text-decoration:none; color:#d61734;} .header_bestellschein {background: url(images/arrow_black.gif) right 15px no-repeat; border-top: 1px solid #e0e0e0; padding: 8px 0px 0px 0px;} .header_bestellschein th {color:#d61734; font-size:12px; vertical-align:top; padding:0px 21px 0px 0px;} .header_bestellschein td a {color:#3e3d40; font-size:12px; vertical-align:top; padding:0px 0px 0px 0px; text-decoration:none;} .header_main_navigation {float:left; width:772px; height:29px; overflow:hidden;} .header_quicksearch {float:right; width:196px; margin:0px; border:1px solid #d61734; padding:3px 0px 3px 0px;} .inputfield_search {float:left; border:none; width:133px; padding:1px 0px 0px 7px; font-size:12px; font-family:Arial, Helvetica, sans-serif;} .inputfield_search_button {float:right; padding:0px 3px 0px 0px; font-size:12px; font-weight:bold; color:#d61734; border:none; background:#fff; font-family:Arial, Helvetica, sans-serif; cursor:pointer;} .inputfield_search_button:hover {color:#3e3d40;} .quicklogin_box {font-size:12px; margin: 20px 0px 0px 0px; color:#3e3d40;} .quicklogin_box p a {font-size:12px; color:#3e3d40;} .quicklogin_box_links {margin-top:5px;} .quicklogin_box span {font-size:11px;} .quicklogin_box span a:link, .quicklogin_box span a:visited, .quicklogin_box span a:active {font-size:11px; color:#3e3d40; text-decoration:none;} .quicklogin_box span a:hover {font-size:11px; color:#D61734; text-decoration:underline;} .inputfield_username {width:176px; padding: 5px 0px 4px 6px; margin:0px 0px 6px 0px; border:1px solid #949494; font-size:12px; font-family:Arial, Helvetica, sans-serif;} .inputfield_username_text {width:176px; padding: 5px 0px 4px 6px; margin:0px 0px 6px 0px; border:1px solid #949494; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#9c9e9f;} .inputfield_password {width:113px; padding: 5px 0px 4px 6px; margin: 0px 5px 0px 0px; border:1px solid #949494; font-size:12px; font-family:Arial, Helvetica, sans-serif;} .inputfield_password_text {width:113px; padding: 5px 0px 4px 6px; margin: 0px 5px 0px 0px; border:1px solid #949494; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#9c9e9f;} .inputfield_password_button {border:none; padding: 5px 10px 4px 10px; background:#d61734; color:#fff; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; cursor: pointer;} .happyhour_box {height:275px; width: 174px; padding:0px 11px 0px 0px; margin: 30px 0px 0px 0px; background:#f0f0f0; color:#3e3d40; font-size:12px; position:relative;} img.happyhour_ecke {position:absolute; z-index:2; width:110px; height:92px; margin:0px; padding:0px;} .happyhour_box_img {width:174px; padding:25px 0px 0px 0px; text-align:right;} .happyhour_box_img a img {height:175px;} .happyhour_info {text-align:right;} .happyhour_price {color:#D61734; font-size:12px; font-weight:bold; margin:0px;} .happyhour_price span {font-size:18px;} .happyhour_box p.price_format_linethrought {color:#3e3d40; font-weight:normal; margin:0px; padding:0px 0px 5px 0px;} .happyhour_box p.price_format_linethrought span {text-decoration:line-through;} .jubilaeum_headline {color:#da9911; font-size:16px; font-weight:bold; margin:30px 0px 7px 0px;} .jubilaeum_box {height:265px; width: 174px; padding:0px 11px 0px 0px; margin: 0px; background:#fff; border:1px solid #e8e7e6; color:#3e3d40; font-size:12px; position:relative;} img.jubilaeum_ecke {position:absolute; z-index:2; width:110px; height:92px; margin:0px; padding:0px;} .jubilaeum_box_img {width:174px; padding:25px 0px 10px 0px; text-align:right;} .jubilaeum_box_img a img {height:175px;} .jubilaeum_info {text-align:right;} .jubilaeum_price {color:#da9911; font-size:12px; font-weight:bold; margin:0px; float:right;} .jubilaeum_price span {font-size:18px;} .jubilaeum_box p.price_format_linethrought {color:#3e3d40; font-weight:normal; margin:6px 10px 0px 0px; padding:0px 0px 5px 0px; float:right;} .jubilaeum_box p.price_format_linethrought span {text-decoration:line-through;} #footer {background:#e3e3e3; color:#3e3d40; padding:23px 21px 23px 21px; margin: 40px 0px 0px 0px;} .footer_logo {float:left; width:126px; height:205px; padding: 5px 48px 0px 0px;} .footer_informationen {float:left; width:766px;} .footer_adresse {float:left;} .footer_adresse td {font-size:12px; line-height:16px;} .footer_navigation_1 {float:left; width:153px; line-height:16px;} .footer_navigation_2 {float:left; width:153px; line-height:16px;} .footer_facebook_seite p, .footer_facebook_gefaellt_mir p {font-weight:bold; padding: 34px 0px 6px 0px; margin:0px;} .footer_zahlungsmoeglichkeiten p{font-weight:bold; padding: 6px 0px 6px 0px; margin:0px;} .footer_facebook_seite {float:left; width:189px;} .footer_facebook_gefaellt_mir {float:left; width:500px;} .footer_zahlungsmoeglichkeiten {float:left; width:290px;} .footer_biokontrolle {float:left; width:600px; margin: 35px 0px 0px 0px;} .footer_rechtliches {float:left; width:600px; margin: 35px 0px 0px 0px;} .footer_aktualisierung {float:right; margin: 35px 0px 0px 0px; text-align:left;} .product_menu {width:185px; overflow:hidden; margin: 0px 29px 0px 0px;} .product_menu_2 {width:185px; margin: 0px 29px 0px 0px;} .product_menu_2 .level1_li_1, .product_menu_2 .level1_li_2, .product_menu_2 .level1_li_3, .product_menu_2 .level1_li_4 {display:none;} .product_menu_2 .level2 {margin:0px; padding:0px 0px 10px 11px; list-style-type:none; font-size:12px;} .product_menu_2 .level2 li {margin:0px; padding:3px 0px 3px 0px;} .product_menu_2 .level2 a, .product_menu_2 .level2 a:link, .product_menu_2 .level2 a:visited, .product_menu_2 .level2 a:active {margin:0px; padding:0px 0px 0px 10px; background:url(images/submenu_level2_point.gif) 0px 3px no-repeat; text-decoration:none; color:#3e3d40; display:block;} .product_menu_2 .level2 a:hover {background:url(images/submenu_level2_point_active.gif) 0px 3px no-repeat; text-decoration:none; color:#D61734;} .product_menu_2 .level2 a.selected, .product_menu_2 .level2 a.opened {margin:0px; padding:5px 0px 3px 10px; background:none #e3e3e3; border-bottom:1px solid #fff; text-decoration:none; color:#D61734; font-weight:bold; display:block;} .product_menu_2 .level3 {margin:0px; padding:5px 0px 10px 10px; list-style-type:none; font-size:12px; text-decoration:none; background:#e3e3e3;} .product_menu_2 .level3 li {margin:0px; padding:3px 0px 3px 0px;} .product_menu_2 .level3 a, .product_menu_2 .level3 a:link, .product_menu_2 .level3 a:visited, .product_menu_2 .level3 a:active {margin:0px; padding:0px 0px 0px 10px; background:url(images/submenu_level2_point.gif) 0px 3px no-repeat; text-decoration:none; color:#3e3d40; display:block;} .product_menu_2 .level3 a:hover {background:url(images/submenu_level2_point_active.gif) 0px 3px no-repeat; text-decoration:none; color:#D61734;} .product_menu_2 .level3 a.selected, .product_menu_2 .level3 a.opened {margin:0px; padding:0px 0px 0px 10px; background:url(images/submenu_level2_point_active.gif) 0px 3px no-repeat; border:none; text-decoration:none; color:#D61734; display:block;} .subproduct_menu_box {margin:0px 0px 40px 0px; width:185px; overflow:hidden;} .subproduct_menu_box p {background: #aa0000; color:#fff; widows:175px; padding: 5px 0px 5px 10px; margin:0px 0px 20px 0px;} .subproduct_menu_box .level2 {margin:0px; padding:0px 0px 0px 11px; list-style-type:none; font-size:12px;} .subproduct_menu_box .level2 li {margin:0px; padding:3px 0px 3px 0px;} .subproduct_menu_box .level2 a, .subproduct_menu_box .level2 a:link, .subproduct_menu_box .level2 a:visited, .subproduct_menu_box .level2 a:active {margin:0px; padding:0px 0px 0px 10px; background:url(images/submenu_level2_point.gif) 0px 3px no-repeat; text-decoration:none; color:#3e3d40; display:block;} .subproduct_menu_box .level2 a:hover {background:url(images/submenu_level2_point_active.gif) 0px 3px no-repeat; text-decoration:none; color:#D61734;} .subproduct_menu_box .level2 a.selected, .subproduct_menu_box .level2 a.opened {margin:0px; padding:5px 0px 3px 10px; background:none #e3e3e3; border-bottom:1px solid #fff; text-decoration:none; color:#D61734; font-weight:bold; display:block;} .subproduct_menu_box .level3 {margin:0px; padding:5px 0px 10px 10px; list-style-type:none; font-size:12px; text-decoration:none; background:#e3e3e3;} .subproduct_menu_box .level3 li {margin:0px; padding:3px 0px 3px 0px;} .subproduct_menu_box .level3 a, .subproduct_menu_box .level3 a:link, .subproduct_menu_box .level3 a:visited, .subproduct_menu_box .level3 a:active {margin:0px; padding:0px 0px 0px 10px; background:url(images/submenu_level2_point.gif) 0px 3px no-repeat; text-decoration:none; color:#3e3d40; display:block;} .subproduct_menu_box .level3 a:hover {background:url(images/submenu_level2_point_active.gif) 0px 3px no-repeat; text-decoration:none; color:#D61734;} .subproduct_menu_box .level3 a.selected, .subproduct_menu_box .level3 a.opened {margin:0px; padding:0px 0px 0px 10px; background:url(images/submenu_level2_point_active.gif) 0px 3px no-repeat; border:none; text-decoration:none; color:#D61734; display:block;} .subproduct_menu_box .level4 {margin:0px; padding:5px 0px 10px 10px; list-style-type:none; font-size:12px; text-decoration:none; background:#e3e3e3;} .subproduct_menu_box .level4 li {margin:0px; padding:3px 0px 3px 0px;} .subproduct_menu_box .level4 a, .subproduct_menu_box .level4 a:link, .subproduct_menu_box .level4 a:visited, .subproduct_menu_box .level4 a:active {margin:0px; padding:0px 0px 0px 10px; background:url(images/submenu_level2_point.gif) 0px 3px no-repeat; text-decoration:none; color:#3e3d40; display:block;} .subproduct_menu_box .level4 a:hover {background:url(images/submenu_level2_point_active.gif) 0px 3px no-repeat; text-decoration:none; color:#D61734;} .subproduct_menu_box .level4 a.selected, .subproduct_menu_box .level4 a.opened {margin:0px; padding:0px 0px 0px 10px; background:url(images/submenu_level2_point_active.gif) 0px 3px no-repeat; border:none; text-decoration:none; color:#D61734; display:block;} .level1 {list-style-type:none; margin:0px; padding:0px;} .level1 li {margin:0px; padding:0px;} .header_main_navigation #cat_ul {float:left;} .header_main_navigation .level1 {list-style: none; margin: 0px; padding:0px;} .header_main_navigation .level1 li {float: left;} .header_main_navigation .level1 li a, .header_main_navigation .level1 li a:link, .header_main_navigation .level1 li a:visited, .header_main_navigation .level1 li a:active, .header_main_navigation .level1 li a:hover, .header_main_navigation .level1 li a.opened, .header_main_navigation .level1 li a.selected {margin:0px; padding:0px;} .header_main_navigation .level1 li a img {width:185px; overflow:hidden; margin:0px 5px 0px 0px; padding:0px;} .header_main_navigation .level1 li ul.level2 {display: none;} .header_main_navigation .level1 li:hover ul.level2 {display: block;} .header_main_navigation .level2 {width:185px; margin: 0px; padding: 8px 0px 9px 0px; border:none; position: absolute; z-index:99; list-style-type: none; background: #e3e3e3; color:#3e3d40;} .header_main_navigation .level2 li {float:none;} .header_main_navigation .level2 li a, .header_main_navigation .level2 li a:link, .header_main_navigation .level2 li a:visited, .header_main_navigation .level2 li a:active {display: block; color:#3e3d40; padding: 4px 0px 4px 10px; text-decoration: none; font-weight:normal; font-size:13px; background: none;} .header_main_navigation .level2 li a:hover, .header_main_navigation .level2 li a.opened, .header_main_navigation .level2 li a.selected {background: #D61734; padding: 4px 0px 4px 10px; font-size:13px; color: #fff;} .header_main_navigation .level3, .header_main_navigation .level4, .header_main_navigation .level5 {display:none;} /* Produktbewertung */ .prodrating_box {padding:10px;} .prodrating_table {border-top: 1px solid #d7d7d7; padding:10px 0px 0px 0px} .prodrating_table .border_left_grey {border-left:1px solid #d7d7d7;} .prodrating_table .border_bottom {border-bottom:1px solid #d7d7d7;} .prodrating_table .ws_prodrating_sort {font-size:11px;} .input_ok td, .input_err td {padding:0px 20px 10px 0px;} .input_ok td p, .input_err td p {padding:0px 0px 5px 0px; margin:0px; font-weight:bold;} .input_ok table td, .input_err table td {padding:0px; text-align:left;} .ws_prodrating_error_ul {margin:5px 0px 0px 13px; padding:0px;} /* Styles für die Suche */ .search_table {margin: 20px 0px 0px 0px;} .search_table select, .search_table .input_search {font-size:12px; padding:1px; font-family:Arial, Helvetica, sans-serif;} .search_table_td_top {padding: 0px 20px 8px 20px; border-right: 1px dotted #D61734; font-weight:bold;} .search_table_td_top_last {padding: 0px 0px 8px 20px; font-weight:bold;} .search_table_td_bottom {padding: 0px 20px 8px 20px; border-right: 1px dotted #D61734;} .search_table_td_bottom_last {padding: 0px 0px 8px 20px;} .search_result_txt {margin: 0px; font-size:12px; font-weight:bold; color:#D61734;} .select_top_cat_index {width:200px;} .input_search_price_from, .input_search_price_until {width:54px;} /* Styles für linke Navigation des Kundenkontos */ .navi_kundenkto { border: 1px solid #D6D8DA; border-top: 28px solid #727174; margin-bottom: 15px; padding: 5px 10px; } .navi_kundenkto { width: 174px; padding: 5px; } .navi_kundenkto a:link {text-decoration:none; padding-top: 4px; color:#3E3D40;} .navi_kundenkto a:visited {text-decoration:none; padding-top: 4px; color:#3E3D40;} .navi_kundenkto a:active {text-decoration:none; padding-top: 4px; color:#3E3D40;} .navi_kundenkto a:hover {text-decoration:none; padding-top: 4px; color:#d2232a;} .kundenkto_headline { font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; color:#fff; text-align:left; display: block; margin: -28px 0 25px 0; } /* Styles für Kundenkonto */ .user_account_box { float:left; width: 200px; margin: 30px 30px 0px 0px; height:75px; padding:15px; border:1px solid #e9e9e9; } .user_account_box_last { float:right; margin: 30px 0px 0px 0px; width: 200px; height:75px; padding:15px; border:1px solid #e9e9e9; } .user_account_box_image { float:left; width:45px; padding:0px 10px 0px 0px; } .user_account_box_image a{ text-decoration:none; } .user_account_box_info{ float:left; width:140px; } .user_account_box_info span{ font-weight:bold; } .user_account_box_info a{ text-decoration:none; } /* Styles für graue Boxen */ .box_gray_100 { width: 100%; margin-bottom: 20px; } .box_gray_50, .box_gray_50_logout { width: 49%; margin-bottom: 60px; height: 350px; } .box_gray_50_logout { height: 120px; } .box_gray_head { background: #727174; display: block; padding: 2px 10px; margin: 0; } .box_gray_head h1 { font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; color:#fff; text-align:left; width:650px; } .box_gray_50 .box_gray_head h1 { width:300px; } .box_gray_content { border: 1px solid #D6D8DA; padding: 10px; margin-bottom: 10px; height: 92%; } .box_gray_content .addr_text_input, .box_gray_content .addr_text_input_2, .box_gray_content .addr_text_input_3, .box_gray_content .addr_text_input_4 { width: 301px; border: 1px solid #949494; height: 22px; background-color: #f1f3f5; padding-left: 3px; } .box_gray_content .addr_text_input_2 { width: 623px; } .box_gray_content .select_country, .box_gray_content .select_title, .box_gray_content .select_salutation, .box_gray_content .select_a_salut, .box_gray_content .select_a_title, .box_gray_content .select_a_country { width: 306px; border: 1px solid #949494; padding: 3px 0; background-color: #f1f3f5; } .box_gray_content .select_country, .box_gray_content .select_a_country { width: 628px; } .box_gray_content .basket_tr_header td { color: #000; background-color: #fff; } .box_gray_head .order_change_btn { background: none repeat scroll 0 0 transparent; border: medium none; color: #FFFFFF; font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: underline; margin:7px 0px 0px 0px; width:50px; } .box_gray_content span { color: red; } /* Styles für Formulare */ .formular_fields { width: 628px; } .labels { float: left; width: 40%; } .labels p { height: 22px; text-align: top; } /* Styles für Mails */ body #mail_customer_order { background-image: none; background-color: #efefef; } #customer_mail { width: 775px; margin: 20px auto; } /* Styles für Bilder */ .bestellablauf_img { margin: 10px 0 30px 0; } #katalog_img { position: absolute; top: -70px; right: 250px; } /* #################################### Relaunch Ende #################################### */ /* Ende frei definierter Styles */ /* --------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------- */ /* Beginn WEBSALE-Styles (Klassennamen vorgegeben!) */ /* Anfang Produktmenü */ table.cat_table_opened {background-color:#FFFAE6; width:95%;} table.cat_table_closed {background-color:#FFFFFF; width:95%;} table.cat_table_opened td {padding:2px;} table.cat_table_closed td {padding:2px;} .cat_text_standard {font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold;} .cat_text_selected {font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; color:#FF9900;} table.cat_table_opened .cat_text_standard {font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; color:#002E55;} a.cat_link:link {font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; text-decoration:none; color:#777777;} a.cat_link:visited {font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; text-decoration:none; color:#777777;} a.cat_link:active {font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; text-decoration:none; color:#777777;} a.cat_link:hover {font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; text-decoration:underline; color:#002E55;} /* Ende Produktmenü */ /* Anfang Produktmenüpfad */ .cat_path {font-size:11px; font-weight:normal; color:#3e3d40; border-bottom: 1px dotted #3e3d40; padding:0px 0px 3px 0px; margin:0px 0px 10px 0px; } a.cat_path:link, a.cat_path:visited, a.cat_path:active {font-size:11px; font-weight:bold; color:#3e3d40; text-decoration:none; border:none;} a.cat_path:hover {text-decoration:underline; border:none;} /* Ende Produktmenüpfad */ /* Anfang Blättern von Listen/Produkten */ .paging_table {width:100%;} .paging_td1 {text-align:left; padding:3px;} .paging_td2 {width:90%; text-align:center; padding:3px;} .paging_td3 {text-align:right; padding:3px;} .paging_text {font-family:Arial,Helvetica,sans-serif; font-size:12px;} .paging_text_selected {font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; color:#d1002e;} a.paging_link:link {font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:normal; text-decoration:none; color:#3e3d40;} a.paging_link:visited {font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:normal; text-decoration:none; color:#3e3d40;} a.paging_link:active {font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:normal; text-decoration:none; color:#3e3d40;} a.paging_link:hover {font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; text-decoration:none; color:#d1002e;} /* Ende Blättern von Listen/Produkten */ .direct_order_var_td_1 {font-size:11px;} .direct_order_var_td_2 {font-size:11px;} /* Anfang "Tabelle Artikel in mehreren Spalten" */ table.product_list_table {width:100%;} table.product_list_table td {text-align:center; vertical-align:top;} table.cat_adv_nav_table {width:100%;} table.cat_adv_nav_table td {text-align:center; vertical-align:top;} /* Ende "Tabelle Artikel in mehreren Spalten" */ /* Anfang "Tabelle für Variationen - abhängige und nicht abhängige" (nur bei Platzierung im Template durch ~PR-Variations~ bzw. ~PR-DepVariations~) */ .pr_var_table {margin-top:6px; margin-bottom:1px; width:100%; border:1px dotted #C70017;} .pr_depvar_table {margin-top:6px; margin-bottom:1px; width:100%; border:1px dotted #C70017;} table.pr_var_table td {font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; color:#000000; padding:3px;} table.pr_depvar_table td {font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; color:#000000; padding:3px;} .select_variations {font-family:Arial,Helvetica,sans-serif; font-size:12px;} .select_dep_variations {font-family:Arial,Helvetica,sans-serif; font-size:12px;} /* Ende "Tabelle für Variationen - abhängige und nicht abhängige" */ /* Anfang "Tabelle für Textfelder" */ .pr_text_input_field_table {border:1px dotted #cccccc; margin-top:6px; margin-bottom:1px; width:100%; background-color:#FFFAE6;} table.pr_text_input_field_table td {font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; color:#002E55; padding:2px;} /* Ende "Tabelle für Textfelder" */ /* Anfang "Staffelpreisfeld" */ .select_bulk_discount {font-family:Arial,Helvetica,sans-serif; font-size:11px; width:100%; background-color:#f9f9f9; margin-bottom:1px;} /* Ende "Staffelpreisfeld" */ /* Anfang Warenkorbtabelle */ .basket_table {width:100%; border:1px solid #d6d8da;} .basket_tr_header {} .basket_tr_header td {background:#727174; padding:5px 10px; width: 25%; color:#fff; font-weight:bold;} .place_order_tr_header, .basket_tr_header td + td + td {width: 25%;} .place_order_tr_header td + td {text-align: right;} .basket_tr_1 {} .basket_tr_1 td {padding:15px 10px; font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:normal; border-top:1px solid #d6d8da; vertical-align: top;} .basket_tr_1 td + td + td, .basket_tr_2 td + td + td {width:70%;} .basket_tr_2 {} .basket_tr_2 td {padding:15px 10px; font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:normal; border-top:1px solid #d6d8da; vertical-align: top;} .basket_var_table {width:100%; font-size:11px; font-weight:normal;} .basket_var_table td {border:none; padding:0px; margin:0px;} .basket_tr_footer {} .basket_tr_footer td {padding:4px 10px; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; border-top:3px solid #d6d8da; text-align: left; color: #555;} .basket_tr_footer td + td {text-align: right;} .basket_text_product_name {font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; color:#C70017;} .basket_text_total_sum {font-family:Arial,Helvetica,sans-serif; font-size:13px; font-weight:bold; color:#C7081E;} .basket_voucher_table {width:95%;} .basket_tr_reservation_1 {} .basket_tr_reservation_1 td {font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; color:#AA0000; padding:3px;} .basket_tr_reservation_2 {} .basket_tr_reservation_2 td {font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; color:#AA0000; padding:3px;} /* Ende Warenkorbtabelle */ /* Styles für speicherbare Warenkörbe */ .savedbasket {border: 1px solid #D6D8DA;} .savedbasket_header {padding:4px 10px; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; background-color:#727174; color:#fff;} .savedbasket_content {padding:10px 10px; border-top: 1px solid #D6D8DA; vertical-align:top; font-size:11px;} .savedbasket_content img {max-height:75px;} .savedbasket_content input[type="text"] {border:1px solid #949494; font-size:11px; text-align:right; padding:3px 3px;} .savedbasket_var_table td {border: none; padding: 0;} .savedbasket_var_table .savedbasket_var_td_1 {width: 1%;} /* Ende Styles für speicherbare Warenkörbe */ /* Anfang Listenfeld für Währungsauswahl */ .select_currency {font-family:Arial,Helvetica,sans-serif; font-size:11px;} /* Ende Listenfeld für Währungsauswahl */ /* Anfang Adressfelder für Rechnungs- und Lieferadresse */ .addr_table {} .addr_tr_1 {} .addr_tr_2 {} .addr_text_input, .basket_name {font-family:Arial,Helvetica,sans-serif; font-size:12px;width:200px;} .addr_text_input_2 {font-family:Arial,Helvetica,sans-serif; font-size:12px;width:420px;} .addr_td_1 {font-family:Arial,Helvetica,sans-serif; font-size:12px;padding:3px;} .addr_td_2 {font-family:Arial,Helvetica,sans-serif; font-size:12px;padding:3px;} .addr_td_3 {font-family:Arial,Helvetica,sans-serif; font-size:12px;padding:3px;} .addr_td_3 input {vertical-align: bottom;} .select_title {font-family:Arial,Helvetica,sans-serif; font-size:12px;width:200px;} .select_date_of_birth {font-family:Arial,Helvetica,sans-serif; font-size:12px;width:62px;} .select_country {font-family:Arial,Helvetica,sans-serif; font-size:12px;width:200px;} .select_salutation {font-family:Arial,Helvetica,sans-serif; font-size:12px;width:250px;} .select_user_def_list {font-family:Arial,Helvetica,sans-serif; font-size:12px;width:200px;} .addr_error_table {width:100%;} .addr_error_table td {padding:2px;} .addr_error_ul {} .addr_error_li {font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#aa0000;} /* Ende Adressfelder für Rechnungs- und Lieferadresse */ /* Anfang "Tabelle für Auswahl der Zahlungsart" */ .payment_table {width:100%;} .payment_tr_1 {} .payment_tr_2 {} .payment_td_1 {font-family:Arial,Helvetica,sans-serif; font-size:12px; padding:4px;} .payment_td_2 {padding:4px; vertical-align:middle;} .payment_td_3 {font-family:Arial,Helvetica,sans-serif; font-size:12px; padding:4px; font-weight:normal;} .payment_name {font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; color: #000 !important;} .payment_name_suffix {font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:normal; color: #000 !important;} /* Anfang "Tabelle für Auswahl der Zahlungsart" */ /* Anfang "Tabelle für Auswahl der Zustellung" */ .delivery_table {width:100%;} .delivery_tr_1 {} .delivery_tr_2 {} .delivery_td_1 {font-family:Arial,Helvetica,sans-serif; font-size:12px;padding:4px; width: 1%;} .delivery_td_2 {font-family:Arial,Helvetica,sans-serif; font-size:12px;padding:4px;} .delivery_descr {font-family:Arial,Helvetica,sans-serif; font-size:12px;padding:4px;} .select_delivery {font-family:Arial,Helvetica,sans-serif; font-size:12px;} .delivery_name, .delivery_name_suffix {font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:normal; color: #000 !important;} /* Ende "Tabelle für Auswahl der Zustellung" */ /* Anfang "Eingabe der Kreditkartendaten" */ .ccard_table {width:95%; border:1px solid #C70017;} .ccard_tr_1 {} .ccard_tr_2 {} .ccard_td_1 {font-family:Arial,Helvetica,sans-serif; font-size:12px; padding:4px;} .ccard_td_2 {font-family:Arial,Helvetica,sans-serif; font-size:12px; padding:4px;} .ccard_td_3 {font-family:Arial,Helvetica,sans-serif; font-size:12px; padding:4px;} .ccard_text_input_holder {font-family:Arial,Helvetica,sans-serif; font-size:12px; width:201px;} .ccard_text_input_number {font-family:Arial,Helvetica,sans-serif; font-size:12px; width:48px;} .ccard_text_input_cvcode {font-family:Arial,Helvetica,sans-serif; font-size:12px; width:99px;} .select_ccard {font-family:Arial,Helvetica,sans-serif; font-size:12px; width:200px;} .select_ccard_validity {font-family:Arial,Helvetica,sans-serif; font-size:12px; width:99px;} .ccard_error_table {width:95%;} .ccard_error_table td {padding:4px;} .ccard_error_ul {} .ccard_error_li {font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#aa0000;} /* Ende "Eingabe der Kreditkartendaten" */ /* Anfang "Eingabe der Bankverbindung" */ .debit_table {width:95%; border:1px solid #C70017;} .debit_tr_1 {} .debit_tr_2 {} .debit_td_1 {font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; padding:4px;} .debit_td_2 {font-family:Arial,Helvetica,sans-serif; font-size:12px; padding:4px;} .debit_td_3 {font-family:Arial,Helvetica,sans-serif; font-size:12px; padding:4px;} .debit_text_input {font-family:Arial,Helvetica,sans-serif; font-size:12px; width:200px;} .debit_error_table {width:95%;} .debit_error_table td {padding:4px;} .debit_error_ul {} .debit_error_li {font-family:Arial,Helvetica,sans-serif; font-size:11px; color:#aa0000;} /* Ende "Eingabe der Bankverbindung" */ /* Anfang "Anzeige der Bankverbindung bei Vorauskasse" */ .bank_info_table {width:95%; border:1px solid #C70017;} .bank_info_table td {padding:4px;} .bank_info_text_header {font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; color:#C70017;} .bank_info_text {font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold;} /* Ende "Anzeige der Bankverbindung bei Vorauskasse" */ /* Anfang "Anzeige der Rechnungs- und Lieferadresse z.B. bei Bestellübersicht" */ .show_addr_table {width:100%;} .show_addr_tr_1 {} .show_addr_tr_2 {} .show_addr_td_1 {width:50%; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; padding:4px;} .show_addr_td_2 {width:50%; font-family:Arial,Helvetica,sans-serif; font-size:12px; padding:4px;} /* Ende "Anzeige der Rechnungs- und Lieferadresse z.B. bei Bestellübersicht" */ /*Anfang Gutscheineingabe*/ .input_voucher {width:250px;font-family:Arial,Helvetica,sans-serif; font-size:11px;} /*Ende Gutscheineingabe*/ /*HTML-Frey*/ .fliesstext {font-family:Arial,Helvetica,sans-serif; text-align:justify; line-height: 18px; font-size:12px;} .fliesstext_fett {font-family:Arial,Helvetica,sans-serif; text-align:justify; line-height: 18px; font-size:12px; font-weight:bold;} .fliesstext_grau {font-family:Arial,Helvetica,sans-serif; text-align:justify; line-height: 18px; font-size:12px; color:#999999;} .fliesstext_grau_fett {font-family:Arial,Helvetica,sans-serif; text-align:justify; line-height: 18px; font-size:12px; color:#999999; font-weight:bold;} .fliesstext_rot {font-family:Arial,Helvetica,sans-serif; text-align:justify; line-height: 18px; font-size:12px; color:#D60029;} .fliesstext_rot_fett {font-family:Arial,Helvetica,sans-serif; text-align:justify; line-height: 18px; font-size:12px; color:#D60029; font-weight:bold;} .fliesstext_rot_gross {font-family:Arial,Helvetica,sans-serif; text-align:justify; line-height: 20px; font-size:14px; color:#D60029;} .fliesstext_rot_gross_fett {font-family:Arial,Helvetica,sans-serif; text-align:justify; line-height: 20px; font-size:14px; color:#D60029; font-weight:bold;} .fliesstext_left {font-family:Arial,Helvetica,sans-serif; text-align:left; line-height: 18px; font-size:12px;} .fliesstext_left_fett {font-family:Arial,Helvetica,sans-serif; text-align:left; line-height: 18px; font-size:12px; font-weight:bold;} .fliesstext_center {font-family:Arial,Helvetica,sans-serif; text-align:center; line-height: 18px; font-size:12px;} .fliesstext_center_fett {font-family:Arial,Helvetica,sans-serif; text-align:center; line-height: 18px; font-size:12px; font-weight:bold;} .home_float_left {float:left; margin-top:10px; margin-bottom:10px} .home_float_right {float:right; margin-top:10px; margin-bottom:10px} .home_float_right_oben {float:right; margin-top:10px;} .home_float_right_unten {float:right; margin-bottom:10px;} /*Ende HTML-Frey*/ /* Ende WEBSALE-Styles (Klassennamen vorgegeben!) */ /* --------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------- */ /* ------------------------- JavaScript/jQuery Funktionen -------------------------- */ /* --------------------------------------------------------------------------------- */ /* Slider Produktbeschreibung */ .slider {overflow:hidden;} .slide_wrapper { width:600px; padding:0px 0px 0px 30px; line-height:16px;} .slider_menu { padding: 5px 0px 0px 0px; color: #3e3d40;} .slider_menu a { color: #3e3d40; cursor:pointer; font-weight:bold;} /* Slider Merkliste und Reorder */ .merkliste_produkt { position: relative; cursor: pointer !important; } #merkliste_bestellen { padding-bottom: 10px; } .merkliste_image { width: 80px; height: 110px; display: table-cell; vertical-align: middle; text-align: center; padding: 0px 20px 0px 20px; } .merkliste_info { float: left; width: 500px; } .memolist_var_td_1 { width: 40px; } #slider_delete_btn { position: absolute; left:736px; top:4px; } .slider_merkliste_reorder .slider_wrapper {width:100%; line-height:16px;} .slider_merkliste_reorder .slider_menu { color: #000; position: absolute; left: 690px; padding: 0;} .slider_merkliste_reorder .slider_menu a { color: #000; } .slider_merkliste_reorder .slider {position: relative; border-top: 1px solid #D6D8DA; border-bottom: 1px solid #D6D8DA;} .slider_merkliste_reorder .message_head_Zusatz {background: url("images/plus.png") 10px 5px no-repeat #e7e3e7; padding: 5px 10px; margin-right: 15px; width: 30px; height: 50px; cursor: pointer;} .slider_merkliste_reorder .message_body {border-left: 50px solid #e7e3e7; padding:10px 0px 0px 0px;} .slider_merkliste_reorder .message_body_content_savedbakets {margin: 0px 0px 0px 15px;} .slider_merkliste_reorder .message_body_content_savedbakets p {margin: 0px; padding:0px 0px 10px 0px;} /* Slider Zuletzt angesehen Artikel */ .mycarousel_box {width:775px; margin:50px 0px 0px 0px; text-align:center; position:relative;} .mycarousel_headline {position:absolute; text-align:left; font-weight:bold; color:#3e3d40; padding: 15px 0px 9px 53px; margin:0px;} .jcarousel-skin-tango .jcarousel-container {border: 1px solid #ededed;} .jcarousel-skin-tango .jcarousel-direction-rtl {direction: rtl;} .jcarousel-skin-tango .jcarousel-container-horizontal {width: 725px; height:110px; padding: 40px 24px 15px 24px;} .jcarousel-skin-tango .jcarousel-clip-horizontal {width: 725px; height: 135px;} .jcarousel-skin-tango .jcarousel-item-horizontal {margin-left: 0; margin-right: 10px;} .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {margin-left: 10px; margin-right: 0;} .jcarousel-skin-tango .jcarousel-item-placeholder {background: #fff; color: #000;} /*Buttons*/ .jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute;top: 0px;right: 0px;width: 25px;height: 165px;cursor: pointer;background: transparent url(images/next-horizontal.png) no-repeat 0 0;} .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {left: 5px;right: auto;background-image: url(images/prev-horizontal.png);} .jcarousel-skin-tango .jcarousel-next-horizontal:hover {background-position: -25px 0;} .jcarousel-skin-tango .jcarousel-next-horizontal:active {background-position: -50px 0;} .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {cursor: default;background-position: -75px 0;} .jcarousel-skin-tango .jcarousel-prev-horizontal {position:absolute;top: 0px;left: 0px;width: 25px;height: 165px;cursor: pointer;background: transparent url(images/prev-horizontal.png) no-repeat 0 0;} .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {left: auto;right: 5px;background-image: url(images/next-horizontal.png);} .jcarousel-skin-tango .jcarousel-prev-horizontal:hover {background-position: -25px 0;} .jcarousel-skin-tango .jcarousel-prev-horizontal:active {background-position: -50px 0;} .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {cursor: default;background-position: -75px 0;} /* ANFANG neue Styles für Produktansicht */ .width100 {width:100%;} .addr_error_table {border:none; padding: 5px 10px 4px 10px; color:#fff; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer;} a.button, a.button:link, a.button:active, a.button:visited {border:none; padding: 5px 10px 4px 10px; background:#d61734; color:#fff; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer;text-decoration:none;} .button {border:none; padding: 5px 10px 4px 10px; background:#d61734; color:#fff; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer;text-decoration:none;} a.button_grey, a.button_grey:link, a.button_grey:active, a.button_grey:visited {border:none; padding: 5px 10px 4px 10px; background:#d7d7d7; color:#555; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer;text-decoration:none;} a.button_grey:hover {border:none; padding: 5px 10px 4px 10px; background:#d61734; color:#fff; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer;text-decoration:none;} a.button_text, a.button_text:link, a.button_text:visited, a.button_text:active, a.button_text:hover {text-decoration:none; font-weight:bold; color:#D2232A;} /* Produktansicht linke Box */ .prod_box_left {width:230px; float:left; margin-top:17px;} .prod_box_left .jsonly_grossbild {width:195px; text-align:center; padding:10px; border:1px solid #d9d9d9;} .prod_small_picture img {height:64px;} /* Produktansicht rechte Box */ .prod_box_right {width:530px; float:right; margin-top:17px;} /* Price-Formatierung */ .pr_frontsymbol {line-height:34px; font-weight:bold;} .pr_ipart {font-size:30px; font-weight:bold; margin:0px; line-height:22px;} .pr-fpart {font-size:14px; font-weight:bold; margin:0px; vertical-align:top; line-height:9px;} /* Variantenansicht */ .variations {margin-top:22px; color:#3e3d40;} .prod_box_right .variations table {width:100%; margin-top:7px;} .prod_box_right .variations table tr.head td {border-bottom:1px solid #d7d7d7;} .prod_box_right .variations table tr.content td {border-bottom:1px dotted #d7d7d7;} .prod_box_right .variations table tr.content2 td {background:#f9f9f9;border-bottom:1px dotted #d7d7d7;} .prod_box_right .variations table tr td {line-height: 20px; padding: 2px 9px 4px 9px;} .prod_box_right .variations table tr td .price_format_black {color:#3e3d40; font-weight:bold; } .prod_box_right .variations table tr td .price_format_red {color:#C7051C; font-weight:bold; } .prod_box_right .variations table tr td .price_format_linethrought {color:#3e3d40; font-weight:normal; text-decoration:line-through; } .texteingabe_menge {border: 1px solid #3e3d40; color:#3e3d40; font-family:Arial, Helvetica, sans-serif; text-align:right;} .prod_box_right .btn_memolist {width:25px; height:27px; background:url(images/btn_memolist_inactive.png) no-repeat; border:0px;} .prod_box_right .btn_memolist:hover {width:25px; height:27px; background:url(images/btn_memolist_active.png) no-repeat; border:0px; cursor:pointer;} .order_now {color:#3E3D40; font-size:10px; line-height:normal;} /* Tabs auf Produktansicht */ ul.tabs {margin: 0; padding: 0; float: left; list-style: none; height: 28px; width: 100%;} ul.tabs li {float: left; margin: 0; padding: 0; height: 28px; line-height: 28px; overflow: hidden;position: relative;background: #d7d7d7;font-weight:bold;margin-right:5px;} ul.tabs li a {text-decoration: none;color: #FFF;display: block;font-size: 12px;padding: 0 17px;outline: none;cursor:pointer;} ul.tabs li a img {display:block;} ul.tabs li a:hover {background: #727174;} html ul.tabs li.active, html ul.tabs li.active a:hover {background: #727174;} .tab_container {border: 1px solid #d7d7d7;overflow: hidden;clear: both; float: left; width: 100%;background: #fff;} .tab_content {padding: 20px;font-size: 12px;} /* Styles für Product-Recommend und Product-Question */ .prod_rcmd_table, .prod_question_table {font-size:12px;} .prod_question_table .lineheight {line-height:20px;} /*ColorBox Anfang*/ #colorbox_div p, #colorbox_div_2 p { padding: 10px; } #colorbox, #cboxOverlay, #cboxWrapper { position:absolute; top:0; left:0; z-index:9999; overflow:hidden; } #cboxOverlay{ position:fixed; width:100%; height:100%; } #cboxMiddleLeft, #cboxBottomLeft { clear:left; } #cboxContent { position:relative; overflow:visible; } #cboxLoadedContent { overflow:auto; } #cboxLoadedContent iframe { display:block; width:100%; height:100%; border:0; } #cboxTitle { margin:0; } #cboxLoadingOverlay, #cboxLoadingGraphic { position:absolute; top:0; left:0; width:100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor:pointer; } #cboxOverlay { background:#000; } #colorbox { } #cboxTopLeft { width:14px; height:14px; background:url(images/controls.png) 0 0 no-repeat; } #cboxTopCenter { height:14px; background:url(images/border.png) top left repeat-x; } #cboxTopRight { width:14px; height:14px; background:url(images/controls.png) -36px 0 no-repeat; } #cboxBottomLeft { width:14px; height:43px; background:url(images/controls.png) 0 -32px no-repeat; } #cboxBottomCenter { height:43px; background:url(images/border.png) bottom left repeat-x; } #cboxBottomRight { width:14px; height:43px; background:url(images/controls.png) -36px -32px no-repeat; } #cboxMiddleLeft { width:14px; background:url(images/controls.png) -175px 0 repeat-y; } #cboxMiddleRight { width:14px; background:url(images/controls.png) -211px 0 repeat-y; } #cboxContent { background:#fff; } #cboxLoadedContent { margin-bottom:5px; } #cboxLoadingOverlay { background:url(images/loading.gif) center center no-repeat; } #cboxLoadingGraphic { background:url(images/loading.gif) center center no-repeat; } #cboxTitle { position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C; } #cboxCurrent { position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { position:absolute; bottom:-29px; background:url(images/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px; } #cboxPrevious { left:0px; background-position: -51px -25px; } #cboxPrevious.hover { background-position:-51px 0px; } #cboxNext { left:27px; background-position:-75px -25px; } #cboxNext.hover { background-position:-75px 0px; } #cboxClose { right:0; background-position:-100px -25px; } #cboxClose.hover{ background-position:-100px 0px; } .cboxSlideshow_on #cboxSlideshow { background-position:-125px 0px; right:27px; } .cboxSlideshow_on #cboxSlideshow.hover { background-position:-150px 0px; } .cboxSlideshow_off #cboxSlideshow { background-position:-150px -25px; right:27px; } .cboxSlideshow_off #cboxSlideshow.hover{ background-position:-125px 0px; } /* Anfang Adressfelder für Rechnungs- und Lieferadresse + Styles für allgemeine Formularfelder */ .save_basket, .select_sbi_add, .select_sbi_replace, .basket_name { width: 301px; border: 1px solid #949494; height: 22px; background-color: #f1f3f5; padding-left: 3px; } .basket_name { width: 300px; margin-left:10px; } .select_sbi_add, .select_sbi_replace { width: 305px; height: 25px; } .save_basket, .select_sbi_add, .select_sbi_replace { margin: 0 15px 5px 0; } .saved_basket_box label, .saved_basket_box p { display: block; padding: 0 0 10px 0; margin: 0; font-weight: bold; } .saved_basket_box input, .saved_basket_box select { float: left; } .bankdata { border: none; font-weight: bold; text-decoration: underline; color: red; cursor: pointer; background: none; } /* Styles, die nicht mehr im Shop verwendet werden */ /* .text_marked_white {font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; color:#FFFFFF;} .text_12px {font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#000;} .text_12px_orange {font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#f19f00;} .text_14px {font-family:Arial,Helvetica,sans-serif; font-size:14px; color:#000;} .column_middle_start_txt {background:#f5f5f5; border-bottom: 1px solid #e9e9e9; padding:14px 20px 8px 20px; margin:0px 0px 12px 0px; text-align:left; font-size:12px;} .red {color:#d61734 !important;} --- Anfang Newsletter - Bestellung bei Adresseingabe --- .newsletter_table {width:100%;} .newsletter_tr_1 {} .newsletter_td_1 {font-family:Arial,Helvetica,sans-serif; font-size:12px; padding:3px; width: 20%} .newsletter_td_2 {font-family:Arial,Helvetica,sans-serif; font-size:12px; padding:3px; width: 80%} --- Ende Newsletter - Bestellung bei Adresseingabe --- */