@charset "utf-8";



/* Subnavigation */
#content .right ul.pageSubnav {
	margin:				0 0 10px 0;
	list-style:			none;
	height:				25px;
	padding:				0 10px;
	background:			url(../images/bg_barry_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 Barry Paf */

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

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

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

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

#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-barry-1.png) repeat-y top right;
	background-color:	#DADBDC;
}

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

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

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

/* Blue Box Styles */



#content .left .greenbox .contentbox {
	background:			url(../images/bg-box-blue-210.png) repeat-y top left;
	color: 				#FFFFFF;

}

.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-blue-210.png) no-repeat bottom left;
	height: 4px;
}




#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;
}

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





#content .left .fotoalbumblauw {
	width:				225px;
}

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

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

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

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

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

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

#content .left .fotoalbumblauw ul.gradient li span {
	color:				#B2E5FF;
}

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

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





/* Video's Barry Paf */


#content .right .videos {
	float:				left;
	width:				455px;
}
	
#content .right .videos .content ul.bulletlist li {

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

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


/* Fragmenten Barry Paf */

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

}

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


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

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

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

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

#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 Barry Paf */

/* Blue Box Styles */

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


#content .right .spotlight .content {
	padding:				0;
	background:			url(../images/bg-box-blue-300.png) repeat-y top left;
	height:				auto;
}
#content .right .spotlight .footer {
	background:			url(../images/bg-footer-blue-300_2.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;
}








/* Guestbook Barry Paf */


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

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

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

#content .right .guestbook .content {
	padding:				0;
	width:				378px;
	height: 				auto;
	background:			url(../images/bg-videos.gif) repeat-y top left;	
}

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

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

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

#content .right .guestbook .content p a {
	color:				#6D1F80;
}

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

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

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

#content .right .guestbook .content ul.bulletlist li {
	padding:				1px;
	padding-left:		10px;
	background:			none;
	background-color:	none;

}

#content .right .guestbook .content ul.bulletlist li.dark {
	background:			none;
	background-color:	none;
}

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

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



/* Headlines DJ  */

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

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


#content .right .headlinesdj .footer {
	height:				4px;
	background:			url(../images/bg-footer-purple-380.gif) 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:				#6D1F80;
}

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

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

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

#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:				#00A8FF;
}




/* Headlines Text links */



#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-barry-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:				#6D1F80;
}

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

#content .right .textheadlines .content p a {
	color:				#6D1F80;
}

#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-barry-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-barry-2.png) repeat-y top right;
	background-color:	#F5F5F5;
}

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



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

#content .right .meerdj .head {
	background:			url(../images/bg-title-purple-225.gif) 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-purple-225.gif) no-repeat bottom left;
}