* { padding: 0px; margin: 0px; border: 0px; }

html {
  text-align: center;
  background-color: black;
}

body {
  background-image: url(./bgimg/odbgimg.jpg); 
  background-repeat: no-repeat;
  background-position: 50% 368px;
  background-color: black;
  text-align: right;
  margin: 2px 15px 15px 0px;
}

div#layout {
  width: 700px;
  margin: 2px auto;
  text-align: center;
  background: #444;
  border: 0px solid #888;
}

div#content {
  background-image: url(./bgimg/lay.jpg); 
  background-repeat: no-repeat;
  background-position: left;
  background-color: #444; 
  width: 700px;
  text-align: left;
  padding: 0px;
}

div#menu {
  float: left; 
  margin: 80px 0px 0px 0px;
}

ul#menu {
  list-style: none;
}

ul#menu li {
  text-indent: -9000px;
}
  
ul#menu li a {
  display: block;
  height: 40px;
  width: 120px;
}

ul#menu a#de_home {
  background: url(de/menu/home.png) no-repeat; 
}
    
ul#menu a#de_home:hover {
  background-position: 0 -40px; 
}

ul#menu a#de_news {
  background: url(de/menu/news.png) no-repeat; 
}
    
ul#menu a#de_news:hover {
  background-position: 0 -40px; 
}
    
ul#menu a#de_band {
  background: url(de/menu/band.png) no-repeat; 
}
    
ul#menu a#de_band:hover {
  background-position: 0 -40px; 
}
    
ul#menu a#de_shows {
  background: url(de/menu/shows.png) no-repeat; 
}
    
ul#menu a#de_shows:hover {
  background-position: 0 -40px; 
}

ul#menu a#de_media {
  background: url(de/menu/media.png) no-repeat; 
}
    
ul#menu a#de_media:hover {
  background-position: 0 -40px; 
}

ul#menu a#de_disco {
  background: url(de/menu/disco.png) no-repeat; 
}
    
ul#menu a#de_disco:hover {
  background-position: 0 -40px; 
}

ul#menu a#de_gallery {
  background: url(de/menu/gallery.png) no-repeat; 
}
    
ul#menu a#de_gallery:hover {
  background-position: 0 -40px; 
}

ul#menu a#de_lyrics {
  background: url(de/menu/lyrics.png) no-repeat; 
}
    
ul#menu a#de_lyrics:hover {
  background-position: 0 -40px; 
}

ul#menu a#de_history {
  background: url(de/menu/history.png) no-repeat; 
}
    
ul#menu a#de_history:hover {
  background-position: 0 -40px; 
}

ul#menu a#de_merch {
  background: url(de/menu/merch.png) no-repeat; 
}
    
ul#menu a#de_merch:hover {
  background-position: 0 -40px; 
}

ul#menu a#de_contact {
  background: url(de/menu/contact.png) no-repeat; 
}
    
ul#menu a#de_contact:hover {
  background-position: 0 -40px; 
}

ul#menu a#de_gb {
  background: url(de/menu/gb.png) no-repeat; 
}
    
ul#menu a#de_gb:hover {
  background-position: 0 -40px; 
}

ul#menu a#de_links {
  background: url(de/menu/links.png) no-repeat; 
}
    
ul#menu a#de_links:hover {
  background-position: 0 -40px; 
}

ul#menu a#myspace {
  background: url(de/menu/myspace.png) no-repeat; 
}

ul#menu a#lastfm {
  background: url(de/menu/lastfm.png) no-repeat; 
}

ul#menu a#en_home {
  background: url(en/menu/home.png) no-repeat; 
}
    
ul#menu a#en_home:hover {
  background-position: 0 -40px; 
}

ul#menu a#en_news {
  background: url(en/menu/news.png) no-repeat; 
}
    
ul#menu a#en_news:hover {
  background-position: 0 -40px; 
}
    
ul#menu a#en_band {
  background: url(en/menu/band.png) no-repeat; 
}
    
