body {
	background: #000 url(../images/repeat_background.jpg) top left repeat;
	color: #fff;
	font-family: Times New Roman;
	font-size: 80%;
	line-height: 15px;
	overflow: hidden;
	position: absolute;
	width: 100%;
	height: 100%;
	min-width: 950px;
	min-height: 725px;
}
.outerBody {
	margin-top: 0px;
	overflow: auto;
	min-height: 750px;
}
#fader {
	background: #000 url(../images/loader.gif) center center no-repeat;
	bottom:28px;
	display: none;
	left:0;
	position: absolute;
	right:0;
	top:28px;
	z-index: 99999;
}
#outerContainer {
	background-color: #000;
	background-position: top left;
	background-repeat: no-repeat;
	position: absolute;
	width: 950px;
	height: 750px;
	top: 50%;
	left: 50%;
	margin-top: -375px;
	margin-left: -475px;
	overflow: hidden;
}
#innerFrame {
	background: #000;
	border: 0;
	margin: 0;
	padding: 0;
	height: 725px; 
	position: absolute; 
	top: 0; 
	left: 0;
	width: 950px; 
	z-index: 1;
}

#container {
	background-color: #000;
	background-position: top left;
	background-repeat: no-repeat;

	position: absolute;
	width: 950px;
	height: 720px;
	top: 50%;
	left: 50%;
	margin-top: -360px;
	margin-left: -475px;
	overflow: hidden;
}
	.start 	{ background-image: url(../images/bg_start.jpg); }
	.news 	{ background-image: url(../images/bg_news.jpg); }
	.music 	{ background-image: url(../images/bg_music.jpg); }
	.about 	{ background-image: url(../images/bg_about.jpg); }
	.photos 	{ background-image: url(../images/bg_photos.jpg); }
	.downloads { background-image: url(../images/bg_downloads.jpg); }

.clearfloat {
	clear: both;
	text-align: left;
}
a {
	color: #02b1c4;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
#header {
	background: transparent url(../images/repeat_top.png) top left repeat-x;
	height: 40px;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	position: absolute;
	z-index: 9999;
}
	#audioplayer {
		position: absolute;
		top: 8px;
		left: 20px;
	}
	#newsletter {
		color: #fff;
		line-height: 20px;
		overflow: hidden;
		height: 22px;
		position: absolute;
		right: 20px;
		top: 4px;
		width: auto;
	}
	#newsletterForm { display: inline; }
	#status { float: left; width: 449px; }
		a#nl_button{
			background: #000 url(../images/newsletter.jpg) 0px 1px no-repeat;
			float: left;
			height: 18px;
			margin-top: 0px;
			margin-right: 20px;
			width: 106px;
		}
		a:hover#nl_button { text-decoration: none; background-position: 0px -17px; }

		#newsletter .text {
			background: #000;
			color: #fff;
			border: 1px solid #ffaa00;
			float: left;
			font-family: Times New Roman;
			font-size: 12px;
			height: 16px;
			line-height: 18px;
			margin: 0;
			padding: 2px 3px 0px 3px;
			margin-left: 5px;
			letter-spacing: 1px;
		}
			#newsletter .text.name { width: 120px; }
			#newsletter .text.email { width: 180px; }
		#newsletter .submit {
			background: #000;
			color: #fff;
			border: 1px solid #02b1c4;
			float: left;
			font-family: Times New Roman;
			font-size: 12px;
			font-weight: 600;
			height: 20px;
			line-height: 20px;
			margin: 0;
			padding: 0;
			margin-left: 10px;
			width: 113px;
			letter-spacing: 1px;
		}

#footer {
	background: transparent url(../images/repeat_bottom.png) top left repeat-x;
	bottom: 0;
	height: 40px;
	left: 0;
	right: 0;
	width: 100%;
	position: absolute;
	z-index: 9999;
}

#logo {
	position: absolute;
	top: 30px;
	left: 8px;
	z-index: 2;
}

#socials {
	bottom: 5px;
	height: 18px;
	left: 20px;
	position: absolute;
}
	#socials li {
		display: block;
		float: left;
	}
#four_logo {
	display: block;
	position: absolute;
	bottom: 2px;
	right: 15px;
}

