/**allgemeines styling **/
body {margin:0px; padding:0px;height:100%; color:#ffffff; background-color:#000000}
img {border:0px}
a {outline:none;color:#FFFFFF}
form {display: inline;}
h1, h2, h3, h4, h5, h6 {padding:0px; margin:0px; line-height:auto}

/**Styling Navigation Kopf **/

.menu1 {padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#fff url(img/button1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
.menu1 li {float:left;}
.menu1 li a {display:block; float:left; height:35px; line-height:35px; color:#fff; text-decoration:none; font-size:12px; font-family: Century Gothic, Arial, Verdana, sans-serif !important; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu1 li a b {float:left; display:block; padding:0 16px 0 8px;}
.menu1 li.current a {color:#fff; background:url(img/button3.gif);}
.menu1 li.current a b {background:url(img/button3.gif) no-repeat right top;}
.menu1 li a:hover {color:#fff; background:#000 url(img/button2.gif);}
.menu1 li a:hover b {background:url(img/button2.gif) no-repeat right top;}
.menu1 li.current a:hover {color:#fff; background:#000 url(img/button3.gif); cursor:default;}
.menu1 li.current a:hover b {background:url(img/button3.gif) no-repeat right top;}

.navigation_kopf {
	 margin-left: 4px;	
	 width: 980px;
         font-variant: small-caps;
}



.copyright, .parseTime, .poweredby {display:none;}
p.p1 {margin:0px; padding:0px}
.site_bg { background:url(img/shop_bg.gif) repeat-y;}

#popup_content {background-color:none; padding:10px; width:638px}


/**grundsätzliche formatierung**/
#kopfzeile {}
#linke_spalte, #rechte_spalte {width:174px; padding:0px 0px 0px 0px;}
#linke_spalte {background:url(img/spalten_bg.gif);}
#rechte_spalte {background:url(img/spalten_bg.gif) -174px;}
#mittlere_spalte {width:642px; text-align:left; padding-bottom:10px}
#fusszeile { }
#mitte {padding: 0px 4px 0px 4px;}


.logo_area{ float:left;}
.head_area{ float:left; width:290px; background:url(img/head1.jpg) no-repeat; height:156px;}

/**allgemeine textformatierungen**/
#mitte, #links, #rechts {font-family: Verdana, sans-serif; font-size: 11px;}
h1 {font-family: Verdana, sans-serif; font-size: 11px; font-weight:bold; color:#ffffff;}
h2 {font-family: Verdana, sans-serif; font-size: 11px; font-weight:normal; color:#ffffff;}
h3 {font-family: Verdana, sans-serif; font-size: 11px; font-weight:bold; color:#ffffff;}
h4 {font-family: Verdana, sans-serif; font-size: 11px; font-weight:normal; color:#ffffff}
h6 {font-family: Verdana, sans-serif; font-size: 11px; 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: Verdana, sans-serif; font-size: 11px;}
TEXTAREA {width: 100%; font-family: Verdana, Verdana, sans-serif; font-size: 11px;}


/** styling f?r die kopfnavigation **/
div#topnav { width:990px; height:32px; text-align:right;}
*html #topnav {}
*+html #topnav {}
.topnav_div{padding-right:10px;}

#topnav a, #topnav a:visited {color:#ffffff; font: bold 10px Verdana; text-decoration:none; line-height:32px;padding: 0px 0px;}
#topnav a:hover {text-decoration:underline;}


/**styling f?r den navtrail**/
div#navtrail {position:relative; width:990px; margin-top:0px; margin-left:0px;text-align:left !important; margin-top: 4px; padding-bottom: 4px;}
#navtrail a, #navtrail {font-family:Verdana, sans-serif; font-size: 10px; color: #ffffff; font-weight:bold}


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

#xtc_copyright {font-family:Verdana, sans-serif; font-size: 10px; color: #FFFFFF;} 
#xtc_copyright a {text-decoration:underline;  color:#FFFFFF} 
#xtc_copyright a:hover {text-decoration:none; color:#FFFFFF}


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


/** allgemeines link-styling (oder erste ebene)**/
.menudiv ol {margin:2px 0px 0px 0px; padding:0px;}
.menudiv ol#CatNavi{ padding:0px 3px 0px 9px;width:164px;} 
.menudiv ol#CatNavi ol{padding:0px 0px 0px 10px;}
.menudiv ol li {margin:0px; list-style:none; padding:0px 0px 2px 0px;}
.menudiv ol li a {display:block; width:159px; text-decoration:none; line-height:16px; padding-left:5px; font-family:arial, sans-serif; font-size:10px; font-weight:bold; color:#FFFFFF; text-transform:uppercase; overflow:hidden;}

.menudiv ol li a:hover {color:#FFFFFF; text-decoration:none; background:#454545;}
.menudiv li a.aktiv {color:#FFFFFF !important; background:#454545;}

/**die Zustände**/
.menudiv li.has_submenue a, .menudiv li a li.has_submenue a {}
.menudiv li.has_submenue a:hover, .menudiv li.has_submenue a.aktiv{}

.menudiv a.aktivParent{ background:#454545;}
.menudiv li.CatLevel2 a { width:149px !Important; }
.menudiv li.CatLevel2 a:hover, .menudiv li.CatLevel2 a.aktiv   {width:149px !Important;}

.menudiv li.CatLevel3 a {width:139px !Important; }
.menudiv li.CatLevel3 a:hover, .menudiv li.CatLevel3 a.aktiv   { width:139px !Important;}

/**xtc Flyout ende**/


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

.kl_box_kopf {background:url(img/kl_box_kopf.gif) no-repeat; width:176px; height:19px;}
.kl_box_kopf p.p1 {font-family:Verdana, sans-serif; font-size:11px; font-weight:bold; color:#ffffff; padding:3px 0 0 11px; text-align:left}

#rechte_spalte .kl_box_kopf {background:url(img/kl_box_kopf.gif) no-repeat -6px;}

.kl_box_mitte {background:url(img/kl_box_mitte.gif); width:176px;}
#rechte_spalte .kl_box_mitte {background:url(img/kl_box_mitte.gif) -6px;}
.kl_box_mitte div.p1 {font-family:Verdana, sans-serif; font-size:10px;  color:#FFFFFF; padding:9px 8px 9px 11px;text-align:left;}
#rechte_spalte .kl_box_mitte div.p1 {padding:9px 11px 9px 8px;}
.kl_box_fuss {background:url(img/kl_box_fuss.gif) no-repeat; width:176px; height:8px; font-size:0px;}
#rechte_spalte  .kl_box_fuss {background:url(img/kl_box_fuss.gif) -6px 0px no-repeat;}


/**styling der einzelnen boxen**/
/**styling für die suchbox**/
#box_search .kl_box_mitte .p1{padding:6px 5px 0px 11px;}
#box_search a {color:#ffffff;}
.searchinput {width:105px;}
.search_input{float:left;}
.search_btn {float:left; padding-left:5px;}
.search_txt{padding-top:3px;clear:both;}
.search_adv{ font-weight:bold; padding-top:3px;}

/**styling für die loginbox**/
#box_login div {text-transform:none; color:#ffffff}
#box_login div a:hover {color:#ffffff; text-decoration:underline}
.loginbtn {}
.passinput {width:150px}
.emailinput {width:150px}
.login_email_txt{padding-bottom:5px;}
.login_pwd_text{padding:5px 0px 5px 0px;}
.login_btn{padding:10px 0px 5px 0px;}


/**styling für die contentbox**/
#box_content .kl_box_mitte .p1{ padding:0px 0px 0px 9px;}
a.content_link, a.information_link {display:block; border-top:2px solid #202020; width:159px; text-decoration:none; line-height:16px; padding-left:5px; font-family:arial, sans-serif; font-size:10px; font-weight:bold; color:#FFFFFF; text-transform:uppercase;}
a.content_link:hover, a.information_link:hover {color:#FFFFFF; text-decoration:none; background:#454545;}

/**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:underline}
img.promo {margin:5px 0px 5px 0px;}
div.promo_infos {}
div.promo_infos a {color:#ffffff}
div.promo_infos a:hover {color:#ffffff; text-decoration:underline}
.button_promo {padding:10px 0px 0px 0px}
.price {font-family:Verdana, sans-serif; font-size: 12px; color: #FF0205;}

/**styling für die warenkorbbox**/
#box_warenkorb .kl_box_mitte .p1{padding:5px 9px 0px 5px !Important;}
.wk_text{}
#wk_price{padding:4px 0px 5px 0px;}
#wk_price strong{ float:left;}
#wk_total{ text-align:right; float:right;}
.wk_btn{ border-top:1px solid #454545; padding-top:6px; text-align:center; }

#box_admin div.p1, #box_admin div.p1 a {color:#ffffff}
#box_admin div.p1 a:hover {color:#e33826}

#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-bottom:4px;}
.gr_box_kopf {background: url(img/gr_box_kopf.gif); width:630px; height:31px;}
.gr_box_kopf h6, .ml_box_kopf h6 {text-transform:uppercase; line-height:31px; text-align:left; padding-left:11px; font-family:Verdana, sans-serif; font-size:11px; text-transform:uppercase; font-weight:bold;}
.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:630px;}
.gr_box_mitte div.p1 {padding:8px 9px 5px 9px; color:#FFFFFF; font-size:10px;}
.gr_box_mitte div.p1 h4 {color:#FFFFFF}
.gr_box_fuss {background: url(img/gr_box_fuss.gif) no-repeat; width:630px; height:8px; font-size:0px;}



/**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**/

/**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**/

/**allgemeine Angaben für die listenansicht**/
#listing_header {width:100%; text-align:right; padding-bottom:5px;}


.list_box_kopf{ height:19px;}
.list_box_kopf h6{line-height:19px;padding-left:6px !important; font-size:10px !Important;} 

.list_box_mitte{}
.list_box_mitte .p1{padding:10px 10px 0px 10px !important; height:100%;}

.list_pic {text-align:left; padding-right:10px; float:left; width:140px; height:60px;}
img.pic_list1 {}

.list_text{float:left;width:310px; padding:5px 5px 10px 0px;}
.list_price{ float:right; width:140px;margin-top:-10px; text-align:right; height:75px;}
.list_price strong{ font-size:12px; color:#FF0205;}
.list_price .list_tax a{ color:#FFFFFF; }
.list_btn{ vertical-align:bottom; float:left;padding-right:20px}
.list_btn a{ color:#CE0707;} 
.list_wl_btn{ ;}
.list_wl_btn a{ color:#CE0707;} 
.list_br{ clear:both;}

.list_box_fuss{}
.list_model{ font-weight:bold;}

.paging {}

#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:#d1d1d1}
.steps a {color:#FFFFFF; text-decoration:underline}
.steps a:hover {color:#FFFFFF; text-decoration:none}
.steps_ac {font-weight:bold; color:#e33826}
.bullet {position:relative;}
.checkoutblock {border-top: 1px solid #cccccc; padding-top:10px; color:#FFFFFF}
.checkoutblock textarea {width:99% !important}
.checkoutblock table, .checkoutblock div, .checkoutblock table td {width:100%}
.checkoutblock .text10 {color:#FFFFFF}
.buttons div {padding-bottom:15px}
#zeichen_left input {font-family:Verdana; 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:Verdana; font-size:10px; font-weight:bold}

/**styling für die artikelansicht**/
#produkt_info {}
#produkt_info .gr_box_kopf{}
#produkt_info .gr_box_kopf h1 {text-transform:uppercase; line-height:31px; text-align:left; font-size:11px !important; padding-left:11px;}

.a_view_price_area {display:block; border:1px solid #454545; margin-bottom:5px;}
.a_view_price_title{ background:#454545; line-height:18px; text-align:left; padding-left:5px; font-weight:bold;}
.a_view_price{color:#FF0205; font-size:12px; text-align:right; padding:5px 5px 5px 5px;}
.productOldPrice{ font-size:12px; color:#FFFFFF;}
.productOldPriceTax{ font-size:10px !Important; font-weight:normal; color:#FFFFFF;}
.a_view_price strong{ display:block;} 
.a_view_price .list_tax{ display:block;}
.a_view_price .list_tax, .a_view_price .list_tax a{ font-size:10px !Important; color:#FFFFFF;}

.a_view_attr_area{  border:1px solid #454545; margin:0px 0px 5px 0px; width:100%; }
.a_view_attr_title{ background:#454545; line-height:18px; text-align:left; padding-left:5px; font-weight:bold;}
.infos_wert select {width:100%}
.infos_wert input.qty {float:left}
.infos_lable {float:left; width:95px; line-height:22px; height:22px; font-weight:bold; text-align:left; padding-left:5px;}
.infos_wert {float:left;line-height:22px; height:22px; text-align:left}

.a_view_staffel_area { display:block; border:1px solid #454545;margin-bottom:5px;width:160px;float:left;margin-right:5px; height:92px;}
#staffeln div{ background:#454545; line-height:18px;text-align:left; font-weight:bold; padding-left:5px;}
#staffeln .infos_lable{ background:none; width:60px;}
#staffeln .infos_wert{ background:none; width:80px; padding-right:5px; text-align:right;}

.a_view_input_area{ background:#454545;padding:3px 0px 3px 0px; width:100%; }
.a_view_input_area .infos_lable{ line-height:18px}

.produkt_beschreibung {width:100%;clear:both; padding-bottom:10px; border-bottom: 1px solid #454545; text-align:left;}
.produkt_beschreibung h4 {color:#FFFFFF}
.extra_info_1 {color:#454545; padding-top:5px;}
.also_purchased  {-moz-opacity:.70; opacity:.70;}

#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:#FFFFFF}

/**Startseiten boxen**/
.start_links {}
.start_mitte {margin:0px 4px; width:206px !Important; }
.start_rechts {}
.startbox {width:205px; float:left; text-align:center; color:#FFFFFF; margin-bottom:4px; border:1px solid #454545;}
.startbox_kopf {background:#454545; height:19px;}
.startbox_kopf h6 a {line-height:19px; color:#ffffff}
.startbox_mitte {background:#202020;}
.startbox_mitte .p1 {padding:10px}
.start_pic_div {}
.start_pic { }
.start_desc {padding-top:5px; height:52px;}
.start_infos {text-align:center; color:#FFFFFF; padding-top:5px;}
.start_infos strong {font-size:12px; color:#E2141D;} /**PREIS**/
.start_infos a.start_btn {display:none;} /**button**/
.startbox_fuss {}

/**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:#FFFFFF; text-decoration:none; font-weight:bold; background:#454545;}


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

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

#zeichen_left input {font-family:Verdana; 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:Verdana; font-size:10px; font-weight:bold}

.module_head{line-height:31px; background:#454545;margin:0px 0px 4px 0px; font-weight:bold; padding-left:11px;}


#box_hotline .kl_box_mitte .p1{padding-bottom:0px !important; background:url(img/fragezeichen.jpg) no-repeat 100px 5px;}
#box_hotline .txt01{ font-size:20px; font-weight:bold;padding-top:8px;}
#box_hotline .txt02{ font-size:12px; padding:3px 0px 10px 0px;}
#box_hotline .txt03{ }
#box_hotline .txt04{ font-weight:bold; font-size:13px;padding:3px 0px 3px 0px;}
#box_hotline .txt05{ font-weight:bold;padding:3px 0px 3px 0px;}

.gr_box_mitte .content_link{ border:1px solid #454545; width:234px !Important; line-height:20px; background:#353535;}

.checkout_error{ border:1px solid #E33826; padding:3px; text-align:center; background:#FFAAAA; color:#CC0000; font-weight:bold;font-style:blink; margin-bottom:10px;}

.account_links .content_link{ width:auto !important; border:none; background:none; }

.bezahlung{line-height:18px;}

.module_area{padding-left:25px; width:auto !important;}
.module_area input{ margin-top:3px;}


.cat_view{ border:1px solid #454545;}
.cat_name{background:#454545; line-height:18px;margin-bottom:5px; font-weight:bold; padding-left:10px;}
.unterkategorien {display:block;color:#888888!important; background:#353535; border:1px solid #454545; line-height:18px; font-size:10px; }
a.unterkategorien:hover {color:#AAAAAA!important; text-decoration:none; background:#454545; border:1px solid #666666;}
.subcat_view{ height:100%;}
.subkat_link{padding:0px 0px 5px 0px;width:202px; }
.subkat_links{padding:0px 0px 5px 5px;}
.subkat_mitte{padding:0px 6px 5px 6px;}
.subkat_rechts{padding:0px 5px 5px 0px;}
.subcat_title {display:none}

.new_products_heading{ background:#454545; margin-bottom:10px; line-height:25px; font-weight:bold; padding-left:10px;}

.price span, .start_infos strong span{ font-size:12px; color:#FFFFFF;}

.start_pic_div{ height:60px;}



.wl_border	{border-top:1px solid #dddddd; margin-top:5px;}
.wl_checkbox {padding-bottom:5px;}
.wl_desc	 {padding-right:3px;padding-top:3px;}
.wl_price	 {font-weight:bold;}
.wl_box		{margin-bottom:5px;}
.wl_searchbox	{}
.wl_searchbox td{ font-weight:bold;}
.wl_resultheader	{background-color:#454545; padding:2px; font-weight:bold;}
.wl_resultcontent	{background-color:#353535;}
.wl_resultcontent2	{background-color:##313131;}

.wl_customer_box{border:1px solid #454545; width:315px;float:left;margin-right:5px;}
.wl_information{background:#454545; font-weight:bold; padding-left:5px; line-height:20px;}
.wl_customer{padding:5px 0px 0px 5px}
.wl_created{padding:0px 0px 10px 5px;}
.wl_birthday{display:none;}
.wl_comment_text{font-weight:bold;padding-left:5px;}
.wl_comment_memo{padding:0px 5px 5px 5px;}
.wl_comment_memo textarea{ width:300px; height:83px;}
.wl_comment_btn{padding:0px 0px 5px 5px;}

.wl_send_box{border:1px solid #454545; width:288px; float:left;}
.wl_title{ background:#454545; line-height:20px; padding-left:5px; font-weight:bold;}
.w_name_area{ padding:5px 0px 5px 5px; float:left;}
.wl_name {font-weight:bold;padding-right:5px;}
.wl_send_area{ float:left;padding:5px 0px 5px 5px;}
.wl_send{ font-weight:bold;}
.wl_sendc_area{ padding:0px 5px 5px 5px}
.wl_sendc_comment{ font-weight:bold;}
.wl_sendc_input textarea{ width:273px;}
.wl_sendc_btn{padding-top:5px;}


.wunschzettel_btn{padding:5px 0px 0px 108px; text-align:left;}
