html, body {
	margin: 0;
margin-top: 10px;
	padding: 0;
	font-family : Verdana, Helvetica, Geneva, Arial, sans-serif;
	background : #fff;
	color: #606060;
	text-align: center;
	font-size: 13px;
}

/* --- LAYOUT -------------------------- */

#gesamteseite {
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	background: #fff url('hintergrund.gif') repeat-y;
	text-align: left;
border: 0px solid #606060;
}

#mmhead {
   margin: 0px 0px 0px 0px;
	padding: 0;
	text-align:left;	
border: 0px solid #606060;
}

#headdist { 
margin: 0px 0 0 0px;
width: 560px;
height: 10px;
clear: both;
border: 0px solid #606060;
 }
 
 #mainhead { 
margin:0 auto;
text-align: left;
border: 0px solid #606060;
 }
 
.logo {
	margin: 0px;
margin-left: 20px;
	padding: 0;
	border: none;
}

#kopfdist {
	margin: 0;
	padding: 0;
	float: left;
	width: 50px;
	height: 68px;
border: 0px solid #606060;
}

#kopfzeile {
	margin: 0;
	padding: 0;
	width: 900px;
	height: 128px;
	text-align:center;	
border: 0px solid #606060;
}

/* --- Body -------------------------- */

#mmamidth { 
margin: 0px 0px 0px 0px;
padding: 1px;
border: 0px solid #606060;
}

#mmamidist {
margin: 0px 0px 0px 0px;
clear:both;
width: 930px;
border: 0px solid #606060;
}


#linkespalte {
	margin: 1px 16px 0px 0;
	padding: 0;
	width: 160px;
	float: left;
border: 0px solid #606060;
}

#linkespalte-abstand {
	margin: 1px 0px 2px 0px;
border: 0px solid #606060;
}

#leftlink {
	margin: 16px 0px 30px 0px;
	padding: 0;
	width: 150px;
float: left;
text-align:center;	
border: 0px solid #606060;
}


#llink1 {
	margin: 10px 0px 0px 0px;
	padding: 2px;
	width: 150px;
	
text-align:left;
border: 0px solid #606060;
}

#llink2 {
	margin: 10px 0px 10px 0px;
	padding: 0;
	width: 150px;
	
text-align: left;
border: 0px solid #606060;
}

#lfmlist {
	margin: 45px 0px 0px 26px;
	padding: 0;
	width: 150px;
	
text-align: left;
border: 0px solid #606060;
}

#llink3 {
	margin: 10px 0px 0px 10px;
	padding: 0;
	width: 150px;
	
text-align: left;
border: 0px solid #606060;
}


/* --- mitte-rechts -------------------------- */


#rechtespalte {
	margin: 0 0 0px 0px;
	padding: 2px;
	width: 562px;
	float: left;
border: 0px solid #606060;
}

#rechtespalte-abstand {
	margin: 0px 0px 0px 0px;
	width: 562px;
border: 0px solid #606060;
}

#rightcol { 
margin: 38px 0 0px 0px;
width: 150px;
float: left;
text-align:center;
border: 0px solid #606060;
}



#musicdesk { 
margin: 0 auto;
width: 600px;
text-align: left;
border: 0px solid #606060;
 }


#recorddesk { 
margin: 0 auto;
text-align: left;
border: 0px solid #606060;
 }
 
 
 
   
#mmrecmodul { 
margin: 0px 0 0px 8px; 
clear: both;
width: 640px;
text-align: left;
border: 0px solid #c0c0c0;
}

#mmrecform { 
margin: 0px 0 0px 0px; 

text-align: left;
border: 0px solid #606060;
}

#cditem { 
margin: 0px 0 0px 0px; 


width: 580px;
text-align: left;
border: 0px solid #606060;
}

#cditembox { 
margin: 6px 0 10px 6px; 
clear: both;

width: 580px;
text-align: left;
border: 0px solid #606060;
}

#cdfactblock { 
margin: 6px 0 12px 0px; 
float: left;
width: 340px;
text-align: left;
border: 0px solid #606060;
}

#buydata1 {
margin: 10px 0 10px 0px; 
width: 590px;
clear: both;
text-align: left;
border: 0px solid #606060;
}

#buysubmit {
margin: 10px 0 10px 0px; 
clear: both;
width: 590px;
text-align: left;
border: 0px solid #606060;
}

#buyconfirm {
margin: 2px 0 2px 20px; 
clear: both;
text-align: left;
border: 0px solid #606060;
}


#adressfi { 
margin: 2px 0 4px 0px; 
width: 120px;
text-align: left;
border: 0px solid #606060;
}

#factlist { 
margin: 1px 1px 1px 1px;
clear: both;
height:10px;
width: 320px;
text-align: left;
border: 0px solid #c0c0c0;
}

#factlisttr { 
margin: 1px 1px 12px 1px;
clear: both;
height:8px;
width: 320px;
text-align: left;
border: 0px solid #c0c0c0;
}

.mainh { border-top:0px solid silver; border-bottom:0px solid silver; font-size:18px; color:#c0c0c0; }

.imp { text-align:right; font-size:11px; margin-right:60px; color:#606060; margin-bottom:4px; }
.promfact { line-height: 110%; text-align:left; font-size:9px; margin-left:12px; color:#606060; }

h3 {
	font-size: 100%;			/* Schriftgr */
	line-height: 120%;		/* Zeilenabstand */
	font-weight: bold;		/* Fettschrift */
	padding-bottom: 1px;		/* unten Innenabstand zwischen Elementinhalt */
}


#factracklist { 
margin: 1px 1px 6px 1px;
float: left;
width: 280px;
text-align: left;
border: 0px solid #c0c0c0;
} 


#orderblock { 
margin: 6px 1px 10px 50px;
clear: both;
width: 560px;
text-align: right;
vertical-align:top;
border: 0px solid #c0c0c0;
}

#portoblock { 
margin: 2px 8px 8px 20px;
clear: both;
height:54px;
width: 516px;
text-align:right;
border: 0px solid #c0c0c0;
}


