/**allgemeines styling **/
body {margin:0px; padding:0px;height:100%; color:#000000; background-color:#E8F0F6}
*{margin:0px; padding:0px;}
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-color:#E8F0F6; padding-top:20px;}

#popup_content {background-color:#FFFFFF; padding:10px; width:638px; height:100%;}
#popup_content ol{ padding-left:15px;}


/**grundsätzliche formatierung**/
#kopfzeile {}
#linke_spalte, #rechte_spalte {width:176px; padding:0px 0px 0px 0px;}
#linke_spalte {background:url(img/spalten_bg.gif);}
#rechte_spalte {background:url(img/spalten_bg.gif)}
#mittlere_spalte {width:638px; text-align:left;}
#fusszeile {}
#mitte {padding: 10px 8px 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:#000000;}
h2 {font-family: Arial, sans-serif; font-size: 12px; font-weight:normal; color:#000000;}
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: 14px; 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 { position:relative; margin:-19px 10px 0px 10px; background:url(img/top_nav_bg.gif) repeat-x; height:33px;}
.topnav_left{float:left;}
.topnav_content{float:left;display:block; width:592px; text-align:center;}
.topnav_right{float:left;}
.top_home{ background:none !important;}

#topnav a, #topnav a:visited {background:url(img/topnav_trenner.gif) no-repeat;padding:6px 30px 5px 30px; line-height:28px; font-family:arial; font-size:12px; font-weight:bold; color:#1D1F9A;}
#topnav a:hover { text-decoration:none; color:#C81A1A;}
*html #topnav a{padding:8px 30px 6px 30px;}

/**styling f?r den navtrail**/
div#navtrail {padding-left:10px;}
#navtrail a, #navtrail {font-family:Arial, sans-serif; font-size: 10px; color: #000000; font-weight:bold}


/**styling für die fussnavigation**/
#fusszeile {background:url(img/fuss_bg.gif) no-repeat; width:990px; height:51px; text-align:center; margin-top:10px}
#fussnav, #fussnav a {font-family: Arial, sans-serif; font-size: 11px; color:#1D1F9A; font-weight:bold; padding-top:5px}
#fussnav a:hover {text-decoration:none; color:#C81A1A;}
#fussnav{color:#C81A1A;}

#xtc_copyright {font-family:Arial, sans-serif; font-size: 9px; color: #000000;} 
#xtc_copyright a {text-decoration:underline} 
#xtc_copyright a:hover {text-decoration:none; color:#000000}


/**styling der kategorienavigation**/
#box_kategorien div.p1 {padding:0px;}


/** allgemeines link-styling (oder erste ebene)**/
.menudiv ol {margin:0px; padding:0px;width:176px;}
.menudiv ol li {margin:0px; list-style:none; }
.menudiv ol li a {display:block; background:url(img/kat00.gif) no-repeat;width:137px; text-decoration:none; line-height:24px; padding-left:39px; font-family:arial, sans-serif; font-size:12px; font-weight:bold; color:#0F1294; }

.menudiv ol li a:hover {color:#C90000; font-weight:bold; text-decoration:none; background:url(img/kat00_hover.gif) no-repeat;}
.menudiv li a.aktiv {color:#C90000 !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 {}
.menudiv li.has_submenue a:hover, .menudiv li.has_submenue a.aktiv{}


.menudiv li.CatLevel2 a {padding-left:39px; width:137px !important; line-height:24px; color:#0F1294; font-size:11px;background:url(img/kat01.gif) no-repeat; font-weight:normal; padding-left:45px; width:131px;}
.menudiv li.CatLevel2 a li a:hover, .menudiv li.CatLevel2 a:hover, .menudiv li.CatLevel2 a.aktiv   {color:#C90000; background:url(img/kat01_hover.gif) no-repeat !important; font-weight:normal;}



/**styling für die boxen rechts und links **/
.kl_box {}
.kl_box_kopf {background:url(img/kl_box_kopf.gif) no-repeat; width:176px; height:49px;}
.kl_box_kopf p.p1 {font-family:Verdana, sans-serif; font-size:12px; font-weight:bold; color:#FFFFFF; padding:5px 0 0 0px; text-align:center}
.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:#000000; padding:0px 15px 0px 15px;text-align:left;}
.kl_box_fuss {background:url(img/kl_box_fuss.gif) no-repeat; width:176px; height:41px}



/**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;}
td.e_search input {width:320px !important}

/**styling für die loginbox**/
#box_login div {text-transform:none; color:#000000}
#box_login div a:hover {color:#1D1F9A; text-decoration:underline}
.loginbtn {vertical-align:middle; margin:5px 0px 5px 0px;}
.passinput {width:141px}
.emailinput {width:141px}

/**styling für die contentbox**/
#box_content div a {color:#1D1F9A; text-transform:none}
a.content_link, a.information_link {display:block; line-height:15px; width:130px; background:url(img/indent.gif) no-repeat; padding-left:15px; font-size:11px}
a.content_link:hover, a.information_link:hover {color:#C81A1A !important; display:block; line-height:15px; background:url(img/indent_ov.gif) no-repeat; padding-left:15px; text-decoration:none;}

/**styling für die informationsbox**/
#box_infobox div {text-transform:none}
#box_information div a{color:#000000; 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:#000000}
.a_name_promo:hover {color:#000000;  text-decoration:underline}
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:#000000}
div.promo_infos a:hover {color:#000000; text-decoration:underline}
.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, #box_warenkorb div a {text-transform:none;text-align:center; color:#000000 !important}
#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}

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:#000000}
#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 {}
.gr_box_kopf {background: url(img/gr_box_kopf.gif); width:620px; height:38px;}
.gr_box_kopf h6, .ml_box_kopf h6 {line-height:38px; text-align:left; margin-top:0px; font-family:Arial, sans-serif; font-size:12px;  font-weight:bold; padding-left:15px;}
.gr_box_kopf h6 a {color:#00000}
.gr_box_kopf h6 a:hover {color:#000000; text-decoration:underline}
.gr_box_mitte {background: url(img/gr_box_mitte.gif); width:620px;}
.gr_box_mitte div.p1 {padding:5px 15px 5px 10px; color:#000000}
.gr_box_mitte div.p1 ol, .gr_box_mitte div.p1 ul  {padding-left:15px;}
.gr_box_mitte div.p1 h4 {color:#000000}
.gr_box_fuss {background: url(img/gr_box_fuss.gif) no-repeat; width:620px; height:16px;}



/**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 {text-align:right; padding-bottom:5px; padding-right:5px;}

.list_pic {text-align:center; padding-right:10px; float:left; width:100px;}
img.pic_list1 {max-width:100px}

.list_text {width:350px;float:left; height:100%;}
.list_btn {height:22px; text-align:right; width:auto; padding-top:20px; }

.list_price {text-align:right; font-size:14px; color:#C81A1A; padding-bottom:2px; float:left; width:135px;}
.list_price strong {}
.list_price .productOldPrice {display:none}
.list_tax{ display:block; width:100px; float:right;}
.list_tax, .list_tax a {font-size:8px; color:#000000; line-height:10px; padding-left:5px}

.list_box_mitte {}
.paging {}

.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:31px;}
.ml_box_mitte {background: url(img/ml_box_mitte.gif); width:304px;}
.ml_box_mitte div.p1 {padding:5px 10px 5px 10px; color:#000000}
.ml_box_mitte div.p1 h4 {color:#000000}
.ml_box_mitte a.content_link {width:auto}
.ml_box_fuss {background: url(img/ml_box_fuss.gif) no-repeat; width:304px; height:15px;}


#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 {}


/**styling für die checkoutseiten**/
.steps {color:#d1d1d1}
.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:29px; text-align:left; font-size:12px;padding-left:15px;}
.a_view_price {width:100%; position:relative; color:#1D1F9A; font-size:32px; text-align:right; display:block}
.produkt_beschreibung {width:100%;clear:both; padding:10px 0px 10px 0px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; text-align:left;}
.produkt_beschreibung h4 {color:#000000}
.bodytext {padding:10px 0px 10px 0px;}
#produkt_info p {padding:10px 0px 0px 0px;}
#produkt_info ul {margin-left:15px; margin-top:10px;}
.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;}


.shop_bg {background-color:#e9ecf1}

#gutschein_box h4 {color:#000000}

/**Startseiten boxen**/
#startmodule{margin-top:10px;}
.start_links {}
.start_mitte {margin:0px 10px}
.start_rechts {}
.startbox {width:200px; float:left; text-align:center; color:#000000; margin-bottom:10px}
.startbox_kopf {background:url(img/start_box_kopf.gif) no-repeat; width:200px; height:29px;}
.startbox_kopf h6 a {line-height:29px; color:#0F1293; font-size:12px;}
.startbox_mitte {background:url(img/start_box_mitte.gif); width:200px}
.startbox_mitte .p1 {padding:10px 13px 0px 10px}
.start_pic_div {}
.start_pic {}
.start_desc { display:none;}
.start_infos {text-align:right; color:#000000}
.start_infos strong {font-size:20px;color:#C90000} /**PREIS**/
.start_infos a.start_btn {padding-top:10px; display:none;} /**button**/
.startbox_fuss {background:url(img/start_box_fuss.gif) no-repeat; height:16px; }

/**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: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**/
#a_view_pic_1 {}
.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))}

#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}

#box_hinweis .kl_box_mitte .p1{ background:url(img/hinweis.gif) no-repeat center; height:210px; font-weight:bold; }


.wk_table{margin-top:10px;}
tr.wk_titles td{background:#131695; line-height:25px; color:#FFFFFF;padding:0px 5px 0px 5px;}
.wk_delete{ border-left:1px solid #CCCCCC;}
.wk_multi{ border-right:1px solid #CCCCCC; background:#DDDDDD; font-weight:bold;}
.wk_singe{ background:#EEEEEE; text-align:center;}
tr.wk_row_a td{border-bottom:1px solid #CCCCCC !important; padding:5px;}
tr.wk_row_b td{border-bottom:1px solid #CCCCCC !important; padding:5px;}
tr.wk_row_a td td, tr.wk_row_b td td{ border:none !Important; padding:0px;}


div .wk_ust{ color:#999999}
.wk_total_value{font-size:12px; color:#009900;}
.wk_shipping, .wk_shipping a{ color:#999999 !Important;}


.subkat_link{ padding:0px 0px 7px 0px; }
.subkat_link a{ display:block;background:url(img/top_nav_bg.gif); line-height:27px; color:#0F1294 !important; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; width:200px; font-weight:bold;}
.subkat_link a:hover{ color:#C90000 !Important; text-decoration:none;}
.subkat_link_links{}
.subkat_link_mitte{padding:0px 7px 7px 7px;}
.subkat_link_rechts{}

#box_specials .kl_box_kopf .p1{ color:#F9EC01!important;}
#box_specials .promo_infos { text-align:center !important;}
#box_specials .promo_infos strong{ color:#FF0000; font-size:14px; font-family:arial;}
#box_specials div .promo_infos strong span{ color:#000000 !important; font-size:11px;}


