@charset "UTF-8";
/* Font-Classes */

body {
	background-color: #660033;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #555;
	width: 100%;
}

h1 {
	visibility: hidden;
	display: block;
	overflow: hidden;
}

h2 {
	visibility: hidden;
	display: block;
	overflow: hidden;
}


h3 {
	color: #666;
	width: 199px;
	height: 19px;
	background-image: url(../images/global/h3.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
	padding-top: 3px;
	text-align: center;
}

h5 {
	display: block;
	margin-bottom: 3px;
	font-weight: bold;
}

fieldset {
    border: 1px solid #999;
    padding: 8px;
}

fieldset legend {
    color: #999;
    font-size: 1em;
    font-weight: bold;
}

p {
    clear: both;
    display: block;
    float: none;
}

a:link, a:visited  {
	color: #660033;
	text-decoration: none;
}

a:hover, a:active  {
	color: #660033;
	text-decoration: none;
}

.article {
	color: #660033;
	font-size: 1.0em;
	line-height: 1.0em;
	cursor: pointer;
}

.price {
	font-size: 1.8em;
	line-height: 1em;
	font-weight: bold;
} 

.top1 {
	margin-top: 2px;
} 

.top2 {
	margin-top: 4px;
} 

.top3 {
	margin-top: 8px;
} 

.top4 {
	margin-top: 12px;
} 

.top5 {
	margin-top: 16px;
} 

.txtsmall {
	font-size: 0.9em;
	line-height: 1.2em;
	display: block;
	width: 630px;
} 

.red {
	color: #660033;
} 

.wk-link  {
	background-repeat: no-repeat;
	color: #555;
	display: block;
	padding-left: 10px;
	margin-bottom: 6px;
	line-height: 1.1em;
}

.wk-link:link, .wk-link:visited  {
	background-image: url(../images/global/arrow.gif);
	color: #555;
	text-decoration: underline;
}

.wk-link:hover, .wk-link:active  {
	background-image: url(../images/global/arrow-over.gif);
	color: #000;
	text-decoration: underline;
}

/* Main Navigation */

ul .mainnavigation.admin  {
	display: block;
	line-height: 1.1em;
	font-size: 1.3em;
	float: left;
	height: 37px;
	margin-right: 10px;
	position: relative;
	z-index: 100;
}

ul .mainnavigation  {
	display: block;
	line-height: 1.1em;
	font-size: 1.5em;
	float: left;
	height: 37px;
	margin-right: 10px;
	position: relative;
	z-index: 100;
}

.mainnav  {
	display: block;
	float: left;
	height: 37px;
	background-repeat: no-repeat;
	float: left;
	cursor: pointer;
}


.mainnav-m  {
	background-image: url(../images/navigation/navi-middle.gif);
	background-position: center top;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 6px;
	height: 31px;
	color: #666;
}


.mainnav-l  {
	background-image: url(../images/navigation/navi-left.gif);
	width: 3px;
}

.mainnav-r  {
	background-image: url(../images/navigation/navi-right.gif);
	width: 3px;
}

ul .mainnavigation .active  {
	color: #660033;
	text-decoration: none;
}

.mainnav-m:link, .mainnav-m:visited, .mainnav-m:link, .mainnav-m:visited  {
	color: #666;
	text-decoration: none;
}

.mainnav-m:hover, .mainnav-m:active  {
	color: #660033;
	text-decoration: none;
}


.home  {
	background-image: url(../images/navigation/home.gif);
	width: 24px;
}

.home:link, .home:visited, .home:hover, .home:active, .home.active {
	background-image: url(../images/navigation/home-over.gif);
}

.basket  {
	background-image: url(../images/navigation/basket.gif);
	width: 24px;
}

.basketactive  {
	background-image: url(../images/navigation/basket-active.gif);
}




/* Sub Navigation */


ul .subnavigation  {
	display: block;
	line-height: 1.1em;
	font-size: 1.2em;
	float: left;
	height: 31px;
	margin-right: 10px;
	position: relative;
	z-index: 50;
}

.subnav  {
	display: block;
	float: left;
	height: 31px;
	background-repeat: repeat;
	float: left;
	cursor: pointer;
}


.subnav-m  {
	background-image: url(../images/navigation/sub-m.gif);
	background-position: center top;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 7px;
	height: 24px;
	color: #666;
}


.subnav-l  {
	background-image: url(../images/navigation/sub-l.gif);
	width: 3px;
}

.subnav-r  {
	background-image: url(../images/navigation/sub-r.gif);
	width: 3px;
}

ul .subnavigation .active  {
	color: #660033;
	text-decoration: none;
}

.subnav-m:link, .subnav-m:visited  {
	color: #666 !important;
	text-decoration: none;
}

.subnav-m:hover, .subnav-m:active  {
	color: #660033 !important;
	text-decoration: none;
}


.nopict  {
	background-image: none !important;
}

.user {
	color: #fff;
} 


.metanavi a:link, .metanavi a:visited  {
	color: #999;
}

.metanavi a:hover, .metanavi a:active  {
	color: #fff;
}

.colorwhite {
	color: #fff !important;
} 

.button {
	width: 150px;
	height: 38px;
	background-image: url(../images/global/button.png);
	background-repeat: no-repeat;
	display: block;
	text-align: center;
	padding-top: 6px;
	font-weight: bold;
	cursor: pointer;
} 

.button:link, .button:visited  {
	color: #666;
	text-decoration: none;
}

.button:hover, .button:active  {
	color: #660033;
	text-decoration: none;
	background-image: url(../images/global/button-over.png);
}

.button-inactive, .button-inactive:link, .button-inactive:visited,
.button-inactive:hover, .button-inactive:active {
	background-image: url(../images/global/button.png);
	border: none;
	color: #666;
	cursor: default;
} 

.wb-btn {
	float: right;
}

td {
	vertical-align: top;
}

.gold {
	color: #cc9933;
} 


.size2 {
	font-size: 1.2em;
} 

.size3 {
	font-size: 1.4em;
} 

input {
	color: #555;
} 

hr {
	padding:0;
	margin: 10px 0px 10px;
	border: 0px;
	border-bottom: 1px solid #d6d6d6;
	display: block;
	float: left;
	height: 1px;
	width: 100%;
}

.hr_total {
	border-bottom: 1px solid #999;
} 

.bg_countdown {
	background-image: url(../images/global/bg-header-spezial.jpg) !important;
} 

.bg_countdown_today_d {
	background-image: url(../images/global/bg-header-countdown-d.jpg) !important;
} 

.bg_countdown_today_f {
	background-image: url(../images/global/bg-header-countdown-f.jpg) !important;
} 

.bg_countdown_today_i {
	background-image: url(../images/global/bg-header-countdown-i.jpg) !important;
} 

.countdownOption {
    background-color: #edc710;
    background-image: url('../images/global/clock.gif');
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}

/* cart sidebar */

#cart .button {
	width: 113px;
	height: 38px;
	background-image: url(../images/global/kasse.jpg);
	background-repeat: no-repeat;
	display: block;
	text-align: center;
	padding-top: 6px;
	font-weight: bold;
	margin-bottom: 30px;
	float: right;
	clear: both;
	margin-top: 15px;
} 

