/* Allgemeine Einstellungen */

html {
height:100%;
margin-bottom:1px; }

body {
height:100%;
padding:0px;
margin:0 0 1px 0;
font-family:"Verdana", "Arial", "sans-serif";
font-size:small;
vertical-align:top;
voice-family: "\"{\"";
voice-family: inherit;
font-size:medium; }
 
* html body {
f\ont-size:medium;
font-size:medium; } /* für IE5/Win */

html > body {
font-size:medium; }
 
h1, h2, h3, h4, h5, h6, p, ul, li, div, dl, dd, table, td {
padding:0 0 1em 0;
margin:0; }
 
dl, dd {
padding:0;
margin:0; }

h1 {
font-size:105.01%;	
font-weight:bold;
letter-spacing:0.1em; }

h2 {
font-size:105.01%;
font-weight:normal;
letter-spacing:0.1em; }

h3 {
font-size:90.01%;
font-weight:bold; }

h4 {
font-size:90.01%;
font-weight:normal; }

h5 {
font-size:80.01%;
font-weight:bold; }

h6 {
padding:20px 0 20px 20px; }
 
p {
font-size:70.01%; }	

p.top {													  
clear:both;
background-image:url(../elements/ic_top.gif);
background-position:top right;
background-repeat:no-repeat;
text-align:right;
padding-right:15px; }

p.pdf {		
background-image:url(../elements/ic_pdf.gif);
background-position:top left;
background-repeat:no-repeat;
padding-left:15px;}

a.bookletpdf {
color:666699; }

table {
font-size:65.01%;
padding:10px 5px 10px 5px;
margin:0; }

td {
vertical-align:top; }

td.name {
white-space:nowrap; }

dd {
font-size:70.01%; }

dd.left {
float:left;
padding-right:10px; }
 
a, a:visited {
text-decoration:none; 
color:666699; }

tr {
padding-bottom:15px; } 

hr {
margin:0 20px 0 20px; }

span.rot {
color:#ff0000; }

img {
border:none; }

.bild_li {
float:left;
padding:5px 6px 4px 0; }

.bild_re {
float:right;
padding:5px 0 4px 6px; }
 
.bild_bu { 
width:120px;
font-size:60.01%;
font-style:italic;
line-height:1.1em;
color:#006699;
padding:0;
margin:0; }

.fett {
font-weight:bold; }
 
.klein {
font-size:80.01%; }
 
.mittel {
font-size:90.01%; }

a.empfehlung {
background-image:url(../elements/ic_empfehlen.gif);
background-position: top left;
background-repeat:no-repeat; 
padding-left:15px; }

a.warenkorb {
background-image:url(../elements/ic_warenkorb.gif);
background-position: top left;
background-repeat:no-repeat;
padding-left:15px; }

a.order {
background-image:url(../elements/ic_order.gif);
background-position: top left;
background-repeat:no-repeat;
padding-left:15px; } 
  
hr.umbruch {
clear:both;
visibility:hidden; }

/* Seitengröße */

#deutsch, #englisch {
width:100%;
max-width:1024px;
min-width:400px;
min-height:100%;
vertical-align:top;
background-color:#ffffff;
padding:0px; }
 
/* Seitenlayout */
#kopf {	
float:left;
width:100%;
background-image:url(../elements/hg_kopf.jpg);
background-position:top left;
background-repeat:no-repeat;
padding:0px;
margin:0px; } 

#trennlinie
{ float:left; 
width:100%;
height:10px;
line-height:0; 
padding:0px;
margin:0px;
border:none;
background-color:#003366; }

#hauptteil { 
float:left; 
width:100%;					 
min-height:98%;
background:url(../elements/hg_menu_li.jpg);
background-position:top left;
background-repeat:no-repeat;
padding:0px;
margin:0px; } 

#links { 
float:left;
width:15%; 
font-size:70.01%;
white-space:nowrap; 
padding:5px 0 0 0;
margin:5px 0 0 0;
border:none;
background-color:transparent; } 

