ul {
list-style: none;
list-style-position: inside; 
float: left;
}

#erste{ 
margin-top: -44px;
padding: 10px 0px 0px 40px;
margin-left: -19px;

}


#zweite { 
margin-top: -33px;
padding: 0px 0px 0px 40px;
margin-left: 195px;
}

#dritte { 
margin-left: 370px;
padding: 0px 0px 0px 40px;
margin-top: 99px;
}

#erste li, #zweite li, #dritte li {
margin: 48px 0 0 0;
}


#Musei,
#Slapping,
#Deep_blue 
{
 display: block;
  width: 154px;
  height: 86px;
background-position: 0 0;
background-repeat: no-repeat;
}



#Musei 
{
background-image: url("musei_button.gif");

}

#Musei:hover   
{ 
  background-position: 0 -88px;
}

#Musei span   
{
  display: none;
}


#Slapping 
{
background-image: url("Slapping_button.gif");

}

#Slapping:hover   
{ 
  background-position: 0 -88px;
}

#Slapping span   
{
  display: none;
}


#Deep_blue 
{
background-image: url("Deep_Blue_button.gif");

}

#Deep_blue:hover   
{ 
  background-position: 0 -88px;
}

#Deep_blue span   
{
  display: none;
}

#Conference,
#Oscar, 
#Oscar_trailer 
{
 display: block;
  width: 154px;
  height: 86px;
background-position: 0 0;
background-repeat: no-repeat;
}



#Oscar 
{
background-image: url("Oscar_button.gif");

}

#Oscar:hover   
{ 
  background-position: 0 -88px;
}

#Oscar span   
{
  display: none;
}


#Oscar_trailer 
{
background-image: url("Oscar_trailer_button.gif");

}

#Oscar_trailer:hover   
{ 
  background-position: 0 -88px;
}

#Oscar_trailer span   
{
  display: none;
}


#Loop,
#Reiter,
#Unsterblich,
#Requiem 
{
 display: block;
  width: 154px;
  height: 86px;
background-position: 0 0;
background-repeat: no-repeat;
}



#Unsterblich
{
background-image: url("Unsterblich_button.gif");

}

#Unsterblich:hover   
{ 
  background-position: 0 -88px;
}

#Unsterblich span   
{
  display: none;
}


#Requiem 
{
background-image: url("Requiem_button.gif");

}

#Requiem:hover   
{ 
  background-position: 0 -88px;
}

#Requiem span   
{
  display: none;
}


#Reiter 
{
background-image: url("Reiter_button.gif");

}

#Reiter:hover   
{ 
  background-position: 0 -88px;
}

#Reiter span   
{
  display: none;
}
#Loop 
{
background-image: url("Loop_button.gif");

}

#Loop:hover   
{ 
  background-position: 0 -88px;
}

#Loop span   
{
  display: none;
}

#Conference 
{
background-image: url("Conference_button.gif");

}

#Conference:hover   
{ 
  background-position: 0 -87px;
}

#Conference span   
{
  display: none;
}


#KuMa_Trailer,
#KUNST
{
 display: block;
  width: 154px;
  height: 86px;
background-position: 0 0;
background-repeat: no-repeat;
}

#KuMa_Trailer 
{
background-image: url("KuMa_Trailer_button.gif");

}

#KuMa_Trailer:hover   
{ 
  background-position: 0 -88px;
}

#KuMa_Trailer span   
{
  display: none;
}

#KUNST 
{
background-image: url("KUNST_button.gif");

}

#KUNST:hover   
{ 
  background-position: 0 -88px;
}

#KUNST span   
{
  display: none;
}

#erste span {display: none;}

#erste :hover span {display: block;
   position: relative; width: 225px;
padding: 0 0px 0px 160px;
text-shadow: #555 3px 20px 2px;

   font: 18px Modern, sans-serif; color: black; text-decoration: none; font-weight: bold; text-align: left;}


#dritte span {display: none;}

#dritte :hover span {display: block;
   position: relative; width: 225px;
padding: 0 0px 0px 160px;
text-shadow: #555 3px 20px 2px;

   font: 18px Modern, sans-serif; color: black; text-decoration: none; font-weight: bold; text-align: left;}

#erste a, #zweite a, #dritte a { text-decoration: none; }

#zweite span {display: none;}

#zweite :hover span {display: block;
   position: relative; width: 225px;
padding: 0 0px 0px 160px;
text-shadow: #555 3px 20px 2px;

#erste a, #zweite a, #dritte a { text-decoration: none; }