@charset "UTF-8";

/* Reset */
@import url(reset.css);

body,p,h1,h2,h3,h4,table,td,th,ul,ol,textarea,input{
	font-family:arial,sans-serif,verdana,helvetica;
	line-height:1.25em;
}
html, body {
	height: 100%;
	background: black;
	background-color: black;
	color: #AAAAAA;
}
p, div, div#main_container{
	background: black;
	background-color: black;
}

.clear {
	clear: both;
	height: 1px;
	line-height: 1px;
	overflow: hidden;
}

h2 {
	font-size: 14;
	text-align: left;
	color: #EE7621;
	margin-bottom: 10px;
}
p {
	font-size: 12;
	text-align: left;
	color: #AAAAAA;
}

a img {
	margin: 0px auto;
/*	padding: 10px;*/
}
a { target-new: tab; }

a:link { text-decoration:none; font-weight:bold; color:#FF5050; }
a:visited { text-decoration:none; font-weight:bold; color:#FF5050; }
a:hover { text-decoration:none; font-weight:bold; color:#FF5050}
a:active { text-decoration:none; font-weight:bold; color:#FF5050}
a:focus { text-decoration:none; font-weight:bold;  color:#FF5050}

div#wrapper {
	/* zentrieren */
	margin: 0px auto;
	width: 890px;
	background: black;
	height: 100%;
}


div#header a {
	float: left;
	padding-right: 10px;
}

/*Banner*/
div.slideshow{
	float: top;
	width: 600px;
	height: 100px;
	overflow: hidden;
	margin: 0px;
}
div.slideshow img { 
	border: none; 
	background-color: black;
}
/*Footer*/
div#footer {
	margin: 0px auto;
	padding-top: 40px;
	width: 880px;
	background: black;
	height: 100px;
	float: bottom;
}
div#header a {
	float: left;
	padding-right: 10px;
}
/*Navigationsleiste*/
ul#navigation {
	padding-top: 20px;
	width: 889px;
	margin: 0px auto;
}
/* image replacement */
ul#navigation li {
	display: block;
	float: left;
}
ul#navigation a{
	display: block;
	overflow: hidden;
	text-indent: -99999px;
	height: 30px;
}
ul#navigation li.program {
	width: 134px;
	background: url('../../images/Programm.jpg') no-repeat left top;
}
ul#navigation li.band {
	width: 104px;
	background: url('../../images/LeBand.jpg') no-repeat left top;
}
ul#navigation li.pictures {
	width: 107px;
	background: url('../../images/Ansehen.jpg') no-repeat left top;
}
ul#navigation li.links {
	width: 102px;
	background: url('../../images/Freunde.jpg') no-repeat left top;
}
ul#navigation li.guestbook {
	width: 130px;
	background: url('../../images/Schreiben.jpg') no-repeat left top;
}
ul#navigation li.home {
	width:76px;
	background: url('../../images/Start.jpg') no-repeat left top;
}
ul#navigation li.shop {
	width: 129px;
	background: url('../../images/Einkaufen.jpg') no-repeat left top;
}
ul#navigation li.media {
	width: 107px;
	background: url('../../images/Anhoeren.jpg') no-repeat left top;
}


ul#navigation li.contact {
	width: 200px;
	background: url('../../images/PresseundKontakt.jpg') no-repeat left top;
}
ul#navigation li.impressum {
	width: 200px;
	background: url('../../images/Impressum.jpg') no-repeat left top;
}

/*Richte die drei Spalten ein*/
div.left_col,
div.center_col,
div.right_col {
	padding-left: 10px;/*Abstand zu den Seitenelementen addiert sich dazu*/
	padding-right: 10px;/*Abstand zu den Seitenelementen addiert sich dazu*/
	float: left;
	width: 200px;
}
/*Ueberschreibe Tags für mitlere Spalte*/
div.center_col {
	width: 420px;
}
div.right_col {
	background: black;
}

div.ad-gallery {
	margin: 0px auto; /*zentrieren bei Blockelementen*/
	padding-top: 20px;
}


/* pictures*/
ul.galleries {
	/* float: left; */
	display: inline;
	
	padding: 3px;
	background: black;
	margin: 0px 0px 20px 0px;
	
}
ul.galleries a,
ul.galleries a:active,
ul.galleries a:hover,
ul.galleries a:link,
ul.galleries a:visited {
	color: #EE7621;
	text-decoration: none;
}

