*{ margin: 0px; padding: 0px; }*
body { 
  background:#fff;
  color: #6e6e70;
  font-size: 87.5%;
  font-family:Arial, Helvetica, sans-serif;
}

/******************************** Common ***************************************/

p {
	line-height: 1.8em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height: 22px;
	margin-bottom:15px;
	color: #6e6e70;
}

img {
	border:none;
}

a {
	color:#f1a42b;
	text-decoration:none;
	font-weight:bold;
	letter-spacing:0px;
}

a:hover {
	color:#ffc300;
}

h2 {
	margin:0px 0px 10px 0px;
  	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight:normal;
	line-height: 34px;
	text-transform:uppercase;
	color: #6e6e70;
}


h3 {
	margin-bottom:5px;
	margin-top:13px;
	text-transform:uppercase;
	font-style:italic;
	font-size:16px;
}


/******************************** Wrapper ***************************************/

#wrapper  {
	width:800px;
	margin:5px auto;
	margin-top:18px;
}
#footer,#content,#container {
	width:800px;
	margin:0px auto;
}

#punchline {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:28px;
	line-height:30px;
	padding-bottom:20px;
	font-style:italic;
	margin-top:15px;
}


/******************************** Logo, Buttons & Date ***************************************/

#logo {
	width:800px;
	height:50px;
	background: url(../img/logo.jpg) no-repeat 0 0;
	padding-bottom:5px;
	float:left;
}

.button {
	padding-right:3px;
}

#button_order {
	width: 166px;
	height: 32px;
	display: block;
	background: url(../img/order_tickets-off.jpg) no-repeat;
	position:absolute;
	margin-top:105px;
	margin-left:555px;
	text-shadow: none;
}

#button_order:hover {
	background: url(../img/order_tickets-on.jpg) no-repeat;
	text-decoration: none;
}

#panel_live {
	width:800px;
	height:150px;
	display:block;
	background:url(../img/panel_live.jpg) no-repeat;
	margin-top:385px;
}

.switch {
	margin-top:25px;
	margin-right:90px;
	float:right;
}

#preorder {
	width:275px;
	height:70px;
	background: url(../img/preorder.jpg) no-repeat 0 0;
	float:right;
	margin-top:35px;
}

/******************************** Steps ***************************************/

#video {
	float:left;
	width:800px;
	height:395px;
	margin-top: 5px;
	font-size:.8em;
	float:left;
	font-weight:normal;
	text-align:left;
}

#release {
	float:left;
	width:800px;
	height:100px;
	margin-top: 2px;
}

#continue {
	width:220px;
	height:50px;
	background: url(../img/continue.jpg) no-repeat 0 0;
	float:left;
	margin-top:20px;
}

#live {
	width:135px;
	height:50px;
	background: url(../img/live.jpg) no-repeat 0 0;
	float:right;
	margin-top:20px;
}

.important {
	color:#f1a42b;
}


/******************************** Footer ***************************************/

#footer {
	margin: 0 auto;
	padding-top:55px;
	text-align: right;
	clear:both;
	height:30px;
	font-size:.8em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	line-height:1.7em;
}

#footer a {
	color: #f1a42b;
	text-decoration: none;
}

#footer a:hover {
	color: #ffc300;
	text-decoration: underline;
}

.media {
	float:left;
	padding-right:8px;
}

.media a {
	border:none;
}

/******************************** Imprint ***************************************/

#imprint-logo {
	width:800px;
	height:100px;
	background: url(../img/logo.jpg) no-repeat 0 0;
	padding-bottom:50px;
	float:left;
}

#imprint {
	font-size:.7em;
	font-weight:bold;
	padding-bottom:30px;
	line-height:1em;
	margin-top:15px;
}

#imprint p {
	padding-bottom:1.5em;
	padding-top:1.5em;
}

#imprint h2 {
	color:#f1a42b;
	padding-top:1.2em;
	padding-bottom:1.2em;
	font-size:2.7em;
}

#imprint h3 {
	padding-top:1.2em;
	padding-bottom:.6em;
	font-size:1.2em;
	font-weight:bold;
}

/******************************** Panel ***************************************/

.panel {
position: absolute;
top: 255px;
left: 0;
display: none;
background: #f9f9f9;
border:3px solid #ededed;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
width: 330px;
height: auto;
padding: 30px 30px 30px 30px;
filter: alpha(opacity=85);
opacity: 1;
}

