/* #################################################
# Projekt 	: CSS - MBM
# Stand     : 22.02.07
# Autor		: Daniel Zander, Source-Media.com
#################################################### */


html, body, div, p, h1, h2, h3, ul, ol, 
span, a, table, td, form, img, li {
	margin:0; padding:0;
	font:11px Arial, Helvetica, sans-serif;
	color:#000;
}

input, select {font:11px Arial, Helvetica, sans-serif}

html, body {
	height:100%;
	text-align:center;
	font-size:100.01%;  /* for IE/Opera bug */
}

body.cm1 {border:2px dashed #f00; border-bottom:0}
body.cc1 {border:2px dashed #090; border-bottom:0}
#exit {position:absolute;top:0;left:0;padding:4px;background:#f00;color:#fff;font-weight:bold}

/* -------------------------------------- */

#site {
	width:760px;
	margin:10px auto;
	text-align:left;
}

#top {
	margin-bottom:0px;
}

#lft, #rgt {
	margin-top:10px;
	width:148px;
	float:left;
	overflow:hidden;
}

#mid {
	float:left;
	margin:10px 12px 0 12px;
	width:440px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:440px;
}
html>body #mid {width:440px}


#btm div {
	margin-top:12px;
	margin-bottom:20px;
	float:left;
}

/* -------------------------------------- */

img  {border:0}
.c   {clear:both;display:inline}
form, button {display:inline}
hr   {height:1px;background:#004461;color:#004461;border:0 #004461}

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

#site .price, 
#site .alert {color:#a00; font-weight:bold}

#site .success {color:#0a0; font-weight:bold}

/* -------------------------------------- */

#copy, #imp {
	width:148px;
	padding-top:10px;
}

#imp {
	text-align:right;
}

#navf {
	width:435px;
	padding-top:10px;
	margin:0 12px 0 12px;
	text-align:center;
	border-top:1px solid #4C7B90;
}

#btm div,
#navf a,
#imp a,
#dlinfo {
	color:#777;
	text-decoration:none;
}
#navf a {letter-spacing:-0.05em}

#navf a:hover,
#imp a:hover {
	color:#000;
}

#navf .set ,
#imp .set {
	color:#000; text-decoration:underline;
}

/* -------------------------------------- */

dl {
	width:100%;
	margin:0 0 12px 0;
	background:#004461 url('/elm/circ/c1bl.gif') no-repeat bottom left;
	border-bottom:1px solid #004461;
}

dt {
	margin:0;
	padding:3px 4px 3px 3px;
	letter-spacing:0.04em;
	color:#fff;
	font-weight:bold;
	text-align:right;
	background:#004461 url('/elm/circ/c1tl.gif') no-repeat top left;
}

dd {
	margin:0;
	padding:3px 3px 3px 3px;
	background:#F3F3F1;
	border-left:1px solid #004461;
	border-right:1px solid #004461;
}

#rgt dt {
	text-align:left;
	padding:3px 3px 3px 4px;
	background:#004461 url('/elm/circ/c1tr.gif') no-repeat top right;
}

#rgt dt {background:#004461 url('/elm/circ/c1tr.gif') no-repeat top right}

/* -------------------------------------- */

#top #logo {
	float:left;
	width:290px;
	height:43px;
	margin:19px 0 10px 0;
}

#top #logo img {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='elm/logo/musicbuymail.png', sizingMethod='crop')}
html>body #top #logo img {background:url('/elm/logo/musicbuymail.png') no-repeat 0 0}



#top .ad, #top .ad img {width:468px; height:60px}

#top .ad {
	float:left;
	margin:0 0 10px 0;
	border:1px solid #666;
	background:#F3F3F1;
}

/* -------------------------------------- */

#lang {
	float:left;
	width:160px;
	height:20px;
}

/* -------------------------------------- */

#navt {
	float:left;
	width:600px;
	height:20px;
}

#navt ul, #navt li {
	list-style:none;
	float:left;
}
#navt li, #navt a {
	max-width:75px;
}

html>body #navt a {letter-spacing:0.05em} /* FF fix */
#navt a,
#navt a:hover {
	height:20px;
	line-height:20px;
	vertical-align:middle;
	width:75px;
	display:block;
	text-align:center;
	background:#004461 url('/elm/circ/c1tr.gif') no-repeat top right;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	voice-family: "\"}\"";   
	voice-family: inherit;
}
#navt a:hover {background:#000 url('/elm/circ/c1tr2.gif') no-repeat top right;}

