@charset "utf-8";

.detailHeader h3 {
	color:				#FF0000;
}


/* Red Box Styles */

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

#content .purplebox .content {
	border-left:		1px solid #E1001a;
	border-right:		1px solid #E1001a;
}

#content .purplebox .contentlarge {
	border-left:		1px solid #E1001a;
	border-right:		1px solid #E1001a;
}


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

/* Agenda Red Box */
#content .left .agenda {
	width:				225px;
}

#content .left .agenda .content {
	padding:			0;
	width:				208px;
}

#content .left .agenda ul.gradient li {
	position:			relative;
	padding-top:		8px;
	padding-bottom:		10px;
	padding-left:		10px;
	background:			url(../images/bg-red-row-1-210.png) repeat-y;
}

#content .left .agenda ul.gradient li.dark {
	background:			url(../images/bg-red-row-2-210.png) repeat-y;
}

#content .left .agenda ul.gradient li img.avatar {
	position:			absolute;
	top:				5px;
	left:				5px;
}

#content .left .agenda ul.gradient li.more {
	height:				15px;
	padding-left:		5px;
	padding-top:		10px;
	font-weight:		bold;
}

#content .left .agenda ul.gradient li p {
	color:				#FFFFFF;
}

#content .left .agenda ul.gradient li span {
	color:				#F6B2BA;
}

#content .left .agenda ul.gradient li a {
	text-decoration:	none;
	color:				#86B918;
	background:			none;
}

#content .left .agenda .footer {
	background:			url(../images/bg-footer-red-210.png) no-repeat bottom left;
}








/* Blue Box Styles */

#content .bluebox .content {
	border-left:		1px solid #0072AA;
	border-right:		1px solid #0072AA;
}
#content .left .bluebox .head {
	background:			url(../images/bg-title-blue-210.png) no-repeat top left;
}

/* Vandaag Geboren Blue Box */
#content .left .geboren {
	width:				225px;
}

#content .left .geboren .content {
	padding:			0;
	width:				208px;
}

#content .left .geboren ul.gradient li {
	position:			relative;
	padding-top:		8px;
	padding-bottom:	8px;
	padding-left:		10px;
	background:			url(../images/bg-blue-row-1-210.png) repeat-y;
}

#content .left .geboren ul.gradient li.dark {
	background:			url(../images/bg-blue-row-2-210.png) repeat-y;
}

#content .left .geboren ul.gradient li img.avatar {
	position:			absolute;
	top:				5px;
	left:				5px;
}

#content .left .geboren ul.gradient li.more {
	height:				15px;
	padding-left:		5px;
	padding-top:		10px;
	font-weight:		bold;
}

#content .left .geboren ul.gradient li p {
	color:				#FFFFFF;
}

#content .left .geboren ul.gradient li a {
	text-decoration:	none;
	color:				#86B918;
	background:			none;
}

#content .left .geboren .footer {
	background:			url(../images/bg-footer-blue-210.png) no-repeat bottom left;
}



/* Fotoalbum Red Box */
#content .left .fotoalbum {
	width:				225px;
}

#content .left .fotoalbum .content {
	padding:			0;
	width:				208px;
}

#content .left .fotoalbum ul.gradient li {
	position:			relative;
	padding-top:		8px;
	padding-bottom:		10px;
	padding-left:		95px;
	background:			url(../images/bg-red-row-1-210.png) repeat-y;
}

#content .left .fotoalbum ul.gradient li.dark {
	background:			url(../images/bg-red-row-2-210.png) repeat-y;
}

#content .left .fotoalbum ul.gradient li img.avatar {
	position:			absolute;
	top:				10px;
	left:				10px;
}

#content .left .fotoalbum ul.gradient li.more {
	height:				15px;
	padding-left:		5px;
	padding-top:		10px;
	font-weight:		bold;
}

#content .left .fotoalbum ul.gradient li p {
	color:				#00A8FF;
}

#content .left .fotoalbum ul.gradient li span {
	color:				#F6B2BA;
}

#content .left .fotoalbum ul.gradient li a {
	text-decoration:	none;
	color:				#F6B2BA;
	background:			none;
}

#content .left .fotoalbum .footer {
	background:			url(../images/bg-footer-red-210.png) no-repeat bottom left;
}