#cart .button:link, #cart .button:visited  {
	color: #666;
	text-decoration: none;
}

#cart .button:hover, #cart .button:active  {
	color: #660033;
	text-decoration: none;
	background-image: url(../images/global/kasse-over.jpg);
}

#cart hr {
	padding:0;
	margin: 10px 0px 10px;
	border: 0px;
	border-bottom: 1px solid #d6d6d6;
	height: 1px;
	width: 191px;
} 

#cart .item {
    padding-left: 5px;
}

#cart .subtotal {
	color: #660033;
	font-weight: bold;
	text-align: right;
	padding-right: 8px;
	overflow: hidden;
	height: 14px;
	padding-top: 10px;
} 

#cart .totalAmount {
	font-weight: bold;	
} 

#cart .total .totalAmount, #cart .total .monthlyFee {
    clear: both;
    float: none;
}

#cart .total .totalAmount .label, #cart .total .monthlyFee .label {
    float: left;
    margin-left: 5px;
    text-align: left;
}

#cart .total .totalAmount .amount, #cart .total .monthlyFee .amount {
    float: right;
    margin-right: 8px;
    text-align: right;
}

#cart .head {
    margin-left: 30px;
}

#cart .brand {
	color: #c93;
	font-weight: bold;
} 

#cart .quantity {
    color: #c93;
    float: left;
    text-align: right;
    width: 25px;
}

