body { margin: 0; padding: 0; font-family: Arial, Sans; color: #363636; font-size: 10pt; }
marquee, a, p, span, h1, h2, h3, input, option, select, label, textarea, ul, li, form, table, tr, td, th { font-family: Arial, Sans; color: #363636; font-size: 9pt; margin: 0; padding: 0; }

a { color: #363636; text-decoration: none; }
a:hover, a:visited { }
a img { border: 0; }

#content a { color: #f640b7; text-decoration: none; }
#content a:hover, a:visited { text-decoration: underline; }

#content .square .product a { color: #fff; }

input, textarea, select { border: 1px solid #999; }

p.answer { color: #3366ff; }
table#partner { border: 0; padding: 0; margin: 0; border-collapse: collapse;}
table#partner td { vertical-align: top; padding: 0 0 10px 0; margin: 0; }

a#livezugang, #content .aiod * {
	color: #000;
}
a#livezugang:hover, #content .aiod a:hover {
	color: #f640b7;
	text-decoration: none;
}


.error { border: 1px solid #ff0000; background: #eeeeee; padding: 13px; margin-top: 24px; clear: both; }
.error p {color: #ff0000; }
ul.error { margin: 0 0 10px 0; width: 756px; }
ul.error li {color: #ff0000; }

.info { color: #f640b7; }

#content ul {
	list-style-type: disc;
	list-style-image: url('../img/list-bullet.jpg');
	list-style-position: inside;
}

#container { margin: 0 auto; width: 980px; position: relative; /* background: url(../img/raster.png) no-repeat -10px 0  #ccffcc; */ }

#header { position: relative; height: 105px; margin-bottom: 10px; z-index: 6; }
#header #logo { position: absolute; left: 0; top: 9px; }

#mini-cart { background: #fff; position: absolute; left: 594px; top: 22px; width: 188px; overflow: hidden; z-index: 6; }
#mini-cart #mc_icon { height: 10pt; }
#mini-cart #mc_triangle { margin-left: 8px; }
#mini-cart a { font-size: 12pt; }

#mini-cart-details { border: 1px solid #000; border-top: 0px; display: none; }
#mini-cart-details ul { margin: 0 13px 13px 13px; padding-top: 13px; }
#mini-cart-details li { color: #159dde; }
#mini-cart-details #btngocart { margin: 13px; }

#mini-login { background: #ffffff; position: absolute; left: 792px; top: 22px; width: 188px; z-index: 5; }
#mini-login #login_slide { font-size: 12pt; color: #000; cursor: pointer; } 
#mini-login-details { border: 1px solid #000; border-top: 0px; display: none; padding-top: 4px; }
#mini-login .submit { margin: 13px; }
#mini-login .input { margin: 4px 13px 8px 13px; }
#mini-login input { border: 0px; background: #ccc; color: #000; font-size: 8pt; width: 100%; }
#mini-login label { margin: 4px 0px; display: block; font-size: 8pt; }
#mini-login #autologin label { margin-left: 8px; display: inline; }
#mini-login input[type="checkbox"] { width: auto; vertical-align: middle; }
#mini-login form a { margin: 13px; }

.top-nav marquee { position: absolute; left: 396px; top: 4px; right: 198px; }
.top-nav #welcome { position: absolute; left: 396px; top: 22px; right: 198px; }

#nav { z-index: 5; }

#lang-switch { position: absolute; top: 15px; left: 450px; z-index: 1000; display: none; }

#menu { list-style-type: none; z-index: 5; }
#menu li { float: left; position: relative; width: 198px; height: 62px; z-index: 5; }
#menu li .label { float: left; width: 188px; height: 62px; background: #000; cursor: pointer; }
#menu li span { display: block; position: absolute; width: 162px; left: 13px; bottom: 13px; color: #fff; font-size: 15pt; font-family: Helvetica Neue, Arial Narrow, Arial, Sans; font-weight: 100; } 
#menu li.last { width: 188px; }

#menu li.active .label { color: #f640b7; }
#menu li.selected .label,
#menu li:hover .label { background: #f640b7; }

#menu li a { color: #fff; }
#menu li a:hover { color: #f640b7; }

.category { position: absolute; display: none; width: 584px; top: 62px; left: 0; color: #fff; z-index: 5; background: #fff; }
.category .c_margin { background: #303030; margin-top: 4px; padding: 13px 0 13px 13px; }
.category h2 { font-size: 15pt; color: #ffffff; font-weight: normal; margin-bottom: 8px; }
.category p { color: #ffffff; }
.category_col { float: left; display: !inherit block; margin-top: 13px; margin-right: 13px; }
.category_col h3 { font-size: 9pt; font-weight: normal; }

.category p.c_desc { background: #c9c9c9; color: #484848; padding: 5px; margin-top: 13px; margin-right: 13px; }

#menu .c_list { background-color: #414141; width: 177px; height: 177px; }
#menu .c_list ul { list-style-image: url(../img/gt.png); padding: 13px 0 13px 26px; }
#menu li .c_list li { margin: 0 0 9px 0; color: #fff; height: auto; width: auto; float: none; }
#menu li .c_list li a { display: block;  }

#footer { clear: both; }
#footer table { border-collapse: collapse; empty-cells: show; border: 0; margin: 0 -10px 0 -10px; }
#footer table td { width: 188px; height: 89px; background: #c7c7c7; border: 10px solid white; vertical-align: top; }
#footer table td:hover { background: #000; }
#footer p { margin: 10px; color: #fff; line-height: 150%; }
#footer a { color: #fff; }
#footer a:hover { color: #f640b7; }
#footer img { vertical-align: middle; } 

#content { clear: both; position: relative; min-height: 522px; } /* -62 */
#content h1 { position: absolute; top: 80px; color: #f640b7; font-size: 24pt; font-weight: normal; }
#content #second { padding-top: 136px; }

.square { width: 188px; height: 188px; }

.c11, .c21 { position: absolute; left: 0; }
.c12, .c22 { position: absolute; left: 198px; }
.c13, .c23 { position: absolute; left: 396px; }
.c14, .c24 { position: absolute; left: 594px; }
.c15, .c25 { position: absolute; left: 792px; }
.c11,.c12,.c13,.c14,.c15 { top: 136px; }
.c21,.c22,.c23,.c24,.c25 { top: 334px; }

.magenta { background: #f640b7; }
.black { background: #000; cursor: pointer; }
.yellow { background: #f7f419; }

.product { position: relative; margin: 13px; height: 162px; }
.product h2 { position: absolute; left: 0; bottom: 0; color: #fff; font-size: 15pt; font-family: Helvetica Neue, Arial Narrow, Arial, Sans; font-weight: 100; }
.product span.price { position: absolute; left: 0; bottom: -11px; color: #fff; font-size: 8pt; }
.product .detail { position: absolute; top: 0; left: 0; color: #fff; }
.product .cart { position: absolute; top: 0; right: 0; height: 20px; }
.product .aio { position: absolute; top: 0; left: 0; width: 162px; line-height: 162px; color: #fff; font-size: 24pt; display: block; vertical-align: middle; text-align: center; display: none; }
.product .play { position: absolute; top: 55px; left: 55px; display: none; }

#cartblack { height: 40px; }

.listen h2 { font-size: 14pt; color: #f640b7; font-weight: normal; }
.listen a { font-size: 14pt; }

.buy #b1 { position: absolute; bottom: 0; cursor: pointer; }
.buy #b1 a { font-size: 14pt; text-decoration: none; }
.buy #b1 a:hover { text-decoration: none; }
.buy #b2 { position: absolute; bottom: 0; right: 0; }

.buy #b1:hover * {
	color: #f640b7;
}

#content h1.info { top: 60px;  }
#content h2.info { position: absolute; top: 100px; text-transform: uppercase; font-size: 12pt; }
#content .info_back { position: absolute; top: 136px; }

table.cart { border-collapse: collapse; empty-cells: show; width: 584px; }
table.cart th { padding: 2px; text-align: left; border-bottom: 1px solid #BDE5F8; }
table.cart td { color: #159dde; padding: 4px 2px 4px 2px; border-bottom: 1px solid #8AB0CC; }
table.cart tr.summary td { border-top: 2px solid #8AB0CC; border-bottom: 2px solid #8AB0CC; font-size: 10pt; }
#CustomerCouponCode { margin-left: 10px; }

.info_content { position: absolute; top: 136px; left: 198px; right: 198px; height: 386px; overflow: auto; }
.info_content h3 { text-transform: uppercase; font-size: 11pt; letter-spacing: 1.5px; margin-bottom: 8px; margin-top: 13px; }
.info_content p { margin-bottom: 10px; }
.info_content a { color: #f640b7; }

#blackline { background: #000000; height: 25px; }
#blackline p { margin-right: 13px; float: right; position: relative; }
#blackline p span { position: absolute; right: 0; top: 0; color: #fff; font-size: 12pt; line-height: 25px; width: 750px; text-align: right; }

.caps { font-size: 16pt; font-variant: small-caps; margin: 24px 0 24px 0; }

#bcamp { width: 792px; height: 188px; }
#bcamp a { position: absolute; top: 0; left: 0; }
#csis1 { position: absolute; bottom: 0; z-index: 3; }
#csis2 { position: absolute; bottom: 0; z-index: 4; }

.group { clear: both; font-variant:small-caps; font-size: 10pt; background: #159DDE; color: #ffffff; width: 576px; padding: 2px 0 2px 4px; margin-top: 10px; }

form.bestellung { margin: 10px 0 10px; }
form.bestellung label { display: block; float: left; width: 100px; }
form.bestellung .checkbox label { display: inline; width: auto; float: none; margin-left: 4px; }
form.bestellung input[type="text"], form.bestellung input[type="password"], form.bestellung select { width: 120px; }
form.bestellung #CustomerCouponCode { margin-left: 0; }
.input_btn { display: block; height: 62px; width: 188px; line-height: 62px; background: #159dde; color: white; font-size: 12pt; text-align: center; border: 0; }
.btn { font-size: 24pt; display: block; margin: 45px; text-align: center; }


#content a.continue-shopping {
	background-color: #000;
	color: #fff;
}
#content a.continue-shopping:hover {
	text-decoration: none;
	background-color: #F640B7;
	color: #fff;
}

table.bestellung { border-collapse: collapse; empty-cells: show; float: left; margin: 4px 24px 10px 0; }
table.bestellung th { text-align: left; padding: 4px 4px 0 0; }
table.bestellung td { text-align: left; padding: 4px 4px 0 0; }
table.bestellung caption { text-align: left; font-weight: bold; }
table.bestellung div { width: 130px; }
table.bestellung #direct-debit { width: auto; }
table.bestellung #direct-debit div { width: auto; }

table.anmelden { border-collapse: collapse; empty-cells: show; float: left; }
table.anmelden th { text-align: left; vertical-align: middle; padding-right: 4px; }
table.anmelden td { width: 130px; }

a.more_info { color: #f640b7; font-size: 14pt; }

h1.title {
	color: #f640b7;
	font-size: 30px;
	font-weight: normal;
}
h1.product-title {
	color: #fff;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 0px;
}

.white-space {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 10px;
}
.content-box, .content-box-white, .content-box-magenta, .content-box-yellow, .content-box-green, .content-box-blue {
	float: left;
	margin: 0px;
	padding: 0px;
	padding-left: 4px;
	width: 188px;
	height: 188px;
	background: #000;
	color: #fff;
}
.content-box-white {
	background: #fff;
	color: #000;
}
.content-box-magenta {
	background: #f640b7;
}
.content-box-yellow {
	background: #f7f419;
	color: #000;
}
.content-box-green {
	background: #00ff33;
}
.content-box-blue {
	background: #159dde;
}

.content-box h1, .content-box-white h1, .content-box-magenta h1, .content-box-green h1 {
	font-size: 19px;
	font-weight: normal;
}
.content-box h2, .content-box-white h2, .content-box-magenta h2, .content-box-green h2 {
	font-size: 17px;
	font-weight: normal;
}



.small-box, .small-box-left, .small-box-right {
	margin: 0px;
	padding: 0px;
	width:94px;
	height:94px;
}
.small-box-right {
	margin-left:98px;
}
.small-box {
	margin-top:94px;
}


/*			forms				*/

#flashMessage {
	background: #449944;
	color:#FFFFFF;
	font-size:12px;
	left:0;
	padding:25px;
	/* position:absolute; */
	text-align:center;
	top:0;
	width:336px;
}

.clear { padding: 0; margin: 0; height: 1px; clear: both; }

.test-the-box {
}
.test-the-box a.buttons {
	display: block;
	width: 160px;
	height: 61px;
	position: absolute;
	right: 165px;
	top: 25px;
}
.test-the-box a.test-text {
	position: absolute;
	left: 791px;
	top: 73px;
	display: block;
	color: #f640b7;
}
.test-the-box a.test-text:hover {
	text-decoration: underline;
}