ul#menu a#en_band:hover {
  background-position: 0 -40px; 
}
    
ul#menu a#en_shows {
  background: url(en/menu/shows.png) no-repeat; 
}
    
ul#menu a#en_shows:hover {
  background-position: 0 -40px; 
}

ul#menu a#en_media {
  background: url(en/menu/media.png) no-repeat; 
}
    
ul#menu a#en_media:hover {
  background-position: 0 -40px; 
}

ul#menu a#en_disco {
  background: url(en/menu/disco.png) no-repeat; 
}
    
ul#menu a#en_disco:hover {
  background-position: 0 -40px; 
}

ul#menu a#en_gallery {
  background: url(en/menu/gallery.png) no-repeat; 
}
    
ul#menu a#en_gallery:hover {
  background-position: 0 -40px; 
}

ul#menu a#en_lyrics {
  background: url(en/menu/lyrics.png) no-repeat; 
}
    
ul#menu a#en_lyrics:hover {
  background-position: 0 -40px; 
}

ul#menu a#en_history {
  background: url(en/menu/history.png) no-repeat; 
}
    
ul#menu a#en_history:hover {
  background-position: 0 -40px; 
}

ul#menu a#en_merch {
  background: url(en/menu/merch.png) no-repeat; 
}
    
ul#menu a#en_merch:hover {
  background-position: 0 -40px; 
}

ul#menu a#en_contact {
  background: url(en/menu/contact.png) no-repeat; 
}
    
ul#menu a#en_contact:hover {
  background-position: 0 -40px; 
}

ul#menu a#en_gb {
  background: url(en/menu/gb.png) no-repeat; 
}
    
ul#menu a#en_gb:hover {
  background-position: 0 -40px; 
}

ul#menu a#en_links {
  background: url(en/menu/links.png) no-repeat; 
}
    
ul#menu a#en_links:hover {
  background-position: 0 -40px; 
}

ul#menu a#myspace {
  background: url(en/menu/myspace.png) no-repeat; 
}

ul#menu a#lastfm {
  background: url(en/menu/lastfm.png) no-repeat; 
}


/* Ende Menue und Layout - Beginn Inhalte */

div#main {
  width: 380px;
  padding: 0px;
  margin: 0px 120px 0px 120px;
  text-align: left;
}

div#main2 {
  width: 580px;
  height: 720px;
  padding: 0px;
  margin: 0px 0px 0px 120px;
  font-size: 10pt;
  font-family: arial, sans-serif;
  font-weight: bold;
  text-align: left;
}

div#main2 li {
  margin: 0px 0px 0px 40px;
}

div#band_main {
  width: 580px;
  height: 720px;
  padding: 0px;
  margin: 0px 0px 0px 120px;
  font-size: 10pt;
  font-family: arial, sans-serif;
  font-weight: bold;
}
  
div#gallery_main {
  width: 580px;
  height: 50px;
  padding: 0px;
  margin: 0px 0px 0px 120px;
  font-size: 10pt;
  font-family: arial, sans-serif;
  font-weight: bold;
  text-align: left;
}

div#history_main {
  width: 500px;
  height: 720px;
  padding: 0px;
  margin: 0px 0px 0px 200px;
  font-size: 10pt;
  font-family: arial, sans-serif;
  font-weight: bold;
}

div#news_main {
  width: 535px;
  height: 720px;
  padding: 0px;
  margin: 0px 25px 0px 130px;
  font-size: 10pt;
  font-family: arial, sans-serif;
  font-weight: bold;
  text-align: justify;  
}


/* Einzelne Elemente */

div#twitter {
  width: 207px;
  height: 250px;
  margin: 0px 0px 0px 20px;
  float: right;
}

div#footer {
  width: 700px;
  text-align: center;
  font-size: 13px;
  background: transparent;
}

