/**allgemeines styling **/ body {margin:0px; padding:0px;height:100%; color:#000000;} img {border:0px} a {outline:none;color:#000000} form {display: inline;} h1, h2, h3, h4, h5, h6 {padding:0px; margin:0px; line-height:auto} .copyright, .parseTime, .poweredby {display:none;} p.p1 {margin:0px; padding:0px} .site_bg { background:url(img/shop_bg.gif) repeat-y;margin-top:10px;} #popup_content {background-color:#FFFFFF; padding:10px; width:638px} #popup_content h1{ color:#000000;} #popup_content h4{ color:#000000;} /**grundsätzliche formatierung**/ #kopfzeile {} #linke_spalte, #rechte_spalte {width:176px; } #linke_spalte {background:url(img/spalten_bg.gif);} #mittlere_spalte {width:814px; text-align:left;} #fusszeile {} #mitte {padding: 0px 6px 0px 6px;} /**allgemeine textformatierungen**/ #mitte, #links, #rechts {font-family: Arial, sans-serif; font-size: 11px;} h1 {font-family: Arial, sans-serif; font-size: 14px; font-weight:bold; color:#ffffff;} h2 {font-family: Arial, sans-serif; font-size: 12px; font-weight:normal; color:#ffffff;} h3 {font-family: Arial, sans-serif; font-size: 12px; font-weight:bold; color:#ffffff;} h4 {font-family: Arial, sans-serif; font-size: 11px; font-weight:normal; color:#ffffff} h6 {font-family: Arial, sans-serif; font-size: 14px; font-weight:bold; color:#ffffff;} .text10 {font-family:arial, sans-serif; font-size: 10px; color: #ffffff;} a {color: #333333; text-decoration: none;} a:hover {color: #333333; text-decoration: underline;} CHECKBOX, INPUT, RADIO, SELECT {font-family: Arial, sans-serif; font-size: 11px;} TEXTAREA {width: 100%; font-family: Arial, sans-serif; font-size: 11px;} #header{ background:url(img/head_1.jpg) no-repeat; height:201px; width:990px; text-align:left;} .logo_link{position:absolute; display:block; width:320px; height:170px;} /** styling f?r die kopfnavigation **/ #topnav_area{ height:20px; background:#FFFFFF;} div#topnav { text-align:right; float:right;} #topnav a, #topnav a:visited { color:#666666; font: bold 12px Arial; text-decoration:none; line-height:20px;float:left; padding: 0px 10px 0px 5px;} #topnav a:hover {font: bold 12px Arial; text-decoration:underline;line-height:20px; float:left; padding: 0px 10px 0px 5px;} /**styling f?r den navtrail**/ div#navtrail {padding:0px 6px;} #navtrail a, #navtrail {font-family:Arial, sans-serif; font-size: 11px; color: #666666; font-weight:bold} /**styling für die fussnavigation**/ #fusszeile {background:url(img/fuss.gif) no-repeat; width:990px; height:57px; text-align:center; vertical-align:top;} #fussnav, #fussnav a {font-family: Arial, sans-serif; font-size: 11px; color:#333333; font-weight:bold;} #fussnav a:hover {text-decoration:underline} #xtc_copyright {font-family:Arial, sans-serif; font-size: 9px; color: #666666;} #xtc_copyright a {text-decoration:underline; color:#666666} #xtc_copyright a:hover {text-decoration:none; color:#666666} /**styling der kategorienavigation**/ #box_kategorien div.p1 {padding:0px 0px 0px 0px;} /** allgemeines link-styling (oder erste ebene)**/ #CatNavi{ width:176px; padding-bottom:22px;} .menudiv ol {margin:0px; padding:0px; list-style:none;} .menudiv ol li {margin:0px; padding:0px 0px 2px 0px; background:url(img/kat_trenn.gif) left bottom no-repeat;} .menudiv ol li a {display:block;text-decoration:none; line-height:22px; padding-left:24px; font-family:arial, sans-serif; font-size:11px; font-weight:bold; color:#666666; background:url(img/kat00.gif) no-repeat} .menudiv ol li a:hover, .menudiv li a.aktiv , .menudiv li .aktivParent{color:#666666 ;font-weight:bold; text-decoration:none; background:url(img/kat00_hover.gif) no-repeat;} /**1. Unterkategorie**/ .menudiv ol li ol{padding-top:2px; background:url(img/kat_trenn.gif) no-repeat; margin-bottom:-2px;} .menudiv li.CatLevel2 a {background:url(img/kat01.gif) no-repeat !important; padding-left:35px; color:#666666;} .menudiv li.CatLevel2 .aktiv, .menudiv li.CatLevel2 a:hover{color:#666666 !important; background:url(img/kat01_hover.gif) no-repeat !important; padding-left:35} /**xtc Flyout ende**/ /**styling für die boxen rechts und links **/ .kl_box {padding-bottom:5px} .kl_box_kopf {background:url(img/kl_box_kopf.gif) no-repeat; width:176px; height:32px;} .kl_box_kopf p.p1 {font-family:Arial, sans-serif; font-size:12px; font-weight:bold; color:#ffffff; padding:7px 0 0 10px; text-align:left;} .kl_box_mitte {background:url(img/kl_box_mitte.gif); width:176px;} .kl_box_mitte div.p1 {font-family:Arial, sans-serif; font-size:11px; color:#666666; padding:5px 5px 5px 7px;text-align:left;} .kl_box_fuss {background:url(img/kl_box_fuss.gif) no-repeat; width:176px; height:2px; font-size:0px;} /**styling der einzelnen boxen**/ /**styling für die suchbox**/ #box_search a {color:#666666; padding-top:10px; text-transform:none} .search_input { float:left; height:19px;} .searchinput {width:98px} .search_btn { float:left; padding-left:5px;} .searchbtn {} /**styling für die loginbox**/ #box_login div {text-transform:none; color:#ffffff} #box_login div a:hover {color:#ffffff; text-decoration:underline} .loginbtn {vertical-align:middle; padding-left:5px; margin-top:-3px} .passinput {width:57px} .emailinput {width:134px} /**styling für die contentbox**/ #box_content .kl_box_mitte .p1{padding:0px;} #box_content div a {color:#666666;} a.content_link {display:block; line-height:22px; background:url(img/kat00.gif) no-repeat; padding-left:24px; font-size:11px; font-weight:bold;} a.content_link:hover{color:#666666 !Important; background:url(img/kat00_hover.gif) no-repeat; text-decoration:none;} /**styling für die informationsbox**/ #box_information{padding-top:17px;} #box_information div a{color:#333333; text-transform:none} a.information_link{} a.information_link:hover {} /** styling für bestseller, neuheiten und specials **/ #box_neuheiten div, #box_bestseller div, #box_specials div {text-align:center} .a_name_promo {text-transform:none; font-weight:bold; color:#666666} .a_name_promo:hover {color:#666666; text-decoration:underline} img.promo {margin:5px 0px 5px 0px;border:1px solid #999999;} div.promo_infos { width:100%; text-transform:none; color:#666666} div.promo_infos a {color:#666666} div.promo_infos a:hover {color:#666666; text-decoration:underline} .button_promo {padding:6px 0px 0px 0px} .price {font-family:Arial, sans-serif; font-size: 14px; color: #FF7400;} /**styling für die warenkorbbox**/ #box_warenkorb div, #box_warenkorb div a {text-transform:none;text-align:center; color:#ffffff !important} #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:9px} .wk_row_a td {background-color:#c2c2c2; border-top:1px solid #ffffff} .wk_row_b td { border-top:1px solid #ffffff} td.wk_qty {border:none !important} .wk_options td {border:none !important} .cartbtn img {padding-top:5px} #box_admin div.p1, #box_admin div.p1 a {color:#666666} #box_admin div.p1 a{ color:#666666;} #box_admin div.p1 a:hover {color:#666666; } #box_languages {} #box_currencies {} #box_last_viewed {} #box_reviews div a {text-transform:none} #box_newsletter #newsletter_input {width:140px} /**styling für die listenansicht und sämtliche großen boxen**/ .gr_box {padding-top:5px;} .gr_box_kopf {background: url(img/gr_box_kopf.gif); width:802px; height:30px;} .gr_box_kopf h6, .ml_box_kopf h6 {line-height:30px; text-align:left;font-family:Arial, sans-serif; font-size:12px; font-weight:bold;padding-left:5px;} .gr_box_kopf h6 a {color:#ffffff; font-size:12px;} .gr_box_kopf h6 a:hover {color:#ffffff; text-decoration:underline;} .gr_box_mitte { width:800px; margin-top:1px; border:1px solid #999999;} .gr_box_mitte div.p1 {padding:5px 5px 5px 5px; color:#333333} .gr_box_mitte div.p1 h4 {color:#333333} .gr_box_fuss {width:802px; display:none;} /**die artikel listenansichten - die einspaltige liste braucht nicht gestyled zu werden wenn sie genauso aussieht wie alle anderen breiten boxen. kann aber mit den list_* klassen umgestyled werden. für die zweispaltige liste müssen von den entsprechenden styles die kommentare entfernt werden**/ /**styling für die 2spaltige liste .list_box {width:304px; padding-bottom:10px} .list_box_kopf {background: url(img/ml_box_kopf.gif) no-repeat; width:304px; height:32px;} .list_box_mitte {background: url(img/ml_box_mitte.gif); width:304px; height:105px} .list_box_fuss {background: url(img/ml_box_fuss.gif) no-repeat; width:304px; height:32px;} .list_abstand {width:10px}**/ /**allgemeine Angaben für die listenansicht**/ #listing_header {width:100%; text-align:right; padding-bottom:5px;} .list_pic {text-align:center; padding-right:5px; float:left;} img.pic_list1 { border:1px solid #999999;} .list_text {width:125px; height:100%; float:left; overflow:hidden;} .list_text li{ margin-left:15px;} *html .list_text li{ margin-left:0px;} .list_btn {text-align:right; width:auto;} .list_price {text-align:right; font-size:12px; color:#FF7400; padding-bottom:2px;} .list_price strong {float:right} .list_price .productOldPrice {display:none} .list_tax, .list_tax a {font-size:10px; color:#000000; line-height:10px; padding-left:5px} .list_box_mitte {} .paging { color:#666666;} #gutschein_box {text-align:center} /**styling für die loginseite**/ .startseite {background: url(img/lieferung.gif) no-repeat top right} /**styling für die startseite**/ .btn_rechts {width:100%; text-align:right} /**styling für die searchresults**/ .searchresults {} /**styling für den checkoutwarenkorb**/ .warenkorb {background: url(img/cart.gif) no-repeat top right} /**styling für die checkoutseiten**/ .steps {color:#999999} .steps a {color:#353535; text-decoration:underline} .steps a:hover {color:#000000; text-decoration:none} .steps_ac {font-weight:bold; color:#e33826} .bullet {position:relative;} .checkoutblock {border-top: 0px solid #cccccc; padding-top:10px; color:#000000} .checkoutblock textarea {width:99% !important} /*.checkoutblock table, .checkoutblock div, .checkoutblock table td {width:100%} */ .checkoutblock .text10 {color:#000000} .buttons div {padding-bottom:15px} #zeichen_left input {font-family:arial; font-size:10px; border:0px; margin-bottom:2px; width:25px; text-align:right; font-weight:bold} #zeichen_left {width:99%; text-align:right; font-family:arial; font-size:10px; font-weight:bold} /**styling für die artikelansicht**/ #produkt_info {} #produkt_info .gr_box_kopf h1 { line-height:30px; text-align:left; font-size:13px !Important;padding-left:5px;} #a_view_pic_1{width:410px;padding-bottom:5px;} #a_view_pic_1 img{border:1px solid #999999;} .pinfo_zoom{ text-align:center;} #pinfo_info_area{width:380px} .pinfo_attr_area{float:left;width:218px;} .pinfo_action_area{float:left; width:162px;} .pinfo_qty_area{background:#DEDFE2; border:1px solid #999999;padding:5px;margin-top:10px;} .a_view_price_area {width:100%; color:#FF7400; font-size:16px; text-align:right; display:block; background:url(img/price_bg.gif) no-repeat;width:157px; height:77px;} .a_view_price{padding:13px 25px 0px 0px;} .produkt_beschreibung {width:100%;clear:both; padding:10px 0px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; text-align:left;} .produkt_beschreibung h4 {} .extra_info {color:#8a8a8a} .pinfo_add_infos{padding:5px 0px;} .pinfo_farbmuster{padding-top:5px; display: none;} /**artikel_optionen**/ .infos_wert select {width:100%} .infos_lable {float:left; width:37%; line-height:22px; height:22px; font-weight:bold; text-align:left} .infos_wert {float:left; width:62%; line-height:22px; height:22px; text-align:left} .pinfo_qty_area .opt_label .infos_lable {float:none; width:100%;} .pinfo_qty_area .opt_label .infos_wert {float:none; width:100%;} .pinfo_qty_area .qty{float:right} /* #a_view_shipping .infos_lable, #a_view_shipping .infos_wert{ float:none;} */ #also_purchased .price_infos, #also_purchased .price_div {text-align:right} #also_purchased .a_desc {padding-left:10px; padding-right:5px;} .shop_bg {background-color:#e9ecf1} #gutschein_box h4 {color:#000000} /**Startseiten boxen**/ .cat_desc{display:none;} .new_products_heading{display:none;} .subcat_title, .cat_title{ display:none;} .subcat_linklist{margin-bottom:-5px;} .subkat_link {margin-bottom:5px;} .subkat_links {} .subkat_mitte {margin:0px 5px 5px 5px;} .subkat_rechts {} .unterkategorien{ color:#FFFFFF !important; font-size:12px; font-weight:bold; width:262px; line-height:26px; display:block; background:url(img/start_box_kopf.gif) no-repeat left center;border:1px solid #999999;} .unterkategorien:hover{ text-decoration:none; background:url(img/fuss.gif) no-repeat center;} .category_title_area{background:url(img/gr_box_kopf.gif) no-repeat; height:30px;padding:0px 5px 0px; 5px;margin:5px 0px;} .category_title{ font-weight:bold; color:#FFFFFF;line-height:30px; font-size:13px;float:left; width:600px;} #listing_header{padding-top:5px; float:left; width:192px;} .start_links {} .start_mitte {margin:0px 5px 5px 5px} .start_rechts {} .startbox { width:262px; float:left; text-align:center;border:1px solid #999999; margin-bottom:5px; background:#E3E4E8;} .start_name { text-align:left;background:url(img/start_box_kopf.gif) no-repeat; height:30px;} .start_name h6 a{ color:#FFFFFF; font-size:12px;line-height:30px;padding-left:5px;} .start_name h6 a:hover{ color:#FFFFFF;} .start_pic_div {float:left;height:100px; width:158px; text-align:left;padding:5px;} .start_pic {border:1px solid #999999;} .start_area{ float:left; width:94px;} .start_desc {display:none;} .start_infos {text-align:right;padding:5px 5px 5px 0px; height:70px;} .start_price{font-size:14px; color:#FF7400;} /**PREIS**/ .tax_shipping, .tax_shipping a{ font-size:10px; color:#666666;} .start_btn {padding:0px 5px 5px 0px; text-align:right;} .start_shortdesc{padding:5px; background:#C7CAD1; border:1px solid #999999; margin:0px 5px 5px 5px; color:#555555; text-align:left; height:45px;} .start_shortdesc li{ margin-left:15px;} *html .start_shortdesc li{ margin-left:0px;} /**account seite**/ .account_links .account_btn {width:25%; float:left; text-align:center} .account_btn a.content_link {padding:5px 0px; font-weight:bold; background:none} .account_btn a.content_link:hover {padding:5px 0px; text-decoration:none; font-weight:bold; background:none} #print_popup_link {width:100%;padding:0px 10px; position:fixed; bottom:0px; height:25px; background-color:#ffffff;} *html #print_popup_link {width:100%;position:absolute; top: expression(parseInt(document.body.scrollTop+ 780))} #print_popup_link div a{margin-right:30px;} #zeichen_left input {font-family:arial; font-size:10px; border:0px; margin-bottom:2px; width:25px; text-align:right; font-weight:bold} #zeichen_left {width:99%; text-align:right; font-family:arial; font-size:10px; font-weight:bold} /**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:arial; font-weight:bold; padding:0px; margin:0px; color:#000000;} .pad_add_text{ font-weight:bold;padding:5px 0px;} .pad_add_text2{padding-right:15px;} #pa_artikel {padding-top:20px; display:block; 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%; text-align:right; float:left;} #close_window {font-family:arial;} a#close_window:link {font-family:arial;} #cart_area{ width:212px; height:110px;margin:10px 0px 0px 760px; position:absolute;} .cart_div{padding:30px 15px 0px 15px; font-family:arial; font-size:12px;color:#5E5E5E} #cart_txt{ } #cart_price {text-align:right !important; padding:5px 0px 5px 0px} #cart_price strong {float:left;} #cart_tax, #cart_shipping {display:none;} #cart_total {float:right; text-align:right; font-weight:bold;} .cart_btn{} .manu_text{font-weight:bold; line-height:20px;} #frk_content div{ text-align:justify; font-size:11px; font-family:arial; color:#666666;padding:10px 0px;} /* LEXIKON */ .lexikon_keyword {color: #333333; font-weight:bold;} #box a span {display: none;} #box a:hover span { display: block; color: #333333; background: #EEEEEE; width: 310px; border: 1px solid #999999; z-index: 100; padding: 3px; position:absolute; font-weight:normal; } .module_head{ line-height:30px; background:url(img/gr_box_kopf.gif) no-repeat; text-align:left; padding-left:5px; font-weight:bold; color:#FFFFFF; font-size:13px; margin-top:5px;margin-bottom:5px;} .cross_group{ display:block; line-height:20px; color:#333333;} .cross_selling{float:left;} .xsell_links{margin-right:6px;} .cross_selling .gr_box_kopf{width:396px !important;height:28px;background: url(img/gr_box_kopf2.gif) center; border:1px solid #53575E;} .cross_selling .gr_box_kopf h6{line-height:28px;} .cross_selling .gr_box_mitte { width:396px; background:#E3E4E8;} .cross_selling .gr_box_mitte .p1{height:100%;} .cross_selling .list_btn{padding-top:10px;} .confirmationEdit{ color:#FF7400 !Important;} #bannerslider {left: 0px; border:0px solid #d4d4d4; height:170px; width: 800px; position:relative; margin-bottom: 10px;} .prev, .next, .prevm, .nextm, .nexts, .prevs {display:block; height:170px; width:25px; background:url(img/slide_left.gif) no-repeat center #C7CAD1; position:absolute; z-index:10; cursor:pointer; margin-top:0px; margin-left: 2px;} .slider {width:744px; overflow: hidden; margin-left: 28px;} #bannerslider .slider, #bannerslider .slider ul {height:170px; overflow:hidden;} #bannerslider .klbox-content {background: none; height: auto;} #bannerslider .klbox, #bannerslider .contentbox, #bannerslider .klbox-kopf, #bannerslider .klbox-fuss {background: none; height: 0px;} .next, .nextm, .nexts {background:url(img/slide_right.gif) no-repeat center #C7CAD1; right:2px; margin-top:-170px;} #bannerslider ul li { margin:0px; padding:0px; list-style: none; } #bannerslider ul li .startbox.sl_links { border-right: 1px solid #d4d4d4; width: 744px !important; max-width: 744px; min-width: 744px; } #bannerslider ul li .startbox.sl_rechts { width: 744px !important; max-width: 744px; min-width: 744px; } #bannerslider .startbox .start_desc { display: block; float: left; font-size: 12px; height: 110px; margin-left: 35px; overflow: hidden; text-align: left; width: 45%; } #bannerslider .startbox .start_desc a { color: #555555; } #bannerslider .startbox .start_infos { height: 130px; padding: 0; display: block; float: right; } #bannerslider .startbox { margin-top: 0px !important; border-width: 0px; width: 724px !important; max-width: 724px; min-width: 724px; height: 150px; background: none !important; padding: 10px; } #bannerslider .start_pic_div { border: 5px solid #FF7400; float: left; height: 100%; padding: 5px; text-align: center; width: 158px; } #bannerslider .start_price { background: url("img/slider_price_bg.png") no-repeat scroll 0 0 transparent; color: #FF7400; display: block; font-size: 16px; height: 62px; margin-bottom: 50px; padding-right: 37px; padding-top: 15px; text-align: right; width: 120px; } #bannerslider .start_btn { left: -30px; padding: 0 5px 5px 0; position: relative; text-align: right; top: -38px; } #bannerslider .startbox .startbox_kopf { margin-bottom: 0px; } #bannerslider .startbox .startbox_kopf h6 { font-size: 15px; } #bannerslider .startbox .start_desc h6 { font-size: 20px;# } #bannerslider .startbox .startbox_kopf h6 a { color: #555555; } /*.slider {background: url(img/bg_slider.png) no-repeat;}*/ .slider {background: #E3E4E8;} .ordertotal_title { float: left; width: 75%; } .ordertotal_summe { float: right; width: 25%; } .ordertotal_summe span { display: block; float: left; text-align: right; width: 45%; } .ordertotal_summe strong { float: right; text-align: right; width: 55%; } .checkoutblock.articles {background: #C7CAD1; padding-right: 5px; padding-left: 5px;display: block; float: left; height: 100%; width: 99%; padding-bottom: 10px;} .ordertotal_title a {text-decoration: underline;}