@charset "utf-8";

/**################################
 * #### Global Reset ##############
 * ################################
 */ 
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
	/*	font-size: 100%;
		vertical-align: baseline; */
		background: transparent;
	}
	body { line-height: 1;  /* overflow-y: scroll; */ }
	ol, ul { list-style: none; }
	blockquote, q { quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '.';
		content: none;
	}
	:focus { outline: 0; }

	p {	margin: 0 0 18px; }
	blockquote { margin: 1em; background: #f9f9f9; border: 1px solid #ccc; padding: 10px; font-size: 92%; line-height: 1.5em; font-family: Georgia, "Times New Roman", Times, serif; }
	li, dd { margin-bottom: 6px; }
	p, li, dl, dd, dt {	line-height: 155%; }

	ins { text-decoration: none; }
	del { text-decoration: line-through; }
	table {	border-collapse: collapse; border-spacing: 0; }

/**################################
 * #### Main Element Styles #######
 * ################################
 */ 
 	html { height: 100% }
	body { font: 72%/180% Arial, Helvetica, sans-serif; }	
	body { background: url(img/bg_body.jpg) top center no-repeat fixed; }
	
	#pageWrapper {
		width: 900px;
		margin: 0 auto;
		padding: 21px 0;
	}

/**#########################
 * #### Typography #########
 * #########################
*/
	a:link, a:visited { color: #85393a; }
	a:hover, a:focus, a:active { }

	h1, h2, h3, h4, h5, h6 { margin: 0 0 .65em; line-height: 1.15em; }
	
	h1 {}
	h2 { font-size: 27px; font-family: "Times New Roman", Times, serif; }
	h3 { font-size: 19px; font-family: "Times New Roman", Times, serif; color: #855823; margin: 2em 0 .45em; padding: 0 0 5px; border-bottom: 1px dotted #855823; }
	h4 {}
	h5 {}

/**#########################
 * #### Header Stylings ####
 * #########################
*/
	#header {}

/**#########################
 * #### Top Navigation #####
 * #########################
*/
	#navigation { clear: both; margin: 21px 0 }
	#navigation li {
		float: left;
		margin-right: 3px;
	}
	
	#navigation li a { 
		background: transparent url(img/bg-btn-sprite.png) top left no-repeat; 
		display: block;
		height: 82px;
		text-indent: -999em;
	}
	
	#navigation li a.myspace { width: 171px; }
	#navigation li a.myspace:link, #navigation li a.myspace:visited  { background-position: 0 0; }
	#navigation li a.myspace:hover, #navigation li a.myspace:active, #navigation li.current a.myspace { background-position: 0 -103px; }
	
	#navigation li a.band { width: 181px; }
	#navigation li a.band:link, #navigation li a.band:visited { background-position: -173px 0; }
	#navigation li a.band:hover, #navigation li a.band:active, #navigation li.current a.band { background-position: -173px -103px; }	
	
	#navigation li a.dates { width: 177px; }
	#navigation li a.dates:link, #navigation li a.dates:visited { background-position: -357px 0;  }
	#navigation li a.dates:hover, #navigation li a.dates:active, #navigation li.current a.dates { background-position: -357px -103px; }	

	#navigation li a.shop { width: 174px; }
	#navigation li a.shop:link, #navigation li a.shop:visited { background-position: -544px 0;  }
	#navigation li a.shop:hover, #navigation li a.shop:active, #navigation li.current a.shop { background-position: -544px -103px; }

	#navigation li a.contact { width: 182px; }
	#navigation li a.contact:link, #navigation li a.contact:visited { background-position: -718px 0;  }
	#navigation li a.contact:hover, #navigation li a.contact:active, #navigation li.current a.contact { background-position: -718px -103px; }
		
