body,html {
margin: 0;
padding-right: 0;
background-image:url(Bilder/background.png);
background-repeat:repeat;
width: 100%;
}


a:hover{color:#FFF; text-decoration:none;}
a {color:#FFF; text-decoration:none;}

#bigBigFrame{
	width: 1247px;
	margin: 0 auto 0 auto;
}

#bigFrame {
	margin: 0 auto 0 auto;
	width:1023px;
	height:994px;
	white-space:nowrap;
	position:relativ;
}

#header {
	background-image:url(Bilder/header.png);
	width:1000px;
	height:212px;
	float:left;
}

#leftside {
	width:347px;
	float:left;
}

#search_top {
	background-image:url(Bilder/search_top.jpg);
	width:347px;
	height:140px;
	float:left;
}

#search_left {
	background-image:url(Bilder/search_left.png);
	width:35px;
	height:363px;
	float:left;
}

#search_input {
	background-image:url(Bilder/search_input.png);
	width:177px;
	height:33px;
	float:left;
}

#search_btn {
	background-image:url(Bilder/search_btn.png);
	width:80px;
	height:33px;
	float:left;
}

#search_btn:hover {
	background-image:url(Bilder/search_hover.png);
	width:80px;
	height:33px;
	float:left;
}

#search_right {
	background-image:url(Bilder/search_right.png);
	width:55px;
	height:33px;
	float:left;
}

#search_results {
	background-image:url(Bilder/seachtresults_bg.png);
	width:312px;
	height:313px;
	float:left;
}

#search_foot {
	background-image:url(Bilder/search_foot.png);
	width:312px;
	height:17px;
	float:left;
}

#rightside {
	width:610px;
	height:504px;
	float:left;
}


#player_bg {
	background-image:url(Bilder/player_bg.png);
	width:610px;
	height:305px;
	float:left;
	
}

#flashFix {
	height: 5px;
	width:610px;
	float: left;
	background-image:url(Bilder/flashFix_bg.png);
}

#play_slider {
	background-image:url(Bilder/fortschritt.png);
	width:610px;
	height:12px;
	float:left;
	z-index:4;
}

#handle {
	margin-top: 2px;
	height: 7px;
	width: 30px;
	background-image:url(Bilder/fortschritt_btn.gif);
	margin-left: 3px;
z-index:3;
	
}

#songtitel {
	
	background-image:url(Bilder/playmoment.png);
	width:80px;
	height:40px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
}
#songtitel span{
	float:left;
	display:none;
	padding-left: 5px;
	padding-top: 14px;
	width:150px;
}


#song_time {
	float:left;
	padding-top: 14px;
	padding-left: 15px;
}

#button_bg {
	background-image:url(Bilder/buttons_bg_179.png);
	width:179px;
	height:40px;
	float:left;
}

#myplaylist_frame{
	width:310px;
	float:left;
}

#shuffle_btn {

	width:36px;
	height:29px;
	float:right;
	margin-top:6px;
	margin-left:0px;
}

#prev_btn {
	background-image:url(Bilder/prev_btn.png);
	width:29px;
	height:29px;
	float:left;
	margin-top:6px;
	margin-left:20px;
}

#play_btn {
	background-image:url(Bilder/play_btn.png);
	width:29px;
	height:29px;
	float:left;
	margin-top:6px;
	margin-left:10px;
}
#paused_btn {
	background-image:url(Bilder/paused_btn.png);
	width:29px;
	height:29px;
	float:left;
	margin-top:6px;
	margin-left:10px;
}

#stop_btn {
	background-image:url(Bilder/stop_btn.png);
	width:29px;
	height:29px;
	float:left;
	margin-top:6px;
	margin-left:10px;
}

#next_btn {
	background-image:url(Bilder/next_btn.png);
	width:29px;
	height:29px;
	float:left;
	margin-top:6px;
	margin-left:10px;
}

#prev_btn:hover {
	background-image:url(Bilder/prev_hover.png);
	width:29px;
	height:29px;
	float:left;
	margin-top:6px;
	margin-left:20px;
}

#play_btn:hover {
	background-image:url(Bilder/play_hover.png);
	width:29px;
	height:29px;
	float:left;
	margin-top:6px;
	margin-left:10px;
}
#paused_btn:hover {
	background-image:url(Bilder/paused_hover.png);
	width:29px;
	height:29px;
	float:left;
	margin-top:6px;
	margin-left:10px;
}

