body  { color: #fff; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #000; text-align: center; margin: 0; padding: 0; scrollbar-3dlight-color: default; scrollbar-arrow-color: #6D4AC5; scrollbar-base-color: #000000; scrollbar-darkshadow-color: #6D4AC5; scrollbar-face-color: #000000; scrollbar-highlight-color: default; scrollbar-shadow-color: default; scrollbar-track-color: #000000 }

table, tr, td, p {
	text-align: left;
	color: #9E9E9E;
	}

a:link, a:visited  {
	font-size: 10px;
	color: #fff;
	text-decoration: none;
}

a:focus, a:hover {
	font-size: 10px;
	color: #6D4AC5;
	text-decoration: none;
}

input, textarea, select  {
	background-color: transparent;
	border:1pt solid #9E9E9E;
	padding: 0 5px 0 5px ;
	margin: 0  0 3px 0;
	width: 140px;
	color: #fff;
	}
	
.textinputselected   {
  border:1pt solid #6D4AC5;
  background-color: #313131;
  color: #fff;
  }
  
.ohnerand {
	border:0pt;
	background-color:transparent;
	margin:0;
	padding:0;
	width: 20px;
}

#copyright {
	position: absolute;
	left: 50%;
	margin-left: 255px;
	top: 533px;
	width: 200px;
	z-index: 99;
}

#copyright a:link, #copyright a:visited, #copyright a:focus, #copyright a:hover {
	font-size: 10px;
	color: #9E9E9E;
	text-decoration: none;
	cursor: default;
}

/* - - - - - - - - - - - inhalte impressum - - - - - - - - - - - */

#impressum {
   background-image: url(images/hg-impressum.jpg);
	height: 385px;
	width: 685px;
	margin: 0 0 0 176px;
	text-align: left;
   }

#adresse impressum {
	float: left;
	width: 200px;
}
/* - - - - - - - - - - - inhalte impressum - - - - - - - - - - - */



/* - - - - - - - - - - - inhalte demo - - - - - - - - - - - */

#demo {
   background-image: url(images/hg-demo.jpg);
	height: 385px;
	width: 685px;
	margin: 0 0 0 176px;
	text-align: left;
   }

#inhaltdemo {
	margin: 25px 0 0 0;
	padding-left: 380px;
	width:255px;
	height: 300px;
	color: #9E9E9E;
}
/* - - - - - - - - - - - inhalte demo - - - - - - - - - - - */

/* - - - - - - - - - - - inhalte danke - - - - - - - - - - - */

#danke {
   background-image: url(images/danke.jpg);
	height: 385px;
	width: 685px;
	margin: 0 0 0 176px;
	text-align: left;
   }

#inhaltdanke {
	margin: 190px 0 0 0;
	padding-left: 405px;
	width:231px;
	color: #9E9E9E;
}
/* - - - - - - - - - - - ende inhalte danke - - - - - - - - - - - */

/* - - - - - - - - - - - inhalte discography - - - - - - - - - - - */

#block1 {
	float: left;
	overflow: auto;
	height: 283px;
	width: 601px;
	padding-right: 50px;
   }

	.bildlinks {
	float: left;
	margin: 0 40px 10px 0;
}

.bildrechts {
	float: right;
	margin: 0 0 20px 30px;
}
/* - - - - - - - - - - - inhalte discography - - - - - - - - - - - */


/* - - - - - - - - - - - inhalte kontakt - - - - - - - - - - - */

#kontakt {
   background-image: url(images/hg-kontakt.jpg);
	height: 385px;
	width: 685px;
	margin: 0 0 0 176px;
	text-align: left;
   }
	
#headline {
	padding: 10px 0 0 30px;
}

#inhalt {
	margin: 25px 0 0 0;
	color: #9E9E9E;
}

#adresse {
	float: left;
	width: 150px;
}
#formular {
	float: left;
	width: 170px;
	display: inline;
	margin: 0 0 0 20px;
}

#formular2 {
	float: left;
	width: 160px;
	display: inline;
}

/* - - - - - - - - - - - inhalte kontakt ende - - - - - - - - - - - */




/* - - - - - - - - - - - inhalte charts - - - - - - - - - - - */
#charts {
   background-image: url(images/hg-charts.jpg);
	height: 385px;
	width: 685px;
	margin: 0 0 0 176px;
	text-align: left;
   }
#livestream2  { background-image: url(images/hg-stream.jpg); text-align: left; margin: 0 0 0 176px; width: 685px; height: 385px }
#platz {
	float: left;
	line-height: 20px;
	margin-right: 20px;
}

