/****************************************************************************************************************
Copyright 2009 Sell It Smart GmbH. Alle Rechte vorbehalten. 
Das Kopieren im Ganzen oder in Teilen ohne unsere vorherige ausdrückliche schriftliche Zustimmung ist untersagt. 
Jegliche Zuwiderhandungen werden juristisch verfolgt.
****************************************************************************************************************/


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++ Kopfzeile und Inhalt +++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#favorit {float:right; text-align:left !important; width:180px; height:19px; }
#newsletter {float:right; width:145px; height:19px;}
#fav_layer {}
#fav_layer_links {}
#favorit ol, #favorit ol li {margin:0px; padding:0px; list-style: none;}

#favorit ol li ol {visibility:hidden; position:absolute; z-index:500 !important; background:#ffffff; border:1px solid #cccccc; height:auto; width:195px; padding:5px;}
#favorit ol li:hover ol, #favorit ol li a:hover ol {visibility:visible;}
#favorit ol li a {display:block;}
#favorit ol li a:hover {position:relative; text-decoration:none}
#favorit ol li ol li a, #favorit ol li ol li a:visited {width:180px; color:#000000;font-size:10px !important;}
#favorit ol li ol li a p {padding:2px 0px;}
#favorit ol li ol li a:hover, #favorit ol li ol li a:active {color:#000000;font-size:10px !important; }



.site_bg {height:100%; }
div#head_bg   {width:100%; background-color:#f2f2f2; z-index:1; position:absolute; left:0;}
*html body {overflow-x:hidden;}

a img {border:none; vertical-align:middle}
*html a img {vertical-align:top}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++ Definition der 3 Spalten +++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/**grundsätzliche formatierung **/

#linke_spalte .klbox-kopf,  #linke_spalte .klbox-fuss, #linke_spalte .bbox-kopf, #linke_spalte .bbox-content, #linke_spalte .bbox-fuss  {background-position:right top; width:176px} 

#linke_spalte .klbox-content {background:url(gfx/klbox-bg-links.gif) repeat-y 0 0; width:176px;}
#rechte_spalte .klbox-content {background:url(gfx/klbox-bg-rechts.gif) repeat-y 0 0; width:176px;}
#rechte_spalte .klbox-kopf,  #rechte_spalte .klbox-fuss, #rechte_spalte .bbox-kopf, #rechte_spalte .bbox-content, #rechte_spalte .bbox-fuss {background-position:left top; width:176px}
.klbox-content {overflow:hidden}
#kopfzeile .klbox-content {overflow:visible}
#mitte, #mittlere_spalte {width:638px; text-align:left; height:100%}

#linke_spalte, #links, #rechte_spalte, #rechts {width:176px;}
#links, #rechts {height:100%}

#links {background:url(gfx/spalte-links-bg.gif) repeat-y ;}
#rechts {background:url(gfx/spalte-rechts-bg.gif) repeat-y ;}

#mitte, #mittlere_spalte, #rechts, #links, #linke_spalte, #rechte_spalte	{text-align:left}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++ Definition der Fusszeile +++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++ Allgemeine xt und Seitenformatierungen ++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.copyright, .parseTime, .poweredby {display:none;}