#navt .set,
#navt .set:hover {
	background:#4C7B90 url('/elm/circ/c2tr.gif') no-repeat top right;
	text-decoration:none;
}

/* -------------------------------------- */

#navl {border:0;padding:0 0 14px 0}
#navl dt {height:14px;padding:0;border-bottom:2px solid #fff}
#navl dd {border:0;padding:0}

#navl ul, #navl li,
#Curr ul, #Curr li {list-style:none}

#navl li {border-bottom:2px solid #fff}

html>body #navl a {letter-spacing:0.05em} /* FF fix */
#navl a {
	display:block;
	padding:1px 0 1px 12px;
	background:#004461;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	voice-family: "\"}\"";   
	voice-family: inherit;
}

#navl a:hover {background:#000}
#navl .set, #navl .set:hover {background:#4C7B90}

/* -------------------------------------- */

#navc {overflow:hidden} /* IE fix */

#navc dd {
	margin:0; 
	padding:4px; 
	text-align:center;
}

#navc .cover {border:1px solid #069}

#navc .header {
	display:block; 
	padding:0 10px 10px 10px;
	color:#f63;
	font-size:11px;
	font-weight:bold;
}

#navc hr {margin:8px 0 8px 0}

#navc a {color:#069}
#navc a:hover {color:#000; text-decoration:none}

#navc .but1, #navc .but2 {margin-top:4px; width:140px}
#navc .but1 a, #navc .but2 a {width:122px; overflow:hidden;}

/* -------------------------------------- */

.navItem {width:100%; margin:0; padding:0}
.navItem td {vertical-align:bottom}

.navItem .pagenav td {padding:0 0 0 6px; vertical-align:middle}
.navItem .pagepos img {background:#005DC5; border:1px solid #B1BCC9}
.navItem .pagepos img:hover {background:#000}

.navItem #short, .navItem #short:hover {text-decoration:none}

#navArticle a {padding:1px 2px 1px 2px; color:#069}
#navArticle .set {padding:1px 2px 1px 2px; background:#069; color:#fff; text-decoration:none}

/* -------------------------------------- */

#mid h2 {
	margin:-16px -16px 16px -16px;
	padding:1px 1px 1px 16px;
	background:#fff url('/elm/ico/arrow.gif') no-repeat 4px 6px;
	border-bottom:2px solid #4C7B90;
	font-weight:bold;
}

#mid h2, #mid h2 a {
	color:#004461;
	font-size:14px;
}
#mid h2 a:hover {text-decoration:none;}


#mid h1 {
	margin-bottom:6px;
	padding-bottom:3px;
	border-bottom:1px solid #004461;
	color:#069;
	font-weight:bold; 
}

#mid h3 {
	margin-bottom:6px;
	padding-bottom:3px;
	border-bottom:1px solid #ccc;
	font-size:14px; 
	font-weight:bold; 
	color:#444;
}
#mid h3, #mid h3 a {font-size:14px}


#mid dl, #mid dt, #mid dd {
	border:0; padding:0; margin:0;
	color:#000;
	background:none;
}

#mid dt {text-align:left}
#mid dd {padding-left:32px}
#mid dd .right {text-align:right; padding:0 85px 0 0}

#mid ol {margin-left:25px; list-style-type:decimal-leading-zero}
#mid ol li {margin-bottom:16px}

#mid ul {margin:16px 0 0 0}
#mid ul li {padding:0 0 8px 16px; list-style:none; background:url('/elm/ico/bull.gif') 0 5px no-repeat}

/* -------------------------------------- */

