/* [Master Stylesheet]

Project:		RAF
Version:		0.3
Last change:	03/01/10
Assigned to:	Jens Lumm
Primary use:	Static
----------------------------------*/

@import "reset.css";
@import "960.css";
@import "text.css";
@import "dhonishow.css";



/* Basics
----------------------------------*/

html 			{ background-image:url(../img/bg_footer.gif); 	background-position:bottom; background-repeat:repeat-x;} 
body 			{ background-image:url(../img/bg_top.gif);  	background-position:top; 	background-repeat:repeat-x; color: #666; font-size: 11px; }
.clouds 		{ background-image:url(../img/bg_clouds.png); 	background-position:top; 	background-repeat: no-repeat;}
.monsters 		{ background-image:url(../img/bg_monsters.gif); background-position:bottom; background-repeat: no-repeat;}
.flare 			{ background-image:url(../img/bg_flare.gif); 	background-position:bottom left; 	background-repeat: no-repeat;}
p 				{ border: 1px solid #666; 	overflow: hidden; 	padding: 10px 0; 	text-align: center; }
a:hover 		{ text-decoration: underline; }
#dropbox 						{ padding-bottom: 400px;}
#content p.extraBanner img		{ background-color:#FFFFFF; border:1px solid #ccc;}
#content p.extraBanner a 		{ background-color: #FFFFFF;}



/* Container Setup
----------------------------------*/

.container_12 	{ margin-bottom: 20px; }
.container_16 	{ }



/* Simple Viewer
----------------------------------*/
#flashcontent, #flashcontent2, #flashcontent3, #flashcontent4 { height: 100%; }



/* Headlines
----------------------------------*/

h1 				{ font-family: Georgia, serif; color:#000000; font-weight: normal; margin:0; padding:0; }
h2 				{ font-family: Arial, Helvetica, sans-serif; font-weight:bold; margin:0; padding:0;}


/* Contact Formular
----------------------------------*/

table#getInTouch 			{ }
table#getInTouch input 		{ width:300px; margin-bottom:10px;  }
table#getInTouch input.send	{ width:100px; text-align:center;}
table#getInTouch textarea	{ width:300px; }
table#getInTouch h1 { font-size:14px;}

.cap_w { background-image:url(../img/cap_w.gif); background-repeat:no-repeat; width:30px; height:30px; float:left; margin-right:10px; }

/* Logo Area
----------------------------------*/
.logo    	{ margin-top:75px; }
.logo p 	{ border:0px; text-align:left; margin-bottom:10px;}
.logo img 	{ margin-left:120px;}



/* Price Area
----------------------------------*/

.price p { border:0px;}



/* TopNavi
----------------------------------*/

#top_navi					{ width:520px; margin-left:80px;  margin-bottom:25px;}
#top_navi a 				{ height:25px; float:left; display:block; text-decoration:none;  padding:0; margin:0; margin-right:9px; }

a#top_navi_index.active		{ width:44px; background:url(../img/nav_home_on.gif); }						
a#top_navi_index			{ width:44px; background:url(../img/nav_home_off.gif) no-repeat; }	
a#top_navi_index:hover		{ width:44px; background:url(../img/nav_home_on.gif); }
a#top_navi_index:focus		{ width:44px; background:url(../img/nav_home_off.gif); }

a#top_navi_bands.active		{ width:46px; background:url(../img/nav_bands_on.gif); }						
a#top_navi_bands			{ width:46px; background:url(../img/nav_bands_off.gif) no-repeat; }	
a#top_navi_bands:hover		{ width:46px; background:url(../img/nav_bands_on.gif); }
a#top_navi_bands:focus		{ width:46px; background:url(../img/nav_bands_off.gif); }

a#top_navi_tickets.active	{ width:52px; background:url(../img/nav_tickets_on.gif); }						
a#top_navi_tickets			{ width:52px; background:url(../img/nav_tickets_off.gif) no-repeat; }	
a#top_navi_tickets:hover	{ width:52px; background:url(../img/nav_tickets_on.gif); }
a#top_navi_tickets:focus	{ width:52px; background:url(../img/nav_tickets_off.gif); }

a#top_navi_info.active		{ width:32px; background:url(../img/nav_info_on.gif); }						
a#top_navi_info				{ width:32px; background:url(../img/nav_info_off.gif) no-repeat; }	
a#top_navi_info:hover		{ width:32px; background:url(../img/nav_info_on.gif); }
a#top_navi_info:focus		{ width:32px; background:url(../img/nav_info_off.gif); }

a#top_navi_extras.active	{ width:47px; background:url(../img/nav_extras_on.gif); }						
a#top_navi_extras			{ width:47px; background:url(../img/nav_extras_off.gif) no-repeat; }	
a#top_navi_extras:hover		{ width:47px; background:url(../img/nav_extras_on.gif); }
a#top_navi_extras:focus		{ width:47px; background:url(../img/nav_extras_off.gif); }

a#top_navi_press.active		{ width:42px; background:url(../img/nav_press_on.gif); }						
a#top_navi_press			{ width:42px; background:url(../img/nav_press_off.gif) no-repeat; }	
a#top_navi_press:hover		{ width:42px; background:url(../img/nav_press_on.gif); }
a#top_navi_press:focus		{ width:42px; background:url(../img/nav_press_off.gif); }

a#top_navi_past.active		{ width:96px; background:url(../img/nav_past_on.gif); }						
a#top_navi_past				{ width:96px; background:url(../img/nav_past_off.gif) no-repeat; }	
a#top_navi_past:hover		{ width:96px; background:url(../img/nav_past_on.gif); }
a#top_navi_past:focus		{ width:96px; background:url(../img/nav_past_off.gif); }

a#top_navi_partners.active	{ width:59px; background:url(../img/nav_partners_on.gif); }						
a#top_navi_partners			{ width:59px; background:url(../img/nav_partners_off.gif) no-repeat; }	
a#top_navi_partners:hover	{ width:59px; background:url(../img/nav_partners_on.gif); }
a#top_navi_partners:focus	{ width:59px; background:url(../img/nav_partners_off.gif); }

a#top_navi_contact.active	{ width:55px; background:url(../img/nav_contact_on.gif); }						
a#top_navi_contact			{ width:55px; background:url(../img/nav_contact_off.gif) no-repeat; }	
a#top_navi_contact:hover	{ width:55px; background:url(../img/nav_contact_on.gif); }
a#top_navi_contact:focus	{ width:55px; background:url(../img/nav_contact_off.gif); }

a#top_navi_street.active	{ width:78px; background:url(../img/nav_street_on.gif); }						
a#top_navi_street			{ width:78px; background:url(../img/nav_street_off.gif) no-repeat; }	
a#top_navi_street:hover		{ width:78px; background:url(../img/nav_street_on.gif); }
a#top_navi_street:focus		{ width:78px; background:url(../img/nav_street_off.gif); }



/* Intro
----------------------------------*/
.intro			{ height:60px;}
#bands .intro, #partners .intro, #content .intro, #blind_teaser .intro		{ height:30px; margin-top:30px; margin-bottom:30px; text-align:left;}

/* Bands
----------------------------------*/

#bands img 			{ margin:0; padding:0; }
#bands img.border 	{ border:1px solid #999; }
#bands h1			{ height:17px; margin:0; padding:0; line-height:17px;}

#bands h2 			{ font-size:11px; line-height:11px; color:#999999; margin-bottom:10px; }
#bands .genre 		{ color:#666;}
#bands h2 em		{ font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;}

#bands p 			{ border:0; text-align:left; padding:0; margin:0;}
#bands p strong		{ color:#333;}
#bands p a 			{ text-decoration:none; color:#666;}
#bands p a:hover	{ text-decoration:none; color:#000;}

#bands div.clear  	{ height:30px;}



/* Content
----------------------------------*/

#content a { background-color:#d00075; color:#fff; text-decoration: none; padding:0 0.5em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:10px; }
#content a:hover { color:#f8f7d9;}
#content img 			{ margin:0; padding:0; }
#content img.border 	{ border:1px solid #999; }
#content h1				{            font-family: Arial, Helvetica, sans-serif;

font-style: normal;

font-variant: normal;

font-weight: bold;

font-size: 22px;

line-height: normal;

font-size-adjust: none;

font-stretch: normal;

-x-system-font: none;
color:#333333;
margin:1em 0;
}

#content h2 			{	font-family: Arial, Helvetica, sans-serif;

font-style: normal;

font-variant: small-caps;

font-weight: bold;

font-size: 15px;

line-height: normal;

font-size-adjust: none;

font-stretch: normal;

-x-system-font: none;


letter-spacing: 1px;
margin:1em 0;
color:#d00075;
}
#content .genre 		{ color:#666;}
#content h2 em			{ font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;}

#content p 				{ font-size:1.1em; font-family:Georgia, "Times New Roman", Times, serif; border:0; text-align:left; padding:0; margin:1em 0; }
#content ul				{ font-size:1.1em; font-family:Georgia, "Times New Roman", Times, serif; margin:0; padding:0; }
#content p strong		{ color:#333;}

#content div.clear  	{ height:30px;}




/* Blindticket
----------------------------------*/

#blind_teaser img { }


/* Sidebar
----------------------------------*/

#sidebar			{ margin-top:30px; font-size:11px; color:#666; margin-bottom:150px; }
#sidebar p			{ text-align:left; border:0; margin:0; padding:0; line-height:15px;}
#sidebar p.badges img { margin-bottom:10px; }
#sidebar a 			{ color:#ff0066; text-decoration:none; font-weight:bold; font-style:italic;}

#sidebar h1 		{ font-size:24px; margin:10px 0px;}
#sidebar h1.first 	{ margin:0px 0px 10px 0px;}
#sidebar h2 		{ font-size:14px; color:#000; }
#sidebar h3 		{ font-size:9px; color:#999; }



#sidebar strong, #sidebar b 	{ color:#ff0066; font-style:italic; font-weight:bold;}
#sidebar hr.lines  { height:20px; background-image:url(../img/hr_sidebar.gif); background-repeat:repeat-x; background-position:center center; border-top:0px; margin:0px; padding:0px; }



#sidebar div.hr {
  height: 20px;
  background: #fff url(../img/hr_sidebar.gif) repeat-x scroll center;
}
#sidebar div.hr hr {
  display: none;
}



