/*CSS by Christian Sommerfeld / Tobias Pfahl @ www.circleofsilence.de*/	

/* Rahmen, Hintergrund und Äusseres ---------------------------------------- */	
	body {
		margin: 0px;
		font: 11px arial, hevetica, sans-serif;
		text-align: center;
		color: #FFFFFF;
		background-color:#000000;
/*		overflow:-moz-scrollbars-vertical; */
		background-image:url(back.jpg);
		background-repeat: repeat-y;
		background-position: top;
	}
	
	#box {
		width: 940px;
		margin: 0px auto 0px;
		position:relative;
		background-color:#000000;
		background-image:url(back.jpg);
		background-repeat: repeat-y;
		background-position: top;
	}
	
	
	#container {
		margin: 0px auto 0px;
		height: 80%;
		width: 820px;
	}
	
	
	#header {
		margin: 0px auto 0px;
		width: 940px;
		height: 98px;
		background-image: url(header.jpg);
		background-repeat:no-repeat;
		background-position:top;
		position:relative;
	}
	

/* Hauptnavigation ---------------------------------------------*/	
	
	#mainnav {
		clear: both;
		font: bold 14px Arial, Helvetica, sans-serif;
		width: 620px; 
		height: 23px;
		margin-left: 100px;
		margin-right: 100px;
		letter-spacing: 7px;
		text-align: center;
	}

	#mainnav ul{
		margin: 0px;
		padding: 0px;
		float: left;
	}

	#mainnav ul li{
		display: inline;
	}
	
	
	#mainnav ul li a{
		float: left;
		color: white; 
		text-decoration: none;
		padding-left: 30px;
	}
	
	#mainnav ul li a:visited{
		color: white;
	}
	
	#mainnav ul li a:hover {
		color: #565f5e !important; 
	}
	
	#mainnav ul li a:active {
		color: #740f10 !important;
	}

	#mainnav span {
		color: #740f10 !important;
	}
	
	
/* Subnavigation ----------------------------------------*/

	/* Für eine Liste / noch linksbündig
	#subnav {
		clear: both;
		font: bold 12px Arial;
		width: 720px;
		height: 23px;
		margin-left: 0px;
		margin-right: 0px;
		letter-spacing: 1px;
		text-align: center;
	}

	#subnav ul{
		margin: 0 auto;
		padding: 0;
		float: left;
	}

	#subnav ul li{
		display: inline;
	}
	
	
	#subnav ul li a{
		float: left;
		color: white; 
		text-decoration: none;
		padding-left: 15px;
	}
	
	#subnav ul li a .first{
		float: left;
		color: white; 
		text-decoration: none;
		padding-left: 0px;
	}
	
	#subnav ul li a:visited{
		color: white;
	}
	
	#subnav ul li a:hover, .subnav ul li a:active{
		color: #565f5e !important; 
	}
	
	*/
	
	#subnav {
		text-decoration: none;
		clear: both;
		width: 820px;
		height: 21px;
		text-align: left;
		padding-left: 47px;
	}

	#subnav a{
		font-family: Arial, Helvetica, sans-serif;
		line-height: 12px;
		font-weight: bold;
		text-decoration: none;
		font-size: 12px;
		margin-right: 20px;
		color: #FFFFFF;
	}

	#subnav a:hover, a:visited {
		color: #565f5e;
	}
	
	#subnav a:active {
		color: #740f10;
	}

	#subnav span {
		color: #740f10;
	}
	
/*Footer----------------------------------------*/
	
	
	#footer {
		clear: both;
		bottom: 0px;
		width: 820px;
		height: 30px;
		margin: 0px auto 0px;
		padding-top: 20px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #666666;
	}
	
	#footer a {
		margin-right: 5px;
		margin-left: 5px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #666666;
		text-decoration: none;
	}

	#footer a:hover {
		color: #FFFFFF;
	}
	
/* Container für Upcoming Gigs und Zufallsbild -----------------------*/
	
	#uppercont {
		width: 820px;
		height: 187px;
		background-image:url(upperback.jpg);
		background-position:top;
		background-repeat:no-repeat;
	}
	
	#uppercontLeft {	
		float: left;
		width: 536px;
		height: 136px;
		text-align:left;
		padding-top: 10px;
		padding-left: 47px;
		line-height: 1.4;
	}

	#uppercontRight {
		float: right;
	  	width: 237px;
	  	height: 146px;
	} 

