/*
*	Setup
*/

body
{
    color: #333;
    background: #000 url('http://presents.3fm.nl/static/pinkpop09/img/background.jpg') 50% 0 no-repeat;
background-attachment:fixed;

}
		.menu ul
		{
			height: 40px;
			list-style: none;
		}
.menu_simple ul
		{

			float: right;
			margin-right: 1em;
		}
		.menu_simple ul li
		{
			float: left;
			margin: 0 1em 0 0;
		}
		.menu_simple ul li a
		{
			float: left;
font-size:17px;
		}
		.link_dotted a
		{
			border-bottom: #000 1px dotted;
			text-decoration: none;
		}
		.link_dotted a:hover
		{
			border-bottom: 0;
		}

fieldset
{
    margin: 0;
    padding: 0;
}

/*
*	Headers
*/
    
h1
{
    background: url('http://presents.3fm.nl/static/pinkpop09/img/row_dark.jpg') repeat-x;
    color: #fff;
    height: 60px;
    line-height: 60px;
    text-align: center;
    margin: 0;
}

h2
{
    color: #4c4c4c;
    font-size: 16pt;
    font-weight: normal;
}

h3
{
    font-size: 12pt;
    margin: 0 0 10px 0;
    padding: 0;
}

/*
*	Unique objects
*/
#insert-3fm {
    height: 175px;
    width: 470px;
}

#header_big
{
    background: url('http://presents.3fm.nl/static/img/presents-header-background.jpg') 100% 0 no-repeat;
}

#header_big, #header_small
{
    height: 232px;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}

#header_big ul
{
    background: url('http://presents.3fm.nl/static/pinkpop09/img/row_light.jpg') repeat-x;
    width: 100%;	
    height: 60px;
    margin: 0;
}

#header_big li, #header_big li a
{
    float: left;
    margin: 0;
}

#header_big li
{
    display: block;
    height: 60px;
    line-height: 60px;
    font-size: 16pt;
    text-align: center;
}

#header_big li.spacer
{
    height: 60px;
    width: 2px;
    background: url('http://presents.3fm.nl/static/pinkpop09/img/row_light_spacer.jpg') no-repeat;
}

#header_big li a
{
    display: block;
    height: 60px;
    line-height: 60px;
    color: #595959;
    text-decoration: none;
}	

#header_big li a:hover, #header_big li a.selected
{
    background: url('http://presents.3fm.nl/static/pinkpop09/img/row_dark.jpg') repeat-x;
    color: #fff;
}


/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/image_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* Set up the size of the list items and float left to place inline */
#header_big ul li {
	display:block;
	float:left;
	position:relative;
}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
#header_big ul table {
	border-collapse:collapse;
	width:0;
	height:0;
	position:absolute;
	top:0;
	left:0;
}

/* Default link styling */
#header_big ul li.top a.top_link {
	display: block;
	float: left;
}

/* Style the list OR link hover. Depends on which browser is used */
#header_big ul a:hover {
	visibility:visible;
	cursor:pointer;
	position:relative;
}

#header_big ul li:hover {
	position:relative;
	z-index:200;
}

/* keep the 'next' level invisible by placing it off screen. */
#header_big ul ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:0;
	height:0;
}

/* Style the drop down sub level links */
#header_big ul :hover ul.sub {
	left:10px;
	top:60px;
	background: #fff;
	padding:0;
	white-space:nowrap;
	width:250px;
	height:auto;
}

#header_big ul :hover ul.sub li {
	display:block;
	float:left;
	height: 40px;
}

#header_big ul :hover ul.sub li a {
	display:block;
	float:left;
	height:40px;
	width:250px;
	line-height:40px;
	color:#000;
	padding:0;
	background: url('http://presents.3fm.nl/static/pinkpop09/img/row_light.jpg') repeat-x 0% 5%;
}

