/*#############################################################
Name: ZEN ZEBRA
Date: 2007-01-06
URL: http://www.zenzebra.de
Copyright: ALL RIGHTS RESERVED
#############################################################*/



/*#################*/
/*     GLOBAL      */
/*#################*/



body 
{
  
  color: #b9c0c6; 
  font: 70% Arial, Helvetica, san-serif;
  margin: 0;
  padding: 0;
  background: #000 url(../graf/bg_p.gif) no-repeat top left;

}

a
{
   color: #ce0f5d;
   font-weight: bolder;
   text-decoration: none;
   font-size: 10px;
   padding: 1px;
   padding-top: 0px;
   outline: none;
   
   
}




p
{
clear: both;
padding: 0;
margin: 0;
}


#container
{
  

  padding: 0;
  margin: 0 0 0 0;
  width: 100%;
  height: 100%;
  
}




/*#################*/
/*   TYPOGRAPHY    */
/*#################*/
h3
{
	color: #e5156a;
	font-size: 12px;
	font-weight: bolder;
	margin: 0;
	margin-top: 3px;
	margin-bottom: 4px;
	padding: 0;
}

h4
{
	color: #a90c4c;
	font-size: 11px;
	font-weight: bolder;
	margin: 0;
	margin-top: 3px;
	margin-bottom: 4px;
	padding: 0;
}

h5
{
	color: #e5156a;
	text-transform: uppercase;
	letter-spacing: -0.01em;
	font-weight: bolder;
	font-size: 18px;
	margin: 0;
	padding: 0;
	margin-bottom: 0px;
}


.strong
{
	color: #e5156a;
	font-size: 12px;
	font-weight: bolder;
	margin: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
	padding-bottom: 0px;

}

.strong a:hover
{
	color: #fff;
	background-color: #e5156a;
}

.sub
 { color: #fff; background: url(../graf/sq_w.gif) no-repeat left center; display: block; margin: 0; margin-bottom: 10px; padding-left: 12px }


.thumb_small
{
	float: left;
	border: 3px solid #fff;
	margin: 0px;
    margin-right: 2px;
    margin-bottom: 0px;
}

.thumb_big
{
	float: left;
	border: 3px solid #fff;
	margin: 0px;
    margin-right: 15px;
    margin-bottom: 15px;
}



.input_1{

  font: 10px Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight:bold;
	width:192px;
	background: #323232;
	border: none;
  padding: 3px;
  padding-left: 5px;

}

.button{
color: #7f7f7f;
border: 0px;
outline: none;
 text-align: left;
  background-color: #272727;
  width: 200px;
 font: 10px Verdana, Helvetica, sans-serif;
  height: 18px;
}

.button:hover{
	cursor: pointer;
	color: #ce0f5d;
   background-color: #2d2d2d;
}

textarea {
	font: 11px Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight:bold;
	width:240px;
	background: #323232;
	border: none;
  padding: 3px;
	line-height: 18px;
	height:150px;
  overflow: hidden;

}
/*#################*/
/*      HEADER     */
/*#################*/


#navi 
{
	margin-bottom: 70px;
	float: left;
}


/*#################*/
/*      MAIN       */
/*#################*/

#player
{
	position: absolute;
	top: 0px;
	left: 50px;
	height: 100px;
	width: 180px;
	
}

#video
{
	position: absolute;
	top: 310px;
	left: 50px;
	height: 300px;
	width: 250px;
	
}

#content
{
	position: absolute;
	top: 0px;
	left: 304px;
	width: 550px;
	height: auto;

	
	

}

#content_box
{
	width: 470px;
	height: auto;
	margin-top: 222px;

	
}

#content_main{
	clear: both;


}

#left
{
	float: left;
	width: 240px;
	height: auto;
	text-align: justify;
	margin-bottom: 15px;
	padding-right: 13px;
}

#left p
{
	margin: 0px;
	margin-top: 10px;
	line-height: 16px;


}



#right
{

	float: right;
	width: 200px;
	height: auto;
	margin-bottom: 15px;

}

#right p
{
	margin-bottom: 15px;
}





.metanavi { 

	    width: 150px;
     padding: 0; 
     margin: 0px;
	
} 
 

.menu
{
	display: block;
	margin-top: 8px;
	margin-bottom: 20px;
}

.menu ul, .metanavi ul{
  list-style-type: none;
  padding: 0;
  margin: 0;
  
}

.menu ul li a, .metanavi ul li a{
color: #7f7f7f;
  list-style-type: none;
  padding: 0;
  padding-left: 5px;
  padding-top: 2px;
  margin: 0;
  margin-top:3px;
  display: block;
  background-color: #272727;
  width: auto;
  height: 16px;
}


.menu ul li a.active, .metanavi ul li a.active{
  
  color: #272727;
  background-color: #ce0f5d;
  margin-top:3px;
  
 
}