div#gallery_table {
  width: 510px;
  height: 670px;
  padding: 0px;
  margin: 0px 0px 0px 125px;
  font-size: 10pt;
  font-family: arial, sans-serif;
  font-weight: bold;
  text-align: left;
}

div#headline {
  width: 380px;
  margin: 0px 120px 0px 120px;
  text-align: left;
}

body#impressum {
  text-align: justify;
  text-decoration: none;
  color: #D2CFCF;
  background-color: #000000;
  margin: 5px 0px 0px 5px;
}

div#impressum {
  text-align: justify;
  text-decoration: none;
  color: #D2CFCF;
  background-color: #000000;
  margin: 5px 15px 5px 5px;
}

div#player {
  float: right;
  margin-top: 50px;
  margin-bottom: 0px;
  margin-left: 45px;
  margin-right: 70px;
}

div#overview {
  float: right;
}

td {
  font-family: arial, sans-serif;
  color: black;
  font-size: 10pt;
  text-align: center;
  padding-bottom: 15px;
}  

ol {
  margin: 0px 0px 0px 45px;
  text-align: left;
}



/* Ausrichtungen */

div#contact {
  margin: 0px 0px 0px 150px;
}

div#disco {
  margin: 0px 0px 0px 20px;
}

div#older_news {
  margin: 0px 150px 0px 150px;
}

div#lyrics {
  margin: 0px 0px 0px 75px;
}

div#links {
  margin: 0px 0px 0px 75px;
}


/* History Links */

ul#history {
  list-style: none;
}

ul#history li {
  text-indent: -9000px;
}
  
ul#history li a {
  display: block;
  height: 40px;
  width: 500px;
}

ul#history a#de_2001 {
  background: url(de/img/history/de_2001.png) no-repeat; 
}
    
ul#history a#de_2001:hover {
  background-position: 0 -40px; 
}

ul#history a#de_2002 {
  background: url(de/img/history/de_2002.png) no-repeat; 
}
    
ul#history a#de_2002:hover {
  background-position: 0 -40px; 
}

ul#history a#de_2003 {
  background: url(de/img/history/de_2003.png) no-repeat; 
}
    
ul#history a#de_2003:hover {
  background-position: 0 -40px; 
}

ul#history a#de_2004 {
  background: url(de/img/history/de_2004.png) no-repeat; 
}
    
ul#history a#de_2004:hover {
  background-position: 0 -40px; 
}

ul#history a#de_2005 {
  background: url(de/img/history/de_2005.png) no-repeat; 
}
    
ul#history a#de_2005:hover {
  background-position: 0 -40px; 
}

ul#history a#de_2006 {
  background: url(de/img/history/de_2006.png) no-repeat; 
}
    
ul#history a#de_2006:hover {
  background-position: 0 -40px; 
}

ul#history a#de_2007 {
  background: url(de/img/history/de_2007.png) no-repeat; 
}
    
ul#history a#de_2007:hover {
  background-position: 0 -40px; 
}

ul#history a#de_2008 {
  background: url(de/img/history/de_2008.png) no-repeat; 
}
    
ul#history a#de_2008:hover {
  background-position: 0 -40px; 
}

ul#history a#en_2001 {
  background: url(en/img/history/en_2001.png) no-repeat; 
}
    
ul#history a#en_2001:hover {
  background-position: 0 -40px; 
}

ul#history a#en_2002 {
  background: url(en/img/history/en_2002.png) no-repeat; 
}
    
ul#history a#en_2002:hover {
  background-position: 0 -40px; 
}

ul#history a#en_2003 {
  background: url(en/img/history/en_2003.png) no-repeat; 
}
    
ul#history a#en_2003:hover {
  background-position: 0 -40px; 
}

ul#history a#en_2004 {
  background: url(en/img/history/en_2004.png) no-repeat; 
}
    
ul#history a#en_2004:hover {
  background-position: 0 -40px; 
}

ul#history a#en_2005 {
  background: url(en/img/history/en_2005.png) no-repeat; 
}
    