/* All this lot is for IE6, believe it or not, to style the fly outs */
#header_big ul :hover ul.sub li a:hover,
#header_big ul :hover ul.sub li a:hover ul li a:hover,
#header_big ul :hover ul.sub li a:hover ul li a:hover ul li a:hover,
#header_big ul :hover ul.sub li a:hover ul li a:hover ul li a:hover ul li a:hover,
#header_big ul :hover ul.sub li a:hover ul li a:hover ul li a:hover ul li a:hover ul li a:hover {
    background: url('http://presents.3fm.nl/static/pinkpop09/img/row_dark.jpg') repeat-x 0% 5%;
    color: #fff;
}

/* the next two lines keep the menu trail :hover state for IE7 and non-IE browsers */
#header_big ul :hover ul li:hover > a {
    background: url('http://presents.3fm.nl/static/pinkpop09/img/row_dark.jpg') repeat-x 0% 5%;
    color: #fff;
}

/*
*	General objects
*/

p.intro
{
    font-weight: bold;
}

.left
{
    float: left;
}

.right
{
    float: right;
}

.box
{
    background: #ffffff url('http://presents.3fm.nl/static/00s/box_background.jpg') 100% 0 repeat-x;
    border: #000 1px solid;
    margin: 0 0 20px 0;
    clear: both;
	
}

.imageBox
{
    margin: 0 0 20px 0;
    clear: both;
}

.title, .footer
{
    font-size: 8pt;
}

.title
{
    height: 56px;
    line-height: 35px;
    padding: 5px 15px 0 10px;
}

.title h2
{
    margin: 0;
	padding-top:5px;
	color:#bf0e0e;
}

.subtitle {
	height: 26px;
	line-height: 26px;
	padding: 0 10px;
	/*background: #e5e5e5 url("http://www.3fm.nl/static/img/box_header_between_small_bg.png") repeat-x center top;*/
}

