body     {font-family:Verdana,arial,sans-serif;color:white; font-size:0.7em}
  div	   {float:left;background:#000;position:absolute}
 span      {float:left;background:#000;position:absolute}  
 
 div.logo {color:#990000; text-decoration:none; font-family:arial; font-size:2.9em; top:3%;left:5%}
 span.home {color:#990000; text-decoration:none;  font-size:2.0em; top:3%;left:95%}


/* NAVIGATION */  
  
  div.mp3s {width:5%;top:15%;left:15%}
  div.pics {top:15%; left:21%}
  div.gigs {top:15%; left:30%}
  div.contact {top:15%; left:41%}
  div.info {top:15%;left:50%} 
  div.english {top:15%;left:6%} 
  
  div.textbandanna { width:30%; top:110%; left:50%}
  div.text { width:50%; top:65%; left:5% }
  div.textunten { width:70%; bottom:10%; left:10%}
  div.hirn {  bottom:10%; left:10%}
  
  
/* INDEX */
  
  div.date {color:green; font-size:1.3em;width:30%; line-height:25.0pt; top:19%; left:10%}
  div.cdpiclarge {color:white;   top:25%; left:10%}
  span.cdrelease {color:#990000;  font-size:1.6em;width:30%;line-height:25.0pt; top:30%; left:63%}
  span.cdreleasetext {color:yellow; width:30%; top:37%; left:63%}
  div.video {color:blue;  width:30%;  line-height:10.0pt;  top:75%; left:65%}
  div.archive {color:yellow;  width:30%; line-height:10.0pt;  bottom:10%; left:90%}
  div.banner {color:white;   top:0%; left:60%}
  
/* ARCHIVE */
  
  div.date {color:green; font-size:1.3em;width:30%; line-height:25.0pt; top:19%; left:10%}
  div.marzahnvorn {color:white;   top:25%; left:10%}
  div.marzahnhinten {color:white;   top:25%; left:50%}
  span.text01 { width:30%; top:65%; left:10%}
  span.todesband {color:red;  font-size:1.6em;display:inline;margin:0px;width:25%;line-height:25.0pt;top:60%; left:10%} 
  span.text02 { width:30%; top:87%; left:10%}
  span.gus {color:red;  font-size:1.6em;width:35%;line-height:25.0pt; top:82%; left:10%} 
  span.text03 { width:30%; top:105%; left:10%}
  span.jnj {color:red;  font-size:1.6em;width:30%;line-height:25.0pt; top:100%; left:10%}
  span.club {color:red;  width:20%;font-size:1.6em;display:inline;margin:0px;line-height:25.0pt; top:60%; left:55%}
  div.anna0 {color:red;  width:25%; line-height:10.0pt;  top:65%; left:50%}
  div.tram {color:yellow;  width:30%; line-height:10.0pt;  top:70%; left:50%}
  div.anna02 {color:yellow;  width:30%; line-height:10.0pt;  top:80%; left:50%}
  span.stadtplan {color:red;  font-size:1.6em;width:35%; line-height:25.0pt;  margin:25px;top:70%; left:50%}


/* MP3s */  
  
  div.mp3s0  {   top:25%; left:10%}
  div.mp3s01 {   top:25%; left:30%}
  div.mp3s02 {   top:30%; left:30%}
  div.mp3s03 {   top:35%; left:30%}
  div.mp3s04 {   top:40%; left:30%}
  div.mp3s05 {   top:45%; left:30%}
  div.mp3s06 {   top:25%; left:43%}
  div.mp3s07 {   top:30%; left:43%}
  div.mp3s08 {   top:35%; left:43%}
  div.mp3s09 {   top:40%; left:43%}
  div.mp3s10 {   top:45%; left:43%}
  div.mp3s11 {   top:25%; left:50%}
  div.mp3s12 {   top:50%; left:43%}
  div.mp3s13 {   top:35%; left:50%}
  div.mp3s14 {   top:40%; left:50%}
  div.mp3s15 {   top:45%; left:50%}
  div.pic04lg  {   top:55%; left:10%}
  
  
  
/* IMAGES */  
  
  div.foto00 {   top:25%; left:10%}
  div.foto01 {   top:65%; left:10%}
  div.foto02 {   top:65%; left:22%}
  div.foto03 {   top:65%; left:34%}
  div.foto04 {   top:65%; left:46%}
  div.foto05 {   top:65%; left:58%}
  
  
/* GIGS */  
  
 
  span.acud1   {color:#990000; width:10%;line-height:12.0pt;top:40%; left:10%}
  span.zosch1 {color:#990000; width:10%;line-height:12.0pt;top:40%; left:25%}
  span.auf1    {color:#990000; width:5%;line-height:12.0pt;top:40%; left:40%}
  span.zentral1    {color:#990000; width:10%;line-height:12.0pt;top:40%; left:52%}
  span.anna1    {color:#990000; width:10%;line-height:12.0pt;top:40%; left:67%}


  /* images */ 
  div.acud   { top:45%; left:10%}
  div.zosch { top:45%; left:25%}
  div.auf    { top:45%; left:40%}
  div.zentral    { top:45%; left:52%} 
  div.anna    { top:45%; left:67%} 
   
   
  /* pages */
   
   
  /* titles */
  span.acud1b   { font-size:1.3em; color:#990000; width:40%;line-height:12.0pt;top:20%; left:10%}
  span.previous   { color:#990000; width:5%;line-height:12.0pt;top:25%; left:50%}
  span.back   { color:#990000; width:10%;line-height:12.0pt;top:25%; left:55.8%}
  span.next   { color:#990000; width:10%;line-height:12.0pt;top:25%; left:60%}

  span.previous-auf   { color:#990000; width:10%;line-height:12.0pt;top:25%; left:69%}
  span.back-auf   { color:#990000; width:10%;line-height:12.0pt;top:25%; left:74.8%}
  span.next-auf   { color:#990000; width:10%;line-height:12.0pt;top:25%; left:79%}

 

 
  div.flyersbig   { top:25%; left:10%}
  span.textacud { color:yellow; width:28%; top:35%; left:50%; font-size:1.1em}
  span.textauf { color:yellow; width:25%; top:35%; left:69%; font-size:1.1em}
  
  
  
/* CONTACT */  

  div.mailto  {   top:30%; left:10%}
  div.address {  width:12%; top:33%; left:10%}
  
  
  div.band01 {  width:30%; top:30%; left:60%}
  div.band02 {  width:30%; top:35%; left:65%}
  div.band03 {  width:30%; top:40%; left:70%}
  div.band04 {  width:30%; top:45%; left:75%}
  div.band05 {  width:30%; top:50%; left:80%}
  
 
 
 div.navigation {width:256px;float:left}  div.band {  font-size:2.0em;width:30%; bottom:10%; left:10%}
  
 
 
/* LINKS */ 

a:link {color:white; text-decoration:none;font-weight:bold; font-size:1.0em}
a:visited {color:white; text-decoration:none; font-weight:bold; font-size:1.0em }
a:hover {color:#999999; text-decoration:none;  font-size:1.1em}
a:active {color:black; text-decoration:none;  font-size:1.0em}
a:focus {color:#999999; text-decoration:none;  font-size:1.0em }