#cart .articlename {
	color: #660033;
	float: left;
	font-weight: bold;
	margin-left: 5px;
	width: 150px;
}

#cart .articleadd {
    clear: both;
    float: none;
    margin-left: 30px;
} 

#cart .pricetotal {
	font-weight: bold;
} 

#cart .option {
    margin-top: 10px;
}

#cart .accessories, #cart .option {
    margin-bottom: 10px;
}

#cart .accessory, #cart .option, #cart .item,
#cart .service, #cart .subtotal {
    clear: both;
    float: none;
}

#cart .delete {
    cursor: pointer;
    margin-right: 10px;
}

* html #cart .noItems {
    width: 100%;
}

#cartLoading {
    float: right; 
    height: 15px;
    margin: 0px 8px 0px -25px;
    text-align: center;
    width: 15px;
}

* html #cartLoading {
    margin-top: -15px;
}

#cart .accessories .head,
#cart .services .head {
    clear: both;
    display: block;
    float: none;
    padding-top: 8px;
}

/* cart detail */

#cartDetail .productName {
    font-size: 1.45em;
    font-weight: bold;
}

#cartDetail .quantityField {
    font-size: 10px;
    text-align: right;
}

#cartDetail .itemTotal {
    text-align: right;
}

#cartDetail .bundleHead {
    color: #cc9933;
	font-weight: bold;
}

#cartDetail .optionName {
    font-size: 1.3em;
    font-weight: bold;
}

#cartDetail .totalBundle {
    text-align: right;
}

#cartDetail .totalBundle .subTotal {
    font-size: 1.3em;
    font-weight: bold;
}

#cartDetail .totalBundle .totalMonthlyFee {
    color: #000;
    font-size: 1.1em;
}

#cartDetail hr {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #999;
    display: block;
    height: 0px;
    overflow: hidden;
}

#cartDetail .cartTotal {
    padding: 60px 0px 20px 0px;
    text-align: right;
}

#cartDetail .cartTotal .subTotal {
    font-size: 1.35em;
    font-weight: bold;
}

#cartDetail .cartTotal .totalMonthlyFee {
    color: #000;
    font-size: 1.1em;
}

#cartProgress {
    margin-left: 2px;
}

* html #cartProgress {
    margin: 20px 0px 0px 40px;
}

#cartProgress div {
    background-image: url('../images/global/arrow-inactive.png');
    background-repeat: no-repeat;
    float: left;
    font-weight: bold;
    height: 51px;
    margin-right: -12px;
    padding: 8px 0px 0px 20px;
    width: 164px;
}

#cartProgress .active {
    background-image: url('../images/global/arrow-active.png');
    color: #660033;
}

#cartProgress .first {
    background-image: url('../images/global/cart-progress-arrow-first.jpg');
    width: 187px;
}

#cartProgress .last {
    background-image: url('../images/global/cart-progress-arrow-last.jpg');
    width: 169px;
}

#orderOverview .billingAddress, #orderOverview .shippingAddress {
    float: left;
    padding: 15px 15px 0px 0px;
}

#orderOverview .order {
    clear: both;
    float: none;
    padding-top: 25px;
}

#orderOverview .order .productName {
    text-align: left;
    width: 370px;
}

#orderOverview .order .quantity {
    text-align: right;
    width: 60px;
}

#orderOverview .order .monthlyFee {
    text-align: right;
    width: 100px;
}

#orderOverview .order .unitPrice,
#orderOverview .order .itemTotal {
    text-align: right;
    width: 100px;
}

