body {font-family:georgia;
color:black; text-align: justify} 
a:link {color:black; text-decoration: none}    /* unvisited link */
a:visited {color:black; text-decoration: none} /* visited link */
a:hover {color:black; text-decoration: underline}   /* mouse over link */
a:active {color:black; text-decoration: none}  /* selected link */
p:first-letter 
{color: black;
font-size:x-large;}
#words
{
  display: block;
  width: 202px;
  height: 202px;
  background: url("images/wordsdouble2.jpg") no-repeat 0 0;

}

#words:hover
{ 
  background-position: -202px 0px;
}
#words:active
{ 
  background-position: -202px -202px;
}

#words span
{  display: none;}

#very
{ display: block;
  width: 360px;
  height: 63px;
  background: url("images/verena2.jpg") no-repeat 0 0;}

#very:hover
{ background-position: -360px 0;}
#very:active
{ background-position: 0 0;}
#very span
{ display: none;}

#maas
{ display: block;
  width: 271px;
  height: 63px;
  background: url("images/maas3.jpg") no-repeat 0 0;}
#maas:hover
{ background-position: -271px 0px;}
#maas:active
{ background-position: -271px -271px;}
#maas span
{ display: none;}
 
#trans
{ display: block;
  width: 200px;
  height: 40px;
  background: url("images/trans.jpg") no-repeat 0 0;}

#trans:hover
{   background-position: -200px 0px;}
#trans:active
{ background-position: -200px -200px;}

#trans span
{  display: none;}

#bands
{ display: block;
  width: 300px;
  height: 75px;
  background: url("images/bands.jpg") no-repeat 0 0;}

#bands:hover
{ background-position: -300px 0;}
#bands:active
{ background-position: 0 0;}
#bands span
{ display: none;}

#films
{ display: block;
  width: 300px;
  height: 75px;
  background: url("images/films.jpg") no-repeat 0 0;}

#films:hover
{ background-position: -300px 0;}
#films:active
{ background-position: 0 0;}
#films span
{ display: none;}