.subtitle h3 {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

.content
{
    margin-top: 5px;
}

.footer
{
    background: #fff;
    color: #7e7e7e;
    font-weight: bold;
    text-align: right;
}

.stopper, .stopper h2
{
    color: #fff;
}

.stopper .footer
{
    background: 0;
}

/*
*	Floating
*/

.title .left, .footer .left
{
    width: 75%;
    text-align: left;
}

.title .right, .footer .right
{
    width: 25%;
    text-align: right;
}

/*
*	Links
*/

a
{
    color: #333;
    text-decoration: underline;
}

a:hover
{
    color: #333;
    text-decoration: none;
}

.title a, .footer a
{
    color: #7e7e7e;
    text-decoration: none;
}

.title a
{
    margin-right: 40px;
}

.title a:hover, .footer a:hover
{
    color: #333;
}

.stopper a:hover
{
    color: #fff;
}

table a
{
    text-decoration: none;
    color: #7e0001;
}

table a:hover
{
    color: #333;
}

h3 a
{
    text-decoration: none;
}

li.textbutton,
a.textbutton
{
	font-size: 10pt;
	font-weight: bold;
	height: 36px;
	line-height: 36px;
	padding: 8px;
	color: #666;
	background: #fff;
	border: #ccc 1px solid;
	text-decoration: none;
        cursor: pointer;
}
		
li.textbutton:hover,
a.textbutton:hover
{
	background: #e6e6e6;
}

/*
*	Tables
*/	

table
{
    width: 100%;
    margin: 0;
    padding: 0;
}

table td
{
    padding: 10px;
}

tr.even
{
    background: 0;
}

tr.odd td
{
    background: #f2f2f2;
}

tr.highlighted td
{
    background: #fff;
}

/*
*	Forms
*/	

input
{
    padding: 5px;
    margin: 0 0 5px 0;
    border: #cdcdcd 1px solid;
    font-size: 12pt;
}

#right input
{
    width: 265px;
}

#right input.button
{
    color: #fff;
}

input.button
{
    padding: 5px;
    width: 60px;
    margin: 0;
    margin-left: 5px;
    background: #333;
    color: #fff;
}

input.button_hover
{
    background: #4c4c4c;
}

#right input.button
{
    width: 60px;
}

/*
    Pagina navigatie
*/

.paging-numbers
{
    width: 400px;
}

.page-nav { font-size: 16pt; }
.page-nav { margin-bottom:10px; }
.page-nav .previous, .page-nav .next { width:85px; }
.page-nav .next { text-align:right;  }
.page-nav tr td { padding:0px; }
.page-nav ul { margin: 0px auto; text-align:center; list-style:none;  padding:0px; }
.page-nav ul li 
{ 
	float:left;
	line-height:32px; 
	text-align:center; 
	height:32px; 
	width:32px;  
	padding:0px;  
	display:block; 	
	margin:0 0 0 2px;
}
		
.page-nav ul li.active { background:#7e0001; color:#ffffff; }
.page-nav ul:after { content:"."; height:0px; visibility:hidden; clear:left; } 

/*
   Reacties
*/
.server-message .space { clear:left; height:10px; }
		.server-message .error { display:none; padding:10px; margin:0px 20px; color:#ffffff; background:#e01a27; font-size:10pt; font-family:arial; font-weight:bold; }
		.server-message .send { display:none; padding:10px; margin:0px 20px; color:#ffffff; background:#aabd2d; font-size:10pt; font-family:arial; font-weight:bold; }

.reactions .date, .reactions .author
{
    color: #7e7e7e;
}

.reactions .date
{
    text-align: right;
}

.post-reaction table tr td 
{ 
	padding:0px; 
	vertical-align:middle; 
	font-size:10pt; 
	font-weight:bold; 
}
		
.post-reaction table tr td span { display:block; font-size:8pt; font-weight:normal; }
.post-reaction table tr td span a { font-weight:bold; }
.post-reaction table tr td textarea.text { height:100px; }
.post-reaction table tr td.captcha-image { text-align:right; margin:0px; }
.post-reaction table tr td.captcha-image a.captcha-refresh { font-size: 10px; }
.post-reaction table tr td.captcha-input { text-align:right; margin:0px; width:310px; }
.post-reaction table tr td.captcha-input input.captcha { width:300px; }
.post-reaction table tr td label.add-error { color:#7e0001; }
.post-reaction table tr td .text 
{ 
	width:425px; 
	margin:5px 0px 5px 10px; 
	height:20px;
}
		
.post-reaction table tr td.buttons { text-align:right; vertical-align:bottom; } 
.post-reaction input.button { width: auto; } 

/*
*	Modules
*/	

/*
*	Tools
*/	

.no-bottom-spacing
{
    margin-bottom: 0;
    padding-bottom: 0;
}

.padded
{
    padding: 5px 10px 5px 10px;
}

.divider-bottom
{
    border-bottom: #ccc 1px solid;
}

/*
.container_12
{
    background: #fff url(http://presents.3fm.nl/static/img/960/12_col.gif) repeat-y;
    margin-bottom: 20px;
}

.container_16
{
    background: #fff url(http://presents.3fm.nl/static/img/960/16_col.gif) repeat-y;
}
*/



/* extra stylesheet voor de nieuwe headerlayout en menu */
.ie6pngfix {behavior: url(http://presents.3fm.nl/static/js/ie6pngfix.htc); }
.newheader{width:940px;height:192px;margin-bottom:7px;}
.newblockleft{width:300px;float:left;height:191px;}
.newblockright{width:618px;float:right;height:191px;}

/* nieuwe navigatie */

.newnav {width:939px;height:55px;float:left;margin-top:10px;margin-bottom:10px;background:transparent;}
.newnavshort {width:622px;height:55px;float:left;margin-top:10px;margin-bottom:10px;background:transparent;}


/*menu*/


#header_menu {
	line-height:	1.0;
	margin:			0;
	padding:		0;
width:100%;
height:47px;

}

.menu_item_1{width: 115px; text-align:center;}
.menu_item_2{width: 115px; text-align:center;}
.menu_item_3{width: 115px; text-align:center;}
.menu_item_4{width: 115px; text-align:center;}
.menu_item_5{width: 151px; text-align:center;}



#header_menu li {
	margin:			0;
	padding:		0;
	list-style:		none;
}

#header_menu ul.sub {
	position:		absolute;

	top:			-3333px;
	width:			auto; /* left offset of submenus need to match (see below) */
	
	z-index:		33;
}

#header_menu ul li {
	width:			100%;
}

#header_menu li.top_item:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}

#header_menu li.top_item {
	float:			left;
	position:		relative;
}

#header_menu li.top_spacer {
	float:			left;
	position:		relative;
}

#header_menu a {
	position:		relative;
}