#stop_btn:hover {
	background-image:url(Bilder/stop_hover.png);
	width:29px;
	height:29px;
	float:left;
	margin-top:6px;
	margin-left:10px;
}

#next_btn:hover {
	background-image:url(Bilder/next_hover.png);
	width:29px;
	height:29px;
	float:left;
	margin-top:6px;
	margin-left:10px;
}

#playerleiste {
	background-image:url(Bilder/playerleiste.png);
	width:429px;
	height:40px;
	float:left;
}



#footer {
	background-image:url(Bilder/site_foot.png);
	width:1000px;
	height:117px;
	float:left;
}

#main_foot {
	float:left;
	background-image:url(Bilder/back_blank.png);

	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	margin-left: 345px;
	margin-bottom: 10px;
}

#main_foot ul {
	list-style:none;
	
}
#main_foot ul li {
	float:left; padding:0 20px;
}

#sponsor {
	background-image:url(Bilder/back_blank.png);
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	width: 1247px;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
}
#sponsor_out {
	float:right;
	background-image:url(Bilder/back_blank.png);
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	width: 100%;
	padding: 0;
}


#anleitung {
	background-image:url(Bilder/anleitung.png);
	width:1000px;
	height:132px;
	float:left;
}

/*****************************************************************************************
 * Search Section																					 *
 *****************************************************************************************
 */
#leftCol{
	
	background-color: #00FF00;
	width:300px;
	float: left;
}
#searchBar  {
	height: 25px;
}


#searchTitle{
	font-size: 12px;
	font-weight: bold;
	width: 155px;
	height:20px;
}
#searchButton {
	background-color: #008000;
}

#searchResults{
	background-color: #ffffff;

}

#resultList{
margin:0; padding:0;
margin-top: 36px;

margin-left:7px;

}
#resultList li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	margin:0; padding:0; list-style-type:none;
	line-height:10px;
	margin-top:0px;
	height: 35px;
	*height: 32px;
}
#resultList span li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	margin:0; padding:0; list-style-type:none;
	line-height:10px;
	margin-top:0px;
	height: 32px;
}
#resultList li:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4d8499;
	margin:0; padding:0; list-style-type:none;
	line-height:10px;
	margin-top:0px;
}

#toPlaylistDiv {
	margin-right: 10px;
	float: right;
	background-image:url(Bilder/addto_btn.png);
	width: 25px;
	height: 25px;
}



#durationDiv {
	float:left;
}

.searchnext_result {
	color:#FFF;
	font-size:11px;
	font-family:Arial;
	margin-left:10px;
}

#playlist_bg {
	margin:0; padding:0;
	background-image:url(Bilder/playlist_bg_01.png);
	width:610px;
	height:128px;
	float:left;
	overflow: auto;
	position: relative ;
	
}
#playlist_bg_foot {
	margin:0; padding:0;
	background-image:url(Bilder/playlist_bg_02.png);
	width:610px;
	height:14px;
	float:left;

	position: relative ;
	
}

#playlistUL{
	margin:0; padding:0;
	
	width:590px;
	height: 117px;
	float:left;
	margin-top:5px;

}
#playlistUL li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	list-style-type:none;
	line-height:8px;
	float:left;
	/* margin-top:11px; */
	border-bottom-color:355c6b;
	border-bottom-style:dashed;
	border-bottom-width:thin;
	border-color: #006575;
	height:24px;
	width:590px;
	
}
#playlistUL li:hover{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4d8499;
	list-style-type:none;
	line-height:8px;
	float:left;
	/* margin-top:11px; */
	border-bottom-color:355c6b;
	border-bottom-style:dashed;
	border-bottom-width:thin;
	border-color: #006575;
}

.titlePlaying {
	background-image:url(Bilder/playlist_active.png);
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	list-style-type:none;
	line-height:8px;
	float:left;
	/* margin-top:11px; */
	border-bottom-color:355c6b;
	border-bottom-style:dashed;
	border-bottom-width:thin;
	border-color: #006575;
	height:24px;
	width:605px;
}

#titlePlaying:hover {
	background-image:url(Bilder/playlist_active.png);
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4d8499;
	list-style-type:none;
	line-height:8px;
	float:left;
	/* margin-top:11px; */
	border-bottom-color:355c6b;
	border-bottom-style:dashed;
	border-bottom-width:thin;
	border-color: #006575;
}

