/*
-----------------------------------------------------------------------------------------
   $Id: stylesheet.css$   

   Charisma.Digital Mediendesign
   http://www.charisma-digital.com

   Copyright (c) 2009 Charisma.Digital
-----------------------------------------------------------------------------------------
*/

html {overflow: -moz-scrollbars-vertical;}

body {margin: 0; background: url(images/bg_site.jpg) repeat-x #2A2A2A; font-family: Verdana, Arial, Sans-Serif; color: #999999;}

img {border: 0;}

/* Container */

#html {margin: 0 auto; width: 800px; height: 100%; overflow: hidden; color: #999999;}

#header_bc {width: 800px; height: 37px; background: url(images/header_bc.jpg) no-repeat;}
#header_nav {margin: 0px; padding: 3px 0px 0px 0px; width: 800px; height: 23px; text-align: right; font-size: 12px; color: #999999; background: url(images/header_nav.gif) no-repeat;}
#header_nav a,
#header_nav a:visited {color: #999999; text-decoration: none;}
#header_nav a:hover {color: #BB0808;}
#header {width: 800px; height: 123px; background: url(images/header.jpg) no-repeat;}

#top {width: 800px; height: 250px;}
#teaser {float: left; margin: 0px 5px 0px 0px; width: 553px; height: 250px;}
#cart {float: right; width: 242px; height: 250px; background: url(images/bg_warenkorb.gif) no-repeat;}

#navbar {margin: 9px 0px 8px 0px; width: 800px; height: 39px; background: url(images/navbar.gif) no-repeat;}

#content {margin: 0 auto; margin-bottom: 10px; padding: 29px 0px 0px 10px; width: 790px; height: auto; background: url(images/bg_content.jpg) repeat-y; overflow: hidden;}

#left {float: left; margin: 0; padding: 0px 0px 0px 0px; width: 230px; overflow: hidden;}

#text {float: right; margin: 0px 7px 0px 0px; padding: 0px; width: 550px; font-size: 11px; overflow: hidden;}

#footer {margin: 0 auto; width: 800px; height: 39px; background: url(images/navbar.gif) no-repeat; font-size: 9px; overflow: hidden;}

/* Boxen */

#box_cat {width: 220px; background: url(images/kategorien.gif) no-repeat; padding-top: 50px; font-family: Verdana, Arial, Helvetica, sans-serif;}
#box_cat ul {margin: 0px; padding: 0px; width: 180px;}
#box_cat li {color: #555555;}
#CatNavi {list-style: url(img/icon_arrow.gif); margin: 0px 0px 0px 0px;}
#CatNavi .CatLevel1 {font-size: 14px; font-weight: bold;}
#CatNavi .CatLevel1 a,
#CatNavi .CatLevel1 a:visited {display: block; width: 170px; height: 20px; color: #999999;}
#CatNavi .CatLevel1 a:hover {text-decoration: none; color: #A73B8F;}
#CatNavi ul {margin-left: 10px;}
#CatNavi .CatLevel2 {font-size: 14px; font-weight: normal;}

#box_content {width: 220px; background: url(images/informationen.gif) no-repeat; padding-top: 45px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em;}
#box_acc {width: 220px; background: url(images/account.gif) no-repeat; padding-top: 45px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em;}
#box_login {width: 220px; background: url(images/anmelden.gif) no-repeat; padding-top: 45px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
#box_admin {width: 220px; background: url(images/admin.gif) no-repeat; padding-top: 45px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
#box_missed {width: 220px; background: url(img/box_missed.png) no-repeat; padding-top: 45px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
#box_upcom {width: 220px; background: url(img/box_upcom.png) no-repeat; padding-top: 45px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
#box_bonus {width: 220px; background: url(images/bonuspunkte.gif) no-repeat; padding-top: 45px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
#box_sea {width: 220px; background: url(images/suchen.gif) no-repeat; padding-top: 45px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}

#c_cart {width: 550px; background: url(images/site_warenkorb.gif) no-repeat; padding-top: 35px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
#c_ship {width: 550px; background: url(images/c_versand.gif) no-repeat; padding-top: 45px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
#c_pay {width: 550px; background: url(images/c_bezahl.gif) no-repeat; padding-top: 45px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
#c_proof {width: 550px; background: url(images/c_proof.gif) no-repeat; padding-top: 45px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
#c_success {width: 550px; background: url(img/c_success.png) no-repeat; padding-top: 45px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
#c_readd {width: 550px; background: url(img/c_readd.png) no-repeat; padding-top: 45px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
#c_prod {width: 550px; background: url(images/c_prod.gif) no-repeat; padding-top: 45px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
#c_contact {width: 550px; background: url(images/c_kontakt.gif) no-repeat; padding-top: 45px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
#c_high {width: 550px; background: url(images/c_empf.gif) no-repeat; padding-top: 45px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; overflow: hidden;}
#c_nl {width: 550px; background: url(images/c_newsl.gif) no-repeat; padding-top: 45px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
#c_pw {width: 550px; background: url(images/c_pw.gif) no-repeat; padding-top: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
#c_revoca {width: 550px; background: url(images/c_widerruf.gif) no-repeat; padding-top: 45px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
#c_moneyb {width: 550px; background: url(images/c_moneyb.gif) no-repeat; padding-top: 45px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}

.box_tops {width: 220px; height: 20px; background: url(images/box_tops.gif) no-repeat;}
.box_cons {width: 220px; background: url(images/box_inn.gif) repeat-y;}
.box_foo {width: 220px; height: 20px; margin-bottom: 20px; background: url(images/box_foo.gif) no-repeat;}

.text_bg_wtop {width: 550px; height: 20px; background: url(images/text_top.gif) no-repeat;}
.text_bg_w {width: 543px; background: #F3F3F3; color: #333333;}
.text_bg_wfoo {width: 550px; height: 20px; background: url(images/text_foo.gif) no-repeat;}


/* Styles */

a {color: #999999; text-decoration: none;}
a:hover {color: #BB0808; text-decoration: underline;}

FORM {display: inline;}
TABLE.formArea {background: none;}


/* Search Box */

#sea {float: left; width: 180px; height: 35px;}
#sealeft {float: left; padding: 5px 0px 0px 15px;}
#searight {float: right; padding: 8px 15px 0px 0px;}
.searchbox {font-size: 10px;}
.inputsearch {font-family: Verdana, Arial, sans-serif; font-size: 11px; padding: 2px; border: 1px solid #D1D1D1; background-image: url(img/bg_input.gif);}
.butsearch {margin: 0px;}

/* Cart Box */

#box_cart {float: right; margin: 25px 0px 0px 0px; padding: 20px 10px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #A73B8F; text-align: right;}
#box_cart a, #box_cart a:visited {color: #EEEEEE; text-decoration: none;}
#box_cart a:hover {color: #A73B8F; text-decoration: none;}

/* Categories Box */

.moduleRow {font-size: 13px;}


/* Box */

.box_r {
font-size: 10px;
color: #555555;
}
fieldset {border: none; font-size: 10px;}

legend {color: #3257A3; font-size: 11px; font-weight: bold; }

#main_c {margin: 0 auto; padding-top: 20px; width: 550px;}
#main_cp {margin: 0 auto; padding-top: 20px; width: 550px;}
#main_ch {margin: 0 auto; width: 550px; height: 60px; text-align: center;}
#main_text {font-size: 12px;}

/* H-Tags */

h1.livesname {font-size: 16px;}

h1.livetop {font-size: 20px; color: #500D41; text-align: center;}

/* H-Tags End */

/* Forms */

.inputlogin {font-family: Verdana, Arial, sans-serif; font-size: 11px; padding: 2px; border: 1px solid #D1D1D1; background-image: url(img/bg_input.gif);
}
checkbox,
radio,
select {font-family: Verdana, Arial, sans-serif; font-size: 11px; border: 1px solid #666666;}

TEXTAREA {width: 100%; font-family: Verdana, Arial, sans-serif; font-size: 11px;}

/* CSS */

.contentsTopics {font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #761A62;}

.price_prod {font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #BB0808;}

.pageResults {font-size: 10px; font-weight: bold; color: #555555;}
a.pageResults {color: #555555; text-decoration: none;}
a.pageResults:hover {color: #999999; text-decoration: none;}
.price {color: #BB0808; font-size: 14px; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif;}
.prolist {font-size: 10px;}

.prolisting {width: 500px;}

.prole,
.prole a,
.prole a:visited {color: #9698A4;}

.prole a:hover {text-decoration: underline;}

/* Produkt Empfehlung */

.div_high {margin: 0 auto; width: 225px;}

.pronew {float: left; margin: 0px; padding-top: 10px; margin-left: 6px; margin-right: 6px; width: 225px; height: 250px; border: none; text-align: center;}
.pro_high {text-align: center; font-size: 12px; font-weight: bold; color: #9698A4;}
.price_high {float: left; width: 110px; text-align: center; color: #BB0808; font: 15px  Geneva, Arial, Helvetica, sans-serif; font-weight: bold;}
.prolist_high {float: right; margin-right: 5px; width: 110px; text-align: right; font-size: 10px;}
.buy_high {text-align: center;}
.b_prod {width: 225px; height: 15px;}


/* Liveshopping */

#productInfoLive {margin: 0 auto;}
.floatbox {margin: 0 auto;}
.basicImage {float: left; width: 33%;}
.basicbuy {margin: 0 auto; float: left; width: 33%; text-align: center;}
.basicData {float: right; width: 33%;}
.livepreisold {width: 150px; height: 20px; text-decoration: line-through; font-size: 12px; font-weight: bold; text-align: center;}
.livepreis {padding: 50px 0px 0px 0px; width: 150px; height: 100px; background-image: url(img/price.jpg); font-size: 22px; font-weight: bold; text-align: center; color: #FFFFFF;}
#liveTax {font-size: 10px; text-align: right;}
.stock {float: left; margin-top: 20px;}
.livecont {float: left; font-size: 12px;}
.prodInfo1Spacer {float: left;}
.gateway_content {color: #FFFFFF;}
#mbcookie {color: #FFFFFF; background: #000000;}


/* countdown styles */

.hasCountdown {
}
.countdown_holding div {background-color: #ccc;}
.countdown_row {clear: both; width: 100%; text-align: center;}
.countdown_show1 div {width: 100%;}
.countdown_show2 div {width: 50%;}
.countdown_show3 div {width: 33%;}
.countdown_show4 div {width: 25%;}
.countdown_show5 div {width: 20%;}
.countdown_show6 div {width: 16%;}
.countdown_show7 div {width: 14%;}
.countdown_section {float: left; font-size: 75%}
.countdown_amount {font-size: 225%; font-weight: bold; color: #B33EAD;}
.countdown_descr {width: 100%;}




/* CSS Alt */

.boxText { 
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

.boxTextBG {font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #A73B8F; color: #FFFFFF;}
.boxTextBGII {font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #520D43; color: #FFFFFF;}
.boxTextPrice {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 color: #91308C;
}

.errorBox {
 font-family : Verdana, Arial, sans-serif;
 font-size : 10px;
 font-weight: bold;
 background-color: #ffb3b5;
}
.gvBox {
 font-family : Verdana, Arial, sans-serif;
 font-size : 14px;
 font-weight: bold;
 border-color: #FFFFFF;
 border: 1px solid;
 background-color: #ffb3b5;
}
.stockWarning { 
 font-family : Verdana, Arial, sans-serif;
 font-size : 10px;
 color: #cc0033;
}

.productsNotifications {
 background-color: #f2fff7;
}

.orderEdit { 
 font-family : Verdana, Arial, sans-serif;
 font-size : 10px;
 color: #70d250;
 text-decoration: underline;
}

TR.header {
 background-color: #ffffff;
}

TR.headerNavigation {
  background: #F6F6F6;
}

TD.headerNavigation {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 color: #FFFFFF;
 font-weight : bold;
 border-bottom: 1px solid;
 border-color: #b6b7cb;
 background-color: #F6F6F6;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #FFFFFF;
}

TD.conditions {
  background-color: #FFCCCC;
}

A.confirmationEdit {
 color: #009933;
 font-style: italic;
}
A.confirmationEdit:hover {
 color: #009933;
 font-style: italic;
 text-decoration: underline;
}
TR.headerError {
  background-color: #ff0000;
}

TR.headerMessage {
 background-color: #00CC33;
}

.moduleHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: small;
 font-weight: bold;
 padding-bottom: 10px;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
    background: #F6F6F6;
  color: #FFFFFF;
  font-weight : bold;
  border-bottom: 1px solid;
  border-color: #b6b7cb;
}

.infoBox {
}

.infoBoxContents {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #666666;
  height:17px;
  color: #ffffff;
}

TD.infoBoxHeading_right {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #C4C4C4;
  height:17px;
  color: #FFFFFF;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  border-right: 4px solid;
  background: #E6E6E6; 
  border-color: #C4C4C4;
}

TD.infoBox_right, SPAN.infoBox_right {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #E6E6E6; 

}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #FFFFFF;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

SPAN.underline {
 text-decoration: underline;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}
SPAN.productOldPrice {
 font-family: Verdana, Arial, sans-serif;
 color: #777777;
 font-size: 10px;
 text-decoration: line-through;
}
SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.productDiscountPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
  font-weight: bold;
}

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* sitewide font classes */
/* Note: heading<Number> equals <font size="Number"> */
.heading1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; }
.heading2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; }
.heading3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; }
.heading4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; }
.heading5 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; }

/* Sitemap Tables */
.sitemap_heading {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; 
 background-color: #666666; 
 padding-top: 2px; padding-bottom: 2px;}
.sitemap_heading a {color:#FFFFFF;}
.sitemap_heading a:hover {color:#CCCCCC; text-decoration:none;}

.sitemap_sub {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #FFFFFF; background-color: #E6E6E6; padding: 2px 2px;}
.sitemap_sub a {color:#FFFFFF;}
.sitemap_sub a:hover {color:#999999; text-decoration:none;}


/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #999999; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; color: #999999; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

.onepxwidth {
 width: 1px;
}
.wl_border {border-top:1px solid #dddddd; margin-top:5px;}
.wl_checkbox {padding-bottom:5px;}
.wl_name  {padding-left:0px; font-weight:bold;}
.wl_desc  {padding-right:3px;padding-top:3px;}
.wl_price  {font-weight:bold;}
.wl_box  {margin-bottom:5px;}
.wl_searchbox {background-color:#f2f2f2;}
.wl_resultheader {background-color:#dddddd; padding:2px;}
.wl_resultcontent {background-color:#f9f9f9;}
.wl_resultcontent2 {background-color:#ffffff;}