#header_menu li.top_item:hover ul.sub,
#header_menu li.top_item.sfHover ul.sub {
	left:			-1px;
	top:			47px; /* match top ul list item height */
}

#header_menu a.top_link {
	display:		block;

	padding: 		15px 10px 26px 10px;

	white-space:	nowrap;
	font-size:		16px;
	font-weight: 	bold;
}

#header_menu a.top_link, #header_menu a.top_link:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#85d3ea;
}

#header_menu li.top_item {
	background:		url(http://test.www.3fm.nl/static/img/header/bottom_sprite_bg.png) center -120px;

}

#header_menu li.top_spacer {
	width:			2px;
	height:			47px;

	overflow:		hidden;
	background:		url(http://test.www.3fm.nl/static/img/header/bottom_sprite_bg.png) left -230px;

}

#header_menu a.top_link:focus {
	outline:		0;
}

#header_menu li.top_item:hover a.top_link, #header_menu li.sfHover a.top_link, #header_menu li.sfHover a.top_link:visited,
#header_menu a.top_link:hover, #header_menu a.top_link:active {
	text-decoration:none;
	background:		transparent url(http://test.www.3fm.nl/static/img/header/bottom_sprite_bg.png) center -60px;

	color:			#bc0f0f;
}

#header_menu li.top_item:hover a.active, #header_menu li.sfHover a.active,
#header_menu a.active, #header_menu a.active:hover, #header_menu a.active:visited {
	background:		transparent url(http://test.www.3fm.nl/static/img/header/bottom_sprite_bg.png) center top;

	color:			#bc0f0f;
}

#header_menu li li {
	margin: 		0;
	padding:		0;
}

#header_menu ul {
	margin-bottom:	0;
}


/* submenu */


/* SUB MENU'S */
ul.sub {
	border: 		1px solid black;
	border-top:		none;
	background:		#ffffff;
}

ul.sub li a.big {
	display:		block;
	
	height:			40px;
	line-height:	40px;
	padding:		0 6px;

	text-transform:	uppercase;
	font-weight:	bold;

	border:			1px solid #e4e4e4;
	background:		url(/static/img/header/bottom_menu_sub_simple_big_bg.png) no-repeat top right;
	color:			#bc0f0f;
}

ul.sub li a.following_big, ul.sub li a.first {
	border-top:		none;
}

/* MENU TYPE: Simple */
ul.sub_simple li a {
	display:		block;
	overflow:		hidden;

	height:			20px;
	line-height:	20px;
	padding:		2px 6px;

	font-weight:	bold;
	white-space:	nowrap;

	background:		#f9f9f9;
	color:			#2c2c2c;
}

ul.sub_simple li a.odd {
	background:		#ffffff;
}

/* MENU TYPE: Name list (2x2 columns) */
ul.sub_names ul.columns li a.big {
	border-left:	none;
}

ul.sub_names ul.columns li {
	float:			left;
}

ul.sub_names ul.columns_names li {
	padding-bottom:	20px;

	border-right:	1px solid #e4e4e4;
	background:		#f0f0f0 url(/static/img/header/bottom_menu_sub_djs_list_bg.png) repeat-x top;
}

