html, body {
    height: 100%;
	}   

body {
	font: 11px/16px georgia;
	background: #FFF url(bilder/main_back.gif);
    background-position: center top;
	margin: 0;
	padding: 0;
    text-align: center;
	}


a:link {
	font: bold 10px/16px georgia;
	text-decoration: none;
	text-transform: uppercase;
	color: #ff9933;
	border-bottom: 1px dotted #ff9933;
	}
a:visited{
	font: bold 10px/16px georgia;
	text-decoration: none;
	text-transform: uppercase;
	color: #ff9933;
	border-bottom: 1px dotted #ff9933;
	}
a:hover, a:active{
	font: bold 10px/16px georgia;
	text-decoration: none;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #ff9933;
	border-bottom: 1px dotted #ff9933;
	}


#container {
	background: #FFF url(bilder/background.gif) repeat-y center;
	width: 800px;
	min-height: 100%;
	margin: 0 auto 0 auto;
    text-align: left;
	}
	
* html #container { height: 100%;}

#header {
	height: 130px;
	background: #333333;
	}
#headertop {
	background: #333333 url(bilder/logo.gif) no-repeat left bottom;
	height: 100px;
	}
#headerbottom {
	height: 30px;
	}
#left {
	width: 180px;
	float: left;
	padding: 0 25px 30px 25px;
	margin: 0;
	}
#spanner {
	width:0px;
	height:100%;
	float:left; 
	margin: -130px 0 0 0;	
}
#right {
	background: url(bilder/player_back.gif) no-repeat top right;
	width: 520px;
	padding: 25px 0 30px 50px;
	margin: 0;
	float: left;
	}
#footer {
	clear: both;
	}


#musicplayer{
	width: 295px;
	height: 24px;
	background: #333333;
	text-align: right;
	padding: 0 10px 0 0;
	float: right;
	border-bottom: 6px solid #333333;
	}
#navigation{
	width: 470px;
	height: 24px;
	background: #ffffff;
	text-align: left;
	float: left;
	border-bottom: 6px solid #ff9933;
	padding: 0 0 0 25px;
	overflow: hidden;
	}
.navi{
	font: bold 10px/24px verdana;
	letter-spacing: 2px;
	color: #ff9933;
	background: #ffffff;
	border-left: 1px solid #ff9933;
	padding: 6px 12px 6px 12px;
	}
.navi:hover{
	color: #ffffff;
	background: #ff9933;
	}
	



	
#boxtitel{
	font: bold 11pt georgia;
	color: #ffffff;
	letter-spacing: 3px;
	text-align: left;
	text-transform: uppercase;
	border-bottom: 1px solid #ff9933;
	background: #fff url(bilder/reiter.gif);
	width: 170px;
	height: 20px;
	margin: 25px 0 0 0;
	padding: 5px 0 0 10px;
	overflow: hidden;
	}
#box{
	background: #fff url(bilder/box_back.gif) no-repeat top left;
	text-align: left;
	width: 167px;
	padding: 5px 3px 10px 10px;
	border-bottom: 2px solid #333333;
	overflow: hidden;
	}
#box ul{
	list-style-position: outside;
	list-style-image:url(bilder/star.gif);
	}
#box li {
	margin-left: -20px;
	border-bottom: 1px dotted #333333;
	width: 140px;
	padding: 3px 0 3px 0;
	}
.boxfett {
	font: bold 12px/16px georgia;
	text-transform: uppercase;
	}
	
#form{ 
 	width: 420px;
	margin-top: 15px;
	padding: 15px;
 	border: 1px dotted #333333; 
	}
#form ul{
	list-style-position: outside;
	list-style-image:url(bilder/star_grey.gif);
	}
#form li {
	margin: 0 0 0 -20px;
	width: 340px;
	padding: 3px 0 3px 0;
	}
	
#newsbox{ 
 	width: 420px;
	padding: 15px 0 15px 0;
 	border-bottom: 1px dotted #333333; 
	}
	
.titel {
	font: bolder 14px/20px georgia;
	color: #999933;
	text-transform: uppercase;
	}
.fussnote {
	font: 10px/12px georgia;
	color: #ff9933;
	}
	
.fettung{
	font: bold 11px/16px georgia;
	text-decoration: none;
	text-transform: uppercase;
	color: #999933;
	border-bottom: 1px dotted #333333;
	}
	
#bio {
	background: #FFF url(bilder/star_space.gif) no-repeat top left;
	width: 340px;
	padding: 5px 0 5px 15px;
	}
	
.input {
	font: 11px/16px georgia;
	color: #ffffff;
	background: #333333;
	}
	
#submit {
	font: 11px/16px georgia;
	color: #ffffff;
	background: #333333;
	}
	
#form1{ 
 	width: 320px;
	height: 20px;
	}
#form2{ 
 	width: 320px;
	}
	
#cover{ 
 	float: left;
	padding: 0 0 15px 0;
	}
	
#discoright{ 
 	width: 295px;
	float: right;
	}
	
#playlist{ 
 	letter-spacing: 1px;
	padding: 8px 0 0 0;
	}
	
#row{ 
 	text-align: left;
	}
	
#photo{ 
 	padding: 0 0 10px 0;
	}
	
#endbox {
	clear: both;
	}
	
#abschnitt{ 
 	padding: 15px 0 0 0;
	}