/* Headlines Evers Staat op */

#content .right .eversheadlines {
	float:				left;
	width:				380px;
}

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

#content .right .eversheadlines .content {
	padding:			0;
	width:				378px;
	hight 
}

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

#content .right .eversheadlines .content h4 {
	padding-top:		10px;
	color:				#00A8FF;
}

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

#content .right .eversheadlines .content p a {
	color:				#00A8FF;
}

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

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

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

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

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

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

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

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





/* Foto van de week */
#content .fotovandeweek {
	float:				right;
	width:				300px;
}

#content .fotovandeweek .head {
	background:			url(../images/bg-title-blue-300.png) no-repeat top left;
}

#content .fotovandeweek .content {

}

#content .fotovandeweek .footer {
	height:				4px;
	background:			url(../images/bg-footer-blue-300.png) no-repeat bottom left;
}

#content .right .fotovandeweek ul.gradient li {
	position:			relative;
	padding:				0 0 0 5px;


}


#content .right .fotovandeweek ul.gradient li p {
	color:				#00A8FF;
}

#content .right .fotovandeweek ul.gradient li  a {
	text-decoration:	none;
	color:				#00A8FF;
	background:			none;
}

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


/* Videos */
#content .right .videos {
	float:				left;
	width:				455px;
}

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

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

#content .right .videos .content {
	padding:			10px 0 10px 10px;
	height:				200px;
	background:			url(../images/bg-videos.gif) repeat top left;
}

#content .right .videos .content #videoplayer {
	float:				left;
	width:				251px;
}

#content .right .videos .content .text {
	float:				left;
	width:				190px;
}

#content .right .videos .content p {
	margin-bottom:		5px;
	padding-left:		5px;
	padding-right:		5px;
}

#content .right .videos .content p strong {
	color:				#00A8FF;
}

#content .right .videos .content p a {
	color:				#00A8FF;
}

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

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

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

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

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

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

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

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

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

#content .right .fragmenten .content {
	padding:			0;
	height:				220px;
	background:			url(../images/bg-box-red-225.png) repeat top left;
}

#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 {
	width:				213px;
}

#content .right .fragmenten .content ul.bulletlist li {
	padding:				5px;
	padding-left:		5px;
	background:			url(../images/bg-video-row-groen.png) repeat-y top right;
	background-color:	#560B1C;
}

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

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



/* Subnavigation */
#content .right ul.pageSubnav {
	margin:				0 0 10px 0;
	list-style:			none;
	height:				25px;
	padding:				0 10px;
	background:			url(../images/bg_eso_nav.png) no-repeat top left;
}

#content .right ul.pageSubnav li {
	float:				left;
	margin-right:		5px;
	padding-top:		3px;
}
#content .right ul.pageSubnav li h6 {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0;
}






/* Headlines DJ */

#content .right .headlinesdj {
	float:				left;
	width:				380px;
}

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


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



#content .right .headlinesdj .contentlarge {
	padding:			0;

}

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

#content .right .headlinesdj .contentlarge h4 {
	padding-top:		10px;
	color:				#00A8FF;
}

#content .right .headlinesdj .contentlarge h4 a {
	padding-top:		10px;
	color:				#00A8FF;
	text-decoration: 	none;
}

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

#content .right .headlinesdj .contentlarge p a {
	color:				#000000;
}

#content .right .headlinesdj .contentlarge ul li {
	width:				368px;
} 

#content .right .headlinesdj ul.gradient li {
	position:			relative;
	clear: 				left;
	padding-top:		0;
	padding-bottom:	0;
	padding-left:		0px;
	height: 				100px;
	width: 				372px;
	color:				#000000;
}

#content .right .headlinesdj ul.gradient li.dark {

}


#content .right .headlinesdj ul.gradient li.more {
	height:				15px;
	padding-left:		5px;
	padding-top:		10px;
	font-weight:		bold;
}

#content .right .headlinesdj ul.gradient li p {
	color:				#00A8FF;
}



/* Text Headlines  */



#content .right .textheadlines { 
	float:				right;
	width:				300px;
}

#content .right .textheadlines .head {
	background:			url(../images/bg-title-blue-300.png) no-repeat top left;
}

