/* --------------------------------------- */
/* framework */
body {
	background:#0e0e0e 0 0 url("../body_bg.jpg") repeat-x;	
	font-size:1em;
	font-family: Arial, Verdana, sans-serif;
} 


#page {
	   position: relative;
	   top: 0px;
	   left:0px;
	   
	   width: 960px;
	   height: auto;
	   
	   padding: 0px;
	   margin: 0px auto;
	   
	   background:#776759;
	   
	   box-shadow:0px 0px 22px #530000; 
	   -webkit-box-shadow:0px 0px 22px #530000; 
	   -moz-box-shadow:0px 0px 22px  #530000; 
}




#content {
	   position: relative;
	   top: 0px;
	   left:0px;
	   
	   width: 960px;
	   height: auto;
	   
	   padding: 10px 0 0 0;
	   margin: 0px 0px 30px 0;
	   
	   background:#776759;
	
}

#visual {
	   position: relative;
	   top: 0px;
	   left:0px;
	   
	   width: 960px;
	   height: 620px;
	   
	   padding: 0px;
	   margin: 0px;
	   
	   background:#776759;
	
}


#middle {
	   position: relative;
	   top: 0px;
	   left:0px;
	   
	   width: 560px;
	   height: auto;
	   
	   padding: 0px;
	   margin: 0px 20px 20px 170px;
	   
	   background:transparent;
	   
	   float:left;
	
}

#right {
	   position: relative;
	   top: 0px;
	   left:0px;
	   
	   width: 200px;
	   height: auto;
	   
	   padding: 0px;
	   margin: 0px 10px 0 0 ;
	   
		float:right;	   
	   background:transparent;
	   color:#ddcdcd;
	
}

.rightdiv {
	   position: relative;
	   top: 0px;
	   left:0px;
	   
	   width: 200px;
	   height: auto;
	   
	   	padding: 0px;
	   margin: 0px 00px 20px 0 ;
}

#head {
	   position: relative;
	   top: 0px;
	   left:0px;
	   
	   width: 960px;
	   height: 32px;
	   
	   padding: 0px;
	   margin: 0px;
	   
	   background:#540e0e 0 0 no-repeat url("../head_bg.jpg");
	   text-align:center;
	   color:#fff;
	
}

#headbuttons {
	   position: absolute;
	   top: 5px;
	   right:10px;
	   
	   width: 250px;
	   height: 22px;
	   
	   padding: 0px;
	   margin: 0px;
	   
	   background:transparent;
	   text-align:right;
}

#head h1 {
	font-family: Arial, Verdana, sans-serif;
	font-size:1.3em;
	text-transform:uppercase;
	font-weight:800;
	text-shadow:0px 0px 5px #000000;
	letter-spacing:0.04em;
	line-height:1.6em;
}



/* --------------------------------------- */
/* formate */

#right h6 {
	color:#ddd;
	text-shadow:1px 1px 1px #000000;
	font-weight:800;
	text-transform:uppercase;
	letter-spacing:0.04em;
	font-size:1.4em;
	
	background:#655648;
	font-style:italic;
	padding: 0 0 0 3px;
	margin: 0 0 4px 0 ;
}


/* --------------------------------------- */
/* konzerte */

.konzert {
	position: relative;
	top: 0px;
	left:0px;
	   
	width: 192px;
	height: auto;
	   
	padding: 0 0 0 8px;
	margin: 2px 00px 10px 0 ;
	
	background:transparent;
	font-size:0.9em;

	
	
}


.konzert_veranstaltung {
	font-family: Verdana,sans-serif;
	font-weight:800;
	font-size:1em;
	color:#eee;
	text-shadow:1px 1px 1px #000000;
	
	border-left:4px solid #400;
	padding-left:4px;
	left:-8px;
	position:relative;
}

.konzert_ort {
	font-family: Verdana,sans-serif;
	font-size:0.9em;
	color:#ddd;
	font-style:italic;
}

.konzert_infos {
	font-family: Georgia, Times, serif;
	font-size:0.9em;
	color:#cbb;
}