ul.galleries .active a {
	font-weight: bold;
}

ul.galleries li {
	/* 
	display: block;
	float: left; */
	display: inline;

	padding: 5px;
}
h3.galerie_title {
	display: block;
	width: 880px;
	font-size: 20px;
	text-align: center;
}
/*Thumbnail size*/
.ad-thumb-list img {
	height: 65px;
}
.ad-thumb-list {
	height: 75px;
}

/*Blog*/
div#blogentry {
	border: none;
	padding-top: 20px;
	padding-bottom: 30px;
}
div#blogentry h3{
	font-size: 0.75em;
	text-align: right;
}
div#blogentry  img{
	border: none;
	background-color: black;
}
div#blogentry  blockquote{
	border: solid 1px;
	border-color: #EE7621;
	color: white;
	padding: 10px;
	margin: 10px;
}
div#blogentry p{
	padding-top: 10px;
	padding-bottom: 10px;
}
div#blogentry p#separator {
	padding: 0px, 10px;
}
div#blogentry p#signature{
	padding-left: 10px;
	padding-right: 10px;
}

p#emphasize {
	border: none;
	background-color: black;
	color: #C00;
	text-align: center;
	padding: 10px;
}

div#content{
	margin: 0px auto;
	width: 880px;
	padding-top: 40px;
}

div#fancyboxcontent{
	margin: 0px auto;
	width: 400px;
	padding-top: 40px;
}

/*Live*/

div#livedate{
	margin-top:20px;
	margin-bottom:20px;
	width: 200px;
}

div#livedate div, div#livedate img {
	float: left;
	overflow: hidden;
}

div#livedate div#liveimg, div#liveimg img{
	width: 40px;
	height: 40px;
}

div#livedate div#liveentry{
	padding-left: 10px;
	float: left;
	width: 140px;
	height: 90px;
	overflow: hidden;
}

div#livedate {
	font-size: 0.9em;
}
div#livedate  a {
	font-weight: normal;
}
/*Band*/

div.content div.memberswitch{
	margin-left: 160px;
}
div.memberswitch div.dockmenu{
	margin: 0px auto;
	padding: 10px;
	float: left;
	width: 880px;
	height: 250px;
}

/*Falls Java ausfällt*/
.dockmenu img{
	height: 120px;
}

div.content div.bandmitglied{
	margin: 0px auto;
	padding: 10px;
	padding-top: 20px;
	float: left;
	width: 880px;
	height: 500px;
	overflow: hidden;
}
div.bandmitglied img{
	float: left;
	padding: 10px;
	padding-right: 20px;
}

div#membername  {
	font-size: 150%;
	margin: 20px 0px 20px 10px;
}
div#memberfacts {
	font-size: 100%;
	line-height: 150%; 
	color: #FF2222;
	margin: 0px 0px 20px 10px ;
}
div#membertext {
	font-size: 100%;
	display:block;
}


div#membertext p#Frage{
	font-size: 1.em;
	color: #f68924;
}
div#membertext p#Antwort{
	font-size: 1.em;
	color: #AAAAAA;
}

/*Program*/
div.content div.programimg{
	margin-top: 30px;
	display: block;
	float: left;
	padding-left: 105px; 
}

div.content div#tagShpere{
	float: left;
	overflow: hidden; 
	margin-left: 185px;
	opacity: 1;
}

a.cloudelem{
	color: #AAAAAA;
}

div#programtitles h1{
	font-size: 2em;
	color: #EE7621;
	padding: 10px;
}

div#programtitles li{
	font-size: 1.5em;
	color: #AAAAAA;
	padding: 10px 20px;
}


/*Links*/
div.content div{
	font: Arial;
}

 div.linkdisclaimer{
	padding-top: 40px;
	margin: 0px auto;

}
div.linkdisclaimer p{
	text-align: left;
	font-size: 10px;
}



div#linknavi {
	float:left;
	width: 100px;
	padding: 0px;
	margin: 60px 10px ;
}

div.linkslideshow{
	float: left;
	width: 600px;
	height: 200px;
	overflow: hidden;
	padding: 0px;
	margin: 40px 0px ;
}

div.linkslideshow div#linkslide { 
	border: none; 
	background-color: black;
	width: 600px;
	height: 350px;
}

