@charset "utf-8";

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

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

/* Subnavigation */
#content .right ul.pageSubnav {
	margin:				0 0 10px 0;
	list-style:			none;
	height:				25px;
	padding:				0 10px;
	background:			url(../images/bg_dept_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 D'r Uit! */

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

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

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

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

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

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

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

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

#content .right .headlines .footer {
	height:				4px;
	background:			url(../images/bg-footer-black-light-380.png) 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-druit-1.png) repeat-y top right;
	background-color:	#DADBDC;
}

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

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

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


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

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

#content .right .videos .footer {
	height:				4px;
	background:			url(../images/bg-footer-black-light-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:		10px;
	padding-right:		5px;
}

#content .right .videos .content p strong {
	color:				#86B918;
}

#content .right .videos .content p a {
	color:				#86B918;
}

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

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

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

#content .right .videos .content ul.bulletlist li a {
	font-weight:		bold;
	color:				#86B918;
	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-black-225.png) no-repeat top left;
}

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

#content .right .fragmenten .content {
	padding:			0;
	background:			url(../images/bg-box-black-225.png) repeat-y 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 {
	padding:				5px;
	padding-left:		5px;
	background:			url(../images/bg-video-row-druit.png) repeat-y top right;
	background-color:	#000000;
}

#content .right .fragmenten .content ul.bulletlist li.dark {
	background:			url(../images/bg-video-row-druit.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;
}


/* 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-black-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-black-light.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: 				#000000;
}

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



/* Headlines DJ  */

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

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


#content .right .headlinesdj .footer {
	height:				4px;
	background:			url(../images/bg-footer-black-light-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:				#86B918;
}

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

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

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

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

#content .right .headlinesdj ul.gradient li {
	position:			relative;
	float: 				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:				#86B918;
}



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




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

#content .right .textheadlines .content {
	padding:				0;
	width:				298px;
	background:			url(../images/bg-video-row-druit-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:				#86B918;
}

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

#content .right .textheadlines .content p a {
	color:				#86B918;
}

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

#content .right .textheadlines .footer {
	height:				4px;
	background:			url(../images/bg-footer-black-light-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-druit-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-druit-2.png) repeat-y top right;
	background-color:	#F5F5F5;
}

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

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

#content .right .meerdj .head {
	background:			url(../images/bg-title-black-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:				#86B918;
}

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

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