/* --------------------------------------- */
/* twitter list */

#right a {
	font-size:0.8em;
}


ul#twitter_update_list {
	font-size:0.9em;
}


ul#twitter_update_list li {
	font-size:0.9em;
	padding: 0 0 5px 0 ;
	margin:0 0 8px 0;
	color:#ddcdcd;
	border-bottom:1px dotted #a99;
}

#right a,
ul#twitter_update_list li a {

	color:#900;
	text-decoration:none;
	border-bottom: 1px dotted #700;
}

#right a:hover,
ul#twitter_update_list li a:hover {
	border:0;
	background:#700;
	color:#fff;
}

strong {
	font-weight:800;
}

em {
	font-style:italic;
}
/* --------------------------------------- */
/* footer */

#footer {
	   position: relative;
	   top: 0px;
	   left:0px;
	   
	   width: 960px;
	   height: 18px;
	   
	   padding: 5px 0;
	   margin: 0px;
	   
	   background:#282421;
	   border-top:2px solid #1b1510;
	   
	   text-align:center;
	   
	   font-family: Verdana, Arial, sans-serif;
	   color:#777;
	   font-size:0.7em;
	   text-transform:uppercase;
	   letter-spacing:0.04em;
}

#footer a,
#footer a:visited {
	color:#777;
	padding: 2px;
	text-decoration:none;
	border-bottom:1px dotted #666;
}

#footer a:hover {
	color:#fff;
	background:#000;
	border:0;
}

/* --------------------------------------- */
/* FORMATE */

#middle a,
#middle a:visited
 {
 	padding: 3px ;
	color:#f88;
	text-decoration:none;
	border-bottom: 1px dotted #f77;
	text-shadow:1px 1px 2px #000000;
	
}

#middle a:hover {
	border:0;
	background:#700;
	color:#fff;
}

#middle h2,
#middle h3,
#middle h4
 {
	font-size:2em;
	
	background:#57493c;
	text-align:center;
	color:#fff;
	text-shadow:1px 1px 1px #000000;
	font-family: Georgia, serif;
	text-transform:uppercase;
	
	
	padding: 0 0 5px 0 ;
	margin: 0 0 10px 0 ;
}

#middle h3 {
	background:transparent;
	font-size:1.2em;
	border-bottom:2px solid #57493c;
	padding: 0 0 1px 0 ;
	margin: 8px auto 0 auto ;
	width:200px;
	
}

.galerie {
	   position: relative;
	   top: 0px;
	   left:0px;
	   
	   width: 520px;
	   height: auto;
	   
	   padding: 10px 0 0 0;
	   margin: 0 auto 12px auto;
	   clear:both;
}

.galerie a img {
	border:5px solid #400;
	margin:0 0px 0 0;
	background:transparent !important;
}

.galerie a,
.galerie a:visited
{
	padding: 0 !important ;
	border-bottom:0 !important;
	background:transparent !important;
	
}

.galerie a:hover img  {
	background:transparent !important;
	border:5px solid #900;
}

#middle h4 {
	font-size:1em;
	text-transform:uppercase;
	padding: 4px 0 ;
}

#middle h2 span {
	font-size:0.5em;
	font-weight:400;
	color:#cfbbbb;
	text-transform:none !important;
}

p#impressum{
	font-size:0.7em;
	color:#ccc;
	line-height:1.8em;
}

.row {
	position:relative;
	top:0;
	left:0;
	
	padding:0;
	margin: 0 0 30px 0;
}

p {
	font-size:0.9em;
	text-align:center;
	font-family: Verdana, sans-serif;
	color:#fff;
	line-height:1.5em;
}


.song {
	position:relative;
	top:0;
	left:0;
	width:100%;
	margin: 0 0 8px 0 ;
}

.song h4 {
	background:transparent !important;
	margin: 0 !important ;
	font-size:1.1em !important;
	font-weight:normal !important;

}

.player {
	position:relative;
	top:0;
	left:0;
	
	width:200px;
	height:20px;
	
	padding: 0 ;
	margin: 0 auto ;
	
}