/**************************************************************************************************************** Copyright 2009 Sell It Smart GmbH. Alle Rechte vorbehalten. Das Kopieren im Ganzen oder in Teilen ohne unsere vorherige ausdrückliche schriftliche Zustimmung ist untersagt. Jegliche Zuwiderhandungen werden juristisch verfolgt. ****************************************************************************************************************/ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* +++++++++++++++++++++++++++ Kopfzeile und Inhalt +++++++++++++++++++++++++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #favnews {position:absolute; margin-top:-20px; z-index:2200; font-size:11px; line-height:24px; vertical-align:bottom;} #favorit {float:left; text-align:left !important;} #fav_layer {} #fav_layer_links {} #favorit ol, #favorit ol li {margin:0px; padding:0px; list-style: none;} #favorit ol li ol {visibility:hidden; position:absolute; z-index:2300 !important; background:#ffffff; border:1px solid #cccccc; height:auto; margin-top:-4px; padding:5px;} #favorit ol li:hover ol, #favorit ol li a:hover ol {visibility:visible;} #favorit ol li a {display:block;} #favorit ol li a:hover {position:relative; text-decoration:none} #favorit ol li ol li a, #favorit ol li ol li a:visited {width:180px; color:#000000;font-size:10px !important;} #favorit ol li ol li a p {padding:2px 0px;} #favorit ol li ol li a:hover, #favorit ol li ol li a:active {color:#000000;font-size:10px !important; } #kopf {position:relative} #kopfzeile {width: 980px; height: 272px; position:relative; text-align: left; z-index:2000;} a.logolink {position:absolute; display:block;} #kopfnavi {overflow:hidden; position:absolute; z-index:500;} #kopfnavi ol {margin:0; padding:0; list-style: none inside; border: 0 none transparent;} #kopfnavi ol li {float:right;} #kopfnavi ol li a, #kopfnavi ol li a:visited {display:block; font: bold 12px Arial; text-decoration:none} #kopfnavi ol li a:hover {font: bold 12px Arial; text-decoration:none;} *html #kopfnavi ol li a {width:1px; white-space:nowrap} .site_bg {position:relative; z-index:5; height:100%} div#head_bg {width:100%; background-color:#f2f2f2; z-index:1; position:absolute; left:0;} *html body {overflow-x:hidden;} a img {border:none; vertical-align:middle;} *html a img {vertical-align:top} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* +++++++++++++++++++++++++ Definition der 3 Spalten +++++++++++++++++++++++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /**grundsätzliche formatierung **/ #linke_spalte .klbox-kopf, #linke_spalte .klbox-content, #linke_spalte .klbox-fuss, #linke_spalte .bbox-kopf, #linke_spalte .bbox-content, #linke_spalte .bbox-fuss {background-position:left top; width:242px} #rechte_spalte .klbox-kopf, #rechte_spalte .klbox-content, #rechte_spalte .klbox-fuss, #rechte_spalte .bbox-kopf, #rechte_spalte .bbox-content, #rechte_spalte .bbox-fuss {background-position:top right; width:176px} .klbox-content {overflow:hidden} #kopfzeile .klbox-content {overflow:visible} #mitte, #mittlere_spalte {width:738px !important; text-align:left; height:100%} #linke_spalte, #links, #rechte_spalte, #rechts {width:242px !important;} #links, #rechts {height:100%} #rechts {background:url(gfx/spalte-rechts-bg.gif) repeat-y ;} #mitte, #mittlere_spalte, #rechts, #links, #linke_spalte, #rechte_spalte {text-align:left} *html .bbox-content {} *+html .bbox-content {} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* +++++++++++++++++++++++ Definition der kleinen Boxen +++++++++++++++++++++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .klbox-fuss {width: 241px; padding: 0px;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* +++++++++++++++++++++++++ Definition der Fusszeile +++++++++++++++++++++++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #fusszeile {width: 980px; overflow:hidden; padding:0px !important; position:relative !important} #fussnavi {position:absolute;} #favnews {} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ++++++++++++++++++ Allgemeine xt und Seitenformatierungen ++++++++++++++++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .copyright, .parseTime, .poweredby {display:none;} body {margin:0px; padding:0px; height:100%} img {border:0px} a {outline:0px none inline; border:0px none;} form {display: inline;} textarea {width: 100%;} hr {height:1px; margin-left:-7px; width:732px; border-top:1px solid #cccccc;} textarea, .right_div input, .input_span input {border:1px solid #ccc;} #gender input {border:0px !important;} *+html #gender {width:100px; height:10px;} *+html #country {width:150px;} #li_hoch ul, ul li {margin:0px; padding:0px; list-style: none;} ul, ul li {list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;} h4 ol {list-style:disc;} h1, h2, h3, h4, h5, p {margin:0px; padding:0px} /**Copyrighthinweis**/ #xtc_copyright {font-family:Arial, sans-serif; font-size: 9px; width:990px; padding-bottom:3px; position:relative; left:50%; margin-left:-495px; margin-top:5px;} #xtc_copyright a {text-decoration:underline} #xtc_copyright a:hover {text-decoration:none;} div#navtrail { direction:ltr; position:absolute; text-align:left; width:489px; height:15px; z-index:2100; margin:10px 0 0 10px; } #navtrail a, #navtrail {font-size: 10px; color:#000000 !important;} /**Listenstyling**/ #list-sorting {width:170px;height:20px;float:right;} #cat-desp{width:558px; float:left; margin-left:10px;} .list-pic {text-align:center; float:left; width:175px; padding-right:10px; height:166px; margin-left:8px;} .list-text {height:100%; float:left} .list-btn {margin-right:17px; margin-top:15px; text-align:right; width:auto;} .list-price {text-align:left;} .list-box .list-price {float:right;} .list-price strong {white-space:nowrap} span.list-tax {display:block; width:auto;} .aview-row1 .list-price{margin-right:0px;} #aview-tocart .infos_lable{ float:none; margin-bottom:15px; display:none; } .produktinfo-kopf{ height:20px !important; } .start-list-price {text-align:right; float:left; color:#ADB341;margin-left:10px;} .start-list-btn {margin-left:121px;margin-top:0px;} #startmodule .start-list-btn{ height:65px;} /**Categorie ansicht**/ .subcat-link {width:30%; float:left; margin-bottom:10px;margin-left:8px;} .subcat-mitte {width:25%; padding:0px 5%;} a.subcat {display:block; line-height:22px;} .subcat-title {margin-bottom:10px;padding-left:8px;} .grbox-content div.p1 {height:100% !important;} #aview_cross_selling .p1 {width:638px !important;} .grbox-fuss {text-align:right !important;} a.toplink {display:block; width:50px; height:100%; position:relative !important; float:right;} #favbox {display:block; position:absolute; background:#ffffff; z-index:10000; margin-left:-100px; border:1px solid #cccccc; padding:10px; width:180px} #favbox div {color:#000000;} #favbox hr {height:1px; display:block; margin:0px; padding:0px; border-top: 1px solid #cccccc;} #favbox div a,#favbox div a:link, #favbox div a:visited {display:block; width:auto; color:#000000;line-height:18px; white-space:nowrap} #favbox div a:hover {color:#000000;} /**formlarseiten**/ .left_div {width:190px; float:left; padding-left:10px; line-height:20px;} .right_div {float:left} /**warenkorb**/ #wk_price {text-align:right !important} #wk_price strong {float:left} #wk_tax {font-size:10px; position:relative; top:4px} #wk_total {float:right; text-align:right} #wk_shipping {font-size:10px} td.wk_qty {border:none !important} .wk_options td {border:none !important} .cartbtn {width:100%;text-align:center;} .cartbtn img {padding-top:5px} /**login**/ #loginbox input {border:1px solid #ccc} .loginbtn {vertical-align:middle; border:0px !important; margin-top:3px;} .passinput {width:198px} .emailinput {width:198px} /**newsletter**/ #box_newsletter #newsletter_input {width:140px} /**suchbox**/ #kopfzeile .suche {position:absolute;} #kopfzeile .suche .klbox-kopf, #kopfzeile .suche .klbox-fuss, #kopfzeile .suche .klbox-content br {display:none} #kopfzeile .suche .klbox-content {background:none !important; white-space:nowrap !important; width:auto !important;} #ksuch{width:240px; height:28px; position:absolute; bottom:2px; left:53px;} #kopfzeile .searchinput {width:134px} input.searchinput {border:1px solid #000000;} #extended_search {width:134px; padding-bottom:1px; border:1px solid #cccccc; text-align:center; margin-top:-18px; background-color:#ffffff;} *html #extended_search {width:136px; margin-top:-12px;} *+html #extended_search {width:136px; margin-top:-9px;} #kopfzeile #box_search .klbox-content {height:22px} *html #suche-btn {margin-bottom:-3px} td.e_search input {width:320px !important} /**promoboxen**/ .promo-name, .promo-pic-link {display:block;} .promo-pic-link {text-align:center} .klbox-content .list-price {float:none !important; padding:0px; text-align:right;} .klbox-content .list-price strong {display:block;} .klbox-content .list-tax {float:none !important; padding:0px; text-align:right} .klbox-content .list-btn {text-align:center} .klbox-content .list-price strong br {display:none} .klbox-content .list-price .productOldPrice {padding-right:5px;} .list-price .productOldPrice {color:#333333;} .start-list-price .productOldPrice {text-decoration:line-through;} .tt_div {position:absolute; background-color:#ffffff; line-height:18px; border:1px solid #cccccc; margin-left:25px; margin-top:-10px; padding:1px 3px; z-index:200000;} .tt_div {color:#000000; font-weight:normal;} .tt_pfeil {position:absolute; margin-top:-7px; margin-left:20px;} *html .tt_pfeil {margin-top:-6px;} *html .startbox-mitte .tt_pfeil {margin-top:-8px;} /**account seite**/ .account_links .account_btn {width:25%; float:left; text-align:center} .account_btn a.content_link {padding:5px 0px;} .account_btn a.content_link:hover {padding:5px 0px;} /**#box_neuheiten .klbox-content .blende { background-color:#ffffff; filter: alpha(opacity=80); display:block; width:100%; height:35px; position:absolute; margin-top:-48px;} #box_neuheiten .klbox-content .list-price {position:absolute; margin-top:-50px;}**/ .text10 {font-size: 10px;} .artikelkurzbeschreibung img {display:none} #footer_head {display:none} /**artikelansicht**/ #produktinfo {} .aview-row1 {padding-top:0px;padding-bottom:25px; height:100%;} #aview-pic {float:left; height:100%;} #aview_pic1 {width:292px; overflow:hidden; margin-right:6px;} /**image slider**/ #aview-pic {} #aview_picscroll {margin-left:0px; margin-top:0px; width:292px} .imagegalery_scroll_left {width:11px; height:82px; background-image:url(img/imagegalery_scroll_left.gif); cursor:pointer;} .add_img_box {float:left; border-top:1px solid #DCDCDC; border-bottom:1px solid #DCDCDC; width:270px; height:80px; overflow:hidden} .imagegalery_scroll_right {width:11px; height:82px; background-image:url(img/imagegalery_scroll_right.gif); cursor:pointer;} .img_slider {border:1px solid #fff;} #aview-information {float:left; text-align:right; width:400px;} #aview-information h1 {text-align:left;} #aview-price {} #aview-infos {} .inf_header, .opt_header {position:absolute; color:#ccc; font-weight:bold; margin-top:-24px;float:right; font-size:20px;} /**artikel_optionen zusatz_infos**/ #aview-options {background-color:#ffffff; border:1px solid #ccc; padding:10px 5px 5px 5px; text-align:left; height:100%} .infos_wert select {width:100%} .infos_wert input.qty {float:left} .infos_lable, .infos_wert {float:left; width:37%; line-height:22px; text-align:left} .infos_wert {width:60%;} .quest_link {display:block; height:9px; width:7px; padding-left:3px; background:url(img/ico_quest.gif) no-repeat right top; position:absolute; margin:-15px 0 0 160px;} *html .quest_link {margin:0px;} *+html .quest_link {margin:0px;} .infos_wert .tt_div {margin-top:-15px;} *html .infos_wert .tt_div {margin-top:-10px;} *+html .infos_wert .tt_div {margin-top:-10px;} #aview-options .infos_wert, #aview-tocart .infos_wert {width:100%; min-height:22px;} *html #aview-options .infos_wert, *html #aview-tocart .infos_wert {height:22px} #aview-tocart {} .aview-row2 {} #produktinfo-kopf p.p1 h1 {text-transform:uppercase; line-height:24px; text-align:center; font-size:14px} .a_view_price {width:100%; position:relative; color:#e33826; font-size:32px; text-align:right; display:block} .produkt_beschreibung {width:100%;clear:both; padding-top:20px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; text-align:left;} .produkt_beschreibung h4 {color:#000000} .extra_info {color:#8a8a8a} #aview_also_purchased .checkoutblock {background:none !important; padding-top:0px; height:auto} #aview_also_purchased .checkoutblock p {padding-left:10px;} /**image slider**/ #aview-pic {overflow:visible;} #aview_picscroll {margin-left:0px; margin-top:0px; width:292px} #previewtray {background-color:#fff;} .imagegalery_scroll_left {width:11px; height:82px; background-image:url(img/imagegalery_scroll_left.gif); cursor:pointer;} .add_img_box {float:left; border-top:1px solid #DCDCDC; border-bottom:1px solid #DCDCDC; width:270px; height:150px; overflow:hidden} .imagegalery_scroll_right {width:11px; height:82px; background-image:url(img/imagegalery_scroll_right.gif); cursor:pointer;} #lupen_div2 {position:absolute; margin-top:6px; margin-left:-30px} #lupen_div {position:absolute; margin-top:6px; margin-left:-30px} #a_view_pic_1 {text-align:right;} /**ask a question**/ .frage {width:147px; font-family:Arial; font-size:11px} .frage span a {width:147px; text-align:right; display:block} .frage strong {margin-top:8px} #fragezumprodukt {width:630px; height:500px; padding:10px; overflow:auto; font-family:arial; font-size: 12px} h6#pa_head {font-size:14px; font-family:verdana; font-weight:bold; padding:0px; margin:0px} #pa_artikel {padding-top:20px; display:block; background:url(img/icon_arrow.jpg) no-repeat 0px 25px; padding-left:20px; font-weight:bold} #pa_block_1 {width:610px; padding-top:20px} #pa_block_1 b {padding-bottom:10px; display:block} .pa_lable {float:left; width:30%} .pa_input {float:left;width:50%} .pa_checkbox {width:100%; text-align:right; color:#7f9db9; font-size:9px} #pa_block_2 {width:610px; padding-top:10px; clear:both} .pa_text {width:100%} #pa_block_3 {width:610px; padding-top:10px; clear:both} .pa_btn_back {float:left; width:50%} .pa_btn_next {width:50%; padding-left:70%} #close_window {font-family:arial;} a#close_window:link {font-family:arial;} /**Startseiten boxen**/ .start-links {float:left; margin-bottom:13px; text-align:left; margin-right:4px;} .start-mitte {float:left; margin-bottom:13px; text-align:center; margin-right:4px;} .start-rechts {float:left; margin-bottom:13px; text-align:right;} .startbox {width:241px; display:block; text-align:left;} #startmodule {background:none} .start-desc {overflow:hidden; display:block} .start-pic-div {margin-bottom:10px;} /**messages**/ div#info_message, div.gutschein-content, div.error {padding:2px 5px 2px 58px; border: 1px solid #cccccc; background: url(img/ico_infomsg.gif) no-repeat 5px center #ffffff; min-height:52px; margin: 5px 0px;} *html div#info_message, *html div.gutschein-content, *html div.error {height:52px} .wk_inhalt_row .markProductOutOfStock {display:block} div.error {background: url(img/ico_error.gif) no-repeat 5px center #ffffff;} div.error div.error {background:none; padding:0px; border:0px; margin:0px;} /**gutscheinmodul**/ div.gutschein-content {background: url(img/ico_gutschein.gif) no-repeat 5px center #ffffff;} #gutschein-btn {position:relative; top:6px;} /**popup**/ #popup_bg {width:600px;; height:100%;} #popup_bg .btn_right { margin-right:150px;} #popup_content {background-color:transparent; width:100%; height:760px; overflow:scroll !important; overflow-x:hidden !important; display:block} #popup_text { padding:10px;} /**checkout**/ #checkout_steps {width:100%; overflow:hidden; padding: 10px 0px 10px 0px; border:0px} *html #checkout_steps {width:101% !important;} *+html #checkout_steps {width:101% !important;} .step {width:25% !important; float:left; display:inline; text-align:center;} .step img {padding-bottom:4px;} *html .step img {padding-bottom:0px;} .checkoutblock {border-top: 1px solid #cccccc; height:100%;} .checkoutblock .info_lable {width:600px; padding-bottom:10px; margin-left:60px; margin-bottom:20px; margin-top:15px;} .checkoutblock textarea {width:80%; margin-left:75px; margin-top:15px; !important} .checkoutblock table, .checkoutblock table td {width:100%} .checkout_confirmation .checkoutblock{ padding-top:15px; } .markProductOutOfStock {color:#c10808 !important} .wk_inhalt .markProductOutOfStock {font-size:11px;} a.plus_link {background: url(img/plus.gif) no-repeat; display:block; width:40px; height:9px; font-size:0px} a.plus_link:hover {background: url(img/plus_ov.gif) no-repeat;} a.minus_link {background: url(img/minus.gif) no-repeat; display:block; width:40px; height:9px; font-size:0px} a.minus_link:hover {background: url(img/minus_ov.gif) no-repeat;} .input_qty {width:38px; text-align:center; font-weight:bold; border:1px solid #666666; border-bottom:0px; border-top:0px} *+html .input_qty {width:38px; text-align:center; font-weight:bold; border:1px solid #666666; border-bottom:0px; border-top:0px; margin-left:-20px;} *html .input_qty {width:36px; margin:-1px 0px;} *+html .input_qty {width:36px; margin-top:-1px; margin-bottom:-1px;} .caption {font-weight:; float:left; text-align:center; padding:0px 3px; font-weight:bold;margin-left:10px;} .wk_inhalt {float:left; padding:0px 3px; height:100%} .wk_inhalt_1 {width:70%; float:left} .wk_inhalt_2 {width:30%; float:left} .einprice, .total {float:right; text-align:right} .del {width:49px;} .qty {width:40px;} .art {width:auto;} .einprice {width:85px;} .total {width:82px;} .wk_row_a, .wk_row_b, .wk_row_c, .wk_row_d {height:100%;} .wk_inhalt_row .del {text-align:center !important; line-height:38px; height:30px; padding-top:8px} .wk_inhalt_row .qty {padding-top:2px;margin-left:20px;} .wk_inhalt_row .art {font-weight:bold; padding-right:0px;margin-left:12px;} html>body .wk_inhalt_row .art {width:70%} .wk_inhalt_2 .einprice {padding-left:0px;} .wk_inhalt .tt_div {padding:4px !important; margin:20px 0px 0px -15px} .wk_inhalt .tt_div .tt_pfeil {margin-top:-9px !important;} #wk_total {border-top: 1px solid #cccccc; text-align:right; width:100%} #shipping_estimator .grbox-content {background:none !important;} #shipping_estimator .grbox-content div.p1 {padding:0px !important;} .vk_row {overflow:hidden;} .vk_row .right_div input {width:130px !important} #zeichen_left input {font-family:arial; font-size:10px; border:0px; width:25px; text-align:right; font-weight:bold; background:none} *html #zeichen_left input {margin-bottom:1px;} #zeichen_left {width:90%; text-align:right; font-family:arial; font-size:10px; font-weight:bold} .pm_desc_all img {float:left; padding-right:10px} .pm_desc {height:100%; height:48px;} .pm_radio {width:25px; float:left; height:48px} .pm_radio input {height:48px} .pm_tt_div {width:600px;} .checkout_total {height:100%;} .ordertotal_title {width:83%; float:left; text-align:right} .ordertotal_summe {float:right; width:auto;} .btn_left {width:200px; float:left; line-height:22px; margin-left:15px;} .btn_right {float:right; line-height:22px; margin-right:15px;} /**last_viewed**/ #last_viewed .wk_row_a {text-decoration:none} #last_viewed .checkoutblock {padding:0px !important;} #last_viewed a.promo-name {padding-top:3px; margin-bottom:0px !important} /**warenkorb popup**/ #popCart {position: fixed; top: 30%; left: 50%; width: 560px; margin-left: -280px; z-index: 10000; display: none; padding: 10px 10px 15px 10px;border: 4px solid #ccc; background: #fff; color: #000 !important;} *html #popCart {position:absolute; top:200px} .popup_header {text-align: center; vertical-align:bottom; padding: 3px 10px; border: 1px solid #ccc; margin: 0px auto; width: 380px;} .popup_image {text-align: center; color: #000; margin: 10px auto; padding: 5px;} #mycart {margin: 0px auto; height: 42px; padding: 0px 10px 5px 10px; height: 100%; width: 320px; color: #000 !important;} .cart_symbol {height: 48px; width: 48px; float: left; background: url(img/ico_cart.gif) no-repeat;} .cart_contents {text-align: left; color: #000; height: 48px; float: left; padding-left:20px} .cart_contents #wk_tax {top:1px} #popcart_total {padding-top:3px} #pop_buttons_box {text-align: left; width: 560px; height: 16px; vertical-align:bottom; margin: 10px auto 0 auto;} .close_link {float:left; cursor:hand} .tocart_link {float:right; cursor:hand} /**contentbox styling**/ .grbox-content .contentbox .klbox-kopf, .grbox-content .contentbox .klbox-content {background:none; display:inline; height:auto; width:auto; font:inherit !important; color:inherit !important; margin:0px; padding:0px;} .grbox-content .contentbox .klbox-content div.p1, .grbox-content .contentbox .klbox-kopf p.p1 {margin:0px !important; padding:0px !important; font:inherit !important; color:inherit !important;} .grbox-content .contentbox .klbox-fuss {display:none} /**navigation**/ ul#dd_navi li {display:inline;} /**neue styles übernehmen**/ .box_admin div.p1 {overflow:hidden} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* +++++++++++++++++++++++++++++++++ Tab-Navi +++++++++++++++++++++++++++++++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ a{ outline:none;} .tabcontent { padding:10px 11px 10px 25px; padding-left:25px; clear:both; background:white; border:1px solid #cccccc; } #mainnavtabbed{ clear:both; list-style-type:none; margin:0; padding:0; } #mainnavtabbed li{ background:url(gfx/tab2.gif); margin-left:5px; float:left; width:165px; margin-bottom:-1px; } #mainnavtabbed li a{ line-height:33px; padding-top:6px; background:url(gfx/tab2.gif); display:block; color:#FFFFFF; font-size:11px; text-decoration:none; text-align:center; border-bottom:1px solid #cccccc; font-weight:bold; } #mainnavtabbed li a.tabon,#mainnavtabbed li a.tabon:hover{ background:url(gfx/tab1.gif); color:#fff; border-bottom:1px solid #fff; } #mainnavtabbed li a:hover{ color:#FFFFFF; background:url(gfx/tab1.gif); } #content_tab_01 li {list-style-type:disc;margin:;padding:; margin-left:25px;} #content_tab_02 li {list-style-type:disc;margin:;padding:; margin-left:25px;} #content_tab_03 li {list-style-type:disc;margin:;padding:; margin-left:25px;} #content_tab_04 li {list-style-type:disc;margin:;padding:; margin-left:25px;}