a.enter {
	background: url(../images/button_enter.png) top left no-repeat;
	display: block;
	position: absolute;
	top: 570px;
	left: 10px;
	height: 62px;
	width: 312px;
}
a:hover.enter {
	background-position: 0px -62px;
	text-decoration: none;
}

#navi {
	display: block;
	position: absolute;
	text-indent: -9999px;
	width: 320px;
	height: 81px;
	top: 167px;
	left: 18px;
}
#photosnavi {
	display: block;
	position: absolute;
	text-indent: -9999px;
	width: 268px;
	height: 31px;
	top: 194px;
	right: 20px;
}
	#navi li, #photosnavi li {
		float: left;
	}
	#navi li, #navi li a {
		display: block;
		background-image: url(../images/navi.jpg);
		background-repeat: no-repeat;
		height: 27px;
	}
	#photosnavi li, #photosnavi li a {
		display: block;
		background-image: url(../images/photosnavi.jpg);
		background-repeat: no-repeat;
		height: 31px;
	}
	
	#nav_news a { background-position: 0px 0px; width: 86px; } #nav_news a:hover, #nav_news.loaded a { background-position: -0px -27px; }
	#nav_music a { background-position: -97px 0px; width: 94px; } #nav_music a:hover, #nav_music.loaded a { background-position: -97px -27px; }
	#nav_about a { background-position: -203px 0px; width: 97px; } #nav_about a:hover, #nav_about.loaded a { background-position: -203px -27px; }
	#nav_photos a { background-position: -313px 0px; width: 118px; } #nav_photos a:hover, #nav_photos.loaded a { background-position: -313px -27px; }
	#nav_downloads a { background-position: -445px 0px; width: 174px; } #nav_downloads a:hover, #nav_downloads.loaded a { background-position: -445px -27px; }
	#nav_shop a { background-position: -632px 0px; width: 78px; } #nav_shop a:hover, #nav_shop.loaded a { background-position: -632px -27px; }
	#nav_live2 a { background-position: -725px 0px; width: 70px; } #nav_live2 a:hover, #nav_live2.loaded a { background-position: -725px -27px; }


	#nav_live a { background-position: -1px 0px; width: 69px; } #nav_live a:hover, #nav_live.loaded a { background-position: -1px -31px; }
	#nav_fan a { background-position: -83px 0px; width: 60px; } #nav_fan a:hover, #nav_fan.loaded a { background-position: -83px -31px; }
	#nav_presse a { background-position: -156px 0px; width: 109px; } #nav_presse a:hover, #nav_presse.loaded a { background-position: -156px -31px; }
	
	#navi li.placeholder { background-position: -83px 0px; width: 15px;}
	#photosnavi li.placeholder { background-position: -69px 0px; width: 15px;}

