@charset "utf-8";

h2 a {
	color:#df001b;	
}


/* Headlines Block */
#content .right .headlines {
	float:				left;
	width:				380px;
}

#content .right .headlines .head {
	background:			url(../images/bg-title-purple-380.png) no-repeat top left;
}

#content .right .headlines .content {
	padding:			0;
	width:				378px;
	border-left:		1px solid #6c1f7f;
	border-right:		1px solid #6c1f7f;
}

#content .right .headlines .content img.avatar {
	float:				left;
	margin:				10px;
}

#content .right .headlines .content h4 {
	padding-top:		10px;
	color:				#6b207d;
}

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

#content .right .headlines .content p a {
	color:				#6b207d;
}

#content .right .headlines .content ul li {
	width:				363px;
} 

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

#content .right .headlines .content ul.bulletlist {
	position:			relative;
	margin-top:			5px;
	margin-top:			5px;
}

#content .right .headlines .content ul.bulletlist li {

	padding:			5px;
	padding-left:		10px;
	background:			url(../images/bg-video-row-frank-1.png) repeat-y top right;
	background-color:	#DADBDC;
}

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

#content .right .headlines .content ul.bulletlist li a {
	font-weight:		bold;
	color:				#6b207d;
	text-decoration:	none;
}

#content .right .headlines .content ul.bulletlist li .item p {
	padding:				0 10px;
	color:				#6b207d;
}


/* Lijsten Top 40 */
#content .right .lijst40 {
	float:				left;
	width:				455px;
}

#content .right .lijst40 .head {
	background:			url(../images/bg-title-purple-455.gif) no-repeat top left;
}

#content .right .lijst40 .head .title {
	width: 200px;
}

#content .right .lijst40 .head .title-right {
	text-align:right;
	width: 200px;
}

#content .right .lijst40 .content {
	padding:			0;
	width:				453px;
	border-left:		1px solid #6c1f7f;
	border-right:		1px solid #6c1f7f;
}

#content .right .lijst40 .content img.avatar {
	float:				left;
	margin:				10px;
}

#content .right .lijst40 .content h4 {
	padding-top:		10px;
	color:				#6b207d;
}

#content .right .lijst40 .content p {
	margin-bottom:		10px;
}

#content .right .lijst40 .content p a {
	color:				#6b207d;
}



#content .right .lijst40 .footer-light {
	height:				4px;
	background:			url(../images/bg-footer-purple-455.gif) no-repeat bottom left;
	
}


/* Lijsten Tip Parade */
#content .right .lijsttip {
	float:				left;
	width:				380px;
}

#content .right .lijsttip .head {
	background:			url(../images/bg-title-purple-380.gif) no-repeat top left;
}

#content .right .lijsttip .head .title {
	width: 100px;
}

#content .right .lijsttip .head .title-right {
	text-align:right;
	width: 200px;
}

#content .right .lijsttip .content {
	padding:			0;
	width:				378px;
	border-left:		1px solid #6c1f7f;
	border-right:		1px solid #6c1f7f;
}

#content .right .lijsttip .content img.avatar {
	float:				left;
	margin:				10px;
}

#content .right .lijsttip .content h4 {
	padding-top:		10px;
	color:				#6b207d;
}

#content .right .lijsttip .content p {
	margin-bottom:		10px;
}

#content .right .lijsttip .content p a {
	color:				#6b207d;
}



#content .right .lijsttip .footer-light {
	height:				4px;
	background:			url(../images/bg-footer-purple-380.gif) no-repeat bottom left;
	
}

.hitlijst_title{
				font-family: verdana;
				font-size: 10px;
				color: black;
				width: 100%;
				background-color: #dbdbdb;
				padding: 0;
}

.hitlijst_title_links{
				background-color: #eaeaea;
				color: gray;
				font-weight: bold;
				text-align: left;
}

.hitlijst_title_rechts{
				background-color: #eaeaea;
				color: gray;
				font-weight: bold;
				text-align: right;
}

.hitlijst_overzicht{
				font-family: verdana;
				font-size: 10px;
				color: black;
				width: 100%;
				background-color: #dbdbdb;
}
		
.hitlijst_overzicht_th{
				text-align: left;
				background-repeat: no-repeat;
				vertical-align: bottom;
				background-color: #eaeaea;
}

.hitlijst_overzicht_td{
				text-align: left;
				background-repeat: no-repeat;
				background-color: #eaeaea;
}

.hitlijst_overzicht_notering{
				text-align: center;
				font-weight: bold;
				color: white;
				background-repeat: no-repeat;
				background-image: url(/static/radio538n/images/bol-zwart.png);
				background-position: 50% 50%;
				background-color: #eaeaea;
}

