/* RESET MEYERWEB v1.0 | 20080212
----------------------------------------------- */
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%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}


/* ######## BASE HTML ######## */
body {
	background: #e3e3e3;
	font: 11px verdana, times, sans-serif;
	color: #000;
	text-align: center;
}

h1 {
	margin-bottom: 7px;
	font-size: 22px;
	color: #186cb6;
}

h2 {
	font-size:12px;
	color:#fff;
}

p {
	line-height:1.5;
	color:#000;
}

a {
	color:#000;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a:active {
	outline: none;
}
:focus {
	-moz-outline-style: none;
}

/*
pre, code, kbd, samp {
	font-size:1.3em;
}

pre code {
	font-size:1em;
}

hr {
	clear:both;
	background:#DADADA;
	color:#DADADA;
	border:0;
	height:1px;
	margin:0;
}

hr.clearer, hr.clear {
	background:#FFF; color:#FFF;
}

ol, ul.csc-menu-def {
	list-style:decimal;
	padding:0 0 0 2.8em;
	margin:0;
}

.hidden {
	display:none;
}

.unhidden {
	display:block;
}

td {
	height:auto;
	padding:0.3em;
}

td p {
	margin:0;
}

caption, th {
	padding:0.3em;
}

caption {
	background:black;
	color:white;
	font-style:italic;
}
*/

hr {
	clear:both;
	background:#DADADA;
	color:#DADADA;
	border:0;
	height:1px;
	margin:0;
}

hr.clearer, hr.clear {
	background:#FFF;
	color:#FFF;
}

input {
	float:left;
	border:0;
	font-size:11px;
	font-weight:bold;
	color:#acacac;
	display:block;
}
/* ######## END BASE HTML ######## */


/* ######## FRAMEWORK ######## */
#container {
	position: absolute;
	background: #fff;
	left: 50%;
	margin-left: -485px;
	width: 970px;
	text-align: left;
}

#flashplayer {
	position:relative;
	margin:10px;
	width:949px;
}

#flashcontent {
	position:relative;
	width:947px;
	height:311px;
	border:1px solid #1d5c87;
}

#wrapper_content {
	position:relative;
	width:100%;
}

* html #wrapper_content span, *+html #wrapper_content span {
	display:inline-block;
	height: 100%;
}

	#left, #right {
		float:left;
		position:relative;
		display:inline;
	}
	#left {
		margin:0 0 0 10px;
		width:405px;
		border:0px solid red;
	}

	#right {
		margin:0 0 0 20px;
		width:524px;
		border:0px solid blue;
	}
/* ######## END FRAMEWORK ######## */

/* ######## BEGIN NAV CSS ###### */

#nav {
	position:relative;
	background:transparent url(/fileadmin/GFX/nav_bg.gif) repeat-x;
	margin:0 10px 10px;
	padding:0 5px;
	height:49px;
	z-index:100;
}

.corner {
	position:absolute;
	background:transparent url(/fileadmin/GFX/nav_corners.gif) no-repeat;
	height:100%;
	width:5px;
}

	.left {
		left:0;
	}

	.right {
		background-position: top right;
		right:0;
	}

.radio_logo {
	position:absolute;	
	margin:0;
	width:229px;
	height:49px;	
}

.ontdek {
	position:absolute;
	/*background:transparent url(../images/ontdek_DUMMY.gif) no-repeat right;*/
	top:12px;
	right:7px;
	width:80px;
	height:29px;
}