h2 {
	display: block;
	float: right;
	font-weight: 700;
	background: #fff;
	margin-bottom: 5px;
	margin-top: 15px;
	padding: 3px 5px;
	text-align: left;
	text-transform: uppercase;
}
	#news h2 { color: #02b1c4; width: 380px; }
		#headlineDesc { color: #aaa; }
		#headlineDate { display: inline; float: right; font-size: 12px; }
	#music h2 { color: #edc55d; width: 460px; }
	#about h2 { color: #96135f; margin-top: 5px; width: 570px; }

	#news {
		float: right;
		margin-right: 20px;
		margin-top: 40px;
		width: 390px;
		text-align: right;
	}
		#shemovedin {
			background: url(../images/cover_shemovedin.jpg) -1px -1px repeat;
			border: 1px solid #ffbf00;
			height: 121px;
			width: 140px;
		}
		#thesweetesthangover {
			background: url(../images/cover_thesweetesthangover.jpg) -1px -1px repeat;
			border: 1px solid #54becc;
			height: 121px;
			width: 111px;
		}
		a:hover#shemovedin, a:hover#thesweetesthangover {
			border: 1px solid #c8c8c8;
			text-decoration: none;
		}
		a.cover {
			display: block;
			float: right;
			margin-bottom: 5px;
			margin-left: 10px;
		}
		.cover_text {
			background-color: #000;
			line-height: 17px;
			padding: 1px 2px;
			text-align: right;
			text-transform: uppercase;
		}
		#covers a:hover { text-decoration: none; }
			.cover_text.single { color: #ffaa30; }
				.cover_text.single:hover { color: #eee; }
			.cover_text.album { color: #02b1c4; }
				.cover_text.album:hover { color: #eee; }
			
		#content_slider {
			border: 1px solid #fff; 
			float: right;
			width: 20px;
		}
		#myspace_news {
			background-color: #029BAC;
			float: right;
			height: 150px;
        	overflow: auto;
			padding: 2px 0px 1px 5px;
			text-align: left;
			width: 385px;
		}
			#myspace_news li, #myspace_news .item {
				border-bottom: 1px dashed #000;
				font-size: 12px;
				font-weight: 600;
				line-height: 18px;
			}
			#myspace_news .subDate {
				color: #fff;
				font-size: 11px;
			}
			#myspace_news a {
				color: #fff;
				display: block;
				letter-spacing: 1px;
			}
			#myspace_news .description {
				color: #000;
				display: none;

			}
		#photo_widget {
			float: right;
			height: 200px;
			margin-top: 15px;
			width:200px; 
		}
		#bottomtext {
			padding-left: 25px;
		}
		
		
	#music {
		float: right;
		margin-right: 20px;
		margin-top: 40px;
		width: 470px;
		text-align: right;
	}
		#player {
			background-color: #000;
			height: 470px;
			text-align: left;
			width: 470px;
		}
		#dates {
			background-color: #e8b635;
			color: #000;
			float: right;
			margin-top: 20px;
			height: 150px;
        	overflow: auto;
			padding: 2px 0px 1px 5px;
			text-align: left;
			width: 465px;
		}
			#dates .item {
				border-bottom: 1px dashed #fff;
				font-size: 12px;
				font-weight: 700;
				line-height: 18px;
				width: 100%;
			}
			#dates div { float: left; white-space: nowrap; overflow: hidden; }
			#dates .date { width: 17%; }
			#dates .show { width: 53%; }
			#dates .city { width: 30%; }
			
	#about{
		margin-left: 18px;
		position: absolute;
		top: 250px;
		width: 580px;
	}
		#about .flag {
			display: inline;
			float: right;
			margin-left: 3px;
			margin-top: 1px;
		}

		#about .prev, #about .next {
			background-color: #000;
			border: 1px solid #444;
			color: #fff;
			cursor: pointer;
			float: left;
			height: 80px;
			line-height: 70px;
			margin: 2px;
			width: 25px;
		}
		#carousel_wrapper, #carousel, #carousel li {
			background-color: #000;
			float: left;
		}
		#carousel {
			height: 84px;
			overflow: hidden;
			width: 522px;
		}
        #carousel li img {
            background-color: #000;
            float: left;
            width: 83px;
            height: 80px;
            margin: 2px;
        }
        #biografie {
        	background-color: #9d0c72;
        	height: 300px;
        	overflow: auto;
			padding: 5px;
			width: 570px;
        }
        
	#photos {
		margin-left: 18px;
		margin-top: 350px;
		overflow: hidden;
	}
			
	#downloads {
		margin-left: 18px;
		position: absolute;
		top: 350px;
		width: auto;
	}
		#downloads a:hover {
			text-decoration: none;
		}
		.box {
			background-color: #f43a4d;
			border: 1px solid #f43a4d;
			float: left;
			height: 120px;
			margin: 0px 12px 12px 0px;
			width: 165px;			
		}

#impressumlink {
	display: block;
	position: absolute;
	bottom: 5px;
	right: 70px;
}
#impressum {
	text-align: justify;
	background: #fff url(../images/repeat_background.jpg) top left repeat;
	color: #fff;
	font-family: Times New Roman;
	min-height: 600px;
	min-width: 400px;
	overflow: visible;
	padding: 15px;
	position: relative;
	width: auto;
}
#impressum h2, #impressum h3 {
	background: transparent;
	color: #fff;
	display: inline;
	float: left;
	width: 100%;
}
#impressum h2 {	font-size: 20px; }
#impressum h3 {	padding: 15px 0 10px 0; }
#impressum p {
	display: block;
	padding: 5px;
}