/* Jan - title, text and list styles */
body		{
			scrollbar-face-color: #000000;
			scrollbar-shadow-color: #000000; 
			scrollbar-highlight-color:#333333; 
			scrollbar-3dlight-color: #000000;
			scrollbar-darkshadow-color: #000000; 
			scrollbar-track-color:#000000; 
			scrollbar-arrow-color: #777777;
			}
p, td 			{
			font-family:Tahoma, Verdana, Arial;
			font-size:12px;
			margin:0px;
			padding-bottom:5px;
			color:#009900;
			}
h1			{
			color:#FFFFFF;
			font-size:18px;
			font-weight:bold;
			margin:0px;
			padding-bottom:10px;
			font-family:Tahoma, Verdana, Arial;
			text-transform:uppercase;
			}
li			{
			list-style-type:circle;
			color:#FFFFFF;
			font-family:Tahoma, Verdana, Arial;
			font-size:12px;
			}
a			{
			color:#00CC00;
			}
a:hover		{
			color:#FFFFFF;
			text-decoration:none;
			}
.cont_pad	{
			padding:20px 20px 50px 20px;
			}
hr			{
			width:100%;
			height:1px;
			border-top:1px solid #000000;
			border-bottom:1px solid #006600;
			}

.mainframe	{
			width:924px;
			height:auto;
			margin-left:auto;
			margin-right:auto;
			}
.concerts tr {
			background-color:#006600;
			}
.concerts tr td {
			color:#cccccc;
			}
.impressum	{
			width:860px;
			margin:auto;
			}
.imp_cont	{
			float:right;
			}
.imp_cont	a	{
			font-family:Arial, Helvetica, sans-serif;
			color:#FFFFFF;
			font-size:12px;
			float:right;
			}
			
			
.forum_entry	{
			width:100%;
			height:auto;
			border-bottom:1px solid #006600;
			}
.forum_row1, .forum_row2	{
			width:100%;
			height:auto;
			}
.title		{
			background-color:#003300;
			}
.cont_padding	{
			padding:5px 10px 5px 10px;
			}
.user		{
			background-color:#111111;
			}
			
.minheight	{
			width:10px;
			height:768px;
			float:left;
			}
.maindisplay	{
			height:100%;
			width:524px;
			margin-top:30px;
			float:left;
			color:#000000;
			}
.imp_col0	{
			padding-top:20px;
			width:15%;
			height:100%;
			float:left;
			}
.imp_col1	{
			padding-top:20px;
			width:70%;
			height:auto;
			float:left;
			}
.imp_col1 a	{
			font-family:Arial, Helvetica, sans-serif;
			color:#CCCCCC;
			font-size:12px;
			}
.imp_col2	{
			padding-top:20px;
			width:14%;
			height:auto;
			float:left;
			}
.rightdisplay	{
			height:100%;
			width:161px;
			margin-top:30px;
			padding-left:25px;
			float:left;
			overflow:hidden;
			color:#000000;
			}

.background	{
			background-image:url(../img/background/main.gif);
			background-repeat:no-repeat;
			background-position:-24px 0px;
		 	position: relative;	
			width:100%;
			height:100%;
			float:left;
			}
.col_bg		{
			background-image:url(../img/background/col_bg.gif);
			background-repeat:repeat-y;
		 	position: relative;	
		  	margin-top:0px;
			width:900px;
			height:auto;
			background-position:-24px 0px;
			margin-top:0px;
			margin-left:0px;
			float:left;
			}
.col_bg1		{
			background-image:url(../img/background/end.gif);
			width:100%;
			height:100%;
			background-repeat:no-repeat;
			background-position:bottom right;
			float:left;
			}
														
#main_item_1{
			display:block;
			background-image:url(../img/buttons/news.gif);
			background-repeat:no-repeat;
			height:48px;
			width:86px;
			float:left;
			color:#FFFFFF;
			}					
																						
#main_item_2 {
			display:block;
			background-image:url(../img/buttons/band.gif);
			background-repeat:no-repeat;
			height:48px;
			width:84px;	
			margin-left:1px;
			float:left;
			color:#FFFFFF;
			}				

#main_item_3{
			display:block;
			background-image:url(../img/buttons/downloads.gif);
			background-repeat:no-repeat;
			height:48px;
			width:157px;
			margin-left:0px;
			float:left;
			color:#FFFFFF;
			}
#main_item_4 {
			display:block;
			background-image:url(../img/buttons/live.gif);
			background-repeat:no-repeat;
			height:48px;
			width:68px;
			margin-left:0px;
			float:left;
			color:#FFFFFF;
			}				

#main_item_5 {
			display:block;
			background-image:url(../img/buttons/merch.gif);
			background-repeat:no-repeat;
			height:48px;
			width:99px;
			margin-left:0px;
			float:left;
			color:#FFFFFF;
			}					
											
#main_item_6 {
			display:block;
			background-image:url(../img/buttons/links.gif);
			background-repeat:no-repeat;
			height:48px;
			width:85px;			
			margin-left:2px;
			float:left;
			color:#FFFFFF;
			}					
											
#main_item_7 {
			display:block;
			background-image:url(../img/buttons/guest.gif);
			background-repeat:no-repeat;
			height:48px;
			width:93px;			
			margin-left:1px;
			float:left;
			color:#FFFFFF;
			}					

#main_item_8	{
			display:block;
			background-image:url(../img/buttons/contact.gif);
			background-repeat:no-repeat;
			height:48px;
			width:117px;
			margin-left:1px;
			float:left;
			color:#FFFFFF;
			}					

												
														
.hiddenPic	{
			display:none;
			}

														
														
/*														
														
Erklärung:
Eine vertikale Zentrierung macht nur dann Sinn, wenn man einen Container mit festgelegter 
Höhe zentrieren will. 

1. Der Container bekommt eine feste Höhe und eine feste Breite zugewiesen. 

2. Der Container wird absolut positioniert, wobei man der linken obere Ecke des Containers die 
	 Position 50% Abstand von oben und 50% Abstand von links zuweist.

3. Man definiert einen negativen linken Außenabstand von der halben Pixelzahl der div-Container-Breite 
   und einen negativen oberen Außenabstand von der halben Pixelzahl der div-Container-Höhe. 
   Hiermit sitzt der Mittelpunkt des div-Containers im Mittelpunkt des Bildschirms. Der div-Container 
   ist nun allseitig zentriert.

4. Damit kein Content über den Containerrand hinausragt (und somit das schöne mittige Design zerstört), 
   fügt man mit "overflow:auto;" für diesen Fall noch Scrollbalken hinzu.														
   
*/



.zentriert21 {
	background-image:url(../img/background/main.jpg);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1024px;
  height	: 768px;
  margin-top: -384px;
  margin-left: -512px;
  border:1px solid #000000;
  overflow:auto;
}