/* - - - - - - - - - - - - - - - - - - - - -

Title : 		GLOBAL.CSS style sheet: copy default.css styles and update!
Author : 		$Author$
URL : 			http://www.OURPROJECT.NL
Modified : 		$LastChangedDate$ - SVN: $Revision$
- - - - - - - - - - - - - - - - - - - - - */

/*

COLORS:

sky: 		#CDDE47
veronica: 	#00BDF4
classic:	#8F529F
tmf:		#E452A6

*/

/* -----------------------------------------
	1: RESET [start from scratch]
----------------------------------------- */

/* 
	Latest version of the Eric Meyer Reset:
	http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
	
	Updates -> see EIGHTMEDIA UPDATE's:
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	_font-size: 100.01%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none; background: #FFFFCC;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr,
.hr{ 
	display: block;
	width: 100%; 
	height: 20px; 
	clear: both;
	border: none;
	background: transparent url('/static/img/bg_news_item.png') repeat-x bottom left;
}

.hr hr{
	display: none;
}


/* -----------------------------------------
	1.1: GENERIC FIXES [fixes clearing issues with floats]
	http://www.positioniseverything.net/easyclearing.html
----------------------------------------- */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}

/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


/* -----------------------------------------
	2: GENERICS [Generic type, .classes, etc]
----------------------------------------- */
body{
	background: #FFF;
	font-size: 62.5%;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-align: center;
	color: #596792;
}

/* -----------------------------------------
	TYPOGRAPHY
----------------------------------------- */
div{font-size: 1em;} /* = 10px */

p, dl, td, th, li, pre, code, kbd, samp, pre, tt, input{
	font-size: 1.3em; /* 13px */
}
p{
	line-height: 1.6em;
	margin-bottom: 1em;
}

strong{font-weight: bold;}
em{font-style: italic;}
cite{font-style: italic;}
abbr, acronym { cursor: help; text-transform: uppercase; font-size: 85%; letter-spacing: .1em; border-bottom: 1px dotted #000;}
pre { white-space: pre; }
pre * { font-size: 1.3em; line-height: 1.5em; white-space: pre; }
blockquote { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; color: #666; }
blockquote > *:before { content: "\201C"; }
blockquote > *:after { content: "\201D"; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }

address,
blockquote{margin: 1.5em 0;font-size: 1.3em;line-height: 1.5em;}
blockquote p{margin: 1.0em;}

/* Cascading font size should remain same! */
/* TODO: Check this out? Necessary?! */
td td,li ul li,li ol li,td p,blockquote p,dd p, li p,ul li ul li,ul li ul li p,ol li ol li,ol li ol li p{
	font-size: 1.0em!important;
	line-height: 1.5em!important; /* TODO: Check this out? Necessary?! */
}

#footer p{
	color: #37434b;
	font-size: 1.1em;
	
}


/* -----------------------------------------
	GENERIC CLASSES
----------------------------------------- */
.alignRight{text-align: right;}
.alignLeft{text-align: left;}
.alignCenter{text-align: center;}
.floatRight{float: right;}
.floatLeft{float: left;}
.error{
	background: transparent;
	color: red;
}
.success{
	background: transparent;
	color: green;
}

.message{ 
	background-color: #261F1A; 
	border: 1px solid #000000; 
	padding:5px; 
	font-size: 1.3em;
}

.introduction{font-weight: bold;}
/* -----------------------------------------
	HEADERS
----------------------------------------- */
h1, h2, h3, h4, h5, h6{
	font-family: Arial, verdana, sans-serif;
	font-weight: normal;
	margin: 0.5em 0 0.5em 0;
}
h1{font-size: 2.0em;color: #596792; margin: 0 0 0.7em 0; font-weight: bold; text-transform: uppercase;}
h1 span{ color: #bac2da; }

.detail h1{
	margin-bottom: 0;
	margin-top: .2em;
}

h2{font-size: 1.4em;color: #596792; font-weight: bold; margin: 0 0 0.5em 0;}
	h2 a:link,
	h2 a:visited,
	h2 a:hover,
	h2 a:active{
		color: #596792;
		text-decoration: none;
	}
	h2 a:hover{		text-decoration: none; 	}
	.information #column3 h2{
		margin-left: 10px;
	}
	.itemLead h2{line-height: 1.5em;margin-top: -0.3em;}
	
	.sitemap h2{
		padding-left: 18px;
		background: url('/static/img/ico_readmore.gif') no-repeat 0 0;
	}
	

h3{font-size: 1.6em;color: #000;}
h4{font-size: 1.4em;color: #000;font-weight: bold;}
h5{font-size: 1.3em; color: #000;font-weight: bold; font-style: italic;}
h6{font-size: 1.3em; color: #000;font-weight: bold;}


/* -----------------------------------------
	LINKS
----------------------------------------- */
a:link,
a:visited,
a:hover,
a:active{
	color: #596792;
	text-decoration: underline;
}
a:hover,
a:active{
	color: #596792;
	text-decoration: none;
}

a.readmore:link,
a.readmore:visited,
a.readmore:hover, 
a.readmore:active{
	text-decoration: none;
	padding-left: 18px !important;
	color: #596792;
	background: url('../img/ico_readmore.gif') no-repeat left center;
}

a.readmore:hover{text-decoration: underline;}
	.overviewItem a.readmore{
		display: block;
		margin: 2em 0;
	}

a:link img,
a:visited img,
a:hover img,
a:active img{
	border: none;
	text-decoration: none;
	color: white;
}

#footer p a:link,
#footer p a:visited,
#footer p a:hover,
#footer p a:active{
	color: #37434b;
}

/* -----------------------------------------
	LISTS
----------------------------------------- */
ul, ol{ 
	list-style-type: disc; 
	list-style-position: inside; 
	margin: 2em 0;
	margin-left: 1.5em;
}
ol{list-style-type: decimal;}
	ul li, ol li{margin: 0.5em 0;}
	
#content ul{
	list-style-type: disc;
	margin: 1em 0;
}
	#content ul li ul,
	#content ol li ol{
		margin: 5px 0 0 30px;
	}

	#content ul li ul li,
	#content ol li ol li{
		margin: 0;
	}

	#content #column2 ul,
	#content #column2 ol{
		list-style-position: outside;
		margin-left: 15px;
		line-height: 1.6em; /* added by GJ 19-01-2009 */
	}
	#content #column2 ol{
		margin-left: 20px;
	}
	#content #column2 ul.overview{margin-left:0;}
	
	/* SITEMAP */
	#content ul.sitemapList{margin: 0;}
	#content ul.radioStation{
		float: left;
		margin: 0 0 1em 0;
	}
	#content ul.radioStation li.stationName a:link,
	#content ul.radioStation li.stationName a:visited,
	#content ul.radioStation li.stationName a:hover,
	#content ul.radioStation li.stationName a:active{
		font-weight: bold;
		text-decoration: underline;
	}
	.sitemapList li{
		margin: 0 0 0 19px;
		padding: 4px 0;
		list-style-type: none;
	}
	.sitemapList li a:link,
	.sitemapList li a:visited,
	.sitemapList li a:hover,
	.sitemapList li a:active{text-decoration: none;}
	.sitemapList li a:hover{text-decoration: underline;}
	.sitemapList li img{margin-right: 3px;}
	/* END SITEMAP */



