html
{
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-family: Arial, sans-serif, Tahoma, Verdana, Helvetica;
  font-size: 9pt;
  font-weight: normal;
}

a
{
  background-repeat: no-repeat;
  text-decoration:none; 
  border: 0px;
  
  color: #D5D5F5;
}

a:visited { color: #D5D5F5; }
a:hover   { color: #FFFFFF; }
a:active  { color: #FFFFEE; }

a.link
{
	font-variant: small-caps; 
	color:orange;
}

a.link:link    { padding: 5px; border-left: white 1px solid; }
a.link:visited { padding: 5px; border-left: white 1px solid; }
a.link:hover   { font-weight: bold; color:#FFFFEE; background-color: #333333; }
a.link:active  { font-weight: bold; color:#FFFFFF; background-color: #555555 }

a.alben
{
   color: #bddcff;
   font-variant: small-caps;
   font-weight: bold;
   font-size: 10pt;
}


body 
{
   position: relative;
	 margin: auto auto;
   text-align:center;
   color: #F0FFFF;
   background-color: black;
   background-image: url(screen.jpg);
}

hr
{
   padding-top: 2px;
   padding-bottom: 2px;
}

img
{
   border: 0px;
}


img.bandpic
{
   float: right;
}

div.center
{
	clear: both;
	display: block;
	position: relative;	
	margin: auto auto;
	width: 1024px;
	height: 768px;
	min-height: 768px;
	text-align: left;
	z-index: 1;
  background-image: url(background.jpg);
  background-repeat: no-repeat;
}

html>body div.center
{
   height: auto;
	 min-height: 768px;
}

div.contentbox
{
	clear: both;
	display: block;

	position: relative; 
	background-color: black;
	left: 35px;
	top: 20px;
	width: 954px;
	height: 560px;
	margin: 0px;
	padding: 0px;
	border: 1px solid #aaaaaf;

  	opacity: 0.70;
  	filter:alpha(opacity: 70);
  	-moz-opacity:0.70;
  	-khtml-opacity:0.70;
}	


div.contentpics
{
	clear: both;
	display: block;

	position: relative; 
	left: 35px;
	top: 20px;
	width: 954px;
	height: 580px;
	margin: 0px;
	padding: 0px;
	
	border-left: 1px solid white;
	border-top: 1px solid white;
	border-right: 2px solid #b1bbca;
	border-bottom: 2px solid #b1bacf;
}

div.content
{
  	position: relative;
	left: 12px;
	top: 12px;
	width: 932px;
	height: 455px;
	border: 0px;
}

div.song
{
  position: relative;
  background-image: url(song.jpg);
  background-repeat: no-repeat;
  left: 3px; 
  top: 0px;
  width: 926px;
  height: 50px;
  margin: 0px;
  padding: 0px;
  
}

div.bandback
{
	position: relative; 
	
  background-image: url(band/bandback.jpg);
  background-repeat: no-repeat;
	
	left: 33px;
	top: 0px;
	width: 890px;
	height: 515px;
	margin: 0px;
	padding: 0px;
	font-size: 8pt;
}

div.bandmenu
{
  position: relative;
  left: 33px;
  width: 500px;
	padding-left: 15px;
	background-color: #000000;
	z-index: 3;
}

div.bottomline
{
  clear: both;
	position:absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	text-align: right;
	z-index: 9;

  opacity: 0.50;
  filter:alpha(opacity: 50);
  -moz-opacity:0.50;
  -khtml-opacity:0.50;
}

pre.lyric
{
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  margin: 0px;
  padding: 0px;
  border: 0px;
  
}

span.header
{
   font-family: Verdana;
   color: #fffadf;

   font-size: 24pt;
}

span.alben
{
   color: #FFF;
   font-variant: small-caps;
   font-weight: bold;
   font-size: 10pt;
}

span.mybig
{
	 
   font-size: 22pt;
   padding-left: 20px;
}

span.mysmall
{
   font-size: 6pt;
   font-weight: bold;
   line-height: 8px;
}

span.newsheader
{
   color: #bddcff;
   font-variant: small-caps;
   font-weight: bold;
   font-size: 10pt;
}

span.newsdate
{
   color: #999999;
   font-size: 8pt;
}

span.newsname
{
   color: #666666;
   font-size: 8pt;
}


span.news
{
   font-size: 10pt;
}

span.highlight
{
   color: orange;
   font-weight: bold;
}

span.highlightquestionvocal
{
   color: #CCCCFF;
   background-color: black;
   font-size: 8pt;
}

span.highlightquestionvocalProfile
{
   color: #9999FF;
   font-size: 9pt;
}

span.highlightquestionbass
{
   color: #FFCF6F;
   background-color: black;
   font-weight: bold;
   font-size: 7pt;
}

span.highlightquestionbassProfile
{
   color: #EFAF4F;
   font-size: 9pt;
}


span.highlightquestiondrums
{
   color: #ff3032;
   background-color: black;
   font-weight: bold;
   font-size: 7pt;
}

span.highlightquestiondrumsProfile
{
   color: #ff0000;
   font-size: 9pt;
}

span.highlightquestionguitar
{
   color: #b4c0ea;
   background-color: black;
   font-size: 8pt;
}

span.highlightquestionguitarProfile
{
   color: #cfd8f6;
   font-size: 9pt;
}

span.highlightquestionkeys
{
   color: #80FF99;
   background-color: black;
   font-weight: bold;
   font-size: 7pt;
}

span.highlightquestionkeysProfile
{
   color: #40FF55;
   font-size: 9pt;
}


span.answer
{
	 color: white;
   background-color: black;
}

span.answer2
{
	 color: white;
	 font-size: 7pt;
	 background-color: black;
}

span.answerProfile
{
	 color: white;
	 font-size: 9pt;
}



span.smallhighlight
{
   color: orange;
   font-size: 7pt;
}
span.center
{
   text-align: center;
}


table.menu
{
  position: relativ;
  left: 0px;
  width: 100%;
  border: 0px;
  padding: 0px;
  margin: 0px;
  height: 465px;

}


tr.menu
{
  height: 21px;
  padding: 0px;
  margin: 0px;
}

tr.rest
{
   height: 200px;
}

/* Impressum */
td.impressum
{
	width: 300px;
  border: solid #222 1px;
  border-left: solid #aaa 1px;
  border-right: solid #aaa 1px;
  vertical-align: top;
  padding: 25px;
  background-color: #000011;
}

td.impressum2
{
	width: 500px;
  border: solid #222 1px;
  border-right: solid #aaa 1px;
  vertical-align: top;
  padding: 25px;
  background-color: #000011;
}

td.impressum:hover
{
  background-color: #060617; 
}

/* Lyrics */

td.song
{
	width: 380px;
	vertical-align: top;
	height: 50px;
}

td.lyrics
{
  padding-left: 10px;
  padding-top: 10px;
  width: 361px;
  border: solid #222222 1px;
  border-left: solid white 1px;
  vertical-align: top;
  background-color: #000011;
}

td.menu
{
  border: 0px;
  border-bottom: solid #aaaaaa 1px;
}
td.menu:hover
{
  background-color: #111111;
  border-bottom: solid #eeeeee 1px;
}

table.profile
{
  border: 0px;
  width: 455px;
  color: white;
  padding-left: 25px;
}

table.interview
{
  border: 0px;
  width: 828px;
  height: 310px;
  color: white;
  padding-left: 25px;
}

td.interview
{
  width: 49%;
  border: 0px;
  border-left: 1px solid #999;
  vertical-align: top;
  padding-left: 10px;

}

td.Profile
{
   width: 100px;
   border: 0px;
   border-left: 1px solid #444;
   
}

table.picmenu
{
  position: relativ;
  left: 0px;
  width: 100%;
  border: 0px;
  padding: 0px;
  margin: 0px;
  height: 475px;

}


td.picmenu
{
  width: 250px;
  border: solid #222244 1px;
  background-color: #222222;
  border-bottom: solid #444488 1px;
  border-right: solid #aaaaaa 1px;
  text-align: left;
  vertical-align: top;
 
  opacity: 0.80;
  filter:alpha(opacity: 80);
  -moz-opacity:0.80;
  -khtml-opacity:0.80;
}

/* Pictures */

td.pic
{
  width: 133px;
  border: solid #222244 1px;
  background-color: #000000;
  border-bottom: solid #444488 1px;
  font-size: 10pt;
  text-align: center;
  color: red;
}
td.pic:hover
{
  background-color: #1a1a1a;
  border: solid #EEEEEE 1px;
}

tr.pics
{
  height: 100px;
}

tr.picspacer
{
  height: 4px;
}
tr.picsline
{
  height: 1px;
  padding: 0px;
  border: 0px;
  margin: 0px;
}
td.picsline
{
  background-color: #222244;

  opacity: 0.70;
  filter:alpha(opacity: 70);
  -moz-opacity:0.70;
  -khtml-opacity:0.70;
}


td.active
{
  background-color: #000011;
  border-bottom: solid #DDDD99 2px;
}


/* Index / News Seite */

table.index
{
  position: relativ;
  left: 0px;
  width: 100%;
  border: 0;
  padding: 0px;
  margin: 0px;
  height: 460px;

  font-weight: normal;
  color: white;
  border-spacing: 3px;
}

tr.indexfirstline
{
  height: 145px;
  vertical-align: top;
}
tr.indexrest
{
  height: 350px;
  vertical-align: top;
}
tr.indexlastline
{
  height: 18px;
  vertical-align: top;
}

td.indextop
{
  background-image: url(index/front.jpg);
  background-repeat: no-repeat;  
}

td.indexlastline
{
  background-image: url(index/last.jpg);
  background-repeat: no-repeat;  
}


td.indexcontent1
{
  border: 1px solid #666699;
  background-color: #121212;
  width: 30%;
  padding-left: 10px;
}
td.indexcontent1:hover
{
  border: 1px solid #8181b7;
}

td.indexcontent2
{
  border: 1px solid #7777aa;
  background-color: #202022;
  padding-left: 10px;
}
td.indexcontent2:hover
{
  border: 1px solid #9191c1;
}

td.indexcontent3
{
  border: 1px solid #666699;
  background-color: #121212;
  width: 19%;
  padding-left: 5px;
}
td.indexcontent3:hover
{
  border: 1px solid #8181b7;
}

span.indexhigh
{
  font-variant: small-caps;
  font-size: 10pt;
  color: orange;
}







/* 
 --------------------
      Buttons
 --------------------
*/

a.buttonnews
{
   position: relative;
   display: block;
   float: left;
   top: 11px;
   left: 99px;
   width: 147px;
   height: 97px;
   background-image: url(../buttons/news.gif);
}

a.buttonnews:hover  {   background-image: url(../buttons/news_hover.gif);    }
a.buttonnews:active {   background-image: url(../buttons/news_active.gif);   }

a.buttonsong
{
   position: relative;
   display: block;
   float: left;
   top: 46px;
   left: 108px;
   width: 138px;
   height: 71px;
   background-image: url(../buttons/songs.gif);
}

a.buttonsong:hover  {   background-image: url(../buttons/song_hover.gif);    }
a.buttonsong:active {   background-image: url(../buttons/song_active.gif);   }


a.buttonsor
{
   position: relative;
   display: block;
   float: left;
   top: 11px;
   left: 123px;
   width: 232px;
   height: 149px;
   background-image: url(../buttons/sor.gif);
}

a.buttonsor:hover  {   background-image: url(../buttons/sor_hover.gif);    }


a.buttonpics
{
   position: relative;
   display: block;
   float: left;
   top: 16px;
   left: 169px;
   width: 121px;
   height: 88px;
   background-image: url(../buttons/pics.gif);
}

a.buttonpics:hover  {   background-image: url(../buttons/pics_hover.gif);    }
a.buttonpics:active {   background-image: url(../buttons/pics_active.gif);   }


a.buttonforum
{
   position: relative;
   display: block;
   float: left;
   top: 1px;
   left: 191px;
   width: 153px;
   height: 108px;
   background-image: url(../buttons/forum.gif);
}

a.buttonforum:hover  {   background-image: url(../buttons/forum_hover.gif);    }
a.buttonforum:active {   background-image: url(../buttons/forum_active.gif);   }