ul#history a#en_2005:hover {
  background-position: 0 -40px; 
}

ul#history a#en_2006 {
  background: url(en/img/history/en_2006.png) no-repeat; 
}
    
ul#history a#en_2006:hover {
  background-position: 0 -40px; 
}

ul#history a#en_2007 {
  background: url(en/img/history/en_2007.png) no-repeat; 
}
    
ul#history a#en_2007:hover {
  background-position: 0 -40px; 
}

ul#history a#en_2008 {
  background: url(en/img/history/en_2008.png) no-repeat; 
}
    
ul#history a#en_2008:hover {
  background-position: 0 -40px; 
}



/* MERCH Ausrichtungen und Links */

div#merchtext {
  width: 525;
  height: 700px;
  margin: 0px 45px 0px 130px;
  font-size: 10pt;
  font-family: arial, sans-serif;
  font-weight: bold;
  text-align: justify;  
}

div#merch {
  width: 400px;
  height: 520px;
  padding: 0px;
  margin: 0px 0px 0px 300px;
  font-size: 10pt;
  font-family: arial, sans-serif;
  font-weight: bold;
  text-align: center;
}

div#merch_clothing {
  width: 700px;
  height: 875px;
  margin: 0px 50px 0px 50px;
  font-size: 10pt;
  font-family: arial, sans-serif;
  font-weight: bold;
  text-align: justify;  
}

div#merch_cds {
  width: 700px;
  height: 720px;
  margin: 0px 50px 0px 50px;
  font-size: 10pt;
  font-family: arial, sans-serif;
  font-weight: bold;
  text-align: justify;  
}

ul#merch {
  list-style: none;
}

ul#merch li {
  text-indent: -9000px;
}
  
ul#merch li a {
  display: block;
  height: 40px;
  width: 400px;
}

ul#merch a#de_clothing {
  background: url(de/img/merch/de_clothing.png) no-repeat; 
}
    
ul#merch a#de_clothing:hover {
  background-position: 0 -40px; 
}

ul#merch a#de_cds {
  background: url(de/img/merch/de_cds.png) no-repeat; 
}
    
ul#merch a#de_cds:hover {
  background-position: 0 -40px; 
}

ul#merch a#de_orderform {
  background: url(de/img/merch/de_orderform.png) no-repeat; 
}
    
ul#merch a#de_orderform:hover {
  background-position: 0 -40px; 
}

ul#merch a#en_clothing {
  background: url(en/img/merch/en_clothing.png) no-repeat; 
}
    
ul#merch a#en_clothing:hover {
  background-position: 0 -40px; 
}

ul#merch a#en_cds {
  background: url(en/img/merch/en_cds.png) no-repeat; 
}
    
ul#merch a#en_cds:hover {
  background-position: 0 -40px; 
}

ul#merch a#en_orderform {
  background: url(en/img/merch/en_orderform.png) no-repeat; 
}
    
ul#merch a#en_orderform:hover {
  background-position: 0 -40px; 
}



/* BAND Links und Ausrichtungen */

ul#band {
  list-style: none;
}

ul#band li {
  text-indent: -9000px;
}

ul#band li a#de_franz {
  display: block;
  height: 227px;
  width: 170px;
}

ul#band a#de_franz {
  background: url(de/img/band/franz_sw.png) no-repeat;
  float: left;
}
    
ul#band a#de_franz:hover {
  background: url(de/img/band/franz.png) no-repeat; 
  float: left; 
}

ul#band li a#de_uwe {
  display: block;
  height: 227px;
  width: 170px;
}

ul#band a#de_uwe {
  background: url(de/img/band/uwe_sw.png) no-repeat; 
  float: left; 
}
    
ul#band a#de_uwe:hover {
  background: url(de/img/band/uwe.png) no-repeat; 
  float: left; 
}

ul#band li a#de_alex {
  display: block;
  height: 151px;
  width: 190px;
}

