/**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: 1px 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;}