/* Newsletter
----------------------------------*/
.newsletter input { font-size:11px; color:#999999; width:295px; padding:5px; margin:20px 0px;}
.send { display:block; text-align:right; }
.send img { margin-right:35px;}



/* Sponsors
----------------------------------*/
.sponsors { height:147px; }
.sponsors p  	{ border:0px; margin:0; padding:0; }
.sponsors img  	{ border:1px solid #f2f2f2; padding:0 5px; }
.sponsors a { margin:2px 2px; } 


/* Partners
----------------------------------*/
#partners  { text-align:center;} 
#partners img { margin:0 30px 30px 0; }

/* Footer
----------------------------------*/

.footer { height:163px;  }
.footer p  	{ border:0px; color:#FFFFFF; margin:0; padding:0;  }
.footer p a { color:#FFFFFF; } 






/* Countdown
---------------------------------------------------*/


#countdownwrap {
	position:relative;
	text-align:center;
	/*
	margin-left:auto;
	margin-right:auto;	
	left:0px;
	top:0px;
	width:600px;
	height:260px;
	*/
	
}

#countdowncontainer {
	/*position:absolute;
	left:0px;
	top:97px;*/
	width:642px;
	height:266px;
}

#ucimage {
	position:absolute;
	left:0px;
	top:40px;
	width:642px;
	height:87px;
}



#uccounter {
	/*
	position:absolute;
	left:0px;
	top:150px;
	*/
	height:158px;
	
	width:642px;
	
	 
}


