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


/************/
/*  GLOBAL  */
/************/

body
 { color: #7d7d7d; font: 70% Verdana, Helvetica, san-serif; background: #fff url(../graf/bg.gif) repeat-x 50% top; text-align: left; margin: 0; padding: 0 }

p {
	
    text-align: justify;
    line-height: 16px;
 }
 
 a {color: #7d7d7d;}

h1, h2, h3, h4, h5, h6
{
	font-family: Arial, Helvetica, san-serif;
}

h1
{
	color: #7d7d7d;
	text-transform: uppercase;
	letter-spacing: -0.01em;
	font-weight: bolder;
	font-size: 18px;
	margin: 0;
	padding: 0;
	margin-bottom: 0;
	text-align: left !important;
}

h2
{
	color: #7d7d7d;
	
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: +1px;
	font-weight: lighter;
	margin: 0;
	margin-top: 0px;
		margin-bottom: 5px;
	padding: 0;
	

}

h3
{
	color: #7d7d7d;
	font-size: 12px;
	font-weight: bolder;
	margin: 0;
	margin-top: 3px;
	margin-bottom: 4px;
	padding: 0;
}

h4
{
	color: #7d7d7d;
	font-size: 11px;
	font-weight: bolder;
	margin: 0;
	margin-top: 3px;
	margin-bottom: 4px;
	padding: 0;
}
 
 h5
{
	color: #7d7d7d;
	text-transform: uppercase;
	letter-spacing: -0.01em;
	font-weight: bolder;
	font-size: 15px;
	margin: 0;
	padding: 0;
	margin-bottom: 0;
}


.input_1{

  font: 11px Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight:bold;
	width:310px;
	background: #323232;
	border: none;
  padding: 3px;

}

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

.button{
  width: 310px;
}
 
#container
{
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0;
  

}

#container p {
    
    line-height: 16px;
 }

#container2
{
	width: auto;
	height: auto;
	padding: 20px;
	margin: 0;


}

#container2 a
{

	color: #fff;
	padding-left: 2px;
	padding-right: 2px;
}


#container2 a:hover
{
	background-color: #fff;
	color: #000;
	text-decoration: none;
}


#container3
{
	width: auto;
	height: 300px;
	padding: 20px;
	margin: 0;


}

#container3 a
{

	color: #fff;
	padding-left: 2px;
	padding-right: 2px;
}


#container3 a:hover
{
	color: #000;
	text-decoration: none;
}

.content_code{
  text-align: center;
}

.thank_you
{
  width: 100%;
  height: auto;
  margin-top: 100px;
  text-align: center;
  
}

.right{
	margin-right: 10px;
	float: right;
	
}


.left{
	margin-right: 10px;
	float: left;
}

p.comment{
margin-right: 10px;
	clear: both;
	padding-bottom: 10px;
	border-bottom: 2px dotted #ccc;
}

/******************/
/*  MAIN SECTION  */
/******************/





.alert
{
	font-size: 10px;
	color: red;
	font-weight: bolder;
}

.bilder
{
	float: left;
	padding: 8px;
	margin-right: 15px;
	background-color: #ccc;
	text-align: center;
	height: 160px;
	width: 160px;


}

.image_1
{
	border: 1px solid #000;
}

.image_2
{
	border: 1px solid #000;
	margin-top: 30px;
}

.seiten
{
	clear: both;
}

.imagefloat_left
{
    float: left;
    margin: 0 10px 0px 0px;
    margin-top: 0;
}

.imagefloat_left2
{
    float: left;
    padding: 8px;
    border: 1px solid #777;
    margin: 0 10px 10px 0px;
}



.thumb_diary
{

float: left;
margin: 0px;
padding: 0p;
margin-right: 3px;
margin-bottom: 3px;	
	
	 
}

#clear{
	clear: both;
	background: white;
	height: 3px;
	width: auto;
}

#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 280px;
height: 490px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 0.3em auto;
padding: 15px;
outline: none;
text-align: justify;
}



/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbar {width: 11px;background: #5EC0A7 url(../graf/scrollbar.png) -11px 0px repeat-y;}
.vscrollerbarbeg {height: 8px !important;width: 11px;background: transparent url(../graf/scrollbar.png) -33px 0px no-repeat;}
.vscrollerbarend {height: 8px;width: 11px;background: transparent url(../graf/scrollbar.png) -33px -14px no-repeat;}
.vscrollerbase {width: 11px;background: transparent url(../graf/scrollbar.png) 0px 0px repeat-y; cursor: pointer;}
.vscrollerbasebeg {width: 11px;height: 11px !important;background: url(../graf/scrollbar.png) -22px 0px no-repeat; cursor: pointer;}
.vscrollerbaseend {height: 11px;width: 11px;background: url(../graf/scrollbar.png)  -22px -11px no-repeat; cursor: pointer;}
.hscrollerbase {height: 11px; background-color: white;}
.hscrollerbar {height: 11px; background-color: black;}
.vscrollerbar, .hscrollerbar {padding: 11px;z-index: 2;}
.scrollerjogbox {width: 11px;height: 16px;top: auto; left: auto;bottom: 0px; right: 0px;background: #37917A;}

/* Scroll Bar Master Styling Ends Here */




.contentboxshows p {
	margin: 0px;
	border-bottom:2px dotted #ccc;
	padding-bottom:5px;
	margin-bottom: 10px;
	padding-left: 0px;
}

span.infos a {

	text-decoration: none;
	color: #fff;
	outline: none;

}

span.infos a:hover {

	background: #fe2a12;
	color: #ffffff;

}

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

.contentboxshows a:hover{
	background: #fe2a12;
	color: #ffffff;
}

span.archiv a { color: #ffffff; font-size: 10px; font-weight: bold; text-decoration: none; background: url(http://www.yucca-music.de/images/arrow.gif) no-repeat left center; display: block; margin: 0 0 15px; padding: 0 0 0 6px; width: 82px; outline: none medium }

span.archiv a:hover { color: #fe2a12; background: url(http://www.yucca-music.de/images/arrow_blue.gif) no-repeat left center }


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 { width: 150px; height: 43px; background: url(../graf/popup-bot-band.png) no-repeat; }
.popup span.bot-pp-photos { width: 150px; height: 43px; background: url(../graf/popup-bot-photos.png) no-repeat; }


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

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


.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;

}