*{margin:0;padding:0}:focus,:active {outline:0}img{border: 0}
body { font: .8em Arial, Tahoma, Verdana; background: #FFF; color: #777; background: url(images/background3.gif) no-repeat; background-position:center; }

.header-inner {
   width: 970px; margin: 0 auto;       
}

/*elements*/
.line {clear: both; width: 970px; border-bottom: 1px solid #EEE; margin: 0 0 10px; }
.noline {clear: both; width:90%; border-bottom: 0px solid #EEE; margin: 0 0 20px; }
.textbox {float: right; border: 1px double #CCCCCC; width: 200px;}

/*main sections*/
#content { width: 970px; margin: 0 auto;}
#top { background: url(images/bubbles.jpg) repeat-x; color: #ccc; padding: 30px 20px 0; font-size: .84em; text-align: right; }
#footer { width: 970px; color: #999; padding: 0px 0px 0; font-size: 0.85em; text-align: center; }
#bottom { background: #FEE;color: #ccc; padding: 6px 20px 0; font-size: .84em; text-align: right; }
#logo { float: left; padding: 5px 5px 5px 5px; margin: 20px 0 10px; 5PX}	
#sidebar { float: right; width: 350px; padding: 0px; margin: 0px; border-left: 0px solid #EEE;  color: #333;}

#login { float: right; width:300px; margin: 0px; padding:10px 15px 0px 15px; border: 0px solid #EEE; border-top: 2px solid #FC3; border-bottom: 2px solid #FC3;  color: #333; background: #FFF; border-radius: 12px; }
#login h1 {float: right;  font-size: 0.9em; padding: 5px 0px 3px 0px; margin: 0px; font-weight: normal;}
#login h2 {float: left;  font-size: 0.9em; padding: 5px 5px 3px 0px; margin: 0px; font-weight: normal; color: #666;}
#login h3 {float: left; font-size: 0.9em; font-weight: normal; padding: 5px 5px 3px 0px;  color: #666;}
#login h4 {float: right; font-size: 0.9em; font-weight: normal; padding: 10px;}
#login h5 {float: left;  font-size: 0.9em; padding: 5px 0px 3px 0px; margin: 0px; font-weight: normal; color: #F33;}

#loginmobile { margin: 0 auto; margin-top: 10px; width:200; padding:10px 15px 0px 15px; border: 0px solid #EEE; border-top: 2px solid #FC3; border-bottom: 2px solid #FC3;  color: #333; background: #FFF; border-radius: 12px; }
#loginmobile h1 {float: right;  font-size: 0.9em; padding: 5px 0px 3px 0px; margin: 0px; font-weight: normal;}
#loginmobile h2 {float: left;  font-size: 0.9em; padding: 5px 5px 3px 0px; margin: 0px; font-weight: normal; color: #666;}
#loginmobile h3 {float: left; font-size: 0.9em; font-weight: normal; padding: 5px 5px 3px 0px;  color: #666;}
#loginmobile h4 {float: right; font-size: 0.9em; font-weight: normal; padding: 10px;}
#loginmobile h5 {float: left;  font-size: 0.9em; padding: 5px 0px 3px 0px; margin: 0px; font-weight: normal; color: #F33;}

.contact { float: left; float: left; width: 570px; margin: 0 0px 20px 0px; border-right: 2px solid #EEE; border-left: 2px solid #DDD;padding: 10px 10px 10px 15px;color: #808080; background: #FFF; border-radius: 5px; }
.contact h1 { font-size: 1em; padding: 0px; color: #808080; font-weight: bold; margin: 0 0 5px; float: left;}
.contact h2 {  clear: both; line-height: 1.64em; margin: 0 0 10px; font-size: 1em; color: #333; font-weight: normal; float: left;}
.contact h3 {  clear: both; line-height: 1.64em; margin: 0 0 10px; font-size: 1em; color: #333; font-weight: normal; float: right;}
.contact h4 {  clear: both; margin: 10px 0 10px; font-size: 1em; color: #333; font-weight: normal; float: left;}
.contact h5 {  float: left;  font-size: 0.9em; padding: 5px 0px 5px 0px; margin: 0px; font-weight: normal; color: #F33;}

#loggedin { float: right; width:300px; margin: 0px; padding:0px 15px 5px 15px; border: 0px solid #EEE; border-top: 2px solid #FC3; border-bottom: 2px solid #FC3;  color: #333; background: #FFF; border-radius: 12px; }
#loggedin h1 {float: left;  font-size: 0.9em; padding: 5px 0px 3px 0px; margin: 0px; font-weight: normal;}
#loggedin h2 {float: left;  font-size: 0.9em; padding: 5px 0px 3px 0px; margin: 0px; font-weight: normal;}
#loggedin h3 {float: right; font-size: 0.9em; font-weight: normal; padding: 10px;}
#loggedin h4 {float: right; font-size: 0.9em; margin: 10px; padding: 5px 10px 5px 10px; border: 1px solid #CCC;}


#loggedinmobile { margin: 0 auto;  margin-top: 10px;  width:200px; padding:0px 15px 5px 15px; border: 0px solid #EEE; border-top: 2px solid #FC3; border-bottom: 2px solid #FC3;  color: #333; background: #FFF; border-radius: 12px; }
#loggedinmobile h1 {float: center;  font-size: 0.9em; padding: 5px 0px 3px 0px; margin: 0px; font-weight: normal;}
#loggedinmobile h2 {float: center;  font-size: 0.9em; padding: 5px 0px 3px 0px; margin: 0px; font-weight: normal;}
#loggedinmobile h3 { font-size: 0.9em; font-weight: normal; padding: 10px;}
#loggedinmobile h4 {float: right; font-size: 0.9em; margin: 10px; padding: 5px 10px 5px 10px; border: 1px solid #CCC;}


/*#banner { float: right; width:300px; height:300px; margin: 30px 0px 0px 0px; padding:15px; border: 0px solid #EEE; border-left: 2px solid #333; border-right: 2px solid #333;  color: #333; background: #F6F; border-radius: 9px;  background: url(http://image.shutterstock.com/display_pic_with_logo/576877/576877,1274974381,3/stock-vector-red-music-button-vector-53999626.jpg) repeat-x; opacity:0.4; filter:alpha(opacity=40);}
#banner { float: right; width:300px; height:300px; margin: 30px 0px 0px 0px; padding:15px; border: 0px solid #EEE; border-left: 2px solid #DDD; border-right: 2px solid #EEE;  color: #333; background: #F6F; border-radius: 9px;  background: url(http://i.istockimg.com/file_thumbview_approve/21067630/2/stock-illustration-21067630-abstract-music-background.jpg) repeat-x; opacity:0.6; filter:alpha(opacity=60);}
*/
#banner { float: right; width:300px; margin: 30px 0px 0px 0px; padding:15px; border-top: 0px solid #99C; border-bottom: 0px solid #99C;  color: #333; background: #FEFEFE; border-radius: 9px;  }
/*#banner:hover { background:#FFF; border-left: 2px solid #f33; border-right: 2px solid #f33;}*/
#bannercontent { font-size: 1.0em; padding-left: 20px; color: #000; font-weight: bold; margin: 0 0 5px; float: left;}
#bannergraphic { padding-left:85px;}



#charttitle {float: left; width:200px;padding:5px 10px 20px 30px; margin-left 5px; font-weight: normal; font-size: 1em; color:  #666;}
#chartfooter {float: right; width:290px; padding:20px 10px 20px 100px; margin-right 5px; font-weight: normal; font-size: 1em; color:  #666;}
.chartentry {float: left; width:290px;padding:0px; margin-left 5px;  border-bottom: 1px solid #CCC; font-weight: normal;}
.position {float: left; width:20px; padding:8px 0px 8px; margin:2px; border-right: 1px solid #CCC; font-size: 1.2em; color:  #AAA;}
.artist {float: left; width:260px; padding:0px; margin:4px 2px 1px 2px ; font-size: 0.8em; color:  #666; font-weight: bold;}
.title {float: left; width:260px; padding:0px; margin:2px 2px 3px 2px ; font-size: 1em; color:  #666;}
.chartlast {border-bottom: 0px solid #EEE;};



#banner h1 {float: left;  font-size: 2.5em; font-weight: bold;  padding: 5px 0px 3px 0px; margin: 0px; color:#FFF;}

#chart {float: right; width:300px;}
#chart h1 {float: left;}
#chart h2 {float: right;}

 


.spiel {cursor:pointer;  float: left; width: 570px; margin: 0 0px 10px 0px; border-top: 0px solid #EEE; border-bottom: 0px solid #EEE;padding: 10px 10px 10px 15px;color: #808080; background: #FFF; border-radius: 12px; }
.spiel:hover { background:#FFF; border-left: 2px solid #f33; border-right: 2px solid #f33;}
.spiel h1 { font-size: 1em; padding: 0px; color: #808080; font-weight: bold; margin: 0 0 5px; float: left;}
.spiel h2 {  clear: both; line-height: 1.64em; margin: 0 0 10px; font-size: 1em; color: #333; font-weight: normal;}
.spiel h3 { font-size: 1em; color: #808080; font-weight: normal;}

.spiel2 { float: left; float: left; width: 570px; margin: 0 0px 20px 0px; border-right: 2px solid #EEE; border-left: 2px solid #DDD;padding: 10px 10px 10px 15px;color: #808080; background: #FFF; border-radius: 5px; }
.spiel2 h1 { font-size: 1em; padding: 0px; color: #808080; font-weight: bold; margin: 0 0 5px; float: left;}
.spiel2 h2 {  clear: both; line-height: 1.64em; margin: 0 0 10px; font-size: 1em; color: #333; font-weight: normal;}
.spiel2 h4 {  clear: both; line-height: 1.64em; margin: 20px 0 2px; font-size: 1.1em; color: #333; font-weight: normal;}
.spiel2 h3 { font-size: 1em; color: #808080; font-weight: normal;}


.last { border-bottom: 1px solid #EEE; }
.spieltitle {font-size: 1em; padding: 0px; color: #333; font-weight: bold; margin: 0 0 5px; float: left;}
.redbar { border-left: 2px solid #F99; border-right: 2px solid #CCC;}
.bluebar { border-left: 2px solid #99F; border-right:  2px solid #CCC;}
.greenbar { border-left:2px solid #99BD88; border-right: 2px solid #CCC;}
.yellowbar { border-left:2px solid #FC3; border-right: 2px solid #CCC; }
.greybar { border-left:2px solid #DDD; border-right: 2px solid #DDD; }






#menu { float: right; margin: 80px 2px 0px 20px; }
	#menu li { display: inline; font-size: 0.9em; text-decoration: none; }
		#menu li a { font-size: 13px; color: #666; padding:4px; border-bottom: 1px solid #DDD; border-right: 1px solid #DDD; border-top: 1px solid #DDD;border-left: 1px solid #DDD; border-radius:3px; margin:1px; text-decoration: none; height:30px;
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(251,251,251,1) 50%, rgba(249,249,249,1) 51%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(251,251,251,1)), color-stop(51%,rgba(249,249,249,1)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(251,251,251,1) 50%,rgba(249,249,249,1) 51%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(251,251,251,1) 50%,rgba(249,249,249,1) 51%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(251,251,251,1) 50%,rgba(249,249,249,1) 51%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(251,251,251,1) 50%,rgba(249,249,249,1) 51%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); }
		#menu li a:hover, #menu li.current a, #menu li a:focus {  font-size: 13px; color: #333; padding:4px; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; border-top: 1px solid #CCC;border-left: 1px solid #CCC; border-radius:3px; margin:1px; text-decoration: none; height:30px;
	
background: rgb(251,245,225);
background: -moz-linear-gradient(top,  rgba(251,245,225,1) 0%, rgba(248,210,160,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(251,245,225,1)), color-stop(100%,rgba(248,210,160,1)));
background: -webkit-linear-gradient(top,  rgba(251,245,225,1) 0%,rgba(248,210,160,1) 100%);
background: -o-linear-gradient(top,  rgba(251,245,225,1) 0%,rgba(248,210,160,1) 100%);
background: -ms-linear-gradient(top,  rgba(251,245,225,1) 0%,rgba(248,210,160,1) 100%);
background: linear-gradient(to bottom,  rgba(251,245,225,1) 0%,rgba(248,210,160,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbf5e1', endColorstr='#f8d2a0',GradientType=0 );
 }



#contact {float: left; width: 250px; margin: 10px }	
#contact h1 {margin: 0 0 5px; color: #555; font-weight: normal; font-size: 1.2em; font-weight: normal;}

#news {float: left; width: 570px; margin: 15px 0px 10px 10px}
#news h1 { background: #EEE; font-size: .84em; padding: 5px;  border-radius: 6px;}
#news h2 { background: #FFF; font-size: 0.9em; padding: 5px; font-weight: normal;}








a { text-decoration: none; color: #2E79C9;  border-bottom: 1px solid #FFF;}
a:hover { text-decoration: none; color: #2E79C9; border-bottom: 1px solid #F00;}
h1 { font-size: 1.4em; font-weight: normal; }
h1 a { color: #fff; font-size: 1.6em; }
h2 { font-size: 1.2em; }
h4 { margin: 0 0 15px; color: #555; font-weight: normal; font-size: 1.6em; font-weight: normal; }
p { clear: both; line-height: 1.64em; margin: 0 05px; }

.clear { clear: both; }