#playlist_foot {
}

.playlist_foot {
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	
}

#playlistTitleDiv {
	float: left;
	width: 270px;
	margin-top: 8px;
	margin-left: 10px;
}
#titleDiv {
	width: 270px;
	float: left;
}

#deleteDiv {
	float:left;
	margin-left:200px;
}

#delete {
	float:left;
	background-image:url(Bilder/delete_btn.png);
	width:15px;
	height:15px;
	margin-top: 8px;
}

#delete:hover {
	float:left;
	background-image:url(Bilder/delete_hover.png);
	width:15px;
	height:15px;
}

#playlistDurationDiv {
	float:left; 
	margin-left:65px;
	margin-top: 8px;
}

#playlist_btn {
	float:left;
	background-image:url(Bilder/addto_btn.png);
	width:25px;
	height:25px;
}

#playlist_btn:hover {
	float:right;
	background-image:url(Bilder/addto_hover.png);
	width:25px;
	height:25px;
}

#playlist_foot {
	position:relative;
	left:880px;
	top:4px;

}

#player_head {
	margin-top:20px;
	margin-left:16px;
}

.prev1_btn {
	background-image:url(Bilder/prev1_btn.png);

	width:43px;
	height:18px;
	float:left;
	margin-left:3px;
	margin-bottom:2px;
}
#player_window {

}

.next1_btn {
	background-image:url(Bilder/next1_btn.png);
	width:43px;
	height:18px;
	float:left;
	margin-bottom:2px;

}

.prev1_btn:hover {
	background-image:url(Bilder/prev1_hover.png);
	width:43px;
	height:18px;
	float:left;
	margin-left:3px;
	margin-bottom:2px;
}


.next1_btn:hover {
	background-image:url(Bilder/next1_hover.png);
	width:43px;
	height:18px;
	float:left;
	margin-bottom:2px;
}

a:active, a:focus{outline: none}

#informations {
	 left: 50%;
	width:600px;
	height:504px;
	margin-left: -300px;
	z-index: 1;
	position:absolute;
}

#nice2know {
	 left: 50%;
	width:600px;
	height:504px;
	margin-left: -300px;
	z-index: 1;
	position:absolute;
}

/*****************************************
 		Konsole
*****************************************/
#konsole {
	width:373px;
	height:89px;
	position: absolute;
	z-index: 3;
	left: 47%; 
 	top: 717px;

}


#konsole_info {
	background-image:url(Bilder/konsole_info.png);
	width:112px;
	height:46px;
	float:left;
	margin-left: 12px;
}

.abtrennung {
	background-image:url(Bilder/abtrennung.png);
	width:5px;
	height:46px;
	float:left;
}

#new_btn {
	background-image:url(Bilder/new_btn.png);
	width:43px;
	height:46px;
	float:left;
}



#save_btn {
	background-image:url(Bilder/save_btn.png);
	width:43px;
	height:46px;
	float:left;
}

#edit_btn {
	background-image:url(Bilder/edit_btn.png);
	width:43px;
	height:46px;
	float:left;
}

#delete_konsole_btn {
	background-image:url(Bilder/delete_konsole_btn.png);
	width:43px;
	height:46px;
	float:left;
}

#new_btn:hover {
	background-image:url(Bilder/new_hover.png);
	width:43px;
	height:46px;
	float:left;
}



#save_btn:hover {
	background-image:url(Bilder/save_hover.png);
	width:43px;
	height:46px;
	float:left;
}

#edit_btn:hover {
	background-image:url(Bilder/edit_hover.png);
	width:43px;
	height:46px;
	float:left;
}

#delete_konsole_btn:hover {
	background-image:url(Bilder/delete_konsole_hover.png);
	width:43px;
	height:46px;
	float:left;
}

#konsole_right {
	background-image:url(Bilder/konsole_right.png);
	width:50px;
	height:46px;
	float:left;
}

#user_helper_div {
	width: 373px;
	height: 43px;
	float: left;
	background-image:url(Bilder/infobox.png);
	text-align: center;
}

#user_helper_text {
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:11px;
	 color:#FFF;
}

