/**allgemeines styling **/
body {margin:0px; padding:0px;height:100%}
img {border:0px}
a {outline:none}
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}
.shop_bg {background-color:#e9ecf1}



/**grundsätzliche formatierung**/
#kopfzeile {text-align:left}
#linke_spalte, #rechte_spalte {width:176px; padding:5px 0px 10px 0px;}
#mittlere_spalte {width:638px; text-align:left; padding-top:5px; padding-bottom:10px}
#fusszeile {}
#mitte {padding: 10px 10px 0px 10px}
#linke_spalte {background:url(img/links_bg.gif) no-repeat bottom #0084cd; padding-top:0px}
#links {padding:5px 0px 10px 0px; background-color:#ffffff}
#rechte_spalte {background:url(img/rechts_bg.gif) no-repeat bottom #c8cdd0; padding-top:0px}
#rechts {padding:5px 0px 10px 0px; background-color:#ffffff}



/**allgemeine textformatierungen**/
#mitte, #links, #rechts {font-family: Arial, sans-serif; font-size: 11px;}
h1 {font-family: Arial, sans-serif; font-size: 15px; font-weight:bold; color:#000000;}
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:#000000;}
h4 {font-family: Arial, sans-serif; font-size: 11px; font-weight:normal; color:#000000}
h6 {font-family: Arial, sans-serif; font-size: 15px; font-weight:bold; color:#000000;}


.text10 {font-family:Verdana, sans-serif; font-size: 10px; color: #000000;}
a {color: #000000; text-decoration: none;}
a:hover {color: #000000; 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:990px; height:45px; text-align:left;}
#topnav img {float:left}
#topnav a, #topnav a:visited  {color:#ffffff; font: bold 14px Arial; text-decoration:none; padding: 0px 25px; line-height:45px; vertical-align:top; position:relative; height:45px; display:block; float:left}
#topnav a:hover {background:url(img/topnav_hover.gif); font: bold 14px Arial; text-decoration:none;line-height:45px}




/**styling für den navtrail**/
div#navtrail {position:absolute; width:800px; margin-left:10px; margin-top:-4px}
#navtrail a, #navtrail {font-family:Arial, sans-serif; font-size: 10px; color: #6f6f6f;}


/**styling für die fussnavigation**/
#fusszeile {background:url(img/fuss_bg.gif) repeat-x; width:990px; height:34px; text-align:center; margin-top:10px}
#fussnav, #fussnav a {font-family: Arial, sans-serif; font-size: 11px; color:#75828a; font-weight:bold; padding-top:5px}
#fussnav a:hover {text-decoration:none; color:#000000}

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


/**styling der kategorienavigation**/
.box_kategorien {background:url(img/kat_head_bg.gif) repeat-x #11c4ff !important}
#box_kategorien div.p1 {background:none; padding:10px 0px 0px 0px;}
#box_kategorien .kl_box_kopf p.p1 {color:#ffffff}



/** allgemeines link-styling (oder erste ebene)**/
.menudiv ol {margin:0px; padding:0px; list-style:none inside;}
.menudiv ol li {margin:0px; float:left;}
.menudiv ol li a {display:block; width:148px; text-decoration:none; line-height:24px; padding-left:10px; font-family:arial, sans-serif; font-size:11px; font-weight:bold; color:#ffffff; background:url(img/navi.gif) repeat-x}

.menudiv ol {padding:0px 8px;}
.menudiv ol li a:hover {color:#ffffff; position:relative; font-weight:bold; text-decoration:none; background:url(img/navi_ov.gif) repeat-x;}
.menudiv li a.aktiv {color:#11c4ff !important; background:url(img/navi_ov.gif) repeat-x !important;}

/**die Zustände**/
.menudiv li.has_submenue a, .menudiv li a li.has_submenue a {background:url(img/navi_sub.gif) repeat-x !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/navi_sub_ov.gif) repeat-x !important;}

.menudiv li.CatLevel2 {margin-left:-8px}
.menudiv li.CatLevel2 a {background:url(img/navi.gif) repeat-x !important; width:138px; padding-left:20px;}
*html .menudiv li.CatLevel2 a, *html .menudiv li.CatLevel2 a li a:hover, *html .menudiv li.CatLevel2 a:hover {margin-left:8px}
.menudiv li.CatLevel2 a.aktiv {color:#11c4ff !important; background:url(img/navi_ov.gif) repeat-x !important; padding-left:20px}
.menudiv li.CatLevel2 a li a:hover, .menudiv li.CatLevel2 a:hover {color:#ffffff; background:url(img/navi_ov.gif) repeat-x !important; padding-left:20px;}
/**xtc Flyout ende**/


/**styling für die boxen rechts und links **/
.kl_box {margin-top:10px;background:url(img/kl_box_bg.gif) no-repeat bottom #f1f3f3;}

.kl_box_kopf { width:176px; height:25px;}
.kl_box_kopf p.p1 {font-family:Arial, sans-serif; font-size:15px;  font-weight:bold; color:#75828a; padding:5px 0px 0 10px; text-align:left; }

.kl_box_mitte { width:176px;}
.kl_box_mitte div.p1 {font-family:Arial, sans-serif; font-size:12px; color:#75828a; padding:10px 15px 5px 15px;text-align:left;}

.kl_box_fuss {width:176px; height:10px}



/**styling der einzelnen boxen**/
/**styling für die suchbox**/
#box_search a {color:#000000; padding-top:10px; text-transform:none}
.searchinput {width:134px}
.searchbtn {padding:3px 0px 3px 0px;}
.e_search input {width:250px !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:#75828a; text-transform:none; font-weight:bold; text-decoration:none}
a.content_link, a.information_link {display:block; line-height:15px; width:130px; background:url(img/indent.gif) no-repeat; padding-left:10px; font-size:11px}
a.content_link:hover, a.information_link:hover {display:block; line-height:15px; background:url(img/indent_ov.gif) no-repeat; padding-left:10px; color:#000000 !important}

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

/** styling für bestseller, neuheiten und specials **/
#box_neuheiten, #box_bestseller, #box_specials {background:none; border:1px solid #cdd2d5; width:174px !important;}
#box_neuheiten .p1, #box_bestseller .p1, #box_specials .p1 {padding-left:0px !important; padding-right:0px !important}
#box_neuheiten div, #box_bestseller div, #box_specials div {text-align:center; width:174px}
.a_name_promo {text-transform:none; font-weight:bold; color:#75828a}
.a_name_promo:hover {color:#000000;  text-decoration:none}
img.promo {margin:5px 0px 5px 0px;}
div.promo_infos {text-align:right !important; width:100%; text-transform:none;}
div.promo_infos a {color:#000000}
div.promo_infos a:hover {color:#990000; text-decoration:none}
.button_promo {padding:6px 0px 0px 0px}
.price {font-family:Arial, sans-serif; font-size: 12px; color: #000000;}


/**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;  color:#000000}
#wk_tax {font-size:10px; position:relative; top:4px}
#wk_total {float:right; text-align:right; color:#000000}
#wk_shipping {font-size:10px}
#wk_shipping a {color:#75828a}
.wk_row_a td {background-color:#c2c2c2; border-top:1px solid #000000}
.wk_row_b td { border-top:1px solid #000000}
td.wk_qty {border:none !important}
.wk_options td {border:none !important}
.cartbtn img {padding-top:5px}
#wk_anzahl {color:#000000; font-weight:bold}

#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 {background: url(img/gr_box_bg.gif) repeat-x bottom #f1f3f3;}
.gr_box_kopf {width:618px; height:32px;}
.gr_box_kopf p.p1 {padding:6px 0 0 50px;font-family:Arial, sans-serif; font-size:12px; text-transform:uppercase; font-weight:bold; color:#176fa5; text-align:left;}
.gr_box_kopf h6, .ml_box_kopf h6 {text-transform:uppercase; line-height:32px; text-align:center; margin-top:0px; color:#176fa5;}
.gr_box_kopf h6 a {color: #176fa5}
.gr_box_kopf h6 a:hover {color:#000000; text-decoration:none}
.gr_box_mitte { width:618px;}
.gr_box_mitte div.p1 {padding:5px 10px 5px 10px}
.gr_box_fuss {display:none}
.gr_box_mitte div.p1 table {}


/**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_box {margin-bottom:-17px}
*html .list_box {margin-bottom:8px}
*+html .list_box {margin-bottom:8px}
.list_box_kopf h6 {text-align:left; padding-left:10px}
.list_pic {text-align:center; padding:0px 10px 5px 0px; float:left;}

.list_text {height:100%; float:left;width:328px}
.list_btn {height:22px; text-align:right; display:inline}
.list_btn img {padding-top:5px}
.list_price {text-align:right; font-size:20px; color:#176fa5; padding-bottom:2px; float:right; width:110px}
.list_price strong {float:right}
.list_price .productOldPrice {display:none}
.list_tax, .list_tax a {font-size:10px; color:#000000; line-height:10px; padding-bottom:5px}

.list_box_mitte {}
.paging {}

.list_box_fuss {display:block}


.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}


/**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 {background: url(img/search.gif) no-repeat right}


/**styling für die warenkorb**/
.warenkorb {background: url(img/cart.gif) no-repeat top right}


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


/**styling für die artikelansicht**/
#produkt_info {}
#produkt_info .gr_box_kopf h1 {text-transform:uppercase; line-height:32px; text-align:left;padding-left:10px}
.a_view_price {width:100%; color:#176fa5; font-size:32px; padding-bottom:10px; text-align:right; font-weight:bold}
.extra_info {color:#8a8a8a}

#also_purchased .price_infos, #also_purchased .price_div {text-align:right}
#also_purchased .a_desc {padding-left:10px; padding-right:5px;}


/**Startseiten boxen**/
#startseite {margin-top:-14px}
.start_links {}
.start_mitte {margin:0px 7px}
.start_rechts {}
.startbox {background: url(img/gr_box_bg.gif) repeat-x bottom #f1f3f3; border:1px solid #c9ced1;width:200px; float:left; text-align:center; color:#000000; margin-bottom:7px}
.startbox_kopf {background:url(img/start_box_kopf.gif) no-repeat; width:200px; height:31px;}
.startbox_kopf h6 a {line-height:24px; color:#176fa5}
.startbox_kopf h6 a:hover {line-height:24px; color:#000000; text-decoration:none}
.startbox_mitte {background:url(img/start_box_mitte.gif); width:200px}
.startbox_mitte .p1 {padding:0px 5px}
.start_pic_div {}
.start_pic {}
.start_desc {height:60px; text-align:left; padding:5px 0px}
.start_infos {text-align:right; color:#000000}
.start_infos strong {font-size:20px} /**PREIS**/
.start_infos a.start_btn {padding-top:10px} /**button**/
.startbox_fuss {background:url(img/start_box_fuss.gif) no-repeat; height:15px; }
#start_promos span {margin:0px 4px}
#start_promos {white-space:nowrap; margin-bottom:7px}


#kopflinks a, #kopflinks {font-family:arial; font-weight:bold; font-size:12px; color:#006699}

#box_search {display:block; width:350px;  position:absolute; margin-top:-46px; margin-left:640px; text-align:right; color:#ffffff; font: bold 14px Arial;}
#search_inhalt {line-height:46px; text-align:left; padding-left:15px; height:46px}
#ex_search {position:absolute;margin-top:-30px; margin-left:75px}
*html #ex_search { margin-top:-40px; margin-left:-275px;}
*+html #ex_search { margin-left:-275px;}
#ex_search a {color:#ffffff}
#box_search .searchbtn {position:absolute; padding-top:12px}
*html #box_search .searchbtn {position:absolute; padding-top:0px}
*+html #box_search .searchbtn {position:absolute; padding-top:0px}
*html #search_inhalt {padding-top:10px}

.bestsiegel {position:absolute; margin-left:30px;margin-top:-70px; }
*html .bestsiegel {margin-left:10px;}
*+html .bestsiegel {margin-left:10px;}


/**account seite**/
.account_links .account_btn {width:25%; float:left; text-align:center}
.account_btn a.content_link {padding:5px 0px; color:#036296; 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:20px; height:20px; font-weight:bold; text-align:left; font-size:12px}
.infos_wert {float:left; width:62%; line-height:20px; height:20px; text-align:left; font-size:12px}
#zusatzblock .infos_lable, #zusatzblock .infos_wert {font-size:10px !important; line-height:14px; height:14px}


/**image slider**/
#a_view_pic_1 {height:198px}
.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;}

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

#box_free div.p1 {padding-left:0px; padding-right:0px}

#box_free div.p1 hr {color:#dbdbdb}

.confirmationEdit{ color:#176FA5; font-style:italic;}