#mitte {  
float:left;
width:52%;
min-height:440px; 
background-color:white;
padding:10px 0 15px 0;
margin:0; } 

#rechts {
float:right;
width:33%;
background:url(../elements/hg_rechts.jpg);
background-position:top left; 
background-repeat:no-repeat;
padding:0;
margin:0; 
border:none; } 

#rechts0 {
float:right;
width:32%;
padding:0;
margin:0; 
border:none; } 

#footer {
clear:both; 
width:100%;
background-image:url(../elements/bg2.jpg);
background-repeat:no-repeat;
background-position:top left;
padding:0;
margin:0; }

/* Seitenlayout Ende */
 
/* Kontakt, Impressum, Sprachauswahl, Logo */
#kopf dl {	 
padding:0;
margin:0; }

#kopf dd.kontakt {
float:left;
width:15%;
height:20px;	
background-image:url(../elements/hg_tab_lio.jpg); 
font-size:55.01%;
font-weight:bold;
padding:5px 0 0 0;
margin:0; }

#kopf dd.kontakt a { 
color:#003366;
text-decoration:none; }

#kopf dd.kontakt a:hover {
color:#fff; }

#kopf dd.sprache {
float:left;
width:15%;	
white-space:nowrap;
font-size:55.01%;
font-weight:bold;
padding:5px 0 0 5px;
margin:0 0 0 20px; }

#kopf dd.sprache a.deutsch, dd.sprache a.englisch {
color:#003366;
text-decoration:none; }

#kopf dd.sprache a:hover.deutsch, div#deutsch dd.sprache a.deutsch {
color:#eee; }

#kopf dd.sprache a:hover.englisch, div#englisch dd.sprache a.englisch {
color:#eee; }

#kopf dd.logo {
float:right;
width:30%; 
height:20px;	
background-image:url(../elements/swrmusic.jpg);
background-repeat:no-repeat;
background-position:top right;
padding:0;
margin:0px; }
 
/* Hauptmenü Karteireiter */

#tabs {
clear:both;
padding:0;
margin:0;  }

#tabs ul {
list-style-type:none;
font-size:70.01%;
font-weight:bold; 
padding:0;
margin:0; }

#tab1, #tab2, #tab3, #tab4, #tab5, #tab6, #tab7 {	
float:left;	
width:11%;  
padding:0;
margin:0 20px 0 0; }

#tab1 {	 
width:15%;
background-image:url(../elements/hg_tab_lio.jpg); }

#tabs a {
display:block;
color:#003366; 
white-space:nowrap;
padding:6px 22px 6px 7px;
text-decoration:none;
background-image:url(../elements/tab0.jpg); }

#tabs a:hover, body#tab01 #tab1 a, body#tab02 #tab2 a, body#tab03 #tab3 a, body#tab04 #tab4 a, body#tab05 #tab5 a, body#tab06 #tab6 a, body#tab07 #tab7 a {
background-image:url(../elements/tab1.jpg); } 

/* Hauptmenü Karteireiter Ende */
   
/* Menü links */

#links p { 
font-size:90.01%;
font-weight:bold;
padding:0;
margin:1px 0 2px 0; }

#links a {							  
display:block;
color:#003366;
padding:2px 4px 2px 4px;
text-decoration:none;
background:url(../elements/menu_li0.jpg); }

#links a:hover, #links a.aktiv {
color:#000;
white-space:nowrap;
background-color:#eee;
background-image:none; }

/* Menü links Ende */
   
/* Untermenü links */

#links p.sub {
font-size:85.01%;
font-weight:normal;
padding:0;
margin:1px 0 2px 0; } 
	
/* Untermenü links Ende */

/* Textbereich */

#mitte div.cds {
float:left;
padding:0; 
margin:0 0 10px 20px; }

#mitte img.left {
float:left; }

#mitte div.cds p.cds {
padding:0 15px 0 70px;
margin:0; }

#mitte table {
margin:10px 15px 20px 0; } 
 
#mitte th {	
font-weight:bold;
text-align:left;
padding:4px 0 4px 15px; } 
 