.countdown_section {
	display: block;
	float:left;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	color: #fff;
	width: 120px; /*144px*/
	text-transform:uppercase;
	line-height:0px;
	

}



.countdown_amount {
	font-size:78px; /*90px 83,33 %*/
	line-height:110px; 

}
#overlay { 
	position:absolute;
	left:21px; /*25px*/
	top:61px; /*74px*/
	width:600px; /*720px*/
	height:123px; /*148px*/
	background-image: url('../img/flipoverlay.png');
	background-repeat:repeat-x;
	
}
#defaultCountdown { 
	position:absolute;
	left:21px;
	top:0px;
	width:600px; /*720px*/
	height:123px; /*148px*/
	background-image: url('../img/flipbg.png');
	background-repeat:repeat-x;
}



/* Flickr
---------------------------------------------------*/

.flickr_badge_image img {border: 1px solid #746d6b !important; float:left; width:65px; height:65px; margin-right:6px; margin-bottom:6px;}



/* Band Info
---------------------------------------------------*/

div.titles						{ position:absolute; top:109px;}
div.backdrop 					{ position:relative;}
#bands div.backdrop div.clear 	{ height:0px; }
div.backdrop img				{ border:1px solid #666; }		

ul.flavor, ul.gossip 					{ margin:0px; padding:0px; }
ul.flavor li, ul.gossip li 				{ padding:0px 6px; margin:0px 0px 1px 1px; display:inline;  font-size:11px; color:#666;  font-weight:bold; float:left; background-color:white;}

ul.flavor a, ul.gossip a 				{ text-decoration:none; color:#666; }
ul.flavor a:hover, ul.gossip a:hover 	{ color:#000; }

ul.gossip li.redOne 	{ background-color:#cc0000; color:white;  }
ul.flavor li.origin 	{ background-color:black; color:white; font-family:serif; font-weight:normal; font-style:italic;  }
ul.flavor li.origin b 	{ font-family: arial; font-weight:bold; font-style:normal;}
div.backendgirls 		{ height:125px; }

#content a.img { background-color:#fff; }