/**allgemeines styling **/
body {margin:0px; padding:0px;height:100%; background:url(img/body_bg.gif) repeat-x fixed;margin-top:10px;}
img {border:0px}
a {outline:none}
form {display: inline;}
h1, h2, h3, h4, h5, h6 {padding:0px; margin:0px; line-height:auto}
p{ margin:0px;}

.copyright, .parseTime, .poweredby {display:none;}
p.p1 {margin:0px; padding:0px}
.site_bg {background-color:#CACACA;}

.balken{ width:25px;background:url(img/balken.gif) repeat-y;}

/**grundsätzliche formatierung**/
#kopfzeile {}
#linke_spalte, #rechte_spalte {width:150px; padding:0px 0px 0px 0px;}
#mittlere_spalte {width:640px; text-align:left; padding-top:0px; padding-bottom:10px}
#fusszeile {}
#mitte {padding: 10px 10px 0px 10px}


/**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:Verdana, sans-serif; font-size: 10px; color: #ffffff;}
a {color: #FFFFFF; text-decoration: none;}
a:hover {color: #FFFFFF; text-decoration: underline;}
CHECKBOX, INPUT, RADIO, SELECT {font-family: Arial, sans-serif; font-size: 11px;}
TEXTAREA {width: 100%; font-family: Verdana, Arial, sans-serif; font-size: 11px;}




/** styling für die kopfnavigation **/
div#topnav {background:url(img/head_2.gif) no-repeat; width:930px; height:45px; text-align:center; padding:8px 5px 17px 5px;}

div#topnav ol{ margin:0px; padding:0px; list-style:none; display:inline;}
div#topnav ol li{ display:inline;}

#topnav a, #topnav a:visited {color:#ffffff; font: bold 14px Arial; text-decoration:none; padding: 15px 35px 14px 35px; position:relative; top:-17px; }
#topnav a:hover {font: bold 14px Arial; text-decoration:none; background:url(img/topnav_hover.gif) 0px 0px;}
*html #topnav a:hover {font: bold 14px Arial; text-decoration:none; background:url(img/topnav_hover.gif) 0px -28px;}


/**styling für den navtrail**/
div#navtrail {padding-left:10px;}
#navtrail a, #navtrail {font-family:Arial, sans-serif; font-size: 10px; color: #000000;}


/**styling für die fussnavigation**/
#fusszeile {background:url(img/fuss.gif) no-repeat; width:940px; height:50px; text-align:center; margin-top:10px}
#fussnav, #fussnav a {font-family: Arial, sans-serif; font-size: 11px; color:#603A60; font-weight:bold; padding-top:5px}
#fussnav a:hover {text-decoration:underline}

#xtc_copyright {font-family:Arial, sans-serif; font-size: 9px; color: #000000; padding-top:10px;} 
#xtc_copyright a {text-decoration:underline; color:#000000;} 
#xtc_copyright a:hover {text-decoration:none; color:#000000}


/**styling der kategorienavigation**/
#box_kategorien div.p1 {background:none; padding:0px 0px 0px 0px;}



/** allgemeines link-styling (oder erste ebene)**/
.menudiv ol{ list-style:none; margin:0px; padding:0px;}

.menudiv ol li a {display:block; width:130px; text-decoration:none; line-height:22px; padding-left:14px; font-family:arial, sans-serif; font-size:11px; font-weight:bold; color:#ffffff; background:url(img/kat00.gif) no-repeat}
*html .menudiv li.has_submenue a {margin-bottom:-1px;}
.menudiv ol {margin-left:0px}
.menudiv ol li a:hover {color:#ffffff; position:relative; font-weight:bold; text-decoration:none; background:url(img/kat00_hover.gif) no-repeat;}
.menudiv li a.aktiv {color:#ffffff !important; background:url(img/kat00_hover.gif) no-repeat !important;}

/**die Zustände**/
.menudiv li.has_submenue a, .menudiv li a li.has_submenue a {background:url(img/kat00.gif) no-repeat !important;}
.menudiv li.has_submenue a:hover, .menudiv li a li.has_submenue a:hover, .menudiv li.has_submenue a.aktiv, .menudiv li a li.has_submenue a.aktiv  {background:url(img/kat00_hover.gif) no-repeat !important;}


.menudiv li.CatLevel2 a {background:url(img/kat01.gif) no-repeat !important; padding-left:24px; width:120px}
.menudiv li.CatLevel2.aktiv a {color:#ffffff !important; background:url(img/kat01_hover.gif) no-repeat !important; padding-left:24px}
.menudiv li.CatLevel2 a li a:hover, .menudiv li.CatLevel2 a:hover {color:#ffffff; position:relative; background:url(img/kat01_hover.gif) no-repeat !important; padding-left:24px}
/**xtc Flyout ende**/


/**styling für die boxen rechts und links **/
.kl_box {padding-top:0px}

.kl_box_kopf {background:url(img/kl_box_kopf.gif) no-repeat; width:150px; height:40px;}
.kl_box_kopf p.p1 {font-family:Arial, sans-serif; font-size:14px; text-transform:uppercase; font-weight:bold; color:#FFFFFF; padding:8px 0 0 10px; text-align:left;}
#rechts .kl_box_kopf {background:url(img/kl_box_kopf2.gif) no-repeat;}


.kl_box_mitte {background:url(img/kl_box_mitte.gif); width:150px;}
.kl_box_mitte div.p1 {font-family:Arial, sans-serif; font-size:12px; color:#ffffff; padding:0px 10px 5px 10px;text-align:left;}
#rechts .kl_box_mitte {background:url(img/kl_box_mitte2.gif);}

.kl_box_fuss {background:url(img/kl_box_fuss.gif) no-repeat; width:150px; height:21px;padding-bottom:10px;}

.blindbox {height:100%; background: url(img/blind_kopf.gif) no-repeat top #e9ecf0; vertical-align:bottom }
.blindfuss {background: url(img/blind_fuss.gif) bottom;}


/**styling der einzelnen boxen**/
/**styling für die suchbox**/
#box_search a {color:#FFFFFF; padding-top:10px; text-transform:none}
.searchinput {width:124px}
.searchbtn {padding:3px 0px 3px 0px;}
td.e_search input {width:320px !important}

/**styling für die loginbox**/
#box_login div {text-transform:none}
.loginbtn {vertical-align:middle; padding-left:5px; margin-top:-3px}
.passinput {width:57px}
.emailinput {width:134px}

/**styling für die contentbox**/
#box_content div a {color:#FFFFFF; text-transform:none}
a.content_link, a.information_link {display:block; line-height:15px; width:120px; background:url(img/indent.gif) no-repeat; padding-left:10px; font-size:10px}
a.content_link:hover, a.information_link:hover {display:block; line-height:15px; background:url(img/indent_ov.gif) no-repeat; padding-left:10px}

/**styling für die informationsbox**/
#box_infobox div {text-transform:none}
#box_information div a{color:#FFFFFF; text-transform:none}
a.information_link {}

/** 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:#FFFFFF}
.a_name_promo:hover {color:#FFFFFF;  text-decoration:none}
img.promo {max-width:100px;margin:5px 0px 5px 0px;}
div.promo_infos {text-align:center !important; width:100%; text-transform:none;}
div.promo_infos a {color:#FFFFFF}
div.promo_infos a:hover {color:#FFFFFF; text-decoration:none}
.button_promo {padding:6px 0px 0px 0px}
.price {font-family:Arial, sans-serif; font-size: 12px; color: #FFFFFF;}

/**styling für die warenkorbbox**/
#box_warenkorb div {text-transform:none;text-align:center}
#wk_price {text-align:right !important}
#wk_price strong {float:left}
#wk_tax {font-size:9px; position:relative; top:4px}
#wk_total {float:right; text-align:right}
#wk_shipping {font-size:9px}
.wk_row_a td { 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 {}


#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 {}
.gr_box_kopf {background: url(img/gr_box_kopf.gif); width:620px; height:40px;}
.gr_box_kopf p.p1 {padding:6px 0 0 85px;font-family:Arial, sans-serif; font-size:12px; text-transform:uppercase; font-weight:bold;}
.gr_box_kopf h6, .ml_box_kopf h6 {text-transform:uppercase; line-height:32px; text-align:left; margin-top:0px; padding-left:10px;}
.gr_box_kopf h6 a {color:#ffffff}
.gr_box_kopf h6 a:hover {color:#ffffff; text-decoration:underline}
.gr_box_mitte {background: url(img/gr_box_mitte.gif); width:620px;}
.gr_box_mitte div.p1 {padding:0px 10px 5px 10px; color:#FFFFFF;}
.gr_box_mitte_ab div.p1 {padding: 10px; width:604px !important; background: url(img/gr_box_mitte.gif); background-color:#292929}
.gr_box_fuss {background: url(img/gr_box_fuss.gif) no-repeat; width:620px; height:21px;}
.gr_box_mitte div.p1 table {max-width:600px}


/**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:10px; float:left;}
img.pic_list1 {max-width:100px}

.list_text { height:auto; width:365px; float:left;}
.list_btn {height:22px; text-align:right;}

.list_price {text-align:right; font-size:12px; color:#EDBAED; padding-bottom:2px; float:right; width: 140px;}
.list_price strong { font-size:16px;}
.list_price .productOldPrice {display:none;}
.list_tax{display:block;}
.list_tax, .list_tax a {font-size:8px; color:#FFFFFF; line-height:10px; padding-left:5px}

.list_box_mitte {}
.paging {}
.paging a{ color:#000000;}

.unterkategorien {display:block; width:160px; height:21px; text-align:left; padding-left:30px; padding-top: 2px; background:url(img/button_leer.gif) no-repeat; color:#FFFFFF}
.unterkategorien a:hover {color:#FFFFFF !important}
#subkat_1, #subkat_4, #subkat_7, #subkat_10, #subkat_13, #subkat_16, #subkat_19, #subkat_22, #subkat_25 {width:37%;}
#subkat_1 a, #subkat_4 a, #subkat_7 a, #subkat_10 a, #subkat_13 a, #subkat_16 a, #subkat_19 a, #subkat_22 a, #subkat_25 a {margin:0px auto}
.subcat_title {display:none}
.cat_name {font-weight:bold; margin-bottom:10px}


/**styling für die mittlerenboxen account_seite...**/
.ml_box {}
.ml_box_kopf {background: url(img/ml_box_kopf.gif) no-repeat; width:304px; height:32px;}
.ml_box_mitte {background: url(img/ml_box_mitte.gif); width:304px;}
.ml_box_mitte div.p1 {padding:5px 10px 5px 10px}
.ml_box_mitte a.content_link {width:auto}
.ml_box_fuss {background: url(img/ml_box_fuss.gif) no-repeat; width:304px; height:32px;}


#gutschein_box {text-align:center; margin-bottom:10px;padding:10px; width:580px !important; background:#1A181B;}
#gutschein_eingabe input{float:left; margin-left:5px;}
#gutschein_eingabe { width:228px !important; line-height:30px;margin-left:180px; font-weight:bold;}

/**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 {}
.searchresults td {background:#5A5A5A;}

/**styling für die warenkorb**/
.warenkorb {}

/**styling für die checkoutseiten**/
.steps {color:#d1d1d1}
.steps a {color:#d1d1d1; text-decoration:underline}
.steps a:hover {color:#000000; text-decoration:none}
.steps_ac {font-weight:bold}
.bullet {position:relative;}
.checkoutblock {border-top: 1px solid #cccccc; padding-top:10px;}
.checkoutblock textarea {width:99% !important}
.checkoutblock table, .checkoutblock div, .checkoutblock table td {width:100%}


/**styling für die artikelansicht**/
#produkt_info {}
#produkt_info .gr_box_kopf h1 {text-transform:uppercase; line-height:32px; text-align:center}
.a_view_price .productOldPrice{ font-size:14px}
.a_view_price {width:100%;color:#EDBAED; font-size:32px; text-align:right; display:block}
.extra_info {color:#8a8a8a}
.also_purchased  {-moz-opacity:.70; opacity:.70;}
*:first-child+html .also_purchased div {filter:alpha(opacity=70);}
*html .also_purchased div {filter:alpha(opacity=70);}
#also_purchased .price_infos, #also_purchased .price_div {text-align:right}
#also_purchased .a_desc {padding-left:10px; padding-right:5px;}


/**Startseiten boxen**/
.start_links {}
.start_mitte {margin:0px 13px}
.start_rechts {}
.startbox {width:200px; float:left; text-align:center; color:#000000; margin-bottom:13px}
.startbox_kopf {background:url(img/start_box_kopf.gif) no-repeat; width:200px; height:32px;}
.startbox_kopf h6 a {line-height:32px; color:#ffffff}
.startbox_mitte {background:url(img/start_box_mitte.gif); width:200px}
.startbox_mitte .p1 {padding:10px}
.start_pic_div {height:80px;padding-bottom:10px;}
.start_desc {height:60px; text-align:left; padding:5px 0px}
.start_infos {text-align:center; color:#ffffff; }
.start_infos strong {font-size:16px; color:#603A60} /**PREIS**/
.start_infos .tax_shipping{ display:block;}
.start_infos a.start_btn {padding-top:10px} /**button**/
.startbox_fuss {background:url(img/start_box_fuss.gif) no-repeat; height:15px; }


/**account seite**/
.account_links .account_btn {width:25%; float:left; text-align:center}
.account_btn a.content_link {padding:5px 0px; color:#FFFFFF; font-weight:bold; background:none}
.account_btn a.content_link:hover {padding:5px 0px; color:#000000; text-decoration:none; font-weight:bold; background:none}


/**artikel_optionen**/
.infos_wert select {width:100%}
.infos_wert input.qty {float:left}
.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}


/**image slider**/
.imagegalery_scroll_left {width:11px; height:82px; background-image:url(img/imagegalery_scroll_left.gif); cursor:pointer;}
.imagegalery_scroll_right {width:11px; height:82px; background-image:url(img/imagegalery_scroll_right.gif); cursor:pointer;}
.add_img_box{ background:#DDACDD;}


#kundenservice_box .kl_box_mitte div{ padding:0px;}
#Impressum_box .kl_box_mitte div{ padding-right:0px; font-size:11px;}

#print_popup_link {width:562px;padding:0px 10px; position:fixed; bottom:0px; height:25px; background-color:#ffffff; color:#000000;}
*html #print_popup_link {width:572px;position:absolute; top: expression(parseInt(document.body.scrollTop+ 780))}
#print_popup_link a{ color:#000000;}