﻿html,
body {
   	margin:0;
   	padding:0;
	font-family: Arial, Helvetica, sans-serif;
}
a:active{
	outline:none;
}
:-moz-any-link:focus {
  outline: none;
}
a {
  outline: none;
}
body{
	color:#fff;
	background-color:#000000;
	min-width:980px;
	position:relative;
	z-index:1;
	margin-left: -.1px; /*1px shifting hack*/
	/* 	to prevent the background image from 
		shifting when you resize the browser 
		smaller than the content width (it happens in Firefox). */
}
/*------------------------------------------------------*/
/*                                    S T R U K T U R   */
/*------------------------------------------------------*/	
#preview{
	position:absolute;
	top:0;
	left:0;
	width:150px;
	height:150px;
	background-image:url(../_gfx_global/preview-panel.png);
	background-repeat:no-repeat;
}
#header{
	background-image:url(../_gfx_global/md12_hp_preview_header.jpg);
	background-repeat:no-repeat;
	background-position:50% 0;
	}
	#wrap{
		width:900px;
		margin:0 auto;
		min-height:500px;
	}
	#page{
		padding-top:550px;
		}
	#content{
		float:left;
		width:670px;
		margin-right:30px;
		position:relative;
	}
	#sidebar{
		float:left;
		width:200px;
	}	
	#intro{
		-moz-border-radius: 5px;
		border-radius: 5px;
		background-color:#1c262d;
		min-height:130px;
		-webkit-box-shadow: inset 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
		-moz-box-shadow: inset 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
		box-shadow: inset 0px 0px 5px 1px rgba(0, 0, 0, 0.75); 
		border-bottom:1px solid #222;
		border-right:1px solid #222;
		border-top:1px solid #000;
		border-left:1px solid #000;
		position:relative;
		margin-bottom:30px;		
		padding:20px;
		padding-bottom:0px;
	}
	#intro p{
		font-family: 'TitilliumText22LRegular';
		font-size:30px;
		color:#ffffff;
	}
	#intro p span.extra{
		color:#72a0bd;
	}
	b, strong{
		font-family: 'TitilliumText22LBold';
	}
	
	h1{
		font-family: 'TitilliumText22LRegular';
		border-bottom:1px solid #ff0000;
		margin-bottom:15px;
		font-size:30px;
		color:#ff0000;
		}
	
	p.lineup{
		font-family: 'TitilliumText22LRegular';
		font-size:25px;
		margin-bottom:15px;
		line-height:100%;
		letter-spacing:-1px;
		}
	p.lineup span.city{
		font-size:14px;
		font-family: 'TitilliumText22LRegular';
		letter-spacing:0;
	}
	p.lineup span.live{
		color:#ff0000;
	}
	p.lineup span.feat{
		font-size:20px;
	}
	
	#tickets{
	-moz-border-radius: 5px;
		border-radius: 5px;
		background-color:#1c262d;
		-webkit-box-shadow: inset 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
		-moz-box-shadow: inset 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
		box-shadow: inset 0px 0px 5px 1px rgba(0, 0, 0, 0.75); 
		border-bottom:1px solid #222;
		border-right:1px solid #222;
		border-top:1px solid #000;
		border-left:1px solid #000;
		position:relative;
		margin-bottom:30px;		
		padding:5px;
		padding-bottom:0px;		
	}
	#sponsoren-top{
	-moz-border-radius: 5px;
		border-radius: 5px;
		background-color:#1c262d;
		-webkit-box-shadow: inset 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
		-moz-box-shadow: inset 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
		box-shadow: inset 0px 0px 5px 1px rgba(0, 0, 0, 0.75); 
		border-bottom:1px solid #222;
		border-right:1px solid #222;
		border-top:1px solid #000;
		border-left:1px solid #000;
		position:relative;
		margin-bottom:30px;		
		padding:5px;
		padding-bottom:10px;		
		padding-top:10px;
	}
	#sponsoren-footer{
		padding-bottom:10px;
	}
		