div#linkslide  img{ 
	border: none; 
	background-color: black;
	/*width: 300px;*/
	float: left;
}

div#linkslide  p{ 
	border: none; 
	background-color: black;
	width: 300px;
	height: 200px;
	float: right;
	text-align: right;
}


div.ui-widget div.ui-state-highlight p {
	color: #AAAAAA;
	font-size: 10;
}

/*Shop*/
div.shopitem{
	width:800px;
	margin: 0px auto;
	padding: 15px 0px;
}

div.shop_text{
	float: left;
	width: 400px;
	margin: 0 10px 0 0;
	background: #333333 none repeat scroll 0 0;
	padding: 10px;
}

div.shop_text img{
	float: left;
}

div.shopitem img{
	float: right;
}

/*Presse*/
div.presse_links,
div.presse_rechts{
	float: left;
	width: 420px;
	padding: 0px 10px;
}

div.presse_links h1,
div.presse_rechts h1{
	margin: 0px 10px;
	font-size: 1.5em;
}

div.presse_allgemein{
	width: 400px;
	float: left;
	padding: 10px;
}

div.presse_allgemein h1{
	font-size: 1.1em;
	color: #EE7621;
	margin: 10px 0px;
}

div.presse_allgemein p,
div.presse_allgemein ul{
	/*width: 380px;*/
	margin: 10px 0px;
	padding: 0px 10px;
}

div.presse_article{
	float: right;
	padding: 10px;
}

div.presse_article h1{
	font-size: 1.2em;
	text-align: left;
	color: #AAAAAA;
	margin: 10px 0px;
}

div.presse_article h2{
	font-size: 1.1em;
	text-align: left;
	color: #EE7621;
	margin-bottom: 10px;
}

div.presse_article h3{
	font-size: 0.8em;
	font-style: italic;
	text-align: right;
	color: #AAAAAA;
	margin-bottom: 10px;
	padding: 5px 0px;
}
div.presse_article p{
	font-family: Times, Arial;
	font-size: 1.em;
	padding: 0px 10px;
}


/*Guestbook*/
div#guestbook_wrapper{
	width: 880px;
	margin: 0px auto;

}

/*Media sektion*/
p.mediatext{
	width: 300px;
	background: #333333 none repeat scroll 0 0;
	padding: 10px;
}

div.songtext{
	width: 450px;
	text-align: left;
	padding: 0px 10px 0px 0px;
	font-size: 1em;
}

div.songtext h1{
	text-align: left;
	padding: 0px 10px 10px 0px;
	margin: 0px;
	font-size: 1.1em;
	color: #EF912D;
	
}

div.media_content{
	float:left;
	width: 360px;
	padding: 30px 10px;
}
#player_box{
	float: left;
	width: 500px;
	padding: 30px 0px 30px 0px;
	
}

#player_container {
	position:relative;
	/*border: 1px solid #FFF;*/
	padding: 0px;
	float: left;
	height: 180px;
	width: 500px;
	background: url('images/playerhintergrund2.jpg') no-repeat left top;
}

ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}

ul#icons #volume-min {
	margin:2px 140px 2px 364px;
}

#sliderVolume {
	position:absolute;
	top:30px;
	left:480px;
	width:120px;
	height:.4em;
}


#sliderVolume .ui-slider-handle {
	height:.8em;
	width:.8em;
}

#bars_holder {
	position:absolute;
	top:27px;
	left:100px;
	width:300px;
}

#sliderPlayback .ui-slider-handle {
	height:1.6em;
}

#player_container  ul#player_controls {
	list-style-type:none;
	padding:0;
	margin: 0;
}
#player_container  ul#player_controls li {
	overflow:hidden;
	text-indent:-9999px;
}
#player_play,
#player_pause {
	display: block;
	position: absolute;
	left:85px;
	top:124px;
	width:40px;
	height:40px;
	cursor: pointer;
}
#player_play {
	background: url("images/spirites.jpg") 0 0 no-repeat;
}
#player_play.jqjp_hover {
	background: url("images/spirites.jpg") -41px 0 no-repeat;
}
#player_pause {
	background: url("images/spirites.jpg") 0 -41px no-repeat;
}
#player_pause.jqjp_hover {
	background: url("images/spirites.jpg") -41px -41px no-repeat;
}