ul#menu {
	position:absolute;
	top:7px;
	left:247px;
	padding:0;
	list-style: none;
}

	ul#menu li {
		position: relative;
		float: left;
		margin: 0; 
		padding: 0;
	}
	ul#menu li a.hitem {
		float: left;
		padding:10px 0 0;
		width: 98px;
		height: 25px;
		font-weight:bold;
		font-size:13px;
		color:#fff;
		text-decoration:none;
		text-align:center;
		cursor:pointer;
	}
	
	.hitem span.hover {
		background:transparent url(/fileadmin/GFX/menu_hover.gif) no-repeat;
		position: absolute;
		padding:10px 0 0;
		top: 0;
		left: 0;
		width: 98px;
		height: 25px;
		color:#000;
		display: block;
		display:none;
	}
	
	ul#menu li .sub {
		position:absolute;
		top:30px;
		left:0;
		width:260px;
		display:none;
		z-index:9999;
	}
	
		.subcorner {
			float:left;
			background:transparent url(/fileadmin/GFX/sub_corners.gif) no-repeat;
			width:100%;
		}
			
			.top {
				background-position:top left;
				height:13px;
			}
		
			.bottom {
				background-position:bottom left;
				height:16px;
			}
			
		.sub_bg {
			float:left;
			background:#ecab04;
			width:100%;
		}
			
		.sub ul {
			float:left;
			margin:0 21px 0 11px;
		}
		
		* html .sub ul {
			margin:0 0 0 5px;
		}		
		
		.sub ul li {
			border-bottom:1px dashed #fff;
		}
		
		.sub ul li a {
			background:transparent url(/fileadmin/GFX/sub_ico.gif) no-repeat 3px 0;
			margin:3px 0 2px;
			padding:6px 0 0 26px;
			height:19px;
			width:201px;
			font-size:11px;
			font-weight:bold;
			color:#fff;
			text-decoration:none;
			display:block;
		}
		
		.sub ul li a:hover {
			background:#e19f00 url(/fileadmin/GFX/sub_ico.gif) no-repeat 3px 0;
		}
		
		.sub ul li a.trosprog {
			background:transparent url(/fileadmin/GFX/sub_ico.gif) no-repeat 3px -26px;
		}
		
		.sub ul li a:hover.trosprog {
			background:#e19f00 url(/fileadmin/GFX/sub_ico.gif) no-repeat 3px -26px;
		}
		
		/* KEEP IT FOR THE INCLUDE */
		ul#menu li a.hitem, .sub ul li a {
			font-family:verdana,times,sans-serif; 
		}
		/* END KEEP */

/* ####### END NAV CSS ####### */


/* ######## BLOCK FLASHPLAYER ######## */
.fpheader, .fpfooter {
	position:relative;
	background-color:#1d5c87;
	height:8px;
	overflow:hidden;
}

	.fpt, .fpbleft, .fpbright{
		position:absolute;
		background:transparent url(/fileadmin/GFX/flashplayer_corners.gif) no-repeat;
		width:8px;
		height:100%;
		padding:0 !important;
		border:0px solid red;
	}

	.fpbleft {
		background:transparent url(/fileadmin/GFX/flashplayer_corners.gif) no-repeat left -12px;
		left:0;
	}

	.fpbright {
		background:transparent url(/fileadmin/GFX/flashplayer_corners.gif) no-repeat right -12px;
		right:0;
	}

#flContent{
    height:311px;
    width:947px;
    position:absolute;
   
}
/* ######## END BLOCK FLASHPLAYER ######## */


/* ######## BLOCK ZOEK ######## */
.zoek {
	background:#a1a1a1 url(/fileadmin/GFX/zoek_bg.gif) repeat-x;
	height:97px;
	width:100%;
}

.zcorner {
	position:absolute;
	background:transparent url(/fileadmin/GFX/zoek_corners.gif) no-repeat;
	width:10px;
	height:100%;
}

.zcorner.right {
	right:-1px;
}
/* ######## END BLOCK ZOEK ######## */


/* ######## BLOCK NIEUWSBRIEF ######## */
.nieuwsbrief {
	background:#1d5c87 url(/fileadmin/GFX/nieuwsbrief_bg.gif) repeat-x;
	height:84px;
	width:100%;
}

.ncorner {
	position:absolute;
	background:transparent url(/fileadmin/GFX/nieuwsbrief_corners.gif) no-repeat;
	width:10px;
	height:100%;
}
/* ######## END BLOCK NIEUWSBRIEF ######## */


/* ######## BLOCK ZOEK / NIEUWSBRIEF INPUT - BUTTONS ######## */
.zoekInput {
	background:transparent url(/fileadmin/GFX/zoek_input.png) no-repeat;
	margin:10px 0 0 11px;
	padding:9px 0 0 15px;
	width:227px;
	height:21px;
	display:inline;
}