.panel p{
margin: 0 0 15px 0;
padding: 0;
color: #6e6e70;
}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
border-bottom: 0px solid #9FC54E;
}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 0px solid #ffffff;
}

a.trigger{
position: absolute;
text-decoration: none;
top: 220px; left: 0;
font-size: 17px;
text-transform:uppercase;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#6e6e70;
padding: 20px 40px 20px 15px;
font-weight: 700;
background:#f9f9f9 url(../img/plus.png) 92% 50% no-repeat;
border:3px solid #ededed;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
}

a.trigger:hover{
position: absolute;
text-decoration: none;
font-size: 17px;
text-transform:uppercase;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#6e6e70;
padding: 20px 40px 20px 20px;
font-weight: 700;
background:#f9f9f9 url(../img/plus.png) 92% 50% no-repeat;
border:3px solid #ededed;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
}

a.active.trigger {
background:#f9f9f9 url(../img/minus.png) 92% 50% no-repeat;
}

.columns{
clear: both;
width: 330px;
padding: 0 0 20px 0;
line-height: 22px;
}

.colleft{
float: left;
width: 130px;
line-height: 22px;
}

.colright{
float: right;
width: 130px;
line-height: 22px;
}

.productpic{
	border:2px solid #ededed;
}

.preorder{
	margin-left:3px;
	margin-top:5px;
}

.preorder-info{
	margin-top:5px;
}

.spacer{
	height:27px;
	width:130px;
	margin-left:3px;
	margin-top:5px;
}

/******************************** News ***************************************/

.news{
position: absolute;
text-decoration: none;
top: 98px; left: 0;
font-size: 17px;
text-transform:uppercase;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#6e6e70;
padding: 20px 40px 20px 15px;
font-weight: 700;
background:#f9f9f9;
border:3px solid #ededed;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
filter: alpha(opacity=85);
opacity: 1;
}

.news p{
margin: 0 0 0 0;
padding: 0;
color: #6e6e70;
font-size: 12px;
line-height: 1.4;
text-transform: none;
letter-spacing:-0.5px;
width: 145px;
}

/******************************** Saturn ***************************************/

.lp{
position: absolute;
text-decoration: none;
top: 100px; right: 15px;
background:#fff;
border:0px;
display: block;
}

/******************************** Player ***************************************/

.cd-title{
	padding-top:8pt;
}

#audio-bg{
	width: 382px;
	height: 610px;
	float:left;
	background: url(../img/audio_bg.jpg) no-repeat;
}

#ultra-bg{
	width: 382px;
	height: 460px;
	float:left;
	background: url(../img/ultra_bg.jpg) no-repeat;
}

#player{
	float:right;
	color:#090;
}

/******************************** Gallery ***************************************/

#gallery-container{
	margin-top:5px;
	text-align:center;
	width:800px;
	position:relative;
}

#gallery{
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 0px #AAAAAA;
	-webkit-box-shadow:0 0 0px #AAAAAA;
	box-shadow:0 0 0px #AAAAAA;
	
	/* CSS3 Rounded Corners */
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	border:1px solid white;
	
	background:url(../img/panel.jpg) repeat-x bottom center #ffffff;
	
	/* The width of the gallery */
	width:800px;
	overflow:hidden;
}

#slides{
	/* This is the slide area */
	height:380px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:800px;
	overflow:hidden;
}

.slide{
	float:left;
}

#menu{
	/* This is the container for the thumbnails */
	height:45px;
	padding-right:50px;
}

#menu ul{
	margin:0px;
	padding:0px;
}

#menu li{
	/* Every thumbnail is a li element */
	width:60px;
	display:inline-block;
	list-style:none;
	height:45px;
	overflow:hidden;
}

#menu li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	background:url(../img/pic_bg.png) repeat;
}

#menu li.act,li.act:hover{
	/* The active state of the thumb */
	background:url(../img/active_bg.png) no-repeat;
}

#menu li.act a{
	cursor:default;
}

.fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
	background:url(../img/divider.png) no-repeat right;
}

#menu li a{
	display:block;
	background:url(../img/divider.png) no-repeat right;
	height:35px;
	padding-top:10px;
}

a img{
	border:none;
}