/*********************************
	HOW TO
*********************************/
#howToFrame
 {
	background-image:url(Bilder/howto_bg.png);
 	position: absolute;
 	left: 100px; 
 	top: -229px;
 	height: 229px;
 	width: 250px;
 	z-index: 3;
 	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFF;
 }
 
 #howToFrame ul li {
 	margin-left: 20px;
 }

#howToMain {
	margin-left: 15px;
	margin-top: 30px;
}

/*************************************************
	LOGIN
*************************************************/
 #leftBarFrame
 {
	width:110px;
	float:left;
	margin-top: 300px;

}

#loginFrame
 {
	background-image:url(Bilder/login_bg.png);
 	position: absolute;
 	left: 100px; 
 	top: 100px;
 	height: 180px;
 	width: 250px;
 	z-index: 3;
 }

 
 #info_table {
 	margin-left: 18px;
	margin-top:10px;
	height: 100px;
 }
 
 
 
 
 
 #username_head {
	 width:184px;
	 height:12px;
	 float:left;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:10px;
	 color:#FFF;
 }
 
 #pass_head {
	 width:184px;
	 height:12px;
	 float:left;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:10px;
	 color:#FFF;
 }
 
 #login_input {
  	background-image:url(Bilder/password_input.png);
 	height: 28px;
 	width: 208px;

 }
 
 #login_email{
 	background-image:url(Bilder/email_input.png);
 	height: 28px;
 	width: 208px;
 }
 
 #login_email input{
 	border: medium none ;
 	width: 190px;
 	background: transparent;
	 border:none;
	 color:#FFF;
	 font-size:11px;
	 margin-top:4px;
	 margin-left:5px
 }
 
 
  #username_input {
  	background-image:url(Bilder/username_input.png);
 	height: 28px;
 	width: 208px;

 }
 
 #username_input input {
 	margin-top: 5px;
 	margin-left: 5px;
 	border: medium none ;
 	width: 190px;
	

 }
 
 .input {
	 background: transparent;
	 border:none;
	 color:#FFF;
	 font-size:11px;
	 margin-top:4px;
 }
 
 
 #login_input input {
 	margin-top: 5px;
 	margin-left: 5px;
 	border: medium none ;
 	width: 190px;
 }
 
 
#login_btn {
	 background-image:url(Bilder/login_btn.png);
	 width:63px;
	 height:18px;
	 border:none;
	 margin-left:23px;
	 float:left;
 }
 
#login_btn:hover {
	 background-image:url(Bilder/login_hover.png);
	 width:63px;
	 height:18px;
	 border:none;
	 margin-left:23px;
	 float:left;
 }
 
#regist_btn{
	 background-image:url(Bilder/register_btn.png);
	 width:63px;
	 height:18px;
	 border:none;
	 margin-left:7px;
	 float:left;
 }
 
#regist_btn:hover {
	 background-image:url(Bilder/register_hover.png);
	 width:63px;
	 height:18px;
	 border:none;
	 margin-left:7px;
	 float:left;
 }
 
 #submit_btn{
	 background-image:url(Bilder/submit_btn.png);
	 width:63px;
	 height:18px;
	 border:none;
	 margin-left:7px;
	 float:left;
 }
 
#submit_btn:hover {
	 background-image:url(Bilder/submit_btn_hover.png);
	 width:63px;
	 height:18px;
	 border:none;
	 margin-left:7px;
	 float:left;
 }
 
 
#lostpw_btn {
	 background-image:url(Bilder/lostpw_btn.png);
	 width:63px;
	 height:18px;
	 border:none;
	 margin-left:7px;
	 float:left;
 }


#lostpw_btn:hover {
	 background-image:url(Bilder/lostpw_hover.png);
	 width:63px;
	 height:18px;
	 border:none;
	 margin-left:7px;
	 float:left;
 }
 
 #cancel_btn {
	 background-image:url(Bilder/cancel_btn.png);
	 width:63px;
	 height:18px;
	 border:none;
	 margin-left:7px;
	 float:left;
 }


#cancel_btn:hover {
	 background-image:url(Bilder/cancel_btn_hover.png);
	 width:63px;
	 height:18px;
	 border:none;
	 margin-left:7px;
	 float:left;
 }

 