/*Hauptinhalt / Linke und rechte Spalte ----------------------------*/

	#contentLeft {
		float: left;
		margin-left: 47px;
		width: 530px;
		text-align: left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		line-height: 1.5;  
	}
	
	#contentLeft a{
		color: #565f5e;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-decoration:none;
	}

	#contentLeft a:hover {
		color: #999999;
		text-decoration:underline;
	}
	
	#contentLeft p {
		margin-top: 10px;
		margin-bottom: 0px;
	
	}

	#contentRight {
		float: right;
		width: 203px;
		height: 450px;
		margin-right: 20px;
		text-align: left;
		line-height: 2;
		border-left: 1px solid #565f5e;
		padding-left: 10px;
	} 
	
	#contentRight img {
			border: 1px solid #565f5e;
	}

	#contentRight a {
		color: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		text-decoration:none;
	}

	#contentRight a:hover {
		color: #999999;
		text-decoration:underline;
	}

/*News und Inhaltsblock für die linke Content Spalte-------------------*/


	.block {
 		display: block;
 		position: relative;
 		width: 520px;
		padding-left: 0px;
		padding-bottom: 0px;
		margin-top: 20px;
 		margin-left: 0px;
 	}

/*Überschriftendefinition------------------------------*/

	h1 {
		color: #565f5e;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		letter-spacing: 9px;
		font-size:15px;
		text-transform: uppercase;
		margin-top: 0px;
	}

	h2 {
		color: #CCCCCC; 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight:bold;
		letter-spacing: 1px;
		margin-bottom: 4px; 
		padding-bottom: 9px;
		background: url(stripes.gif) repeat-x left bottom;
	}
	
	h3 {
		padding: 0px;
		margin: 0px;
		color: #565f5e;
		font-family: Arial, Helvetica, sans-serif;
		letter-spacing: 8px;
		font-size:11px;
		font-weight: bold;
		text-transform: lowercase;
	}
	
	h4 {
		color: #740f10;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		letter-spacing: 9px;
		font-size:14px;
		text-transform: uppercase;
		padding: 0px;
		margin: 0px;
		margin-bottom: 5px;
	}
	
/* Content-Text Formatierung (Gallery & Wallpapers) ------------------------ */

   	.viewimg {
		position: absolute;
		width: 480px;
		height: 360px;
		text-align: center;
		margin-left: 10px;
		margin-top: 10px;
	}
	
	.viewimg img {
		border: 1px solid #565f5e;
	}
	
	.viewthumb {
		display: inline;
		position: relative;
		width: 100px;
		height: 75px;
		text-align: center;
		margin: 5px 5px 5px 5px;
		float: left;
	}

	

	.viewthumb img {
		border: 1px solid #565f5e;
	}

   	

   	.galleryback {
   		position: absolute;
   		display: block;
  		margin-left:40px;
  		margin-top:400px;
  	}



 	.gallerynext {
 		position: absolute;
 		display: block;
 		margin-left:400px;
 		margin-top:400px;
 	}

 	

 	.galleryoverview {
  		position: absolute;
		display: block;
 		margin-left:200px;
 		margin-top:400px;
 	}



 	.gallerydownload {
		position: absolute;
		display: block;
 		margin-left:200px;
 		margin-top:420px;
 	}
 	
 	#lyricsleft {
 		width: 250px;
 		float: left;
 	}
 	
 	#lyricsright {
 		padding-top: 23px;
 		float: left;
 	
 	}
 	
	hr {
 		border: 1px solid #565f5e;
	}

/* Formularfelder Formatierung ------------------------ */

	td {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		line-height: 1.0;
		font-weight: bold;
	}
	
	td .fehler {
		color: #740f10;
		font-weight: bold;
		line-height: 1.0;
		font-size:11px;
	}
	
	.fehler {
		color: #740f10;
		font-weight: bold;
		line-height: 2.0;
		font-size:11px;
	}

	td .nofehler {
		color: #FFFFFF;
		font-weight: bold;
		font-size:11px;
	}
	
	.nofehler {
		color: #FFFFFF;
		font-weight: bold;
		font-size:11px;
	}
	
	input {
		border:  1px solid #565f5e;
		background-color: #000000;
		color: #FFFFFF;
	}
	
	textarea {
		border:  1px solid #565f5e;
		background-color: #000000;
		color: #FFFFFF;
	}

	select {
		border:  1px solid #565f5e;
		background-color: #000000;
		color: #FFFFFF;
	}