#interpret{
	float: left;
	line-height: 20px;
	margin-right: 20px;
}

#titel {
	float: left;
	display: inline;
	line-height: 20px;
}

/* - - - - - - - - - - - inhalte charts ende - - - - - - - - - - - */

#livestream { 
   background-image: url(images/hg-stream.jpg); 
	height: 385px;
	width: 685px;
	margin: 0 0 0 176px;
   }
#partyguide { 
   background-image: url(images/hg-partyguide.jpg); 
	height: 385px;
	width: 685px;
	margin: 0 0 0 176px;
	text-align: left;
   }

/* - - - - - - - - - - - gästebuch - - - - - - - - - - - */

#gaestebuch {
	margin: 25px 0 0 4px;
	border-left:6px solid #000;
	color: #9E9E9E;
	height: 283px;
	width: 665px;
}

/* - - - - - - - - - - - gästebuch ende- - - - - - - - - - - */

/* - - - - - - - - - - - grundgerüst - - - - - - - - - - - */

#template {
  width: 900px;
  height: 526px;
  margin: 30px auto 0;
  }

#header {
	background-image: url(images/logo.jpg);
	height: 13px;
	width: 860px;
	text-align: right;
	padding:40px 0 0 0;
}

#home {
  width: 850px;
  margin:0 auto 0;
  display: inline;

}


#left {
   background-image: url(images/hg-links.jpg);
	height: 385px;
	width: 176px;
	margin: 53px 0 0 0;
	position: absolute;
	text-align: left;
   }


#content {
   background-image: url(images/start.jpg);
	height: 385px;
	width: 685px;
	margin: 0 0 0 176px;
   }

#folge {
   background-image: url(images/hg-folge.jpg);
	height: 385px;
	width: 685px;
	margin: 0 0 0 176px;
   }

#footer {
   background-image: url(images/unten.jpg);
	height: 88px;
	width: 900px;
	margin: 385px 0 0 0;
   }

/* - - - - - - - - - - - grundgerüst ende - - - - - - - - - - - */





/* - - - - - - - - - - - navi - - - - - - - - - - - */

#navigation {
   position: absolute;
   top: 18px;
   left: 30px;
	width: 151px;
	text-align: left;
   }

#navigation LI {
   margin: 8px 0 0 0;
   list-style: none;
   width: 151px;
   }

#navigation UL {
   padding: 0;
   margin: 0;
   }

#navigation A {
   display:block;
   text-decoration: none;
   padding: 2px;
   margin: 0;
   width: 145px;
   }

#navigation A:link, #navigation A:visited {
	color: #fff;
	background-image: url(images/button.gif);
   }

#navigation A:focus, #navigation A:hover, #bseite1 #seite1, #bseite2 #seite2, #bseite3 #seite3, #bseite4 #seite4, #bseite5 #seite5, #bseite6 #seite6, #bseite17 #seite17, #bseite18 #seite18 {
   color: #6D4AC5;
   background-image: url(images/button-over.gif);
   }

/* - - - - - - - - - - - navi ende - - - - - - - - - - - */


/* - - - - - - - - - - - news auf startseite- - - - - - - - - - - */

#news {
	position: absolute;
   top: 240px;
   left: 30px;
	width: 130px;
	height: 140px;
	text-align: left;

}

/* - - - - - - - - - - - inhalte newsseite - - - - - - - - - - - */
#newsseite {
   background-image: url(images/hg-news.jpg);
	height: 385px;
	width: 685px;
	margin: 0 0 0 176px;
	text-align: left;
   }
   
#inhaltnews {
	width: 360px;
	margin: 25px 0 0 0;
	color: #9E9E9E;
}

/* - - - - - - - - - - - inhalte links - - - - - - - - - - - */

.float {
	float: left;
	margin: 10px 0 20px 0;
	width: 190px;
}

.clear {
	clear: both;
	}
	
/* - - - - - - - - - - - vinyl taauschbörse - - - - - - - - - - - */

.vinyl {
	float: left;
	margin-right: 40px;
	line-height: 15px;
}

/* - - - - - - - - - - - inhalte pics - - - - - - - - - - - */

#img {
	width: 112px;
	height: 58px;
	margin: 0 8px 0 0;
	border: 1px solid #9E9E9E;
	float: left;
}

#zeile {
	height: 70px;
	width: 300px;
	float: left;
}

#imgdetail {
	width: 55px;
	height: 55px;
	margin: 0 15px 15px 0;
	border: 1px solid #9E9E9E;
	float: left;
}

.right {
	float: right;
	margin: -8px 0 0 0;
}