ul#band a#de_alex {
  background: url(de/img/band/alex_sw.png) no-repeat; 
  float: left; 
}
    
ul#band a#de_alex:hover {
  background: url(de/img/band/alex.png) no-repeat; 
  float: left; 
}

ul#band li a#de_chris {
  display: block;
  height: 226px;
  width: 170px;
}

ul#band a#de_chris {
  background: url(de/img/band/chris_sw.png) no-repeat; 
  float: left; 
}
    
ul#band a#de_chris:hover {
  background: url(de/img/band/chris.png) no-repeat; 
  float: left; 
}

ul#band li a#de_erik {
  display: block;
  height: 226px;
  width: 170px;
}

ul#band a#de_erik {
  background: url(de/img/band/schulli_sw.png) no-repeat; 
  float: left; 
}
    
ul#band a#de_erik:hover {
  background: url(de/img/band/schulli.png) no-repeat; 
  float: left; 
}

ul#band li a#en_franz {
  display: block;
  height: 227px;
  width: 170px;
}

ul#band a#en_franz {
  background: url(en/img/band/franz_sw.png) no-repeat;
  float: left;
}
    
ul#band a#en_franz:hover {
  background: url(en/img/band/franz.png) no-repeat; 
  float: left; 
}

ul#band li a#en_uwe {
  display: block;
  height: 227px;
  width: 170px;
}

ul#band a#en_uwe {
  background: url(en/img/band/uwe_sw.png) no-repeat; 
  float: left; 
}
    
ul#band a#en_uwe:hover {
  background: url(en/img/band/uwe.png) no-repeat; 
  float: left; 
}

ul#band li a#en_alex {
  display: block;
  height: 151px;
  width: 190px;
}

ul#band a#en_alex {
  background: url(en/img/band/alex_sw.png) no-repeat; 
  float: left; 
}
    
ul#band a#en_alex:hover {
  background: url(en/img/band/alex.png) no-repeat; 
  float: left; 
}

ul#band li a#en_chris {
  display: block;
  height: 226px;
  width: 170px;
}

ul#band a#en_chris {
  background: url(en/img/band/chris_sw.png) no-repeat; 
  float: left; 
}
    
ul#band a#en_chris:hover {
  background: url(en/img/band/chris.png) no-repeat; 
  float: left; 
}

ul#band li a#en_erik {
  display: block;
  height: 226px;
  width: 170px;
}

ul#band a#en_erik {
  background: url(en/img/band/schulli_sw.png) no-repeat; 
  float: left; 
}
    
ul#band a#en_erik:hover {
  background: url(en/img/band/schulli.png) no-repeat; 
  float: left; 
}


/* Past Shows */

ul#pastshows {
  list-style: none;
}

ul#pastshows li {
  text-indent: -9000px;
}
  
ul#pastshows li a {
  display: block;
  height: 40px;
  width: 500px;
}

ul#pastshows a#de_pastshows {
  background: url(de/img/shows/de_pastshows.png) no-repeat; 
}
    
ul#pastshows a#de_pastshows:hover {
  background-position: 0 -40px; 
}

ul#pastshows a#en_pastshows {
  background: url(en/img/shows/en_pastshows.png) no-repeat; 
}
    
ul#pastshows a#en_pastshows:hover {
  background-position: 0 -40px; 
}


/* Link-Designs */

div#content a:link {
  color: #045EB7;
  text-decoration: none;
}

div#content a:visited {
  color: #003388;
  text-decoration: none;
}

div#content a:hover {
  color: #FFFFFF;
  text-decoration: none;
}

div#impressum a:link {
  color: #045EB7;
  text-decoration: none;
}

div#impressum a:visited {
  color: #003388;
  text-decoration: none;
}

div#impressum a:hover {
  color: #FFFFFF;
  text-decoration: none;
}

div#footer a:hover {
  color: #FF0000;
  text-decoration: none;
}