/* Definition list */
dl{margin: 0.5em 0;line-height: 2em;}
	dl dt{font-weight: bold;}
	dl dd{margin-left: 1.0em;}

	/* overview lists: such as on the 'vacatures' overview page */
	#content ul.overview{
		list-style-type: none; 
		list-style-position: inside; 
		margin: 2em 0;
		padding: 0;
		border-top: 1px solid #D7DBE9;
		background: transparent;
		color: #646490;
	}
		#content ul.overview li{
			margin: 0;
		}
			#content ul.overview li a:link,
			#content ul.overview li a:visited,
			#content ul.overview li a:hover,
			#content ul.overview li a:active{
				text-decoration: none;
				color: #646490;
				background: #FEFEFF url('../img/ico_readmore.gif') no-repeat 0.5em center;
				border-bottom: 1px solid #D7DBE9;
				padding: 0.5em 2em;
				display: block;
			}
			#content ul.overview li a:hover,
			#content ul.overview li a:active{
				background: #f5f6fa url('../img/ico_readmore.gif') no-repeat 0.5em center;
			}

/* horizontal lists */
ul.horizontal,
ol.horizontal{
	list-style-position: inside;
	list-style-type: none;
	margin: 0;
}
	ul.horizontal li,
	ol.horizontal li{
		display: inline;
		float: left;
		margin: 0;
	}

	/* -----------------------------------------
		NAVIGATION
	----------------------------------------- */

	#radioLinks{
		margin: 0;
		list-style: none;
	}
		#radioLinks li{
			float: left;
			margin: 0;
		}	
	
	#footerNav .innerWrapper ul{
		margin: 0; 
		list-style: none; 
	}
		#footerNav .innerWrapper ul li{
			float: left;
			border-right: 1px solid #fff;
			color: #fff;
			font-size: 1.1em;
			padding-right: 0.8em;
			margin-right: 0.8em;
		}
			#footerNav .innerWrapper ul li.last{border: none;}
		
			#footerNav .innerWrapper ul li a:link,
			#footerNav .innerWrapper ul li a:visited,
			#footerNav .innerWrapper ul li a:hover,
			#footerNav .innerWrapper ul li a:active{
				color: #fff;
				text-decoration: none;
			}
			#footerNav .innerWrapper ul li a:hover,
			#footerNav .innerWrapper ul li a:active{text-decoration: underline;}

ul#nav{
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8em;
	list-style: none;
	margin: 0;
	background: transparent url('../img/bg_nav_ul.png') no-repeat bottom left;
	padding-bottom: 20px;
}
	ul#nav li{
		background: transparent url('../img/bg_nav.gif') no-repeat top left;
		margin: 0;
	}
	
		ul#nav li a:link,
		ul#nav li a:visited,
		ul#nav li a:hover,
		ul#nav li a:active{
			text-decoration: none;
			font-weight: bold;
			color: #36424a;
			display: block;
			padding: 6px 0 6px 15px;
		}
		ul#nav li a:hover,
		ul#nav li a:active{text-decoration: underline;}
			/* active normal links */
			ul#nav li.active a{background: transparent url('../img/arrow_active.gif') no-repeat 95% 50%;}

			/* Sub items */
			ul#nav li ul{
				list-style: none;
				margin: 0;
				padding: 0;
				line-height: 0;
				display: block;
			}
			ul#nav li ul li{background: transparent url('../img/bg_section_link.gif') repeat-y top left;}

				ul#nav li ul li a:link,
				ul#nav li ul li a:visited,
				ul#nav li ul li a:hover,
				ul#nav li ul li a:active{
					text-decoration: none;
					font-weight: normal;
					padding: 4px 0;
					margin: 0 5px 0 15px;
				}
				ul#nav li ul li a:hover,
				ul#nav li ul li a:active{text-decoration: underline;}
				/* ATCIVE */
				ul#nav li ul li.active a{
					background: transparent url('../img/arrow_active.gif') no-repeat center right;
					font-weight: bold;
				}


/* Row 1 */
#row1{
	float: left;
	width: 680px;
	background: transparent url('../img/bg_news_item.png') repeat-x bottom left;
	padding-bottom: 20px;
	margin-bottom: 1em;
}
	/* No border and padding on station-specific pages */
	#row1.tabs{
		position: relative;
	}