/**#########################
 * #### Content ############
 * #########################
*/
	#videoHolder .top-stars { 
		height: 48px;
		margin-bottom: 5px;
		text-indent: -999em;
		background: url(img/header-top-stars.png) top center scroll no-repeat;
	}

	#videoHolder .alez {
		height: 105px;
		background: transparent url(img/header-alez-alez.png) center top no-repeat;
		margin: 5px 0;
		display: none;
	}

	#videoHolder .bot-stars { 
		height: 53px;
		text-indent: -999em;
		background: url(img/header-bottom-stars.png) top center scroll no-repeat;
	}
	
	#videoHolder .video-holder {
		width: 768px;
		text-align: center;
		padding: 40px 66px 34px;
		background: url(img/bg-video-player.png) 0 50% no-repeat;
	}
	
	#comLinks 		 { clear: both; margin: 5px -5px 13px 0; }
	#comLinks li	 { float: left; }
	
	#partnerLogos 	 { margin: 5px 0 13px; padding-top: 55px; background: url(img/header-partner.png) scroll top center no-repeat; }
	#partnerLogos td { width: 150px; text-align: center; }
	
	#bandHeader a {
		display: block;
		padding: 370px 0 0;
		background: transparent url(img/kim-header.jpg) scroll center top no-repeat;
	}
	
	#details { }
	#details .left {
		float: left;
		width: 570px;
		margin-right: 30px;
		margin-bottom: 21px;
	}
	#details .left p {
		line-height: 1.8em;	
	}

	#details .right {
		float: right;
		width: 300px;
		margin-bottom: 21px;
	}
	
	.tour-table { margin-bottom: 1.5em; }
	.tour-table td {  border-bottom: 1px dotted #855823; padding: 3px 0; }

/**#########################
 * #### Icons ##############
 * #########################
*/

/**#########################
 * #### Formulars ##########
 * #########################
*/

/**#########################
 * #### Footer #############
 * #########################
*/
	#footer { padding-top: 2em; margin-top: 2em; border-top: 1px dotted #333; }
	#footer ul { clear: both; width: 50%; margin: 0 auto; }
	#footer li { float: left; font-size: 11px; padding: 3px 5px; }
	#footer li a { color: #000; }
	
/**#########################
 * #### HTML Replacement ###
 * #########################
*/
	.align-right 	{ text-align:right}
	.align-left 	{ text-align:left}	
	.center			{ text-align:center}
	
	.float-left  {float:left}
	.float-right {float:right}	

	.marg_auto {margin-left:auto;margin-right:auto}

	strong {font-weight:700}
	em, i  {font-style:italic}
	
	.uppercase { text-transform: uppercase; }

	big 	{ font-size:1.25em}
	.lhs {line-height:1.3}
	.lhm {line-height:1.5}
	.xbig	{ font-size:1.40em}
	big.first {font-size:2em;letter-spacing:1px }
	
	small, .fsmall {font-size:85%}
	.fxsmall {font-size:82%}
	.fxxsmall {font-size:72%}
	
	/*** Defining the main colors	***/
	.black 	{color:#333}
	.red	{color:#990000}
	.grey, .grey a {color:#777}
	.xgrey	{color:#999}
	.orange {color:#cc7722}
	.yellow {color:#ffdd11}
	.blue	{color:#336699}
	.green	{color:#608800}
	.purple, a.purple {color:#e2007a!important}
	
	.odd, .odd td,  .odd_column {background-color:#ffefef}
	.even, .even td, .even_column {background-color:#fff}	

	.hidden {display:none}
	.block {display:block}
	
	a img {border:0 none}
	
	.framed {background:white;padding:3px;border:1px solid #ccc}

	/*** Hiding skiplinks for CSS-View ***/
	#quickskip li {position:absolute;	visibility:hidden;	}		

	.rel {position:relative;z-index:+2}
	
	.w_perc_90 {width:88%}
	.w_perc_85 {width:83%}
	.w_perc_80 {width:78%}
	.w_perc_75 {width:74%}
	.w_perc_70 {width:68%}
	.w_perc_65 {width:64%}
	.w_perc_60 {width:58%}
	.w_perc_55 {width:53%}
	.w_perc_50 {width:48%}
	.w_perc_45 {width:44%}
	.w_perc_40 {width:38%}
	.w_perc_35 {width:33%}
	.w_perc_33 {width:30%}
	.w_perc_30 {width:28%}
	.w_perc_25 {width:24%}
	.w_perc_20 {width:18%}
	.w_perc_15 {width:13%}
	.w_perc_10 {width:8%}
	.w_perc_5  {width:3%}		

	/* listen */
	.dotted  li, .squared li, .ordered li, .decimal li  {
		margin-left: 21px;
		padding:1px 0
	}
	.ordered li, .decimal li {
		list-style-type: decimal; 
		padding: 2px 0 5px;
		margin-bottom: 5px; 
		border-bottom: 1px dotted #ddcc44;
	}
	.dotted  li {list-style-type:disc}
	.squared li {list-style-type:square}
	
/**################################
 * #### Clearfix Hack #############
 * ################################
 */	
 	.clearfix:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		font-size:0.1em;
		visibility:hidden;
	}	

	.clearfix {display:inline-block}  /* ... Clearing f?r IE5/Mac und IE7 */

	* html .clearfix {height:1%}   /* ... f?r IE5 + IE6/Win | IE-Clearing aktivieren */
	.clearfix {display:block}      /* ... f?r IE5,IE6,IE7 | Mac-Einstellungen f?r IE/Win zur?cksetzen */	
	