.links {
	clear: both;
}

/* player and playlist go side by side */
#player, #playlist {
	
	margin-right:20px; 
}

/* player dimensions */
#player, #player img {
	display:block;				
	width:460px;
	height:287px;
	border:1px solid #ccc;		
}

#playlist {
	width:468px;
}


/* overlay play button */
div.play {
	background:url(../img/play.png) no-repeat;
	width:50px;
	height:50px;
	position:relative;
	top:-240px;
	left:10px;	
	opacity:0.9;
	margin-bottom:-50px;
}

div.play:hover {
	opacity:1.0;		
}


/* playlist entry */

/* #playlist a {
	background:url(../img/block.jpg) no-repeat;
	width:150px;
	height:68px;
	display:block;
	text-decoration:none;
	color:#333;	
	float:left;
	margin:2px;
	
	
} */

#playlist a {
	background:url(../img/block2.jpg) no-repeat;
	width:230px;
	height:123px;
	display:block;
	text-decoration:none;
	color:#333;	
	float:left;
	margin-bottom: 60px;
	/* margin: 2px; */
	/*margin: 2px 4px 2px 0;*/
}


#playlist p {
	font-size:11px;
	width:220px;
	/*padding:0px 0 0 8px;*/
	padding-left:8px;
}

#playlist p.time {
	padding-top:0px;
	color:#777;
	margin-top:5px;
	width: 220px;
	
} 

#playlist p.unter {
	padding-top:0px;
	width: 220px;
	color:#777;
	float:left;
	margin-top:20px;
} 

/* Fuer die Bilder innerhalb der Playlist */ 

#playlist img {
	display: block;
	padding-left: 8px;
	float:left;
	/* border:1px solid #ccc; */	
}



/* entry stages: normal, hover, playing, paused */



#playlist a:hover {
	/* background-position:0 -68px; */
	background-position:0 -124px;
}

#playlist a.playing, #playlist a.paused {
	color:#000;	
}

#playlist a.playing {
	/* background-position:0 -136px; */
	background-position:0 -247px;			
}

#playlist a.paused {
	/* background-position:0 -68px;	*/
	background-position:0 -247px;
}