/* BREADCRUMB */
ul#breadcrumb{
	list-style: none;
	margin: 0;
}
	ul#breadcrumb li{
		float: left;
		display: block;
		font-size: 1em;
		color: #a7a7a7;
	}
		ul#breadcrumb li a:link,
		ul#breadcrumb li a:visited,
		ul#breadcrumb li a:hover,
		ul#breadcrumb li a:active{
			color: #37434b;
			text-decoration: none;
			background: transparent url('../img/bg_bc_link.gif') no-repeat center right;
			padding-right: 10px;
			margin-right: 5px;
		}
		
		ul#breadcrumb li a:hover{
			text-decoration: underline;
		}


		/* STATIONTABS */
		ul#stationtabs{
			list-style: none;
			margin: 0 0 1em 0;
			text-align: right;
			border-bottom: 2px solid #CDDE47;
			font-size: 0.7em;
			/*font-size: 0.9em; */
		}

			ul#stationtabs.station1{border-bottom: 2px solid #CDDE47;}
			ul#stationtabs.station2{border-bottom: 2px solid #00BDF4;}
			ul#stationtabs.station3{border-bottom: 2px solid #8F529F;}
			ul#stationtabs.station4{border-bottom: 2px solid #E452A6;}
			ul#stationtabs.station5{border-bottom: 2px solid #E2097A;}
			ul#stationtabs.station6{border-bottom: 2px solid #DC171F;}
			ul#stationtabs.station7{border-bottom: 2px solid #2D6CBF;}
			ul#stationtabs.station8{border-bottom: 2px solid #00AEEF;}
			ul#stationtabs.station9{border-bottom: 2px solid #00AEEF;}
			ul#stationtabs.station10{border-bottom: 2px solid #00AEEF;}

			ul#stationtabs li{
				float: right;
				display: block;
				clear: both;
				margin: 0;
				padding: 0 0 0 11px;
				background: url(../img/navidivider.gif) no-repeat 5px 6px;
			}
			
			ul#stationtabs li.station1{
				padding: 0;
				background: none;
			}
			
			ul#stationtabs li a{
				font-size: 8.5px;
			}
			
				ul#stationtabs li a:link,
				ul#stationtabs li a:visited,
				ul#stationtabs li a:hover,
				ul#stationtabs li a:active{
					display: block;
					/*padding: 0.5em 1em;*/
					padding: 0.5em 0.1em;
					background-color: #FFF;
					color: #333;
					font-weight: bold;
					text-decoration: none;
				}
				ul#stationtabs li.station1 a:link,
				ul#stationtabs li.station1 a:visited,
				ul#stationtabs li.station1 a:active,
				ul#stationtabs li.station1 a:hover{color: #CDDE47;}
				ul#stationtabs li.station2 a:link,
				ul#stationtabs li.station2 a:visited,
				ul#stationtabs li.station2 a:active,
				ul#stationtabs li.station2 a:hover{color: #00BDF4;}
				ul#stationtabs li.station3 a:link,
				ul#stationtabs li.station3 a:visited,
				ul#stationtabs li.station3 a:active,
				ul#stationtabs li.station3 a:hover{color: #8F529F;}
				ul#stationtabs li.station4 a:link,
				ul#stationtabs li.station4 a:visited,
				ul#stationtabs li.station4 a:active,
				ul#stationtabs li.station4 a:hover{color: #E452A6;}
				ul#stationtabs li.station5 a:link,
				ul#stationtabs li.station5 a:visited,
				ul#stationtabs li.station5 a:active,
				ul#stationtabs li.station5 a:hover{color: #E2097A;}
				ul#stationtabs li.station6 a:link,
				ul#stationtabs li.station6 a:visited,
				ul#stationtabs li.station6 a:active,
				ul#stationtabs li.station6 a:hover{color: #DC171F;}
				ul#stationtabs li.station7 a:link,
				ul#stationtabs li.station7 a:visited,
				ul#stationtabs li.station7 a:active,
				ul#stationtabs li.station7 a:hover{color: #2D6CBF;}
				ul#stationtabs li.station8 a:link,
				ul#stationtabs li.station8 a:visited,
				ul#stationtabs li.station8 a:active,
				ul#stationtabs li.station8 a:hover{color: #00AEEF;}
				ul#stationtabs li.station9 a:link,
				ul#stationtabs li.station9 a:visited,
				ul#stationtabs li.station9 a:active,
				ul#stationtabs li.station9 a:hover{color: #00AEEF;}
				ul#stationtabs li.station10 a:link,
				ul#stationtabs li.station10 a:visited,
				ul#stationtabs li.station10 a:active,
				ul#stationtabs li.station10 a:hover{color: #00AEEF;}
				/* Active */
				ul#stationtabs.station1 li.station1 a{border-bottom: 2px solid #CDDE47;color: #CDDE47;}
				ul#stationtabs.station2 li.station2 a{border-bottom: 2px solid #00BDF4;color: #00BDF4;}
				ul#stationtabs.station3 li.station3 a{border-bottom: 2px solid #8F529F;color: #8F529F;}
				ul#stationtabs.station4 li.station4 a{border-bottom: 2px solid #E452A6;color: #E452A6;}
				ul#stationtabs.station5 li.station5 a{border-bottom: 2px solid #E452A6;color: #E2097A;}
				ul#stationtabs.station6 li.station6 a{border-bottom: 2px solid #E452A6;color: #DC171F;}
				ul#stationtabs.station7 li.station7 a{border-bottom: 2px solid #2D6CBF;color: #2D6CBF;}
				ul#stationtabs.station8 li.station8 a{border-bottom: 2px solid #00AEEF;color: #00AEEF;}
				ul#stationtabs.station9 li.station9 a{border-bottom: 2px solid #00AEEF;color: #00AEEF;}
				ul#stationtabs.station10 li.station10 a{border-bottom: 2px solid #00AEEF;color: #00AEEF;}
				
				/* HIDE the tabcontent (JS Off scenario), show with JS */
				.tabcontent{display: none;}

/* definition lists */
dl{
	margin: 0.5em 0;
	line-height: 2em;
}
	dl dt{font-weight: bold;}
	dl dd{margin-left: 1.0em;}


/* sidebar */
#content .sidebarList{
	list-style: none;
	border-bottom: 1px solid #dee2ee;
	margin-bottom: 30px;
}
	#content .sidebarList li{
		margin: 0;
		font-size: 1.2em;
		border-top: 1px solid #dee2ee;
		background: #fefeff url('../img/bg_sidebar_li_bottom.gif') repeat-x bottom left;
	}
		#content .sidebarList li a:link,
		#content .sidebarList li a:visited,
		#content .sidebarList li a:hover,
		#content .sidebarList li a:active{
			background: transparent url('../img/bg_sidebar_li_top.gif') repeat-x top left ;
			display: block;
			color: #596792;
			padding: 7px 0 6px 23px;
			text-decoration: none;
			line-height: 1.4em;
		}
		#content .sidebarList li a:hover,
		#content .sidebarList li a:active{
			background: #f5f6fa;
		}
		#content .sidebarList li a.active{
			background: #f5f6fa;
			font-weight: bold;
		}
		#content .sidebarList li a img{
			margin-right: 3px;
			margin-left: -10px;
		}


		#content .sidebarList li.station1#active a {color: #CDDE47;}
		#content .sidebarList li.station2#active a {color: #00BDF4;}
		#content .sidebarList li.station3#active a {color: #8F529F;}
		#content .sidebarList li.station4#active a {color: #E452A6;}
		#content .sidebarList li.station5#active a {color: #E2097A;}
		#content .sidebarList li.station6#active a {color: #DC171F;}
		#content .sidebarList li.station7#active a {color: #2D6CBF;}
		#content .sidebarList li.station8#active a {color: #00AEEF;}
		#content .sidebarList li.station9#active a {color: #00AEEF;}
		#content .sidebarList li.station10#active a {color: #00AEEF;}
		
		#content .sidebarList li.station1 a:hover {color: #CDDE47;font-weight: bold;}
		#content .sidebarList li.station2 a:hover {color: #00BDF4;font-weight: bold;}
		#content .sidebarList li.station3 a:hover {color: #8F529F;font-weight: bold;}
		#content .sidebarList li.station4 a:hover {color: #E452A6;font-weight: bold;}
		#content .sidebarList li.station5 a:hover {color: #E2097A;font-weight: bold;}
		#content .sidebarList li.station6 a:hover {color: #DC171F;font-weight: bold;}
		#content .sidebarList li.station7 a:hover {color: #2D6CBF;font-weight: bold;}
		#content .sidebarList li.station8 a:hover {color: #00AEEF;font-weight: bold;}
		#content .sidebarList li.station9 a:hover {color: #00AEEF;font-weight: bold;}
		#content .sidebarList li.station10 a:hover {color: #00AEEF;font-weight: bold;}
		
		
		/* if a sidebaritem contains an image */
		#content .containsImages li{
			padding: 0;
			margin: 0;
			list-style-position: outside;
		}

		#content .containsImages li a:link,
		#content .containsImages li a:visited,
		#content .containsImages li a:hover,
		#content .containsImages li a:active{
			position: relative;
			min-height: 49px;
			_height: 49px;
			padding: 9px 6px 0 59px;
		}

		#content .containsImages li a:link img,
		#content .containsImages li a:visited img,
		#content .containsImages li a:hover img,
		#content .containsImages li a:active img{
			position: absolute;
			top: 6px;
			left: 17px;
		}
		