.hitlijst_overzicht_stip{
				text-align: center;
				font-weight: bold;
				color: white;
				background-repeat: no-repeat;
				background-image: url(/static/radio538n/images/bol-rood.png);
				background-position: 50% 50%;
				background-color: #eaeaea;
}

.hitlijst_overzicht_super_stip{
				text-align: center;
				font-weight: bold;
				color: red;
				background-repeat: no-repeat;
				background-image: url(/static/radio538n/images/bol-rood-wit.png);
				background-position: 50% 50%;
				background-color: #eaeaea;
}

.hitlijst_overzicht_vw{
				text-align: center;
				background-repeat: no-repeat;
				background-color: #eaeaea;
}

.hitlijst_overzicht_aw{
				text-align: center;
				background-repeat: no-repeat;
				background-color: #dbdbdb;
}




/* Boxen links */
#content .greenbox .content {
	border-left:		1px solid #e2001a;
	border-right:		1px solid #e2001a;
}

#content .greenbox .contentbox {
	border-left:		1px solid #e2001a;
	border-right:		1px solid #e2001a;
}

#content .greenbox a {
	color:white;
}


#content .left .greenbox .head {
	background:			url(../images/bg-title-red-210.png) no-repeat top left;
}

#content .left .greenbox .contentbox {
	background:			url(../images/bg-box-red-225.png) repeat-y top left;
	padding-left: 		5px;
	padding-right: 		10px;

	padding-bottom: 		9px;
	color: 				#FFFFFF;
	/*background:			#601C6d;*/
}

.contentbox ul {
	list-style:			none;
	color:				#FFF;
}

.contentbox ul li {
	padding:			5px;
}

.contentbox p {
	margin-top:			5px;
	padding-bottom: 	5px;
}

#content .left .greenbox .contentbox .padding {
	padding:			0;

}


#content .left .greenbox .footerdark {
	background:			url(../images/bg-footer-red-210.png) no-repeat bottom left;
	height: 4px;
}


/* unchecked vanaf hier */





/* Kleur Box Styles */

#content .redbox .content {
	border-left:		1px solid #e2001a;
	border-right:		1px solid #e2001a;
}

#content .left .redbox .head {
	background:			url(../images/bg-title-red-210.png) no-repeat top left;
}




















/* Fragmenten */
#content .right .fragmenten {
	float:				right;
	width:				225px;

}

#content .right .fragmenten .head {
	background:			url(../images/bg-title-purple-225.gif) no-repeat top left;
}

#content .right .fragmenten .footer {
	height:				4px;
	background:			url(../images/bg-footer-purpledark-225.png) no-repeat bottom left;
}

#content .right .fragmenten .content {
	padding:			0;
	background:			url(../images/bg-box-purple-225.gif) repeat-y top left;
	height:296px;
}

#content .right .fragmenten .content img.avatar {
	float:				left;
	margin:				5px 10px 10px 5px;
}

#content .right .fragmenten .content h4 {
	padding-top:		5px;
}

#content .right .fragmenten .content ul.bulletlist li {
	padding:				5px;
	padding-left:		5px;
	background:			url(../images/bg-purple-rowlight-top40.png) repeat-y top right;
	background-color:	#000000;
}

#content .right .fragmenten .content ul.bulletlist li.dark {
	background:			url(../images/bg-purple-row-top40.png) repeat-y top right;
}

#content .right .fragmenten .content ul.bulletlist li a {
	font-weight:		bold;
	color:				#FFFFFF;
	text-decoration:	none;
}

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



/* Spotlight*/
#content .right .greenbox .content {
	border-left:		1px solid #e0001a;
	border-right:		1px solid #e0001a;
	height:				166px;
}
#content .right .spotlight .head {
	background:			url(../images/bg-title-red-300.png) no-repeat top left;
}


#content .right .spotlight .content {
	padding:				0;
	background:			url(../images/bg-box-red-300.png) repeat-y top left;
	
}
#content .right .spotlight .footer {
	background:			url(../images/bg-footer-red-300.png) no-repeat bottom left;
}
#content .right .spotlight ul.gradient li {
	position:			relative;
	padding:				5px 0 20px 10px;
	background:			none;
}

#content .right .spotlight ul.gradient li p {
	color:				#FFFFFF;
}

#content .right .spotlight ul.gradient li  a {
	text-decoration:	none;
	color:				#FFFFFF;
	background:			none;
	margin-bottom:		15px;
}

#content .right .spotlight ul.gradient li img.avatar {
	position:			relative;
	margin-bottom: 	5px;
	margin-top: 	8px;
}