#ctrl_prev {
	position: absolute;
	left:53px;
	top:130px;
	background: url("images/spirites.jpg") 0 -112px no-repeat;
	width:28px;
	height:28px;
	cursor: pointer;
}

#ctrl_prev:hover {
	background: url("images/spirites.jpg") -29px -112px no-repeat;
}

#ctrl_prev.disabled {
	background: url("images/spirites.jpg") -58px -112px no-repeat;
	cursor:default;
}

#ctrl_next {
	position: absolute;
	left:130px;
	top:130px;
	background: url("images/spirites.jpg") 0 -141px no-repeat;
	width:28px;
	height:28px;
	cursor: pointer;
}

#ctrl_next:hover {
	background: url("images/spirites.jpg") -29px -141px no-repeat;
}

#ctrl_next.disabled {
	background: url("images/spirites.jpg") -58px -141px no-repeat;
	cursor:default;
}


#player_stop {
	position: absolute;
	left:170px;
	top:130px;
	background: url("images/spirites.jpg") 0 -83px no-repeat;
	width:28px;
	height:28px;
	cursor: pointer;
}
#player_stop.jqjp_hover {
	background: url("images/spirites.jpg") -29px -83px no-repeat;
}
#player_progress {
	position: absolute;
	left:235px;
	top:130px;
	background-color: #eee;
	width:122px;
	height:15px;
}
#player_progress_load_bar {
	background: url("images/bar_load.gif")  top left repeat-x;
	width:0px;
	height:15px;
	cursor: pointer;
}
#loaderBar.ui-progressbar {
	height:.2em;
	border:0;
	left:164px;
	top:47px;
	width: 122px;
}
#player_progress_load_bar.jqjp_buffer {
	background: url("images/bar_buffer.gif")  top left repeat-x;
}
#player_progress_play_bar {
	background: url("images/bar_play.gif") top left repeat-x ;
	width:0px;
	height:15px;
}
#player_volume_min {
	position: absolute;
	left:380px;
	top:132px;
	background: url("images/spirites.jpg") 0 -186px no-repeat;
	width:18px;
	height:15px;
	cursor: pointer;
}

#player_volume_max {
	position: absolute;
	left:446px;
	top:132px;
	background: url("images/spirites.jpg") 0 -170px no-repeat;
	width:18px;
	height:15px;
	cursor: pointer;
}

#player_volume_min.jqjp_hover {
	background: url("images/spirites.jpg") -19px -186px no-repeat;
}

#player_volume_max.jqjp_hover {
	background: url("images/spirites.jpg") -19px -170px no-repeat;
}

#player_volume_bar {
	position: absolute;
	left:400px;
	top:137px;
	background: url("images/volume_bar.gif") repeat-x top left;
	width:46px;
	height:5px;
	cursor: pointer;
}
#player_volume_bar_value {
	background: url("images/volume_bar_value.gif") repeat-x top left;
	width:0px;
	height:5px;
}

#play_time,
#total_time {
	position: absolute;
	left:235px;
	top:145px;
	width:122px;
	font-size:.8em;
	font-style:oblique;
	background: none;
	color: black;
}

#total_time {
	text-align: right;
}

#playlist_list {
	width: 500px;
	float: left;
	padding: 10px 0px;
}

#playlist_list ul{
	float: left;
	list-style-type:none;
	padding: 10px 0px 20px 0px;
	margin: 0px auto;
	background-color: black;
	width: 500px;
	font-size:.9em;
	/*background: url("images/box_oben.jpg") no-repeat left top;*/

}

#playlist_list li{
	padding:5px 35px 5px 35px;
	/*border-bottom:1px solid #aaa;*/
	cursor: pointer;
	background: url("images/box_mitte.jpg") no-repeat left top;
}

#playlist_list li.playlist_current{
	color:#EF912D;
	list-style-type:square;
	list-style-position:inside;
	padding-left:35px;
	cursor: default;
}

#playlist_list li#playlist_item_head{
	height: 33px;
	background: url("images/box_oben.jpg") no-repeat left top;
}
#playlist_list li#playlist_item_tail{
	height: 37px;
	background: url("images/box_unten.jpg") no-repeat left top;
}

#playlist_list li.playlist_hover {
	color:#EF912D;
}

#playlist_list a{
	color:#EF912D;
	padding-right: 20px;
	float: right;
}