/* -----------------------------------------
	SEARCH
----------------------------------------- */
#searchForm p{
	margin: 0;
	padding: 20px 0 18px 0;
	position: relative;
	width: 240px;
}
#q{
	width: 180px;
	border: 1px solid #cbcbcb;
	border-bottom: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;
	background: white;
	padding: 2px;
	margin-top: 0;
}

#qButton{
	position: absolute;
	top: 20px;
	font-size: .9em;
	background: transparent;
	border: none;
	margin: 0 0 0 5px;
	height: auto;
	padding: 0;
}

#qArrow{
	position: absolute;
	z-index: 101;
	left: 20%;
	top: 40px;
}

#qResults{
	position: absolute;
	z-index: 100;
	top: 42px;
	right: 58px;
	border: 1px solid #fff;
	line-height: 1.7em;
}

#qResults ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

	#qResults li{
		padding: 0;
		margin: 0;
		font-size: 1.2em;
	}

	#qResults li a:link,
	#qResults li a:visited,
	#qResults li a:hover,
	#qResults li a:active{
		background: #fefeff url('../img/ico_arrow.gif') no-repeat 10px 14px;
		border-left: 1px solid #cbcbcb;
		border-right: 1px solid #cbcbcb;
		display: block;
		padding: .6em .5em .6em 1.5em;
		width: 230px;
		height: 100%;
		color: #596792;
		border-bottom: 1px solid #dee2ee;
	}
	
	#qResults li.first a:link,
	#qResults li.first a:visited,
	#qResults li.first a:hover,
	#qResults li.first a:active{
		border-top: 1px solid #cbcbcb;
	}
	
	#qResults li.last a:link,
	#qResults li.last a:visited,
	#qResults li.last a:hover,
	#qResults li.last a:active{
		border-bottom: 1px solid #cbcbcb;
	}
	
	#qResults li a:hover{
		background-color: #f5f6fa;
	}


/* -----------------------------------------
	IMAGES
----------------------------------------- */
img.left{float: left;margin: 4px 1em 1em 0;}
img.right{float: right;margin: 0 0 1em 1em;}


/* -----------------------------------------
	BASE STRUCTURE (Div frame)
----------------------------------------- */

	.innerWrapper{
		width: 920px;
		margin: 0 auto;
		text-align: left;
	}
	
	#header{
		background: transparent url('../img/bg_header.gif') no-repeat top center;
		height: 120px;
		margin-bottom: 10px;
	}
	
	.home #header{
		margin-bottom: 20px;
	}
	
	#header .innerWrapper{
		padding-top: 40px;
	}
	#content{
		background: transparent url('../img/bg_body.jpg') no-repeat bottom center;
		/* min-height incl. hack: http://www.dustindiaz.com/min-height-fast-hack/ */
		min-height: 500px;
		height: auto !important;
		height: 500px;	
		/* END min-height incl. hack */
		padding-bottom: 100px;
	}
	#content.home{
		background: transparent url('../img/bg_body_home.jpg') no-repeat bottom center;
		padding-bottom: 0;
	}
		/* -----------------------------------------
			Columns
		----------------------------------------- */
		#column1, #column2, #column3{
			margin-right: 20px;
			float: left;
		}

		#column1{width: 220px;}
		#column2{width: 430px;}
		
		#column2.colspan2{
			width: 680px;
			padding: 0;
			margin: 0;
		}

		#column3{
			width: 210px;
			margin-right: 0;
			padding: 2px 0 100px 20px;
			background: transparent url('../img/bg_column_2.png') repeat-y top left;
		}
		
		.home #column3{
			background: none;
			padding: 0;
			width: 240px;
		}
		/* -----------------------------------------
			Homepage columns
		----------------------------------------- */
		.home #column1,
		.home #column2{width: 320px;}

		/* nieuws */
		#nieuws li{
			background: white;
			padding: 4px 8px 0 8px;
			font-size: 1.2em;
			line-height: 1.6em;
		}
		#nieuws li.last{border-bottom: 1px solid #cccccc;}
		
			#nieuws li h4{
				padding: 0;
				margin: 0;
				font-size: 1.1em;
				color: #38444c;
			}
		
			#nieuws li p{
				margin: 0;
				color: #38444c;
				font-weight: normal;
			}
			
			#content.home li p.readmoreWrapper{
				padding-bottom: 5px;
				text-align: right;
			}
			
			#nieuws li a:link,
			#nieuws li a:visited,
			#nieuws li a:hover,
			#nieuws li a:active{
				margin: 0;
				float: none;
				width: auto;
				display: inline;
				padding: 0;
			}

			#nieuws li img{
				float: left;
				margin: 4px 10px 0 0;
			}
		
			#nieuws li hr{
				clear: left;
				margin: 0;
			}
				
			
			
			#content.home li a:link.btn_readmore,
			#content.home li a:visited.btn_readmore,
			#content.home li a:hover.btn_readmore,
			#content.home li a:active.btn_readmore{
				float: right;
			}
			
		#smoelen a:link,
		#smoelen a:visited,
		#smoelen a:hover,
		#smoelen a:active{
			padding: 0;
			margin: 0 20px 0 0;
			height: auto;
			width: auto;
			display: block;
			float: left;
		}
				
			#smoelen a:link img,
			#smoelen a:visited img,
			#smoelen a:hover img,
			#smoelen a:active img{
				border: 1px solid #b6c72f;
			}
		
			#smoelen a:hover img{
				border: 1px solid #92a021;
			}
		
		/* tools list */

		#tools li{	
			font-size: 1.2em;
			background-color: white;
			border: none;
		}
		
		#tools li.ls_skyradio{margin-top: 10px;}
		
		#tools li.ls_tmfradio{margin-bottom: 10px;}
		
		#tools li.ls_skyradio,
		#tools li.ls_veronica,
		#tools li.ls_classicfm,
		#tools li.ls_tmfradio{margin-left: 18px;  background: white;}
		
		#tools li.ls_skyradio a,
		#tools li.ls_veronica a,
		#tools li.ls_classicfm a,
		#tools li.ls_tmfradio a{
			background: white url('../img/station_blocks.gif') no-repeat top left;
			height: 13px;
			padding: 1px 0 0 25px;
			margin: 0 0 5px 0;
			display: block;
		}
		
		#tools li.ls_skyradio a{ background-position: 0 0px; color: #CDDE47;} 
		#tools li.ls_veronica a{ background-position: 0 -14px; color: #00BDF4;} 
		#tools li.ls_classicfm a{ background-position: 0 -28px; color: #8F529F;} 	
		#tools li.ls_tmfradio a{ background-position: 0 -42px; color: #E452A6;} 
		
		#tools li ul{
			margin: 10px 0 10px 18px;
			color: #38444c;
			font-weight: normal;
		}
		div#actie{
			padding: 10px 8px 0 15px;

			line-height: 1.6em;
		}
			div#actie p{
				margin: 0;
				color: #38444c;
				font-weight: normal;
			}
			div#actie img{
				float: left;
				margin: 4px 10px 0 0;
			}
			div#actie p a:link,
			div#actie p a:visited,
			div#actie p a:hover,
			div#actie p a:active{
				margin: 0;
				padding: 0;
			}

		/* -----------------------------------------
			news AND press columns
		----------------------------------------- */
		.news #column2,
		.press #column2{
			width: 430px;
			padding-right: 5px;
			margin-right: 0;
		}
		
			.newsArticle,
			.overviewItem{
				background: transparent url('../img/bg_news_item.png') repeat-x bottom left;
				margin-bottom: 15px;
				width: 430px;
				overflow: hidden;
			}
			
			.detail{
				background: none;
				margin-bottom: 0;
			}
			
			