#orderOverview .totalLabel {
    font-weight: bold;
    text-align: left;
}

#orderOverview .totalAmount {
    font-weight: bold;
    text-align: right;
}

/* product detail */

.productDetailLoading {
    background-image: url('../images/global/spinner-big.gif');
    background-position: center center;
    background-repeat: no-repeat;
    height: 100px;
}

/* form elements */

input {
	border: #888 solid 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555;
	padding-left: 3px;
	padding-top: 3px;
	height: 18px;
}

textarea {
	border: #888 solid 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555;
	padding-left: 3px;
	padding-top: 3px;
	height: 100px;
}

select {
	border: #888 solid 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555;
}


.inputfeld150 {
	width: 150px;
}

.inputfeld45 {
	width: 45px;
}

.inputfeld126 {
	width: 126px;
}


.inputfeld180 {
	width: 180px;
}

.inputfeld432{
	width: 432px;
}


.inputfeld30 {
	width: 30px;
}

input.checkbox, input.radio {
    border: none;
}

label.checkbox {
    vertical-align: 30%;
}

label.radio {
    vertical-align: 40%;
}

#validationErrorMessages {
    background-color: #fff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-box-shadow: 7px 7px 4px #888;
    -webkit-box-shadow: 7px 7px 4px #888;
    color: #fff;
    clear: both;
    float: none;
    font-weight: bold;
    margin: 10px 0px 10px 0px;
    padding: 15px;
}

#successMessage {
    background-color: #fff;
    color: #fff;
    clear: both;
    float: none;
    font-weight: bold;
    margin: 10px 0px 10px 0px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
	margin-left: 5px;
	margin-right: 10px;    
}

#language_switch {
    padding: 0px 10px 8px 0px;
}

#language_switch .selected {
    font-weight: bold;
}

/* product overview */

#productOverview {
    height: 491px;
    overflow: hidden;
    position: relative;
    width: 764px;
}

#productOverview .nextPage {
    background-image: url('../images/paging/page-forward.png');
    background-repeat: no-repeat;
    cursor: pointer;
    height: 488px;
    right: 3px;
    position: absolute;
    top: 3px;
    width: 50px;    
    z-index: 2;
}

#productOverview .nextPageHover {
    background-image: url('../images/paging/page-forward-active.png');
}

#productOverview .previousPage {
    background-image: url('../images/paging/page-back.png');
    background-repeat: no-repeat;
    cursor: pointer;
    height: 488px;
    left: 0px;
    position: absolute;
    top: 3px;
    width: 53px;  
    z-index: 2;  
}

#productOverview .previousPageHover {
    background-image: url('../images/paging/page-back-active.png');
}

#productOverview .inner {
    clear: both;
    float: none;
    left: 0px;
    position: absolute;
    top: 0px;
    z-index: 1;
}

#productOverview .page {
    height: 100%;
    float: left;
    width: 764px;
}

/* footer */
.bs-logo {
    background-image: url('../images/global/bs-logo.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 13px;
    margin: 0 -5px -3px 0;
    width: 28px;
}

.bs-logo:hover {
    background-position: 0px -15px;
}

.commix-logo {
    background-image: url('../images/global/commix-logo.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 12px;
    margin: 0 0 -3px 0;
    width: 58px;
}

.commix-logo:hover {
    background-position: 0px -14px;
}

.bs-logo span,
.commix-logo span {
    display: none;
}

/* general */

a img {
    border: none;
    text-decoration: none;
}

.countdownspecial_labeltxt {
	color: #660033;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.4em;
	cursor: pointer;
}

.countdownspecial_infotxt {
	color: #111111;
	font-size: 1.2em;
	line-height: 1.2em;
}

.countdownspecial_moreinfo {
	color: #660033;
	font-size: 1.2em;
    text-decoration: underline;
}

.hidden {
	visibility: hidden; 
}

.visible {
	visibility: visible; 
}

.staticContent {
	margin-top: 5px;
}

.pricefrom {
	font-size: 0.5em;
	padding-left: 0px;
	padding-right: 5px;
}

.demoLabel {
    font-size: 11px;
}