body /* Regeln für die Grundlegende Seitenoptik, Hintergrund, etc. */
{
margin: 0;
 padding: 0;
  font: 85% verdana, arial, hevetica, sans-serif;
   text-align: center;
    color: #c0c0c0;
     background-color: #0D0502;
      background-image: url(image/back.jpg);
       background-position: top;
        background-repeat: no-repeat;
}

a:link, a:visited /* Festlegungen für die Textlinks */
{
color: #746353;
}

a:hover, a:active
{
color: #000000;
 background-color: #746353;
}

h2 /* Überschriften */
{
color: #c0c0c0;
 font: 125% verdana, arial, hevetica, sans-serif;
  font-weight: bold;
   margin: 25px 0 25px 0;
}

h2 a { 
text-decoration: none; 
}

h3
{
color: #c0c0c0;
 font: 106% verdana, arial, hevetica, sans-serif;
  font-weight: bold;
   margin-top: 0;
}

#container /* Der innere Teil der Homepage */
{
margin: 20px auto;
 width: 860px;
  text-align: left;
}

#header /* Kopf mit Logo und Bild */
{
height: 225px;
 width: 100%;
  background-image: url(image/head.jpg);
   background-repeat: no-repeat;
    background-position: 0 0;
     border-bottom: 1px solid #746353;
      position: relative;
}

#mainnav /* Die Navigation */
{
color: #746353;
 margin: 1px;
  padding: 15px 5px 5px 0px;
}

#mainnav ul {
list-style-type: none; 
}

#mainnav li {
display: inline; 
}

#right /* Kommentare auf der rechten Seite */
{
float: right;
 width: 165px;
  height: 100%;
   border-left: 1px solid #746353;
    padding-left: 15px;
}

#contents { /* Der Inhalt */
margin: 0 190px 40px 20px; 
text-align: left;
}

#contents p { 
line-height: 155%; 
}


.imagefloat { 
float: left; 
}

#footer /* Die Fußzeile */
{
clear: both;
 color: #c0c0c0;
  text-align: center;
   font-size: 70%;
	 border-top: 1px solid #746353;
}

#menu { /* Das graphische Menu */
margin:2px 15px; padding:0; width:95%;
 height:40px;
  overflow:hidden; 
   background:#0D0502;
}


#menu li {
display:inline;
 list-style-type:none; 
}


#menu li a {
display:block;
 float:left;
  text-decoration:none; 
   margin:0; 
}


#menu li a img {
opacity:0.7;
 margin: 0px 6px 0px 6px;
  border:0;
   float: left;
}


#menu li a span {
display:none; 
}


#menu li a:hover {
background: #0d0502;
}


#menu li a:hover img {
opacity:1;
}


#menu li a:hover span {
width:0px;
 color:#0d0502;
  display:block;
   float:left;
}


.outer {
background:transparent; font-size:12px;
 width:100%;
  margin:0 auto;
}


#tabelle { /* Tabellen für die Infos über die CDs */
width:575px;
 height: 250px;
}


#song { 
width:275px;
 float:right; 
}


#cover {  
width:300px;
 float:left; 
}


#linktabelle { /* Tabellen für die Infos zu den Links */
width:600px;
 height: 125px;
  font-size: 95%;
}


#text { 
width:400px;
 float:right; 
}


#logo {  
width:200px;
 float:left; 
}

p.link a { /* Tooltip für die Bandbilder */
color: transparent;
 background-color: transparent;
}

p.link a:hover {
color: transparent;
 background-color: transparent;
}


p.link a:link span {
display: none;
}

p.link a:visited span {
display: none;
 color: transparent;
}


p.link a:hover span {
position: absolute;
 margin:10px 0px 0px 15px;
  background-color: #0d0502;
    padding: 2px 10px 2px 10px;
     border: 1px solid #746353;
      font: normal 105%;
       color: #746353;
        text-align:left;
         display: block;
}


#bandbilder { /* Anordnung der Bandbilder */
width:630px;
 height: 200px;
}


#ingo { 
width:160px;
 float:left; 
}


#muergen {  
width:160px;
 float:left; 
}


#thomas {  
width:160px;
 float:left; 
}


#martin {  
width:150px;
 float:left;
}