ul.sub_names ul.columns_names ul li {
	float:			none;
	
	background:		transparent;
}

ul.sub_names ul.columns_names ul li a {
	display:		block;

	height:			22px;
	line-height:	22px;
	padding:		0 6px;
	overflow:		hidden;

	font-weight:	bold;
	font-size:		12px;
	
	color:			#2c2c2c;
}

/* MENU TYPE: Headlines */
.sub_headlines .columns {
	padding:		10px;
}

.sub_headlines .columns li {
	float:			left;
}

.sub_headlines .headline_with_intro {
	padding-right:	5px;

	border-right:	1px solid #ececec;
}

.sub_headlines .headline_with_intro .image {
	float:			left;

	width:			72px;
	height:			72px;
	margin-right:	10px;
}

.sub_headlines .headline_with_intro .image img {
	width:			72px;
	height:			72px;
}

.sub_headlines .headline_with_intro .message {
	line-height:	17px;
	margin-left:	82px;

	word-wrap:		break-word;
}

.sub_headlines .headline_with_intro a.headline {
	white-space:	normal;
	font-weight:	bold;

	color:			#2c2c2c;
}

.sub_headlines .headlines ul {
	margin-left:	5px;
}

.sub_headlines .headlines li {
	line-height:	17px;

	overflow:		hidden;
	white-space:	nowrap;
	font-weight:	bold;
}

.sub_headlines .headlines a {
	font-weight:	bold;
	color:			#2c2c2c;
}

.sub_headlines .headlines span {
	display:		block;
	float:			left;

	width:			40px;

	font-weight:	normal;
}

.sub_headlines .media_photos_list {
	width:			607px;
}

.sub_headlines .media_photos_list a, .sub_headlines .media_photos_list img {
	width:			75px;
	height:			75px;
}
	
.sub_headlines .media_photos_list a {
	float:			left;
	
	margin:			0 5px;
}

.sub_headlines .media_videos_list a, .sub_headlines .media_videos_list img {
	width:			120px;
	height:			90px;
}
	
.sub_headlines .media_videos_list a {
	float:			left;
	
	margin:			0 14px;
}

/* Submenu: Nieuws */
#sub_nieuws, #sub_nieuws li a {width:610px;}
#sub_nieuws ul.columns {width:603px;}
#sub_nieuws li.headline_with_intro {width:300px;}
#sub_nieuws li.headlines {width:295px;}

/* Submenu: DJ's */
#sub_djs, #sub_djs a {width:630px;}
#sub_djs ul.columns {width:644px;}
#sub_djs ul.columns li {width:322px;}
#sub_djs ul.columns a {width:309px;}
#sub_djs ul.columns_names {width:322px;}
#sub_djs ul.columns ul li {width:160px;}
#sub_djs ul.columns ul a {width:160px;}

/* Submenu: Muziek */
#sub_muziek {width:190px;}
#sub_muziek li a {width:190px;}

/* Submenu: Media */
#sub_media, #sub_media li a.big, #sub_media .media_photos_list, #sub_media .media_videos_list {width:607px;}
#sub_media ul.columns {width:620px; padding: 0px; padding-bottom: 10px;}
#sub_media ul.columns a.big {width:297px;}
#sub_media li.headlines {width:310px;}
#sub_media li.headlines ul {padding: 10px;}

/* Submenu: Communities */
#sub_communities {width:250px;}
#sub_communities li a {width:250px;}

/* Submenu: Acties */
#sub_acties {width:275px;}
#sub_acties li a {width:275px;}

/* Submenu: About */
#sub_about {width:170px;}
#sub_about li a {width:170px;}

.uitklapbutton{float:right;width:150px;height:30px;font-weight:bold;cursor:pointer;}

#bio_min {
			height: 150px;
			overflow: hidden;
		}
		
.bio_max {
			height: 100px;
			overflow: auto;
		}