#content .right .textheadlines .content {
	padding:				0;
	width:				298px;
	background:			url(../images/bg-video-row-eso-1.png) repeat-y top right;
	background-color:	#DADBDC;
}

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

#content .right .textheadlines .content h4 {
	padding-top:		10px;
	color:				#00A8FF;
}

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

#content .right .textheadlines .content p a {
	color:				#00A8FF;
}

#content .right .textheadlines .content ul li {
	width:				283px;
} 

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

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

#content .right .textheadlines .content ul.bulletlist li {
	padding:				5px;
	padding-left:		10px;
	background:			url(../images/bg-video-row-eso-1.png) repeat-y top right;
	background-color:	#DADBDC;
}

#content .right .textheadlines .content ul.bulletlist li.dark {
	padding:				5px;
	padding-left:		10px;
	background:			url(../images/bg-video-row-eso-2.png) repeat-y top right;
	background-color:	#F5F5F5;
}

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




/* Meer van [DJ] */
#content .right .meerdj .content {
	padding:			0;
}

#content .right .meerdj .head {
	background:			url(../images/bg-title-red-225.png) no-repeat bottom left;
}

#content .right .meerdj ul.gradient {
	list-style:			none;
}

#content .right .meerdj ul.gradient li {
	position:			relative;
	height:				38px;
	padding-top:		8px;
	padding-bottom:		10px;
	padding-left:		60px;
	background:			url(../images/bg-grey-row-1.gif) repeat-y top right;
}

#content .right .meerdj ul.gradient li.dark {
	background:			url(../images/bg-grey-row-2.gif) repeat-y top left;
}

#content .right .meerdj ul.gradient li img.avatar {
	position:			absolute;
	top:				5px;
	left:				5px;
}

#content .right .meerdj ul.gradient li.more {
	height:				15px;
	padding-left:		5px;
	padding-top:		10px;
	font-weight:		bold;
}

#content .right .meerdj ul.gradient li p {
	color:				#00A8FF;
}

#content .right .meerdj ul.gradient li  a {
	text-decoration:	none;
	color:				#000000;
	background:			none;
}

#content .right .meerdj .footer {
	background:			url(../images/bg-footer-red-225.png) no-repeat bottom left;
}


/* Boxes (3 cols) */
#content .boxes ul.head {
	list-style:			none;
	height:				25px;
	margin:				0 0 0 0;
	padding:				0 0 0 0;
	background:			url(../images/bg-title-red-690.png) no-repeat top left;	
}

#content .boxes ul.head li {
	float:				left;
	width:				215px;	
	padding:			4px 10px 0 5px;
}

#content .boxes ul.content {
	list-style:			none;
	height:				146px;
	padding:			0;
	background:			url(../images/bg-boxes-red.png) no-repeat top left;
}

#content .boxes ul.content li {
	float:				left;
	width:				210px;
	padding:			10px;
}

#content .boxes ul.content li a {
	text-decoration:	none;
	color: 				#FFFFFF;
}

#content .boxes ul.content li a span {
	color:				#FFFFFF;
}








#content .right .fragmenten2 {
	float:				left;
	width:				380px;
}

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

#content .right .fragmenten2 .footer {
	height:				4px;
	background:			url(../images/bg-footer-red-dark-380.png) no-repeat bottom left;
}

#content .right .fragmenten2 .content {
	padding:			0;
	height:				220px;
	background:			url(../images/bg-box-red-380.png) repeat top left;
}

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

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

#content .right .fragmenten2 .content ul.bulletlist li {
	width:				368px;
}

#content .right .fragmenten2 .content ul.bulletlist li {
	padding:			5px;
	padding-left:		5px;
	background:			url(../images/bg-video-row-groen.png) repeat-y top right;
	background-color:	#560B1C;
}

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

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








/* Headlines Evers Staat op */

#content .right .eversheadlines2 {
	float:				right;
	width:				225px;
}

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

#content .right .eversheadlines2 .content {
	padding:			0;
	width:				223px;
	height: 			220px;
}

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

#content .right .eversheadlines2 .content h4 {
	padding-top:		7px;
	color:				#00A8FF;
}

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

#content .right .eversheadlines2 .content p a {
	color:				#00A8FF;
}

#content .right .eversheadlines2 .content ul li {
	width:				208px;
} 

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

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

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

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

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

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

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