.query {padding:0; width:140px}
.query td {padding:0}
.query input {width:100%}
.query .go a {color:#fff; font-weight:bold; text-decoration:none; background:#004461; padding:3px; display:block}

/* -------------------------------------- */

.boxpic {width:100%; padding:0}

.boxpic td {
	padding:0 0px 4px 0;
	width:70px;
	min-width:70px;
	max-width:70px;
	voice-family: "\"}\"";
	voice-family:inherit;
	vertical-align:top;
	width:70px;
}
html>body .boxpic td {width:70px}

.boxpic .r {
	padding:0 0 4px 3px;
	position:relative;
	width:71px;
	min-width:71px;
	max-width:71px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:68px;
}
html>body .boxpic .r {width:68px}

.boxpic img {width:68px; height:68px; margin-bottom:1px}
.boxpic a {text-decoration:none}
.boxpic a:hover {color:#069}

/* -------------------------------------- */

#top10 {padding:7px 0 0 24px; text-decoration:none}
#top10 li {padding-top:4px; list-style-type:decimal-leading-zero;}
#top10 li a {text-decoration:none}
#top10 li a:hover {text-decoration:underline}

/* -------------------------------------- */

.Multi, #Single, #Archiv, #Group, #Item, #ItemList, #sFnc {margin-bottom:16px}

.Multi, #Single, #Archiv, #Item, #ItemList, #sFnc {
	clear:both;
	padding:16px; 
	background:#eee;
	line-height:1.2em; /* IE fix */
}

#Item, #ItemList {position:relative}  /* IE fix */


#mid a, .bluelink, #ItemList .bluelink {color:#069; font-weight:bold; text-decoration:underline}
#mid a:hover, .bluelink a:hover {color:#000; text-decoration:none}

.Multi, .Multi li, #Single, #Single li, 
#Item, #Item #cover, #Item #cnt2 {
	line-height:16px;
}

.Multi .pic, #Single .pic {margin:0 12px 6px 0}
.Multi .pic, #Single .pic {float:left; border:1px solid #666; padding:0}
.Multi .picr {float:right; border:1px solid #666; padding:0; margin:0 0 6px 12px}

/* -------------------------------------- */

#Item td {vertical-align:top}

#Item table {width:100%}
#Item #cnt2 {margin-top:32px}

#Item #buy {text-align:right}
#site #Item #buy .but2 {float:right}

#Item #cover {width:178px;}
#Item #cover .pic {
	display:block;
	margin:0 16px 16px 0;
	width:160px;
	border:1px solid #069;
}

#Item #infolist {line-height:16px}
#Item #infolist u {
	float:left;
	display:block;
	width:52px;
	text-decoration:none;
	font-weight:bold;
}

#Item #tracks {padding-top:32px}
#Item .ItemPack #tracks {padding-top:0}

#Item .ItemPack #cnt1 {
	padding-top:16px;
	margin-top:16px;
	border-top:1px solid #ccc;
}

#Item ol {margin-top:6px}
#Item ol li {margin:0 0 3px 6px; line-height:16px}
#Item ol a {text-decoration:none}
#Item ol a:hover {text-decoration:underline}

#Item .hd td {padding:0 0 8px 0; font-weight:bold}
#Item .mn td {padding:0 0 8px 0}
#Item .ft td {margin-top:7px; padding-top:7px; font-weight:bold; border-top:1px solid #ccc}

/* -------------------------------------- */

#Cart td {vertical-align:top}
#Cart .hd td {padding-top:0; font-weight:bold}
#Cart .ft td {padding:20px 0 0 0; border:0}
#Cart input {width:30px}

#Cart tr td {
	padding:10px 0 10px 0;
	border-bottom:1px solid #ccc;
}


#ItemList .cnt1, #ItemList .cnt1 a,
#Cart td, #Cart td a {line-height:16px}

#ItemList .cnt1 {
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #ccc;
}
#ItemList .first {margin:0; padding:0; border:0}

#ItemList .cover img {position:relative} /* IE fix */
#ItemList .cover img,
#Cart .cover img {
	float:left; 
	margin:0 16px 0 0;
	width:68px;
	height:68px;
	border:1px solid #069;
}
#ItemList .cover img:hover,
#Cart .cover img:hover {border:1px dashed #999}

#ItemList a {
	color:#000; 
	text-decoration:none;
	font-weight:normal;
}
#ItemList a:hover {text-decoration:underline}


#ItemList .buy, #Item .buy {
	float:right;
	display:block;
	padding:2px 28px 2px 0;  
	background:url('/elm/ico/cart.gif') right center no-repeat;
}
#ItemList .buy {position:relative} /* IE fix */

/* -------------------------------------- */

#mid .but1, #mid .but2 {float:left}
/* #mid .but1 a, #mid .but2 a {width:auto} CHECK ob notwendig */

#site .but1 {background:url('/elm/but/but1l.gif') no-repeat top left}
#site .but1 div {background:url('/elm/but/but1r.gif') no-repeat top right}
#site .but1 a:hover {color:#000; background-color:#efefef}
#site .but1 a {
	display:block;
	margin:0 9px 0 9px;
	line-height:16px;
	border-top:1px solid #004461;
	border-bottom:1px solid #004461;
	color:#004461;
	background-color:#fff;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
}