.zoekSubmit {
	background:transparent url(/fileadmin/GFX/zoek_btn.png) no-repeat;
	margin:10px 0 0 10px;
	padding-top:3px;
	width:118px;
	height:30px;
	text-align:left;
	color:#000;
}

.zoekSubmitHover {
	background:transparent url(/fileadmin/GFX/zoek_btn.png) no-repeat bottom;
	margin:10px 0 0 10px;
	padding-top:3px;
	width:118px;
	height:30px;
	text-align:left;
	color:#000;
}

* html .zoekSubmit, * html .zoekSubmitHover {
	padding-left:8px;
}

*+html .zoekSubmit, *+html .zoekSubmitHover {
	padding-left:8px;
}
/* ######## END BLOCK ZOEK / NIEUWSBRIEF INPUT - BUTTONS ######## */


/* ######## BLOCK PROG GEMIST / NIEUWSSHOW ######## */
.header{
	background:#3093c7 url(/fileadmin/GFX/header_htcorner.gif) repeat-x;
	height:32px;
}

	.htcorner {
		position:absolute;
		background:transparent url(/fileadmin/GFX/header_htcorners.gif) no-repeat;
		width:10px;
		height:32px;
	}

	.httitel {
		position:absolute;
		margin:10px 0 0 11px;
	}

.plane {
	position:relative;
	width:520px;
	border:2px solid #c2c2c2;
	border-width:0 2px;
}

.plane .feed-loading {
    width:100%;
    text-align:center;
    padding:15px 0px;
}

ul.list {
	background:#fff;
}

ul.list li {
	background:#fff;
	float:left;
	position:relative;
	height:60px;
	width:100%;
	border-top:1px solid #e4e4e4;
	border-bottom:1px solid #ededed;
}

ul.list li:first-child {
	border-top:0;
}

	.th_img {
		float:left;
		margin:7px 9px;
		border:1px solid #fff;
	}

	.content {
		float:left;
		margin-top:7px;
	}

		p.nieuwsitem {
			left:93px;
			width:333px;
			position:absolute;
		}

			a.titel {
				font-weight:bold;
			}

		.link {
			float:right;
			margin:8px 15px 0;
			width:auto;
			text-align:right;
			font-weight:bold;
		}

		.radio {
			position:absolute;
			top:8px;
			right:80px;
			width:75px;
			text-align:center;
			font-weight:bold;
		}

		a.meer {
			background:transparent url(/fileadmin/GFX/btn_meer.png) no-repeat;
			margin-top:7px;
			width:52px;
			height:20px;
			text-indent:30000px;
			display:block;
			overflow:hidden;
		}

	div.last-li {
		float:right;
		height:30px;
		text-align:right;
	}

	div.last-li a {
		margin-right:15px;
	}
/* ######## END BLOCK PROG GEMIST / NIEUWSSHOW ######## */


/* ######## END BLOCK LUISTERLIVE ######## */
.luisterlive .plane {
	width:auto;
	height:auto;
	padding:20px 9px;
	border-bottom:4px solid #b4b4b4;
}

ul#zender {
	margin-bottom:0px;
	width:100%;
	height:43px;
}

ul#zender li {
	float:left;
	width:20%;
}

ul#zender li a {
	display:block;
	width:86px;
	height:43px;
	border:1px solid #fff;
}

ul#zender li a:hover {
	border:1px solid #d2d2d2;
}
/* ######## END BLOCK LUISTERLIVE ######## */


/* ######## BLOCK TABS OVERALL ######## */
/* root element for tabs  */
ul.tabs, ul.no-tabs {
	position:absolute;
	top:8px;
	right:15px;
	margin: 0 !important;
	padding: 0;
	height: 28px;
}

/* single tab */
ul.tabs li, ul.no-tabs li {
	float: left;
	text-indent: 0;
	padding: 0;
	margin: 0 !important;
	list-style-image: none !important;
}

/* link inside the tab. uses a background image */
ul.tabs a, ul.no-tabs a {
	position: relative;
	background: url(/fileadmin/GFX/tabs_wb-test.gif) no-repeat;
	padding: 0;
	margin: 0;
	height: 28px;
	width: 106px;
	color: #fff;
	font-weight:bold;
	line-height: 28px;
	text-align: center;
	text-decoration: none;
	display: block;
}