#mitte th.einzug0 {	
font-weight:bold;
text-align:left;
padding:4px 0 4px 0; }
 
#mitte td {
padding:0 10px 2px 0; }

#mitte a {
color:#666699; }
  
/* Innencontainer für Text */ 
#text {
line-height:1.2em;
padding:20px 30px 25px 20px; 
margin:0; }
	 
#text h1, #text h2, #text h3, #text h4, #text h5, #text p {
padding:0 0 .8em 50px; }

#text table {
margin:5px 10px 5px 50px; }

#text td {
padding:0 0 0 7px; }

#text .datum {   
float:right;
font-size:60.01%;
font-weight:normal; 
padding:0;
margin:0 0 1.5em 0; }
 
#text ul {
list-style:none; }

#text li {
font-size:70.01%;
line-height:1.4em;
padding:0;
margin:0 0 15px 0; }

.sortzeile {
font-size:65.01%;
padding:0;
margin:0 0 15px 20px; } 

.detail {
font-size:60.01%; }
		 
.sortzeile a, .detail a {
color:#666699; 
font-weight:bold;
text-decoration:none; }
		 
.sortzeile a.aktiv, .detail a.aktiv {
color:#000; } 
		 
.sortzeile a:hover, .detail a:hover {
color:#000; }

dt.head {
float:left;	
font-size:75.01%;
font-weight:bold;
padding:0 0 0 20px;
margin:0; } 

dd.stand {
float:right; 
font-size:70.01%;
font-weight:normal;
text-align:right;
padding-right:10px;
white-space:nowrap; }

dd.subhead {
clear:both;	
text-align:right;
font-size:70.01%;
padding-right:10px;
margin:0;	
font-weight:normal; }
 
/* Innencontainer für CDs Neuheiten */

#cds_neu {
float:left;
padding:0;
margin:0; }

#cds_neu p {
padding:5px 20px 10px 210px; }

#cds_neu p.probe {
font-size:60.01%;
padding:0 0 5px 210px;
margin:0; }

#cds_neu p.details {
background-image:url(../elements/ic_lupe.gif);
background-position: top left;
background-repeat:no-repeat;
font-size:60.01%;
padding:0 0 0 15px;
margin:0 0 15px 0; }

#cds_neu .cds_neu_cover {
float:left;
width:180px;
padding:0 0 0 20px;
margin:0; } 
 
/* Innencontainer für CDs Detailansicht */ 

#details {
clear:both;
padding:0 30px 0 55px; }

#details h1, h2, h3, h4, h5, p {
padding:0 0 1em 0; }

#details h5 {
padding-top:10px; }

#details p {
line-height:1.4em; }

#details a {
color:black; }

#details ul {
font-size:70.01%; }

#details li {
display:inline; }

#details dl.presse {
margin:15px 0 15px 0; }

#details dl.presse dt {	
font-size:70.01%;
font-weight:bold;
padding-bottom:1.1em; }

#details dl.presse dd.quelle {
text-align:right;
font-style:italic; }

#cds_detail div.cds_detail_cover {
float:left;
padding-left:20px; }   

#cds_detail div.awards {
min-height:160px;
margin:15px 0 0 0;
padding:5px 0 0 15px; }

#cds_detail div.award {
float:left;
width:70px;
height:70px;
padding:0;
margin:0 3px 3px 20px;
border:1px solid #ddd; }

#cds_detail h5 {
padding:0 0 0 340px;
font-size:70.01%;
margin:20px 0 5px 0; }

#cds_detail p {
padding:0 0 0 340px; 
margin:0; }
 
/* Aufzählungen */

#namenliste {
float:left;
width:97%;
padding:15px 0 0 20px;			
margin:0 0 15px 0; }

#namenliste div.spalte_namenliste_1 {
float:left;
width:32%;
margin:15px 0 0 0; }

#namenliste div.spalte_namenliste_2 {
float:left;
width:65%;
padding:0;
margin:15px 0 0 0; }