body {margin:0px; padding:0px; height:100%}
img {border:0px}
a {outline:0px none inline; border:0px none;}
form {display: inline;}
textarea {width: 100%;}
hr {height:1px; border:0px; margin:0px; padding:0px; border-top:1px solid #cccccc;}

textarea, .right_div input, .input_span input {border:1px solid}
#gender input {border:0px !important}

ul, ul li {margin:0px; padding:0px; list-style: none;}
h4 ol {list-style:disc;}

h1, h2, h3, h4, h5, p {margin:0px; padding:0px}

/**Copyrighthinweis**/
#xtc_copyright {font-family:Arial, sans-serif; font-size: 9px; width:280px; float:left; margin-left:20px;} 
#xtc_copyright a {text-decoration:underline} 
#xtc_copyright a:hover {text-decoration:none;}



/**Listenstyling**/
.list-pic {
text-align:center; 
float:left; 
width:140px;
height:140px;
display:table-cell;
margin-top:10px;
margin-left:10px;
overflow:hidden;
vertical-align:middle;
}
.list-text {height:100%; float:left}
.list-btn {bottom:5px;
height:22px;
left:20px;
position:absolute;
width:130px;}
.list-btn a {display:block; margin: 0 auto; width:130px; }
.list-price {
bottom:33px;
left:20px;
position:absolute;
text-align:left;
}
.list-price strong {white-space:nowrap}
.list-price .list-tax {display:block; width:auto; color:#fff !important;}
.list-price .list-tax a {color:#fff !important;}

/**Categorie ansicht**/
.subcat-link {width:30%; float:left; margin-bottom:10px}
.subcat-mitte {width:30%; padding:0px 5%;}
a.subcat {display:block; line-height:22px;}
.subcat-title {
color:#595959;
font-size:15px;
font-weight:bold;
margin:10px 0;
}



.grbox-content div.p1 {height:100% !important; width:auto !important;}
.grbox-fuss {text-align:right !important;}
a.toplink {display:block; width:50px; height:100%; position:relative !important; float:right;}

#favbox {display:block; position:absolute; background:#ffffff; z-index:10000; margin-left:-100px; border:1px solid #cccccc; padding:10px; width:180px}
#favbox div {color:#000000;}
#favbox hr {height:1px; display:block; margin:0px; padding:0px; border-top: 1px solid #cccccc;}
#favbox div a,#favbox div a:link, #favbox div a:visited {display:block; width:auto; color:#000000;line-height:18px; white-space:nowrap}
#favbox div a:hover {color:#000000;}


/**formlarseiten**/
.left_div {width:190px; float:left; padding-left:10px} 
.right_div {float:left}

/**warenkorb**/
#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:10px}
td.wk_qty {border:none !important}
.wk_options td {border:none !important}
.cartbtn {width:100%;text-align:center;}
.cartbtn img {padding-top:5px}

/**login**/
#loginbox input {border:1px solid #000000}
.loginbtn {vertical-align:middle; border:0px !important; margin-top:3px;}
.passinput {width:135px}
.emailinput {width:135px}

/**newsletter**/
#box_newsletter #newsletter_input {width:140px}

/**suchbox**/
#kopfzeile .suche {position:absolute;}
#kopfzeile .suche .klbox-kopf, #kopfzeile .suche .klbox-fuss, #kopfzeile .suche .klbox-content br {display:none}
#kopfzeile .suche .klbox-content {background:none !important; white-space:nowrap !important; width:auto !important;}

#extended_search {width:134px; padding-bottom:1px; left:0px; border:1px solid #cccccc; text-align:center; margin-top:-8px; margin-left:140px; background-color:#ffffff;}


td.e_search input {width:320px !important}

/**promoboxen**/
.promo-name, .promo-pic-link {display:block;}
.promo-pic-link {text-align:center}
.klbox-content .list-price {float:none !important; padding:0px; text-align:right;}
.klbox-content .list-price strong {display:block;}
.klbox-content .list-tax {float:none !important; padding:0px; text-align:right}
.klbox-content .list-btn {text-align:center}
.klbox-content .list-price strong br {display:none}
.klbox-content .list-price .productOldPrice {padding-right:5px;}
.list-price .productOldPrice {text-decoration:line-through;}
.tt_div {position:absolute; background-color:#ffffff; line-height:18px; border:1px solid #cccccc; margin-left:25px; margin-top:-10px; padding:1px 3px; z-index:200000;}
.tt_div {color:#000000; font-weight:normal;}
.tt_pfeil {position:absolute; margin-top:-7px; margin-left:20px;}
*html .tt_pfeil {margin-top:-6px;}
*html .startbox-mitte .tt_pfeil {margin-top:-8px;}

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

/**#box_neuheiten .klbox-content .blende { background-color:#ffffff; filter: alpha(opacity=80); display:block; width:100%; height:35px; position:absolute; margin-top:-48px;}
#box_neuheiten .klbox-content .list-price {position:absolute; margin-top:-50px;}**/

.text10 {font-size: 10px;}

.artikelkurzbeschreibung img {display:none}

#footer_head {display:none}



/**artikelansicht**/
#produktinfo {}
.aview-row1 {padding-top:0px;padding-bottom:10px; height:100%}
#aview-pic {width:63%; float:left; height:100%;}
#aview_pic1 {width:350px; overflow:hidden;}
/**image slider**/

#aview_picscroll {margin-left:0px; margin-top:0px; width:292px}
.imagegalery_scroll_left {width:11px; height:82px; background-image:url(img/imagegalery_scroll_left.gif); cursor:pointer;}
.add_img_box {float:left; border-top:1px solid #DCDCDC; border-bottom:1px solid #DCDCDC; width:270px; height:80px; overflow:hidden}
.imagegalery_scroll_right {width:11px; height:82px; background-image:url(img/imagegalery_scroll_right.gif); cursor:pointer;}
.img_slider {border:1px solid #fff;}

#aview-information {width:36%; float:right; text-align:right;}

#aview-price {}
#aview-infos2 {color:#fff !important; margin-left:5px;} 
#aview-infos {padding:10px 5px 5px 5px; text-align:left; height:100%; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.inf_header, .opt_header {position:absolute; color:#ccc; font-weight:bold; margin-top:-24px;float:right; font-size:20px;}
/**artikel_optionen zusatz_infos**/
#aview-options {background-color:#f2f2f2; color:#464646; padding:10px 5px 5px 5px; text-align:left; height:100%; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.infos_wert select {width:100%}
.infos_wert input.qty {float:left}
.infos_lable {float:left; width:47%; line-height:22px; text-align:left}
.infos_wert {float:left; width:47%; line-height:22px; text-align:left}
.quest_link {display:block; height:9px; width:7px; padding-left:3px; background:url(img/ico_quest.gif) no-repeat right top; position:absolute; margin:-15px 0 0 160px;}
*html .quest_link {margin:0px;}
*+html .quest_link {margin:0px;}
.infos_wert .tt_div {margin-top:-15px;}
*html .infos_wert .tt_div {margin-top:-10px;}
*+html .infos_wert .tt_div {margin-top:-10px;}
#aview-options .infos_wert, #aview-tocart .infos_wert {width:60%; min-height:22px;}
*html #aview-options .infos_wert, *html #aview-tocart .infos_wert  {height:22px}
#aview-tocart {border:1px solid #ccc; padding:5px; height:100%}
.aview-row2 {}
#produktinfo-kopf p.p1 h1 {text-transform:uppercase; line-height:24px; text-align:center; font-size:14px}
.a_view_price {width:100%; position:relative; color:#e33826; font-size:32px; text-align:right; display:block}
.produkt_beschreibung {width:100%;clear:both; padding-top:20px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; text-align:left;}
.produkt_beschreibung h4 {color:#000000}
.extra_info {color:#ccc}
#aview_also_purchased .checkoutblock {background:none !important; padding-top:0px; height:auto}
#aview_also_purchased .checkoutblock p {padding-left:10px;}

/**image slider**/
#aview-pic {overflow:visible;}
#aview_picscroll {margin-left:0px; margin-top:0px; width:350px}
#previewtray {background-color:#fff;}
.imagegalery_scroll_left {width:20px; height:88px; background-image:url(img/imagegalery_scroll_left.gif); cursor:pointer;}
.add_img_box {float:left; border-top:1px solid #DCDCDC; border-bottom:1px solid #DCDCDC; width:310px; height:88px; overflow:hidden}
.imagegalery_scroll_right {width:20px; height:88px; background-image:url(img/imagegalery_scroll_right.gif); cursor:pointer;}

#lupen_div {position:absolute; margin-top:6px; margin-left:-30px}
#a_view_pic_1 {text-align:right;}

/**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:verdana; font-weight:bold; padding:0px; margin:0px}
#pa_artikel {padding-top:20px; display:block; background:url(img/icon_arrow.jpg) no-repeat 0px 25px; padding-left:20px; 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%; padding-left:70%}

#close_window {font-family:arial;}
a#close_window:link {font-family:arial;}


/**Startseiten boxen**/
.start-links {float:left; margin-bottom:5px; margin-right:7px;}
.start-mitte {float:left; margin-bottom:5x; margin-right:7px; }
.start-rechts {float:left; margin-bottom:5px; }
#startmodule {background:none}
.start-desc {overflow:hidden; display:block}
.start-pic-div {height:150px; width:204px; margin-top:15px; overflow:hidden; display:table-cell; vertical-align:middle;}

/**messages**/
div#info_message, div.gutschein-content, div.error {width:auto !important; padding:2px 5px 2px 58px; border: 1px solid #cccccc; background: url(img/ico_infomsg.gif) no-repeat 5px center #ffffff; min-height:52px; margin: 5px 0px;}
*html div#info_message, *html div.gutschein-content, *html div.error {height:52px}
.wk_inhalt_row .markProductOutOfStock {display:block}
div.error {background: url(img/ico_error.gif) no-repeat 5px center #ffffff;}
div.error div.error {background:none; padding:0px; border:0px; margin:0px;}

/**gutscheinmodul**/
div.gutschein-content {background: url(img/ico_gutschein.gif) no-repeat 5px center #ffffff;}
#gutschein-btn {position:relative; top:6px;}

/**popup**/
#popup_bg {width:100%; height:100%;}
#popup_content {background-color:transparent; width:100%; height:760px; overflow:scroll !important; overflow-x:hidden !important; display:block}
#popup_text { padding:10px;}

/**checkout**/
#checkout_steps {width:100%; overflow:hidden; padding: 10px 0px 10px 0px; border:0px}
*html #checkout_steps {width:101% !important;}
*+html #checkout_steps {width:101% !important;}
.step {width:25% !important; float:left; display:inline; text-align:center;}
.step img {padding-bottom:4px;}
*html .step img {padding-bottom:0px;}

.checkoutblock {border-top: 1px solid #cccccc; padding:10px 0px; height:100%}
.checkoutblock  .info_lable {width:100%; padding-bottom:10px;}
.checkoutblock textarea {width:99% !important}
.checkoutblock table, .checkoutblock table td {width:100%}

.markProductOutOfStock {color:#ff0000 !important}
.wk_inhalt .markProductOutOfStock {font-size:11px;}
a.plus_link {background: url(img/plus.gif) no-repeat; display:block; width:40px; height:9px; font-size:0px}
a.plus_link:hover {background: url(img/plus_ov.gif) no-repeat;}
a.minus_link {background: url(img/minus.gif) no-repeat; display:block; width:40px; height:9px; font-size:0px}
a.minus_link:hover {background: url(img/minus_ov.gif) no-repeat;}
.input_qty {width:38px; text-align:center; font-weight:bold; border:1px solid #666666; border-bottom:0px; border-top:0px}
*html .input_qty {width:36px; margin:-1px 0px;}
*+html .input_qty {width:36px; margin:-1px 0px;}
.caption {font-weight:; float:left; text-align:center; padding:0px 3px;}
.wk_inhalt {float:left; padding:0px 3px; height:100%}
.wk_inhalt_1 {width:70%; float:left}
.wk_inhalt_2 {width:30%; float:left}
.einprice, .total {float:right; text-align:right}
.del {width:49px;}
.qty {width:40px;}
.art {width:auto;}
.einprice {width:85px;}
.total {width:82px;}
.wk_row_a, .wk_row_b, .wk_row_c, .wk_row_d {height:100%; padding:3px 0;}
.wk_inhalt_row .del {text-align:center !important; line-height:38px; height:30px; padding-top:8px}
.wk_inhalt_row .qty {padding-top:2px}
.wk_inhalt_row .art {font-weight:bold; padding-right:0px;}
html>body .wk_inhalt_row .art {width:70%}
.wk_inhalt_2 .einprice {padding-left:0px;}
.wk_inhalt .tt_div {padding:4px !important; margin:20px 0px 0px -15px}
.wk_inhalt .tt_div .tt_pfeil {margin-top:-9px !important;}
#wk_total {border-top: 1px solid #cccccc; text-align:right; width:100%}

#shipping_estimator .grbox-content {background:none !important;}
#shipping_estimator .grbox-content div.p1 {padding:0px !important;}

.vk_row {height:100%; padding:5px 0px;}
.vk_row .right_div input {width:130px !important}
#zeichen_left input {font-family:arial; font-size:10px; border:0px; width:25px; text-align:right; font-weight:bold; background:none}
*html #zeichen_left input {margin-bottom:1px;}
#zeichen_left {width:99%; text-align:right; font-family:arial; font-size:10px; font-weight:bold}

.pm_desc_all img {float:left; padding-right:10px}
.pm_desc {height:100%; height:48px;}
.pm_radio {width:25px; float:left; height:48px}
.pm_radio input {height:48px}
.pm_tt_div {width:600px;}

.checkout_total {height:100%;}
.ordertotal_title {width:83%; float:left; text-align:right}
.ordertotal_summe {float:right; width:auto;}
.btn_left {width:200px; float:left; line-height:22px}
.btn_right {float:right; line-height:22px}

/**last_viewed**/
#last_viewed .wk_row_a {text-decoration:none}
#last_viewed .checkoutblock {padding:0px !important;}
#last_viewed a.promo-name {padding-top:3px; margin-bottom:0px !important}
.bestseller-artikel {
border-bottom:1px solid #CCCCCC;
margin-bottom:5px;
padding-bottom:5px;
}
/**warenkorb popup**/
#popCart {position: fixed; top: 30%; left: 50%;	width: 560px; margin-left: -280px; background: #000;  z-index: 100000; display: none; padding: 10px 10px 15px 10px;border: 4px solid #ccc; background: #fff; color: #000 !important;}
*html #popCart {position:absolute; top:200px}
.popup_header {text-align: center; vertical-align:bottom; padding: 3px 10px; border: 1px solid #ccc; margin: 0px auto; width: 380px;}
.popup_image {text-align: center; color: #000; margin: 10px auto; padding: 5px;}

#mycart {margin: 0px auto; height: 42px; padding: 0px 10px 5px 10px; height: 100%; width: 320px; color: #000 !important;}

.cart_symbol {height: 48px; width: 48px; float: left; background: url(img/ico_cart.gif) no-repeat;}
.cart_contents {text-align: left; color: #000; height: 48px; float: left; padding-left:20px}
.cart_contents #wk_tax {top:1px}
#popcart_total {padding-top:3px}
#pop_buttons_box {text-align: left; width: 560px; height: 16px; vertical-align:bottom; margin: 10px auto 0 auto;}
.close_link {float:left; cursor:hand}
.tocart_link {float:right; cursor:hand}

/**contentbox styling**/
.grbox-content .contentbox .klbox-kopf, .grbox-content .contentbox .klbox-content {background:none; display:inline; height:auto; width:auto; font:inherit !important; color:inherit !important; margin:0px; padding:0px;}
.grbox-content .contentbox .klbox-content div.p1, .grbox-content .contentbox .klbox-kopf p.p1 {margin:0px !important; padding:0px !important; font:inherit !important; color:inherit !important;}
.grbox-content .contentbox .klbox-fuss {display:none}

/**navigation**/
ul#dd_navi li {display:inline;}

/**neue styles übernehmen**/
.box_admin div.p1 {overflow:hidden}