ul.tabs a:active, ul.no-tabs a:active {
	outline: none;
}

/* size class l */
ul.tabs a.l, ul.no-tabs a.l {
	background-position: left bottom;
	width: 106px;
}

/* size class s */
ul.tabs a#s, ul.no-tabs a#s {
	background-position: right bottom;
	width: 76px;
}

/* size class s */
ul.tabs a:hover#s, ul.tabs a#s.current, ul.no-tabs a:hover#s, ul.no-tabs a#s.current {
	background-position: right top;
	color: #000;
}

/* size class l */
ul.tabs a:hover.l, ul.tabs a.l.current, ul#no-tabs a:hover.l, ul#no-tabs a.l.current {
	background-position: 0 0;
	color: #000;
}

/* initially all plane are hidden */
.plane .listview {
	display:none;
	position:relative;
}
/* ######## END BLOCK TABS OVERALL ######## */

/* ####### BEGIN FOOTER CSS ####### */

/* navigation items */

#wrapper_footer {
	float:left;
	width:100%;
}

#footer {
	position:relative;
	background:#353434;
	margin:0 10px;
	padding:10px 25px 40px;
	margin-top:0px;
}

#footer:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

*+html #footer {
	display: inline-block;
}

html[xmlns] #footer {
	display: block;
}
 
* html #footer {
	height: 1%;
}

* html .leftc{
	margin-left:-0px;
	}

*+html .leftc {
	margin-left:-0px;
	
	}

.fcorner {
 background:transparent url(/fileadmin/GFX/footer_corners.gif) no-repeat scroll 0 0;
 height:9px;
 margin-right:11px;
 margin-top:0px;
 position:absolute;
 width:12px;
 z-index:10;
}

	.left {
		left:0;
	}
	
	.right {
		background-position:top right;
		right:0;
	}

ul.sitemap {
	float:left;
	position: relative;
	margin: 0 80px 0 0;
	list-style: none;
}

	ul.sitemap li { 
		margin: 0 0 5px 0;
	}
	
	ul.sitemap li a, ul.live li a {
		font: 11px tahoma, arial, helvetica, serif;
		color: #fff;
		text-decoration:none;
	}
	
	ul.sitemap li a.hitem, ul.live li.hitem  {
		font-weight: bold; 
		color: #f1b627;
	}
	
	ul.sitemap li a:hover, ul.live li a:hover {
		text-decoration:underline;
	}

ul.live {
	position:absolute;
	left:25px;
	bottom:20px;
}	

	ul.live li {
		position: relative;
		float: left;
		margin-right:10px; 
		padding-right:7px;
		border-right:1px solid #fff;
	}
	
	ul.live li.hitem {
		border-right-width:2px;
	}
	
	/*ul.live li:after {
		padding-left:5px;
		content: "|";
		color:#fff;
	}*/
/* END navigation items */

/* ####### END FOOTER CSS ###### */


/* ######## OVERALL CLASSES ######## */
.block, .csc-textpic {
	position:relative;
	margin-bottom:20px;
	width:100%;
}

.orange {
	border-bottom:4px solid #f17c35;
}

.yellow {
	border-bottom:4px solid #f1bd35;
}

.grey {
	background-color:#353434;
}

.noimg {
	background-image:none;
}

.left {
	background-position:left top;
	left:0;
	
}

.leftc{
	margin-left:10px;	
	
}

* html .ftp.right, * html .fpbright, * html .zcorner.right, * html .htcorner.right{
	right: -1px;	
}

.right {
	background-position:right top;
	right:-1px;
}
/* List items hover classes */
.mouseOver {
	background:#ddd;
}
.mouseOut {
	background:transparent;
}
/* ######## END OVERALL CLASSES ######## */


/* ######## CSS CLEARFIX HACKS (.CF) ######## */
.cf:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.cf {
	display: inline-block;
}

html[xmlns] .cf {
	display: block;
}

* html .cf {
	height: 1%;
}
/* ######## END CSS HACKS ######## */