/* CSS Player - 17-12-2008 */

body {
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	font:				11px Tahoma, Arial, Helvetica, sans-serif;

	
}

#header {
	background-image: url(../img/header_bg.jpg);
	width: 650px;
	height: 35px;
	

}

#menu {
	background-image: url(../img/menu_bg.jpg);
	height: 25px;
	width: 650px;
}

#player {
	position: absolute;
	top: 68px;
	left: 20px;
	height: 205px;
	width: 300px;
}

#banner {
	position: absolute;
	background-color: #000000;
	top: 70px;
	left: 330px;
	height: 250px;
	width: 300px;
	border: 1px solid #C7D7E7;
}

#streamspot {
	position: absolute;
	top: 69px;
	left: 294px;
	height: 280px;
	width: 336px;
	border: 1px solid #C7D7E7;
}

#acties {
	position: absolute;
	top: 279px;
	left: 20px;
	height: 40px;
	width: 300px;
}

#headlines {
	position: absolute;
	top: 375px;
	left: 20px;
	height: 200px;
	width: 300px;
}

#luisterook {
	position: absolute;
	background:	url(../img/stations_bg2.png) no-repeat top left;
	top: 330px;
	left: 330px;
	height: 250px;
	width: 300px;
}

#station1 {
	width: 80px;
	height: 65px;
	position: absolute;
	top: 33px;
	left: 10px;
}

#station2 {
	width: 80px;
	height: 65px;
	position: absolute;
	top: 33px;
	left: 110px;
}

#station3 {
	width: 80px;
	height: 65px;
	position: absolute;
	top: 33px;
	left: 209px;
}

#station4 {
	width: 80px;
	height: 65px;
	position: absolute;
	top: 117px;
	left: 10px;
}

#station5 {
	width: 80px;
	height: 65px;

	position: absolute;
	top: 117px;
	left: 110px;
}

#station6 {
	width: 80px;
	height: 65px;
	position: absolute;
	top:	117px;
	left: 209px;
}

#webradio {
	width: 290px;
	height: 45px;
	position: absolute;
	top:	202px;
	left: 4px;
}

/* Headlines */
#headlines .headlinesclass {
	float:				left;
	width:				300px;
}

#headlines .headlinesclass .head {
	background:			url(../img/bg-title-purple-380.gif) no-repeat top left;
}

#headlines  .headlinesclass .content {
	padding:			0;
	height:				161px;
}

#headlines .headlinesclass .content img.avatar {
	float:				left;
	margin:				8px;
}

#headlines .headlinesclass .content h4 {
	padding-top:		3px;
	color:				#6D1F80;
}

#headlines .headlinesclass .content p {
	margin-bottom:		10px;
}

#headlines .headlinesclass .content p a {
	color:				#86B918;
}

#headlines .headlinesclass .content ul li {
	width:				288px;
} 

#headlines .headlinesclass .footer {
	height:				4px;
	background:			url(../img/bg-footer-purple-380.gif) no-repeat bottom left;
}

#headlines .box {
	margin:				0 0 10px 0;
}

#headlines .box .head {
	height:				20px;
	padding:			5px 0 0 5px;
}

#headlines .box .head h2 {
	font:				bold 12px Arial, Helvetica, sans-serif;
	color:				#FFF;
}

#headlines .box .footer {
	height:				4px;
}

#headlines .box .content {
	padding:			5px;
}

#headlines .greenbox .content {
	border-left:		1px solid #567500;
	border-right:		1px solid #567500;
}

#headlines .purplebox .content {
	border-left:		1px solid #6D1F80;
	border-right:		1px solid #6D1F80;
}

#headlines .box a {
	color:				#FFF;
}

#headlines ul.bulletlist {
	list-style:			none;
	float:				left;
	margin-top:			2px;
	margin-left:		-45px;
	padding-left:       40px;
}

#headlines ul.bulletlist li {
	width:				182px;
	padding:			5px;
	background:			url(../img/bg-video-row-1.gif) repeat-y top right;
	background-color:	#DADBDC;
}

#headlines ul.bulletlist li.dark {
	background:			url(../img/bg-video-row-2.gif) repeat-y top right;
	background-color:	#F5F5F5;
}

#headlines ul.bulletlist li a {
	font-weight:		bold;
	color:				#752C87;
	text-decoration:	none;
}

#headlines ul.bulletlist li .item p {
	padding:			0 10px;
	color:				#000;
}





/* Fragmenten */
#fragmenten .fragmentenclass {
	float:				left;
	width:				300px;
}

#fragmenten .fragmentenclass .head {
	background:			url(../img/bg-title-purple-380.gif) no-repeat top left;
}

#fragmenten  .fragmentenclass .content {
	padding:			0;
	height:				260px;
}

#fragmenten .fragmentenclass .content img.avatar {
	float:				left;
	margin:				8px;
}

#fragmenten .fragmentenclass .content h4 {
	padding-top:		3px;
	color:				#6D1F80;
}

#fragmenten .fragmentenclass .content p {
	margin-bottom:		10px;
}

#fragmenten .fragmentenclass .content p a {
	color:				#86B918;
}

#fragmenten .fragmentenclass .content ul li {
	width:				288px;
} 

#fragmenten .fragmentenclass .footer {
	height:				4px;
	background:			url(../img/bg-footer-purple-380.gif) no-repeat bottom left;
}

#fragmenten .box {
	margin:				0 0 10px 0;
}

#fragmenten .box .head {
	height:				20px;
	padding:			5px 0 0 5px;
}

#fragmenten .box .head h2 {
	font:				bold 12px Arial, Helvetica, sans-serif;
	color:				#FFF;
}

#fragmenten .box .footer {
	height:				4px;
}

#fragmenten .box .content {
	padding:			5px;
}

#fragmenten .greenbox .content {
	border-left:		1px solid #567500;
	border-right:		1px solid #567500;
}

#fragmenten .purplebox .content {
	border-left:		1px solid #6D1F80;
	border-right:		1px solid #6D1F80;
}

#fragmenten .box a {
	color:				#FFF;
}

#fragmenten ul.bulletlist {
	list-style:			none;
	float:				left;
	margin-top:			2px;
	margin-left:		-45px;
	padding-left:       40px;
}

#fragmenten ul.bulletlist li {
	width:				182px;
	padding:			5px;
	background:			url(../img/bg-video-row-1.gif) repeat-y top right;
	background-color:	#DADBDC;
}

#fragmenten ul.bulletlist li.dark {
	background:			url(../img/bg-video-row-2.gif) repeat-y top right;
	background-color:	#F5F5F5;
}

#fragmenten ul.bulletlist li a {
	font-weight:		bold;
	color:				#752C87;
	text-decoration:	none;
}

#fragmenten ul.bulletlist li .item p {
	padding:			0 10px;
	color:				#000;
}