.menu ul li a.active:hover, .metanavi ul li a.active:hover{
  
  color: #272727;
  background-color: #d71464;
  margin-top:3px;
  
  
 
}

.menu ul li a:hover, .metanavi ul li a:hover{
  
    color: #ce0f5d;
   background-color: #2d2d2d;
  margin-top:3px;
    

}



ul.text-top{
	margin: 0px;
	padding: 0;
	list-style: none;
	overflow: hidden;
	width: auto;
}

ul.text-top li{
float: left;
margin-right: 0px;
display: inline;
margin-bottom: 5px;
}

.popup span.top-pp-photos, .popup span.top-pp-band{
	display: block;
  margin-bottom: 0;
}

.popup span.top-pp-band  { background: url(../graf/popup-top-band.png) no-repeat; width: 150px; height: 8px }
.popup span.top-pp-photos  { background: url(../graf/popup-top-photos.png) no-repeat; width: 150px; height: 8px }

.popup span.bot-pp-photos, .popup span.bot-pp-band{
	display: block;
}

.popup span.bot-pp-band  { background: url(../graf/popup-bot-band.png) no-repeat; width: 150px; height: 43px }
.popup span.bot-pp-photos  { background: url(../graf/popup-bot-photos.png) no-repeat; width: 150px; height: 43px }


.popup .text-pp-photos, .popup .text-pp-band{
	padding-left: 15px;
	overflow: hidden;
}

.popup .text-pp-band  { background: url(../graf/popup-band.png) repeat-y; width: 150px; height: 30px }
.popup .text-pp-photos  { background: url(../graf/popup-photos.png) repeat-y; width: 150px; height: 30px }


.popup .text-pp-photos a, popup .text-pp-band a{

	margin-top: 3px;
	color: #ccc;
	padding: 0px;

} 


.popup .text-pp-photos a:hover, .popup .text-pp-band a:hover{

	color: #ccc;
	padding: 0px;
	padding-top: 0px;

} 

.icon
{
  margin-top: 6px;
}

.seiten
{
  
	clear: both;
  padding: 0;
  margin: 0;
}


.music_songs{

	float: left;
	width: 250px;

}

span.song_title{

	
	float: left;
	display: block;
	width: auto;
	padding: 0;
	margin: 0px 0px 0px 0px;
	
}

span.lyrics{

	
	float: right ;
	display: block;
	width: auto;
	padding: 0;
	margin: 0px 0px 0px 0px;
	
}



.contentboxguests{
	width: 470px;
	text-align: left;
	margin: 15px 0px 0px 0px;
}

.contentboxguests p {
	margin: 0px 0px 15px 0px;
	border-bottom:16px solid #272727;
	padding-bottom:8px;
	padding-left: 0px;
	text-align: justify;
}
.hr{
	margin: 0px 0px 15px 0px;
	height: 1px;
	width: auto;
	background-color: #ad1300;
	line-height: 0px;
}


.contentboxguests a {
	text-decoration: none;
	color: #ffffff;
	outline: none;
}

.contentboxguests a:hover{
	background: #ce0f5d;
	color: #ffffff;
}

.admin_comment
{
	color: #fff;
	font-style: italic;
}

span a img{
	border: none;
	outline: none;
}

span.newcomment{
	
	display: block;
	width: auto;
	padding: 0;
	margin: 0px 0px 15px 0px;
	
}

span.comments{
	float: right;
	display: block;
	width: auto;
	margin: 0px 10px 0px 0px;
	text-align: right;
}

span.navleft{
	float: right;
	display: block;
	width: auto;
	margin: 0px 5px 0px 0px;
	font-size:18px;
	line-height:9px;
}

span.navright{
	float: right;
	display: block;
	width: auto;
	margin: 0px 0px 0px 0px;
	font-size:18px;
	line-height:9px;
}

span.website{
	float: right;
	display: block;
	width: auto;
	margin: 0px 0px 0px 10px;
}

span.mail{
	float: right;
	display: block;
	width: auto;
	margin: 0px 0px 0px 0px;
}

span.display{
	float: right;
	display: block;
	width: auto;
	margin: 0px 5px 0px 0px;
}

#basic-accordian{
	
	padding:5px;
	width:auto;
	
}

.accordion_headings{
	color: #fff;
	text-transform: uppercase;
	letter-spacing: -0.01em;
	font-weight: bolder;
	font-size: 18px;
	margin: 0;
	padding: 0;
	margin-bottom: 0px;
	cursor: pointer;
}

.accordion_headings:hover{
	background:#000;
	color: #e5156a;
}

.accordion_child{
	padding:5px;
	padding-left: 0;
	background:#000;
}

.accordion_child a
{

   color: #ce0f5d;
   font-weight: bolder;
   text-decoration: none;
   font-size: 10px;
   padding: 1px;
   padding-top: 0px;
   outline: none;
   


}

.header_highlight{
	background:#000;
}

/*#################*/
/*      FOOTER     */
/*#################*/