#close_btn {
	 background-image:url(Bilder/close_btn.png);
	 width:16px;
	 height:17px;
	 float:right;
	 margin-top:2px;
	 margin-right:2px;
 }
 
  #close_btn:hover {
	 background-image:url(Bilder/close_hover.png);
	 width:16px;
	 height:17px;
	 float:right;
	 margin-top:2px;
	 margin-right:2px;
 }
 
 #user_login_status
 {
	margin-top: 10px;
 	margin-left: 115px;
 	font-weight:bold;
 	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	float:left;
	color:#FFF;
	width: 220px;
	margin-left: 15px;
	text-align: center;
 }
 
 #loginButton {
 	background-image:url(Bilder/gotologin.png);
 	height: 101px;
 	width: 59px;
 	margin-left: 30px;
 }
 
 #loginbuttons {
 	margin-top: 5px;
 	
 }
 
  #loginButton:hover {
 	background-image:url(Bilder/gotologin_hover.png);
 	height: 101px;
 	width: 59px;
 	margin-left: 30px;
 }
 
  #logoutButton {
 	background-image:url(Bilder/logout_btn.png);
 	height: 101px;
 	width: 59px;
 	margin-left: 30px;
 }
   #logoutButton:hover {
 	background-image:url(Bilder/logout_hover.png);
 	height: 101px;
 	width: 59px;
 	margin-left: 30px;
 }
 
 #confirmDelete {
 	background-image:url(Bilder/deletelist_bg.png);
 	position: absolute;
 	width: 193px;
 	height: 143px;
	z-index: 4;
	left: 53%; 
 	top: 577px;
	z-index: 4;
	

 }

 #deleteNoSpan {
 	background-image:url(Bilder/deletelist_cancel.png);
 	 width: 69px;
 	height: 28px;
 	float:left;
 	margin-top: 10px;
 	margin-left: 10px;
 }
 #deleteNoSpan:hover {
 	background-image:url(Bilder/deletelist_cancel_hover.png);
 	 width: 69px;
 	height: 28px;
 	float:left;
 	margin-top: 10px;
 	margin-left: 10px;
 }
 
 #deleteYesSpan {
 	background-image:url(Bilder/deletelist_delete.png);
 	 width: 69px;
 	height: 28px;
 	float:left;
 	margin-top: 10px;
 	margin-left: 23px;
 }
 
 #deleteYesSpan:hover {
 	background-image:url(Bilder/deletelist_delete_hover.png);
 	 width: 69px;
 	height: 28px;
 	float:left;
 	margin-top: 10px;
 	margin-left: 23px;
 }
 
 #deleteTitleDiv {
 	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
 	color: #00ccff;
 	font-weight: bold;
 	text-align: center;
 	margin-top: 20px;
 	width: 173px;
 	height: 60px;
 	margin-left: 10px;
 }
 /****************************************************
 		My Playlist
 ****************************************************/
 #playlistNewOk {
 	background-image:url(Bilder/ok_button.png);
	width:18px;
	height:20px;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
 }
  
 #playlistNewOk:hover {
 	background-image:url(Bilder/ok_button_hover.png);
	width:18px;
	height:20px;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
 }
  #playlistEditOk {
 	background-image:url(Bilder/ok_button.png);
	width:18px;
	height:20px;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
 }
  
 #playlistEditOk:hover {
 	background-image:url(Bilder/ok_button_hover.png);
	width:18px;
	height:20px;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
 }
 
 #myplaylist {
	background-image:url(Bilder/playmoment_bg_line.png);
	width:351px;
	height:40px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
}
#myplaylistSelect {
	width: 200px;
	margin-left: 20px;
	margin-top: 10px;
	float: left;
}
#playlistEditInput {
	width: 200px;
	margin-left: 20px;
	margin-top: 10px;
	float: left;
}

#playlistNewInput {
	width: 200px;
	margin-left: 20px;
	margin-top: 10px;
	float: left;
}
#infoPlaylist {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top: 15px;
	margin-left: 25px;
	color:#FFF;
}
#infoPlaylist span {
	color: #04B404;
	font-weight: bold

}
#loadPlaylistBtn {
	background-image:url(Bilder/load_btn.png);
	width:67px;
	height:26px;
	float:left;
	margin-top: 7px;
	margin-left: 10px;
}
#loadPlaylistBtn:hover {
	background-image:url(Bilder/load_btn_hover.png);
	width:67px;
	height:26px;
	float:left;
	margin-top: 7px;
	margin-left: 10px;
}
#paypalButton{
	margin-left: 25px;
}