.Auswahl
   { background-color:#FFFFFF; 
   margin: 0px 0 0px 4px; 
   width:40px; border:0px solid #c0c0c0; }
   
 .Check, .Radio
   { background-color:#DDFFFF; border:1px solid #DDDDDD; }
   
input   {
margin: 0px 20px 0 10px;
background: #eee;
padding: 2px;				/* ein wenig Abstand innerhalb des Formularfeldes vom Rand */
}


.dataentry   {
border: 1px solid #333;
font-size:11px;
text-align: center; 

}

.hinweis   {
border: 2px solid #990000;
font-size:13px;
color:990000;
text-align: center; 

}



.porto   {
border: 0px solid #c0c0c0;
font-size:11px; 
line-height: 80%;
}

.price   {
 text-align: left; margin-left:20px; color:660000;

}

textarea {
border: 1px solid #c0c0c0;
font-size:11px;
text-align: left; 

background: #eee;
padding: 3px;				/* ein wenig Abstand innerhalb des Formularfeldes vom Rand */
}

textarea:hover, input:hover, textarea:focus, input:focus {
border: 1px solid #d00;		/* einpixeliger Rahmen */
background: #c0c0c0;
padding: 3px;				/* ein wenig Abstand innerhalb des Formularfeldes vom Rand */
}


/* Auswahlknopf ohne Rand und Hintergrund */
.radiobutton {
background: none;
border: none;
}

/* Der Abschick-Button mit orangefarbenen Hintergrund und Fettschrift */
.rssubmit {
background: #ffffff;
margin: 10px 0 0 20px;
border: 2px solid #c0c0c0;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #606060;
padding: 2px;
font-weight: bold;
}

.rssubmit:hover {
border: 2px solid #d00;		/* einpixeliger Rahmen */
background: #c0c0c0;
padding: 2px;

}


.rssubmit:focus {
background: #c0c0c0;
border: 2px solid #c0c0c0;
padding: 3px;

}




/* Breite der Textboxen */
.rsname, .rsemail, .betreff, .strasse, .plz, .ort, .text  {
margin: 2px 0 0 20px;
width: 120px;
}

.betreff, .texteingabefeld {
width: 40px;
}



.newsbut {

	background-color: #e7e7e7;
	border: 1px solid #606060;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #606060;
}


.button {
	border: 1px solid #606060;
	background-color: #e7e7e7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #606060;
}

ul {
	margin: 0 0 0px 0px; 	/* unten und linker Abstand */
	padding: 0;					/* Innenabstand */
	list-style: square;
}


ol {
	margin: 0 0 12px 24px; 	/* unten und linker Abstand */
	padding: 0;					/* Innenabstand */
}

li {
	margin: 0;				/* Abstand */
color: #606060;	
font-size: 12px;
	padding: 0 0 0 0;				/* Innenabstand */
	line-height: 150%;	/* Zeilenabstand */
}



#fusszeile {
	margin: 0;
	padding: 0;
	clear: both;
margin-top:10px;
margin-left: auto;
	margin-right: auto;
	width: 900px;
	height: 70px;
	text-align: left;
	
	font-size: 85%;
border: 0px solid #606060;
}

#fusszeile-abstand {
	margin: 10px 20px 1px 1px;
border: 0px solid #606060;
}


/* --- NAVIGATION -------------------------- */


/* navigation */

#navcon {
	margin: 2px 120px 0 160px;
width: 700px;
text-align: right;
	height: 26px;
border: 0px solid #606060;

}


#nav {
	margin-right: 0px;
	padding: 0;
	list-style: none;
	text-align: left;
	border: 0px solid #606060;
	background: #fff ;
}

#nav li {
	float: left;
	margin: 0;
	padding: 0 0px 0 0;
	list-style: none;
border: 0px solid #606060;
	background: url('http://www.marcelonemusic.com/mmusic/mmimag/pfeil3.gif') no-repeat top right;
}

#nav a {
	float: left;
	padding: 3px 13px;
	text-decoration: none;
	color: #606060;
	border: 0px solid #606060;
}

#musikdownl {
float: left;
text-align: left;
margin: 0px 0px 0px 0px;

}

#mclient {
float: left;
width: 160px;
text-align: left;
margin: 0px 0px 0px 0px;

}

#mkontakt {
float: left;

margin: 0px 0px 0px 0px;

}

#nav a:hover {
	color: #ffffff;
text-decoration: none;
	background: #aaa url('nav-aktuell-hintergrund.gif') repeat-x bottom left;
}

#nav a.aktuell {
	text-decoration: none;
	background: #777 url('nav-aktuell-hintergrund.gif') repeat-x bottom left;
}

	
/* --- SUB NAVIGATION -------------------------- */
	
	
#gesamteseite {	background: #fff ; }

#nav { background: #fff ; }
#nav li { background: url('http://www.marcelonemusic.com/mmusic/mmimag/pfeil3.gif') no-repeat left; }

#nav a:hover, #nav a.aktuell { background: #aaa url('http://www.marcelonemusic.com/mmusic/mmimag/navgraf.jpg') repeat-x bottom left; }