#site .but2 {background:#4C7B90 url('/elm/but/but2l.gif') no-repeat top left}
#site .but2 div {background:url('/elm/but/but2r.gif') no-repeat top right}
#site .but2 a:hover {color:#fc3}
#site .but2 a {
	display:block;
	margin:0 9px 0 9px;
	line-height:18px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}

/* -------------------------------------- */

#Curr {height:31px; overflow:hidden}

#Curr li {
	float:left;
	overflow:hidden;
	margin:0 8px 12px 0;
	padding:2px 3px 2px 3px;
	background:#004461; 
	border:1px solid #004461;
	letter-spacing:-0.03em;
}
#Curr a {color:#fff; text-decoration:none; font-weight:bold}
#Curr a:hover {text-decoration:underline}
#Curr .set {padding-left:19px; background:#4C7B90 url('/elm/ico/currency.gif') no-repeat 3px center}
#Curr .set a:hover {text-decoration:none}

/* -------------------------------------- */

#sFnc dl {margin:-16px 0 0 0} /* IE fix */ 
html>body #sFnc dl {margin:auto} /* for rest */

#sFnc dt {margin:16px 0 10px 0}
#sFnc dd {padding-left:32px}
#sFnc .r {text-align:right; padding:0 60px 0 0}
#sFnc .but2 {margin-top:16px}

/* -------------------------------------- */

#sSta {margin:-16px -16px 16px -16px; padding:0 0 16px 0; background:#fff}
#sSta table {margin:0; padding:0; width:100%}
#sSta b {display:block; padding-top:3px; border-top:1px solid #FFB49C}
#sSta .set {background:url('/elm/ico/cart.gif') center top no-repeat; color:#f63}
#sSta td {padding-top:19px; width:25%; text-align:center; color:#FFB49C}

/* -------------------------------------- */

#Addr dd .right {line-height:30px; padding:0 48px 0 0}
#Addr input, #Addr select {width:200px}
.AddrBlock {float:left; margin-right:16px; line-height:16px;}

#Addr, #sCfg table {margin:0; padding:0; width:100%}

#sCfg .space {margin-top:32px; border-top:0px solid #ccc;}

#sCfg .hd td {margin:0; padding:0; border:0; height:1px; overflow:hidden}
#sCfg .first td {margin-top:0; padding-top:0; border:0}
#sCfg .first2 td {margin-top:0; padding-top:10px; border:0}

#sCfg td {
	margin:16px 0 16px 0;
	padding:16px 0 16px 0;
	vertical-align:top;
	border-top:1px solid #ccc;
	line-height:16px;
}

#sCfg .card .left {padding-right:32px}
#sCfg .card input {width:100%}

#sCfg .mid, #sCfg .hd .mid {padding-right:16px; padding-left:16px}

/* -------------------------------------- */

#sOut table {margin:0; padding:0; width:100%; border:0}
#sOut td {
	margin:0; padding:16px; vertical-align:top; line-height:16px; 
	border:1px solid #ccc; border-top:0
}
#sOut .top {padding-top:0; padding-bottom:0;}
#sOut .left {width:50%; padding-left:0; border-left:0}
#sOut .right {padding-right:0; border-left:0; border-right:0; text-align:left}

#sOut #comment {margin:16px 0 16px 0}
#sOut textarea {width:100%; height:70px}
* html #sOut textarea {width:98%} /* IE fix */

#sOut #sum {margin:0; padding:0}
#sOut #sum td {margin:0; padding:0; border:0}
#sOut #sum .r {text-align:right}

#sHst h1 {margin-bottom:0}
#sHst ul {margin:6px 0 0 16px}

/* -------------------------------------- */

#sOut #sCpn {
	margin:16px 0 0 0;
	padding: 0 0 16px 0;
	border-bottom:1px solid #ccc;
	line-height:16px;
	background:url('/elm/coupon.gif') right 12px no-repeat;
}

#sOut #sCpn input, #sOut #sCpn .but1 {float:left; margin-top:8px}

/* -------------------------------------- */

#Contact {margin:32px 0 0 0}
#Contact dt {float:left; margin:0; padding:0; width:39%; background:none;}
/* commented backslash hack for mac-ie5 \*/ 
dt {clear:both} 
/* end hack */ 
#Contact dd {float:left; margin:0; padding:0 0 8px 0; width:60%; background:none;}
#Contact input {width:100%}
#Contact textarea {width:100%; height:99px}