/*			.newsArticle{background-image: none;}*/
			
				.itemLead{
/*					padding-bottom: 35px;*/
					width: 310px;
					padding-right: 10px;
					float: right;
					position: relative;
				}
				.cases .itemLead{width: 570px;}

				.itemLead.press{width: auto; float: none;}
				img.pdfIcon{
					float: left;
					margin-left: 25px;
				}
				p.date{
					color: #a7a7a7;
					font-style: italic;
					font-size: 1em;
				}
				.press p.date{
					width: auto;
					text-align:left;
				}
				
				.newsArticle p.date{
					text-align: left;
				}

			.newsImg{float: right; margin: 0 0 5px 10px;}
		
		a.mailingButton:link,
		a.mailingButton:visited,
		a.mailingButton:hover,
		a.mailingButton:active{
			background: transparent url('/static/img/but_press_mailing.png') no-repeat top left;
			height: 50px;
			width: 216px;
			display: block;
			text-indent: -9999px;
		}
		a.mailingButton:hover,
		a.mailingButton:active{
			background: transparent url('/static/img/but_press_mailing.png') no-repeat 0 -51px;
		}
		
		/* Used on nieuws en vacature detail pages */
		.backToOverview{
			background: transparent url('../img/bg_news_item.png') repeat-x bottom left;
			padding: 0 0 15px 0;
			margin: -10px 0 0 0;
		}
		.backToOverview a:link,
		.backToOverview a:visited,
		.backToOverview a:hover,
		.backToOverview a:active{
			background: url('../img/ico_back.gif') no-repeat left 4px;
			text-indent: 17px;
			display: block;
			width: 100%;
			padding: 0 0 7px 0;
			text-decoration: none;
		}
		
		.backToOverview a:hover{
			text-decoration: underline;
		}
	
	/* -----------------------------------------
		ACTIE OVERVIEW
	----------------------------------------- */
	.action{
		background: transparent url('../img/bg_news_item.png') repeat-x bottom left;
		width: 100%;
		padding-bottom: 35px;
		margin-bottom: 15px;
	}
	
		.action .item{
			width: 430px;
			float: left;
			padding-right: 40px;
		}
		
		.action.last{
			border: none;
			background: none;
		}
	
	
	/* -----------------------------------------
		SMOELENBOEK
	----------------------------------------- */
	#content #column2 ul.pictureList{
		list-style-type: none;
		margin: 0;
	}
	
		.pictureList li{
			margin: 0 10px 0 0;
			padding: 0;
			float: left;
			width: 127px;
			list-style-type: none;
			line-height: 1.3em;
			font-size: 1.1em;
			text-align: center;
			word-wrap: break-word;
		}
		.pictureList li.last{
			margin-right: 0;
		}
		
			.pictureList li a:link,
			.pictureList li a:visited,
			.pictureList li a:hover,
			.pictureList li a:active{
				display: block;
				padding: 14px 0 15px 0;
				text-decoration: none;
				text-transform: uppercase;
				background: transparent url('../img/smoelenboek_frame.gif') no-repeat 0 0;
			}
			
			.pictureList li a:link img,
			.pictureList li a:visited img,
			.pictureList li a:hover img,
			.pictureList li a:active img{display: block; float: none; margin: 0 auto 15px 14px;}

			.pictureList li a:link span,
			.pictureList li a:visited span,
			.pictureList li a:hover span,
			.pictureList li a:active span{
				color: #999;
				text-transform: none;
			}
			.pictureList li a:hover{
				color: #444;
				background: transparent url('../img/smoelenboek_frame.gif') no-repeat  -127px 0;
			}
			
				.pictureList li a:hover img{
					
				}
			
				.pictureList li a img{
					margin-bottom: 15px;
				}
	
				div.info{display: none;}
				
				
	#footerNav{background-color: #38444c;}
	#footer{
		background: #FFFFFF url('../img/bg_footer.gif') repeat-x top left;
		padding-bottom: 10px;
	}
	#footer .innerWrapper{
		text-align: left;
		padding: 1.0em 0 0 0;
	}
	
	
	/* -----------------------------------------
		PAGINATION
	----------------------------------------- */
	.paging{
		margin: 20px 0;
		padding: 0;
		list-style-type: none;
	}
	
	.paging.right{
		float: right;
		padding: 20px 6px 0 0;
	}
	
		.paging li{
			display: inline;
			background: white;
		}
		
			.paging li a:link,
			.paging li a:visited,
			.paging li a:hover,
			.paging li a:active{
				color: #596792;
				text-decoration: none;
				padding: 3px 8px;
				background: white;
				border: 1px solid #dbdbdb;
			}
			
			.paging li a:hover{
				background: #c0c5d6;
			}
			
			.paging li a.current:link,
			.paging li a.current:visited,
			.paging li a.current:hover,
			.paging li a.current:active{
				color: #fff;
				background: #596792;
			}
	
	