#namenliste div.spalte_namenliste_5 {
float:left;
width:15%;
margin:15px 0 0 0; }
 
#namenliste table {
font-size:95.01%;
margin:0 0 15px 0; }

#namenliste td.img {	
width:140px; }

#namenliste td.info {
font-size:80.01%;
font-weight:bold;
padding:0 0 25px 10px; }

#namenliste td.textbottom { 
padding-left:10px;
vertical-align:bottom; }

#namenliste h1, #namenliste h2, #namenliste h3, #namenliste h4, #namenliste h5 {
padding:0;
margin:0 0 10px 0; }

#namenliste .abc {
float:left;
width:3.6%;
font-weight:bold;
color:#aaa;
padding:0;
margin:0; }

#namenliste li.abcgrau {
float:left;
width:3.6%;
font-weight:bold;
color:#ddd;
padding:0;
margin:0; }

#namenliste p.box {
clear:left;
font-weight:bold; 
text-align:center;
color:black;
border-bottom:1px solid gray;
padding:0 0 10px 0;
margin:-15px 0 10px 0; }

#namenliste a {
color:#aaa; }

#namenliste a:hover {
color:#0066cc; }

#namenliste a.abc_aktiv {
color:#0066cc; }
 
#namenliste p.alphabet {					  
font-weight:bold;
margin:0;
padding:3px 0 2px 0; } 

#namenliste ul { 
float:left;
width:100%;
font-size:70.01%;
list-style-type:none;
padding:0;
margin:0; } 

#namenliste li { 
line-height:1em;
padding:0;
margin:.4em 0 .4em 0; }	

#namenliste a {
color:black; }
 
#namenliste dl {
float:left;
width:140px;
height:160px; 
text-align:center;
vertical-align:middle;
white-space:nowrap;
padding:2px;
margin:0 10px 10px 0;
border:1px solid #ddd; }
  
#namenliste dt {
height:145px; }

#namenliste div.infobox {
float:left;
margin:0 0 25px 0;
padding:0; }

#namenliste .infobox p {
padding:0 0 0 130px;
margin:0; }

#namenliste .infobox ul {
width:50%;
padding:0;
margin:0; }

#namenliste .infobox li {
list-style-image:url(../elements/ic_raute.gif);
margin:0 0 0 15px;
padding:0; } 

#namenliste .infobox a {
color:#666699; }  

#namenliste .spalte_namenliste_2 p {
line-height:1.4em; } 

#namenliste div.bild {
float:left;
width:140px;
height:140px;
padding:0; 
margin:0 10px 0 0; }
  
#namenliste div.cds {
float:left;
padding:0; 
margin:0 0 10px 0; }  

/* Seitenbereich rechts "Aktuell" */ 

#aktuellbox {
float:left; 
width:99%;  
font-size:95.01%;
padding:0;
margin:0 0 0 2px; }

#aktuellbox div {
float:left;  
width:99%;
vertical-align:top;
color:#003366;	 
background:url(../elements/aktuell0b.jpg);
background-position:top right; 
background-repeat:no-repeat;
padding:0;
margin:3px 0 3px 0; }

#aktuellbox div.aktuell {
float:left; 
width:99%;
background-color:#fff;
background-image:none; }
  
#aktuellbox h5 {
text-align:right;
color:#fff;
background-color:transparent;
padding:0 4px 2px 0;
margin-top:10px; }

#aktuellbox p {	
padding:0;
margin:1px 7% 1px 68px; }

#aktuellbox a {
color:#ff0000;
font-weight:bold;
text-decoration:none; } 

#aktuellbox a.liste {
display:block;
color:#fff; }

#aktuellbox a:hover.liste {
display:block;
color:#ff0000; }

#aktuellbox img {
float:left;
width:60px;
padding:0 3px 0 0;
margin:0;
border:none; }
   
/* Fußzeile */ 

#footer	p {
font-size:60%;
color:#003366;
padding:0 1px 0 3px;
margin:0; }	

#footer a {					 
color:#003366;
text-decoration:none; }	

/* Ende */