/* -----------------------------------------
	SECTION BLOCKS
----------------------------------------- */

.sectionBlock{
	background: transparent url('../img/section_shadow.png') no-repeat bottom center;
	padding-bottom: 14px;
	margin: 0 0 10px 0;
}

	/* div.sectionWrapper is created by JS DasboardPane class */
	.sectionBlock .sectionWrapper{
		background-color: #FFF;
		border: 1px solid #EAEAEA;
		border-top: 1px solid #FFF;
	}
	
	.sectionBlock h2{
		background: transparent url('../img/bg_section_block.gif') no-repeat top left;
		font-size: 1.4em;
		color: #fff;
		font-weight: bold;
		margin: 0;
		border-bottom: 1px solid #FFF;
	}
		.sectionBlock h2 a:link,
		.sectionBlock h2 a:visited,
		.sectionBlock h2 a:hover,
		.sectionBlock h2 a:active{
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 6px 0 6px 18px;
			margin-right: 0.5em;
			cursor: default; /* JS-OFF !! Cursor is set to hand when JS is available and toggles work! */
		}
		
		
		 .sectionBlock h2 img.sectionIcon{
			position: absolute;
			top: 7px;
			right: 10px;
		}
	.sectionBlock ul{
		list-style-type: none!important;
		margin: 0!important;
	}
		.sectionBlock ul li{
			background: transparent url('../img/bg_section_link.gif') no-repeat top left;
			margin: 0;
			font-size: 1.1em;
			font-weight: bold;
			padding: 0;
		}

			/* Online Stations have colored list backgrounds */
			.sectionBlock ul#station-1-online li,li#tabnav-1 .tabnav-heading{background: transparent url('../img/bg_section_link_sky.gif') no-repeat top left;}
			.sectionBlock ul#station-2-online li,li#tabnav-2 .tabnav-heading{background: transparent url('../img/bg_section_link_veronica.gif') no-repeat top left;}
			.sectionBlock ul#station-3-online li,li#tabnav-3 .tabnav-heading{background: transparent url('../img/bg_section_link_classic.gif') no-repeat top left;}
			.sectionBlock ul#station-4-online li,li#tabnav-4 .tabnav-heading{background: transparent url('../img/bg_section_link_tmf.gif') no-repeat top left;}
			.sectionBlock ul#station-5-online li,li#tabnav-5 .tabnav-heading{background: transparent url('../img/bg_section_link_love.gif') no-repeat top left;}
			.sectionBlock ul#station-6-online li,li#tabnav-6 .tabnav-heading{background: transparent url('../img/bg_section_link_christmas.gif') no-repeat top left;}
			.sectionBlock ul#station-7-online li,li#tabnav-7 .tabnav-heading{background: transparent url('../img/bg_section_link_summerhits.gif') no-repeat top left;}
			.sectionBlock ul#station-8-online li,li#tabnav-8 .tabnav-heading{background: transparent url('../img/bg_section_link_top1000.gif') no-repeat top left;}
			.sectionBlock ul#station-9-online li,li#tabnav-9 .tabnav-heading{background: transparent url('../img/bg_section_link_880.gif') no-repeat top left;}
			.sectionBlock ul#station-10-online li,li#tabnav-10 .tabnav-heading{background: transparent url('../img/bg_section_link_880.gif') no-repeat top left;}
			.sectionBlock ul#station-11-online li,li#tabnav-11 .tabnav-heading{background: transparent url('../img/bg_section_link_NL.gif') no-repeat top left;}
			.sectionBlock ul#station-15-online li,li#tabnav-15 .tabnav-heading{background: transparent url('../img/bg_section_link_no1.gif') no-repeat top left;}

			.sectionBlock ul li a:link,
			.sectionBlock ul li a:visited,
			.sectionBlock ul li a:hover,
			.sectionBlock ul li a:active,
			.sectionBlock ul li.tabnav-heading{		
				display:block; 	
				color: #36424a;
				height: 18px;
				line-height: 13px;
				text-decoration: none;
				padding: 6px 0 0 18px;
			}
			.sectionBlock ul { display:block;  }
			ul.sectionlist li {  position:relative; }
			ul.sectionlist span { position:absolute; top:2px; right:10px;  }
			.sectionBlock ul li a:hover,
			.sectionBlock ul li a:active{text-decoration: underline;}

			.sectionBlock ul li.tabnav-heading{color: #596792;}

			/* -----------------------------------------
				TABS
			----------------------------------------- */
			
			/* 
			Special list item that should only contain our tab-list,
			This li is part of a sectionBlock, but should not be styled
			as such. So we UNDO the styling of: ".sectionBlock ul li"
			*/
			
			.sectionBlock ul li.tabitem{
				background-image: none;
				height: auto;
				margin: 0;
				padding: 0;
			}
			
			.sectionBlock ul.tabnav{
				border-left: 1px solid #EAEAEA;
				border-right: 1px solid #EAEAEA;
				border-bottom: 2px solid #CDDE47; /* default = sky */
				background: #EAEAEA;
				text-align: center;
				padding: 0;
				margin: 0;
				font-size: 0.9em;
				line-height: 1;
			}
			/* Bottom Border on TAB-NAV: */
			.sectionBlock #station-1 ul.tabnav{border-bottom: 2px solid #CDDE47;}
			.sectionBlock #station-2 ul.tabnav{border-bottom: 2px solid #00BDF4;}
			.sectionBlock #station-3 ul.tabnav{border-bottom: 2px solid #8F529F;}
			.sectionBlock #station-4 ul.tabnav{border-bottom: 2px solid #E452A6;}

				.sectionBlock ul.tabnav li{
					display: block;
					float: left;
					background: #FFF;
					margin: 0;
					padding: 0.7em 1px 0 1px;
					width: 77px;
				}
				.sectionBlock ul.tabnav li.sky{background-color: #CDDE47;}
				.sectionBlock ul.tabnav li.veronica{background-color: #00BDF4;}
				.sectionBlock ul.tabnav li.classic{background-color: #8F529F;color: #FFF;}
				.sectionBlock ul.tabnav li.tmf{background-color: #E452A6;}

					.sectionBlock ul.tabnav li a:link,
					.sectionBlock ul.tabnav li a:visited,
					.sectionBlock ul.tabnav li a:hover,
					.sectionBlock ul.tabnav li a:active{
						width: auto;
						padding: 0;
					}
		
				.sectionBlock ul.tabnav li.classic a{color: #FFF;} /* Exception for ClassicFM */
				
		/* Play buttons homepage */
		#playbuttons {padding-left: 14px;}
				
/* -----------------------------------------
	TABLES
----------------------------------------- */
table{
	margin: 2em 0;
	width: 100%;
	border: 1px solid #000;
	text-align: left;
}
	table caption{
		margin-bottom: -1em; /* table top-margin/2 reversed! */
		margin-top: 2em; /* table top-margin/2 reversed! */
		font-size: 1.2em;
		font-style: italic;
		color:#666;
		text-align: right;
	}
	table tr{}
	table thead{}
		table thead tr{background: #000; color: #FFF;}
			table thead tr th,
			table tfoot tr th{
				border-bottom: 0px solid #000;
				padding: 0.2em 0.5em;
				font-weight: bold;
			}
			table thead tr td,
			table tfoot tr td,
			table tfoot tr th{
				padding: 0.2em 0.5em;
				border-bottom: 0px solid #000;
				border-right: 0px solid #000;
			}
	table tbody{}
		table tbody tr{}
			table tbody tr th{
				border-bottom: 0px solid #000;
				border-right: 0px solid #000;
				padding: 0.2em 0.5em;
				font-weight: bold;
			}
			table tbody tr td{
				padding: 0.2em 0.5em;
				border-bottom: 0px solid #000;
				border-right: 0px solid #000;
			}

/* -----------------------------------------
	FORMS
----------------------------------------- */
form{}

form#searchForm{float: right; position: relative;}

	legend,
	label,
	.help_text{
	font-family: Arial, Helvetica, Verdana, sans-serif;
		font-weight: normal;
		display: block;
	}
	
	fieldset.form{padding: 10px;}
		
		form p{margin-bottom: 1.0em;}
		
			form .help_text{display:block;font-style: italic;}
			
			label{
				font-weight: bold;
				padding-left: 3px;
				padding-bottom: 3px;
				color:#747474;
				font:bold 11px Arial, Helvetica, Verdana, sans-serif;
			}
			
			input,
			textarea{
				color: #687278;
				border: 1px solid #747474;
				margin: 0;
				font-size: 1.0em;
				width: 330px;
				padding: 4px;
				line-height: 1.5em;
				font-family: Arial, Helvetica, Verdana, sans-serif;
			}
			
			textarea{
				overflow: auto;
			}
			
			input:focus,
			textarea:focus,
			input.focus,
			textarea.focus{
				border: 1px solid #eff0f0;
			}


			input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], select, button { cursor: pointer; }

			input[type='hidden'] { display:none; }

			/* No width etc. on certain types of input... */
			input[type='button'], input[type='submit'], input[type='reset'], input[type='image'],
			input.button{
				padding: 3px 10px;
				margin-left: 0px;
				width: auto;
				color: #777;
				font-size:11px;
				border: 1px solid #747474;
				background: #dddddd;
			}
				/* ... Checkboxes and radio buttons */
				input[type=checkbox],
				input[type=radio],
				input.check,
				input.radio{
					background: transparent;
					width: auto;
					float: left; /* !! */
					border: none;
					margin: 0;
					font-weight:normal;
				}

			select{ color: #0b5589; border: 1px solid #0b5589;}
			select option{}




/* search facebook */

div#searchFacebookContainer{

}
div#searchFacebookContainer input{}
	div#searchFacebookContainer input.button{
		background: transparent;
		border: 0;
		padding: 0;
		margin-bottom: -20px;
	}

/*-----------------------------------------
 Default contactform styling
------------------------------------------*/

#message{
	color: #ff6565;
	background: #ffe5d4;
	padding: 2px 2px 2px 5px;
	width: 410px;
	font-weight: bold;
}

fieldset{
	width: 420px;
}

div.formElement{
	clear: both;
	font-size: 1.3em;
	color: #0b5589;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin: 15px 0;
}

div.formElement.submit{
	clear: left;
	padding: 10px 0 10px 263px;
}

	div.formElement.submit input{
		border: none;
		padding: 0;
		margin: 0;
		width: auto;
	}

div.input-wrapper{
	border: 3px solid #ecf4fa;
	margin: 0;
	padding: 0;
	display: table;
	background: #ecf4fa;
	float: left;
}

.required{
	margin-left: 10px;
	height: 20px;
	line-height: 28px;
	color: #93b9d5;
}

/* error */
div.error label{
	color: #ff4040;
}

div.error .input-wrapper{
	border: 3px solid #ffe5d4;
}

div.error .required{
	color: #ff8a81;
}

div.formElement.error input,
div.formElement.error textarea{
	border: 1px solid #ffb7b7;
}

div.formElement.error input.focus,
div.formElement.error input:focus,
div.formElement.error textarea.focus,
div.formElement.error textarea:focus{
	border: 1px solid #ffa3a3;
}

/*	Persberichten Streep */
.spacer.persbericht_rv,
.spacer.persbericht_rv_break_news { width: 100%; border-bottom: 1px solid #00AEEF; margin-bottom: 2px; }

.spacer.persbericht_sky,
.spacer.persbericht_sky_custom,
.spacer.persbericht_christmas_station, 
.spacer.persbericht_summer { width: 100%; border-bottom: 1px solid #B9D300; margin-bottom: 2px; }

.spacer.persbericht_tmf,
.spacer.persbericht_tmf_actie { width: 100%; border-bottom: 1px solid #E71A8A; margin-bottom: 2px; }

.spacer.persbericht_classicfm { width: 100%; border-bottom: 1px solid #662D91; margin-bottom: 2px; }

.spacer.persbericht_crossmedia_update,
.spacer.persbericht_nieuwsflits,
.spacer.persbericht_srg,
.spacer.persbericht_srg_luistercijfers { width: 100%; border-bottom: 1px solid #666666; margin-bottom: 2px; }
 

/*	Audiofragmenten	*/
.jmp3player { color:#00aeef; width:80px; overflow:hidden; }
.jmp3player2 { color:#fff; margin:15px 0; width:80px; overflow:hidden; }


/* blink cases */

.bco_item {
	clear:both;
	margin:0 0 20px;
	padding:0 0 10px;
}

.bco_item h1 { display:block; clear:both; }
.bco_image { 
	width:200px;
	margin:0 0 0 50px;
	float:right;
}
.bco_meta_tmf em, .bco_meta_veronica em, .bco_meta_classic em, .bco_meta_sky em, .bco_meta_default em{ 
	display:block;
	background:transparent;
	color:#666;
	padding:3px 0;
	margin:0 0 10px;
}

.bco_meta_veronica em { border-top:1px solid #00aeef; color:#00aeef; }
.bco_meta_classic em { border-top:1px solid #662d91; color:#662d91; }
.bco_meta_tmf em { border-top:1px solid #e71a8a; color:#e71a8a; }
.bco_meta_sky em { border-top:1px solid #b9d300; color:#b9d300; }
.bco_meta_default em { border-top:1px solid #666; color:#666; }

.bco_image img {
	display:block;
	padding:0 0 15px;
}

div.bco_image a.bco_bekijkmeer {
	padding:0 0 0 20px;
	background:url('../../gfx/btn_bekijkcase.gif') no-repeat 0 0;
	font:bold 12px/16px Arial;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	height:16px;
}

div.bco_image a.bco_bekijkmeer:hover {
	padding:0 0 0 20px;
	background:url('../../gfx/btn_bekijkcase.gif') no-repeat 0 -16px;
	font:bold 12px/16px Arial;
	color:#000;
	text-decoration:underline;
	text-transform:uppercase;
	display:block;
	height:16px;
}

.bco_text {
	float:left;
	width:420px;
}

table.bcd_case_info { width:100%; border-collapse:collapse; border:0; }
table.bcd_case_info tr td.label { 
	width:110px; 
	font-weight:bold; 
	padding:3px 20px 3px 0; 
	text-align:right;
	background-image:url(../../gfx/ico_arrow_right.gif);
	background-color:auto;
	background-repeat: no-repeat;
	background-position: 100% 51%;
}

.bcd_case_info td { border:1px solid #fff; border-width:1px 0; }
.bcd_case_info tr.odd td { background-color:#eaeaea; }
.bcd_case_info tr.even td { background-color:#efefef; }


#bcd_case_media {
	width:430px;
	float:left;
}

#bcd_case_tags {
	margin-left:10px;
	width:204px;
	float:right;	
}

#content #column2 #bcd_case_media ul, #content #column2 #bcd_case_tags ul { 
	background:#ddd;
	padding:10px;
	list-style:none;
	margin:0 2px;
}

#content #column2 #bcd_case_media ul li, #content #column2 #bcd_case_tags ul li {
	float:left;
	margin:0 20px 0 0;
}
a.bcd_link_pic {
	text-decoration:none;
	font-weight:bold;
	display:block;
	background:url(../../gfx/ico_bcd_pic.gif) no-repeat 0 0;
	height:15px;
	padding-left:85px;
}

a.bcd_link_pic:hover {
	text-decoration:none;
	color:#000;
	background-position:0 -15px;
}

a.bcd_link_video {
	text-decoration:none;
	font-weight:bold;
	display:block;
	background:url(../../gfx/ico_bcd_video.gif) no-repeat 0 0;
	height:15px;
	padding-left:60px;
}

a.bcd_link_video:hover {
	text-decoration:none;
	color:#000;
	background-position:0 -15px;
}

.bcd_case_box { margin:5px 0; } 
.bcd_case_box p { padding:5px 10px; }

.bcd_case_title {
	padding:2px 10px;
	background:#ddd;
	display:block;
	font:bold 13px/16px Arial;
}
.backToOverview_veronica { border-bottom:1px solid #00aeef; padding:0; margin: -10px 0 10px 0; }
.backToOverview_classic { border-bottom:1px solid #662d91; padding: 0; margin: -10px 0 10px 0; }
.backToOverview_tmf { border-bottom:1px solid #e71a8a; padding: 0; margin: -10px 0 10px 0; }
.backToOverview_sky { border-bottom:1px solid #b9d300; padding: 0; margin: -10px 0 10px 0; }
.backToOverview_default { border-bottom:1px solid #666; padding: 0; margin: -10px 0 10px 0; }

		.backToOverview_veronica a:link, .backToOverview_classic a:link, .backToOverview_tmf a:link, .backToOverview_sky a:link, .backToOverview_default a:link,
		.backToOverview_veronica a:visited, .backToOverview_classic a:visited, .backToOverview_tmf a:visited, .backToOverview_sky a:visited, .backToOverview_default a:visited,
		.backToOverview_veronica a:hover, .backToOverview_classic a:hover, .backToOverview_tmf a:hover, .backToOverview_sky a:hover, .backToOverview_default a:hover,
		.backToOverview_veronica a:active, .backToOverview_classic a:active, .backToOverview_tmf a:active, .backToOverview_sky a:active, .backToOverview_default a:active {
			background: url('../img/ico_back.gif') no-repeat left 4px;
			text-indent: 17px;
			display: block;
			width: 100%;
			padding: 0 0 7px 0;
			text-decoration: none;
		}
		
		.backToOverview_veronica a:hover, .backToOverview_classic a:hover, .backToOverview_tmf a:hover, .backToOverview_sky a:hover, .backToOverview_default a:hover {
			text-decoration: underline;
		}
		
.bcd_case_result_veronica { border-bottom:1px solid #00aeef; }
.bcd_case_result_classic { border-bottom:1px solid #662d91; }
.bcd_case_result_tmf { border-bottom:1px solid #e71a8a; }
.bcd_case_result_sky { border-bottom:1px solid #b9d300; }
.bcd_case_result_default { border-bottom:1px solid #666; }
		
/* FORMCLASS */
		
table.formclass, table.formclass td { border:0; }

/* AUDIOFRAGMENTEN */

a#update_audio_go  {
	display:block;
	width:200px;
	height:30px;
	border:0;
	text-decoration:none; 
	padding:1px;
	background:#999;
}
a#update_audio_go:hover {
	padding:1px;
	background:#333;
	border:0;
	text-decoration:none;
}

a#update_audio_go img, a#update_audio_go:hover img { border:0; text-decoration:none; }

table#audiofragment_list, table#audiofragment_list td { border:0; padding:0; }

table#audiofragment_list td div.title { font:bold 14px/14px Arial; padding-top:13px;}
table#audiofragment_list td div.intro { font:normal 13px/16px Arial; }
table#audiofragment_list td div.intro p { font:normal 13px/16px Arial; margin:0; padding:0;  }

table#audiofragment_list tr.radioveronica td { border-top:1px solid #00aeef; } 
table#audiofragment_list tr.classicfm td { border-top:1px solid #662d91; }
table#audiofragment_list tr.hitradio td { border-top:1px solid #e71a8a; }
table#audiofragment_list tr.skyradio td { border-top:1px solid #b9d300; }