/* -- Start reset --*/
	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,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-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;
	}
	ol, ul {list-style: none;}
	table {	border-collapse: separate;border-spacing: 0;}
	caption, th, td {text-align: left;font-weight: normal;}		
	blockquote:before, blockquote:after,					
	q:before, q:after {content: "";}
	blockquote, q {quotes: "" "";}
/*-- Einde reset --*/		

html {
	height: 100%;/* html, body en #wrapper hoogte 100% geven omdat je anders in ff 1px verschil ziet met bg */
}
body {
	margin: 0 0 0 -4px;
	padding: 0;
	background: #DEDFDE;
	font-family: Trebuchet MS, Tahoma, Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 1.2;
	height: 100%;
}
#pagecontent{
	/* de achtergrond van vara.nl moet in een aparte div worden gedefinieerd en niet in de body, omdat de footer er anders gek uitziet wanneer er weinig content is*/
	background: #a10101 url(images/bg-rood.jpg) repeat-y scroll center top;
}

.contentwidth { /*geeft de breedte van de totale content aan*/
	margin: 0 auto;
	width: 980px; /*dit moet 980px zijn omdat de ps-en dezelfde breedte hebben */
	height: auto;
}
#header .contentwidth{
	width:965px;
}
/*-- Start header --*/
	#header {
		padding: 8px 8px 0;
		background: #111 url(images/bg-header_3.jpg) repeat-x;
		color: #fff;
		height: 99px;
		width:972px;
		margin:0 auto;
		text-align:left;
	}
	#header a {
		color: #fff;
		text-decoration:underline;
	}
	#header a:hover {
		color: #aaa;
	}

	#varalogo{
		position: relative;
		top: 0;
		float: left;
		z-index: 2;
		height:	40px;
	}
	#varalogo img{
		background: transparent url(images/varalogo.gif) no-repeat;
		width:				130px;
		height:				39px;
	}
	#wordlid{
		padding: 0 0 0 150px;
		display:block;
		position:relative;
		top:14px;
		text-transform:capitalize;
		text-decoration:underline;
		font-weight:bold;
	}
	#wordlid a:hover,
	#wordlid a:focus {
		color: #e00000;
	}
	#varalogo img{
		position: absolute;
		top: -2px;
		z-index: 3;
	}
	
	#mainnavbar {
		position: relative;
		top: 23px;
		z-index: 4;
		padding: 5px;
		background: #f9f9f9;
		font-family: Trebuchet MS, Tahoma, Helvetica, Arial, Verdana, sans-serif;
	}
	/*-- Start main nav --*/
		ul#mainnav {
			margin: 0 0 0 25px;
			line-height:	1.8;
			width:675px;
		}
		#mainnav li {
			display: inline;
			margin-left: 3px;
			font-weight: bold;
			position: relative;
		}
		#mainnav li a {
			margin:1px;
			padding: 12px 8px;
			color: #666;
			text-decoration: none;
		}
		#mainnav li a:hover,
		#mainnav li a:focus,
		#mainnav li.active a{
			margin:0px;
			border-color:#FFFFFF #DDDDDD;
			border-style:solid;
			border-width:1px;
			color: #e00000;
			background: #fcfcfc url(images/vara-backgrounds.gif) repeat-x 0 -40px;
		}
	/*-- Einde main nav --*/
	
	/*-- Start zoekbox --*/
		.searchbox {
			float: right;
			width: 207px;
		}
		.searchbox form {
			margin: 0;
			padding: 0;
		}
		.searchbox input#searchfieldHome,
		.searchbox input#searchfieldFooter {
			color:#888888;
			font-family:Trebuchet MS, Tahoma, Helvetica;
			font-size:12px;
			font-weight:bold;		
			margin: 0 5px 0;
			border: 1px solid #ccc;
			padding: 2px;
			width: 166px;
			height: 16px;
			background: #fff url(images/vara-backgrounds.gif) no-repeat;/* TODO: in IE6 stylesheet positie aanpassen omdat die focus niet snapt */
		}
		.searchbox input {
			vertical-align: top;
			float:	right;
		}
	/*-- Einde zoekbox --*/
	
	/*-- Start styleswitcher --*/
		#styleswitcher {
			font-size:11px;
			left:826px;
			position:relative;
			top:31px;
			width:158px;
		}
		#styleswitcher ul,
		#styleswitcher li {
			display: inline;
		}
		#styleswitcher a img {
			width: 14px;
			height: 14px;
			background: transparent url(images/vara-icons.gif) no-repeat;
		}
		a#style1 img {
			background-position: 0 -40px;
		}
		a#style1:hover img,
		a#style1:focus img {
			background-position: -40px -40px;
		}
		a#style2 img {
			background-position: 0 -80px;
		}
		a#style2:hover img,
		a#style2:focus img {
			background-position: -40px -80px;
		}
		a#style3 img {
			background-position: 0 -120px;
		}
		a#style3:hover img,
		a#style3:focus img {
			background-position: -40px -120px;
		}
	/*-- Einde styleswitcher --*/
	
	/*-- Start mijn vara --*/
	#mijnvara {
		position: absolute;
		margin: 1px auto 3px 775px;
	}
	#mijnvara a {
		display: block;
		width: 95px;
		height: 22px;
		overflow: hidden;
		background: transparent url(images/tabje-mijn-vara.png) no-repeat 0 0;
	}
	#mijnvara a:hover,
	#mijnvara a:focus {
		background-position: 0 -50px;
	}
	#mijnvara a span {
		/* tekstje "mijn vara" voor zoekmachines etc */
		margin-left: -500px;
	}
	/*-- Einde mijn vara --*/
	
	/*-- Start npo menu --*/
		#npo_button_container {
			position: absolute;
			margin:-35px auto 4px 886px !important;
			right: 0;
			top: 20px;
			float:right;/* laten staan voor IE <= 7*/
		}
		#npo_button_container a {
			color: #222;/* zelfde kleur als mainbar; dan zie je tekstje niet staan tijdens inladen npo menu */
		}
	/*-- Einde npo menu --*/
/*-- Einde header --*/

#maincontent {
/*	padding: 0 8px; uitgezet rutger */
}

/*-- Start standaard HTML tags */
	a img{
		border:				0;
	}
	a{
		text-decoration:	none;
		color :				#000;
	}
	a:hover{
		color:				#000;
		border:				0;
	}
	.action-items li,
	.linkforward li,
	.linkbackward li{
		padding:			0;
		margin:			0;
		line-height: 1.8;
	}
	.action-items a,
	a.linkforward,
	a.linkforward,
	.linkforward a,
	.linkforward a,
	a.linkbackward,
	a.linkbackward,
	.linkbackward a,
	.linkbackward a {
		/* background:			transparent url(images/sprite.gif) no-repeat 0 -141px; */
		background:			transparent url(images/sprite.gif) no-repeat 0 2px; 		
		padding:			2px 0 3px 25px;
	}
	.action-items a:hover,
	a.linkforward:hover,
	a.linkforward:focus,
	.linkforward a:hover,
	.linkforward a:focus,
	a.linkbackward:hover,
	a.linkbackward:focus,
	.linkbackward a:hover,
	.linkbackward a:focus {
		/* background:			transparent url(images/sprite.gif) no-repeat 0 -69px; */
		background:			transparent url(images/sprite.gif) no-repeat 0 -68px;
		color:				#e00000;
		/* border-bottom:		1px solid #e00000; */
	}

	.actionlink,
	.leesmeerlink {
		line-height: 1.8;
		font-weight:		bold;
	}
	.actionlink a,
	a.actionlink {
		color:				#000;
		/*border-bottom:	1px solid #ccc;*/
		background:		transparent url(images/sprite.gif) no-repeat scroll 0 -139px;
		padding:			4px 25px 7px;
		text-decoration:		underline;	
		margin:			1px 0 0;
	}
	.actionlink a:hover,
	a.actionlink:hover {
		color:				#e00000 !important;
		/* border-bottom:		1px solid #e00000; */
	}
	#home .actionlink a,
	#home a.actionlink {
		background:			transparent url(images/sprite.gif) no-repeat 100% -135px;
		padding:				5px 28px 0 0;
	}
	#home .actionlink {
		display:				block;
	}
	
	#home a.leesmeerlink:hover {
		color:#e00;
	}
	
	.textbox p,
	.csi-text p{
		margin:				0 0 5px 0;
		line-height:			1.6em;
	}
	h1, h2, h3, h5, h1 a, h2 a, h3 a, h5 a {
		color:				#e00000;
		font-weight:		bold;
	}
	h1 {
		font-size:			1.4em;
		margin:			0;
		padding:			0;
	}
	h1 a:hover {
		color:				#000;
	}
	h2{
		margin:			11px 0 5px 0;
		color:				#E00000;
		padding:			0;
		font-size:			1.2em;
		font-weight:		bold;
	}
	h2.singleheader{
		margin-left:		10px;
	}
	h2 a {
		/* color:				#000; */
		/* border-bottom:		1px solid #ccc; */
	}
	
	#content_left h2 a,  #content_right h2 a{
	font-size:12px;
	}
	
		#content_left h2,  #content_right h2{
	font-size:16px;
	}
	
	h2 a:hover {
		color:				#e00000;
		/* border-bottom:		1px solid #e00000; */
		text-decoration: 		underline;
	}
	h3{
		margin:			0 0 5px;
		font-size:			.8em;
		padding:			1px 5px 2px;
	} 
	h4{
		margin:				0;
		padding:			0;
		font-size:			1em;
		line-height:		1.2;
	}
	strong{
		font-weight: bold;
	}
/*-- Start formulier */
	form {
		margin:				7px 0 0;
		padding:			0;
	}
	form textarea,
	form .fixedwidth {
		width:				250px;
		border:				1px solid #ccc;
	}
	form .actionbar {
		/* plaat voor submitbuttons etc */
		margin:				0;
	}
	.fixedwidth:focus,
	input:focus,
	textarea:focus {
		background:			#eee;
	}
	form input.button {
	  /* background:#E00000 url(images/bg_button.gif) no-repeat 0 -1px;*/
	  background:			#000 url(images/bg_button.gif) 0 -71px no-repeat;
           border:1px solid #FFFFFF;
           color:#FFFFFF;
           cursor:pointer;
           /*
           font-size:15px;
           font-weight:bold;
           */
           font-family:Trebuchet MS,Tahoma,Helvetica,Arial,Verdana,sans-serif;
           padding:0 5px 0 21px;
           text-transform:capitalize;
           /* width:135px; */
}


	form input.button:hover {
		color:				#fff;
/*		background:			#000 url(images/bg_button.gif) 0 -71px no-repeat;*/
		background:			#000 url(images/bg_button.gif) 0 -1px no-repeat;
		border:				1px solid #fff;
	}
	.radioholder {
		line-height:		1.8;/* anders is in safari line-height niet hoger dan radiobutton en worden gefloate radobuttons horizontaal verschoven*/
	}
	.radioholder label {
		display:			block;
		padding:			0 0 0 20px;
	}
	.radioholder input {
		float:				left;
		margin:				5px 0 0;
		border:				none;
	}
	.dayfield,
	.monthfield {
		width:				2em;
	}
	.yearfield {
		width:				4em;
	}
	hr{
		border:				1px dotted #eee;
	}
/*-- Einde formulier */

/*-- Start tables --*/
	th span {
		margin-right:		25px;
	}
	th span.required {
		margin-right:		-12px;/* zorgt ervoor dat labels netjes boven elkaar staan; sterretjes staan dan in gutter */
	}
	.datatable {
		border-collapse:	collapse;
		border:				1px solid #590101;
		border-top:			0;
		/* tantek-hack voor IE < v6.0; die interpreteert breedte van parent niet juist */
		width:				97%;/* IE < v6 */
		voice-family:		"\"}\"";
		voice-family:		inherit;
		width:				100%;/* overige browsers */
	}
	.datatable a {
		text-decoration:	none;
	}
	.datatable a:hover,
	.datatable a:focus {
		color:				#e00000;
	}
	.datatable h4 {
		margin:				0;
	}
	.datatable tr.oddrow,
	.datatable tr.evenrow {
		background-image:	url(images/dots_roze_ce7b7a_hor.gif);
		background-repeat:	repeat-x;

	}
	.datatable tr.oddrow {
		background-color:	#f9f9f9;
	}
	.datatable tr.evenrow {
		background-color:	#fff;
	}
	.datatable tr.footer {
		background-image:	none;
	}
	.datatable caption {
		margin-left:		-1px;/* anders begint caption pas na breedte border table */
		padding:			5px;
		background:			#fff;
		font-weight:		bold;
		text-align:			left;
		color:				#e00000;/*overrulet evt color in colgroup.alt */
	}
	.datatable th,
	.datatable .subhead td,
	.datatable .footer td {
		padding:			5px;
		border:				0;
		border-left:		1px solid #590101;
		background:			#f9f9f9;
		font-weight:		bold;
		text-align:			left;
		color:				#fff;/*overrulet evt color in colgroup.alt */
	}
	.datatable .subhead td {
		border-width:		0 0 1px;
		background:			#8c100e;
		font-size:			1.2em;
		font-weight:		bold;
		line-height:		1em;
	}
	.datatable .footer td {
		background:			transparent url(images/bg_rowhead.gif) repeat-x;
	}
	.datatable th.rowhead {
		background:			transparent url(images/bg_rowhead.gif) repeat; /* IE toont bg van onderliggende tr niet, dus die moet hier in bg-image worden meegenomen */
	}
	.datatable td {
		padding:			5px;
		border:				0;
		border-left:		1px solid #590101;
	}
	.datatable td.first {
		/* nodig om td's andere border te kunnen geven dan table */
		border-left:		0;
	}
	.datatable td.info {
		padding-top:		7px;
	}
	.datatable colgroup.alt {
		color:				#f9f9f9;
	}
	.mediabox .datatable {
		margin:				0;
		border:				none;
		width:				auto;
		width:				100%;
	}
	.mediabox .datatable tr.oddrow,
	.mediabox .datatable tr.evenrow {
		border:				none;
		background:			none;
	}
	.mediabox .datatable td {
		padding:			3px 5px;
		border:				0;
		border-top:			1px solid #b34745;
		border-bottom:		1px solid #b34745;
		vertical-align:		middle !important;/* overrulet setting van #maintable td */
	}
	.formtable {
		border:				0;
		/* tantek-hack voor IE < v6.0; die interpreteert breedte van parent niet juist */
		width:				97%;/* IE < v6 */
		voice-family:		"\"}\"";
		voice-family:		inherit;
		width:				100%;/* overige browsers */
	}
	.formtable a.button {
		line-height:		2.0;/* anders geen marge in IE */
	}
/*-- Einde tables --*/

/*-- Einde standaard HTML tags */

/*-- Start main layout --*/
	.searchbutton{
		background: transparent url(images/zoekbutton.gif) no-repeat;
		width:				22px;
		height:				22px;
	}
	#maintable {
		margin-left:		auto;
		margin-righ	t:		auto;
		width:				100%;
		height:				100%;
		text-align:			left;
	}
	.popup #maintable {
		width:				700px;
	}
	#content_border .box{
		margin: 0;
	}
	#maintable tr.mainlaytr {
		/* dit moet in een tr en niet in de body, omdat anders IE5 in td's de grootte niet overneemt; kan niet op elke tr omdat anders andere browsers de 62.5% per tr gaan vermenigvuldigen */

		/*
		alle overige fontsizes kunnen dmv ems scalable worden gedefinieerd:
		font-size 62.5% komt overeen met 10px, dus 1.1em = 11px, 1.4 em = 14px etc
		Omdat font-size overerfbaar is, geldt dit dus alleen zolang er niet een parent-element is waarin ook de font-size is gedefinieerd
		*/ 
		/*
		vertical-align:top;
		margin-top:5px;
		*/
	}
	#maintable tr.mainlaytr td.mainssmenu {
		padding: 0px 5px;
		background:none repeat scroll 0 0 #FFFFFF;
		/*padding: 5px 5px 0px;*/
	}	
	#maintable .maintr {
		background:			#fff;
	}
	#maintable td {
		vertical-align:		top;
	}
	#contenttable {
		width:				100%;
	}
	#contentsection{
		padding: 0 5px;
	}

/*-- Start footer --*/
	#footer {
		padding: 0 8px 0;
		margin: 0px auto;
		background: #DEDEDE url(images/bg_footer.gif) 0 0 repeat-x;
		color: #666;
		text-align: center;
	}
	#footer .footertop { 
		margin:0 auto;
		width: auto;
		width: 980px;
	}
	#footer .column {
		float: left;
		font-size:.9em;
		font-weight: bold;
		text-align:left;
	}
	#footer #weesverschillig a img{
		width: 284px;
		height: 21px;
		background: #fff url(images/weesverschillig.gif) 0 0 no-repeat;
		margin:30px 0 0;
	}
	
	.footertop ul {
		margin: 0 15px 0 0;
		width: 130px;
	}
	
	#footer ul li {
		margin: 0;
		list-style-type: none;
	}
	.footertop li a {
		display: block;
		padding: 8px 5px 5px;
		width: 120px;
		border-bottom: 1px solid #d1d1d1;
	}
	#footer .footertop li a:hover,
	#footer .footertop li a:focus {
		text-decoration: none;
		color: #e00000;
		border-bottom: 1px solid #d1d1d1;
		background: #DDDDDD none repeat scroll 0 0;
	}
	.footertop .contentbox {
		/* boxje met uitzending */
		padding: 0;
		width: 130px;
	}
	.footertop .contentbxinner {
		padding: 0;
	}
	.footertop .searchbox {
		margin:30px 0 0 16px;
		width: 204px;
	}
	.footertop .imgbox {
		margin: 0;
		background: #888;
	}
	#footer .imgbox{
		border:5px solid #333333;
	}

	#footer p {
		margin: 0;
	}
	#footer p.legal {
		margin:0 auto;
		padding: 0;
	}
	
	#footer a,
	#footer span {
		color: #666;
		text-decoration:none;
		padding-left:5px;
		background: none;
	}
	#footer a:hover,
	#footer a:focus {
		text-decoration: underline;
	}

	#footer .first {
		/*border: 0;*/
	}
	#footer .footerbottom {
		clear:both;
		margin: 10px auto 0;/* -1px om border te laten samenvallen met border-bottom van onderste li a */
		border-top: 1px solid #d1d1d1;/* zelfde kleur als borders van li a */
		padding: 10px 0;
		width: auto;
		text-align: center;
		font-size: .9em;
		font-weight: bold;
	}
	.footerbottom table {
		width: 100%;
	}
	.footerbottom td {
		text-align: center;
	}

/*-- Einde footer --*/
	.leftedge,
	.rightedge {
		/* alles op 0 gezet zodat deze geen breedte weergeeft */
		/* display: none kan niet, omdat IE geen mogelijk biedt om de display property weer aan te zetten voor een table cell */
		font-size:	0;
		width:0;
	}
	.leftgutter,
	.rightgutter,
	.leftgutter div,
	.rightgutter div {
		/*marges tussen eerste kolom en .leftedge en tussen laatste kolom en .rightedge */
		width:				0;
		display:			none;
	}
	.separatorcol {
		/*scheidingskolom tussen main- en sidecols */
		width:				10px;
		/* background:			transparent url(images/dots_roze_ce7b7a_vert.gif) repeat-y; */
	}
	.separatorcol div {
		width:				2px;/*div in td.separator om wegvallen td bij verschalen te voorkomen*/
	}	
	.maincol {
		/* kolom voor hoofdcontent */
		/*width:				490px;*/
		width:	542px;
		font-size:			1em;
	}
	*html .maincol {
		width:	562px;
	}
	.maincol.xlarge {
		/* width:				71% */
		width: 770px;
	}
	.maincol.xxlarge {
		width:				96%;
	}
	.sidecol {
		/* kolom voor secundaire content */
	}
	.csi-imagewrap .imagebox{
		/* om de bovenkant te laten lijnen met de tekst */
		margin-top:			7px;
	}
	.singlecol {
		/* kolom voor secundaire content */
		width:				200px;
		font-size:			.9em;
		/*padding:			30px 0 0;   door ivw eruit gehaald*/
		padding: 0px;
	}
	.singlecol .csi-text,
	.singlecol .textbox{
		clear:				both;
	}
	.singlecol .fullwidth select{
		width:200px;
		border: 1px solid #D1D1D1;
	}
	.doublecol {
		/* dubbelbrede kolom voor secundaire content */
		width:				38%;
	}
	.maincol,
	.sidecol,
	.leftgutter,
	.rightgutter,
	.separatorcol {
		border-bottom:		3px solid #fff;
	}
/*-- Einde main layout --*/

/*-- Start kruimelpad --*/
	#kruimelpad {	
		padding-top:		3px;/* nodig om ongewenste margin-collapsing met childs te voorkomen in ff*/
		padding-bottom:		6px;
		font-size:			.9em;
		color:				#999;
	}
	#kruimelpad ul {
		margin:				0;
		padding:			5px 0 0 10px;
		/* text-transform:	uppercase; */
	}
	#kruimelpad ul li {
		display:			inline;
		margin:			0 2px 0 0;
		padding:			0 0 0 8px;
		list-style:			none;
		/* text-transform:		uppercase; */
		background:			url(images/pijltje_breadcrumb.gif) 0 6px no-repeat;
	}
	#kruimelpad a {
		color:				#999;
		text-decoration:	none;
		/* border-bottom:		1px solid #ccc; */
		
	}
	#kruimelpad a:hover,
	#kruimelpad a:focus {
		/* border-bottom:		1px solid #e00000; */
		color:				#e00000;
	}
/*-- Einde kruimelpad --*/

/*-- Start algemeen --*/
	.floatfixer,
	.csi-clear {
		clear:				both;
		line-height:		0;
	}
	.popup #logo {
		margin:				5px auto auto 10px;
		width:				120px;
		height:				36px;
		background:			transparent url(images/varalogo.gif) no-repeat;
	}
/*-- Einde algemeen --*/

/*-- Start outerbox --*/ /* deze box staat altijd om een aantal contentboxen heen */
	.outerbox {
		background:			#f3f3f3;
	}
	.outerbox .outerbxinner{
		padding:				10px;
		border:				1px solid #dfdfdf;
		border-bottom:			0;
	}
	.outerbox.rowboxWhite .outerbxinner{
		padding:				0;
	}
	#home .outerbox.rowboxGrey .outerbxinner{
		padding:			5px;
	}
	.outerbxbottom{
/*		height:				45px;*/
		height:				40px;
		background:			#fff url(images/outerbox_bgbottom.gif) no-repeat;
	}
	.outerbox.rowboxWhite{
		background: none;
	}
	.outerbox.rowboxGrey{
		font-size: .9em;
	}
	.outerbox.rowboxGrey p{
		margin: 0;
	}
	.outerbox.rowboxWhite .outerbxbottom{
		display: none;
	}
	.outerbox.rowboxWhite .outerbxinner{
		border: 0;
		padding: 0;
	}
	.outerbox.rowboxGrey .rowElementbox,
	.outerbox.rowboxWhite .rowElementbox{
		float:	left;
	}
	
	.rowboxGrey .imagebox{
		margin: 0;
	}
	.rowElementbox .bottom{
		height:		15px;
		display: block;
	}
	.rowElementbox .top{
		height:		0px;
		font-size: 0;
		display: block;
	}	
	.outerbxbottom div,
	.rowElementbox .bxbottom div{
		float:				right;
		/*text-transform:		lowercase;*/
	}
	.rowElementbox.spotlight{
		width: 730px; 
/*		height: 270px;*/
		height: 250px;
	}
	.rowElementbox.showreel{
		width: 730px;
	}
	.rowElementbox.spotlight .box,
	.rowElementbox gids .box{
		margin-bottom: 0;
	}
	.rowElementbox.spotlight .bxtop{
		background:	#fff url(images/bg_spotlight_top.gif) 0 100% no-repeat;
		height:15px;
	}
	.rowElementbox.spotlight .bxbottom{
		background:	#fff url(images/bg_spotlight_bottom.gif) -4px 100% no-repeat;
		height:22px;
	}
	.outerbox.rowboxWhite .rowElementbox.gids{
		width: 228px;
		/* height: 270px; */
		height:239px;
		margin: 0 0 0 5px;
		float: right;
		display: inline;
		border:1px solid #E0E0E0;
		overflow:hidden;
	}
	#programmasensites .rowElementbox.gids .actionlink,
	#home .rowElementbox.gids .actionlink{
		float: right;
	}
	#programmasensites .rowElementbox.gids .actionlink a,
	#home .rowElementbox.gids .actionlink a{
		background:transparent url(images/sprite.gif) no-repeat scroll 100% -141px;
		padding:0px 29px 0 0;
		text-decoration:underline;
	}
	#programmasensites .rowElementbox.gids .actionlink.gemist,
	#home .rowElementbox.gids .actionlink.gemist{
		float: left;
		width:115px;
		margin:0 0 0 4px;
	}
	#programmasensites .rowElementbox.gids .actionlink.gemist a,
	#home .rowElementbox.gids .actionlink.gemist a{
		background:transparent url(images/zender_icons.gif) no-repeat scroll 0 -1201px;
		padding:2px 0 10px 25px;
	}
	#programmasensites #kruimelpad{
		display: none;
	}
	#programmasensites .rowboxGrey .outerbxbottom{
		height: 30px;
	}

	.filters {
		text-align: right;
	}
	.filters div {
		float: right;
		margin-top: -34px;
	}
	#uitzendinggemist .filters div {
		margin-top: 10px;
	}
	.filters a {
		margin: 0 10px 0 0;
		padding: 0 0 0 20px;
		background: transparent url(images/vara-icons.gif) 0 -160px no-repeat;
		font-size: 10px;
		text-transform: uppercase;
	}
	.filters a.inactive {
		background-position: -400px -160px;
	}
	
	.filterdescription {
		/*display: none;*/
	}
	
	.rowElementbox.populairesites{
		width: 240px;
	}
	.rowElementbox.populairesites .bxinner{
		background: #f3f3f3;
		border:	1px solid #dfdfdf;
		height:190px;
		padding:10px;
	}
	.rowElementbox.populairesites .bxbottom{
		background:	#fff url(images/bg_populair_bottom.gif) no-repeat;
		height:25px;
	}
	.rowElementbox.vandaag{
		width: 350px;
		height: 230px;
		margin: 0 0 0 10px;
	}
	.ankeiler {
		background:#F7F7F7 url(images/bg_ankeiler.gif) no-repeat right 100%;
		border-bottom:0 none;
		border-left:1px solid #E0E0E0;
		border-top:1px solid #E0E0E0;
		font-size:0.9em;
		margin-bottom:5px;
		padding:5px;
		width:338px;
	}
	
	.ankeiler.single:hover{
		cursor: pointer;
		cursor: hand;
		background:		#860000 url(images/bg_spotlightankeiler_active.gif) repeat-x;
		color: #fff;
	}
	
	.ankeiler.single:hover h4 a{
		color: #fff;
	}
	
	.vandaag .linkforward li{
		margin: 12px 0;
	}
	.vandaag .linkforward.fiveitems li{
		margin: 10px 0;
	}
	.vandaag .linkforward.fouritems li{
		margin: 6px 0;
	}
	#home .ankeiler h4{
		padding-right:5px;
	}
	#home .ankeiler .imagebox{
		height: 55px;
		width: 100px;
		overflow: hidden;
	}
	.ankeiler img {
		float: left;
		margin-right: 5px;
	}
	.ankeiler p{
		margin: 0;
	}
	.rowElementbox.gemist{
		width: 350px;
		margin: 0 0 0 15px;
	}
	.rowElementbox.gemist .bxinner{
		height: 215px;
		overflow: hidden;
	}
	.rowElementbox.ikbenindestemmingvoor{
		width: 240px; 	
		/* height: 230px; */
	}
	.rowElementbox.meernieuws{
		width: 350px;
		margin: 0 0 0 40px;
	}
	.rowElementbox.meernieuws .bxinner{
		background: #f3f3f3;
		border:	1px solid #dfdfdf;
		height:185px;
		padding:10px;
	}
	.rowElementbox.meernieuws .bxbottom{
		background:#fff url(images/outerbox_bgbottom.gif) no-repeat;
		height:20px;
	}
	.rowElementbox.advertentie{
		width: 300px;
		height: 230px;
		margin: 0 0 0 35px;
	}
	
	.internetItems .rowElementbox{
		margin: 0 0 0 75px;
		padding: 5px;
		/* background: #fff url(images/bg_nuopinternet_inactive.gif) repeat-x; */
		background: transparent url(images/sprite.gif) no-repeat scroll 106px -321px;
		width: 120px;
		height: 120px;
		float: left;
	}
	.internetItems .rowElementbox:hover {
		background: #890000 url(images/bg_nuopinternet_active.gif) repeat-x;
		color: #fff;
		cursor: pointer;
		cursor: hand;
	}
	.outerbox.rowboxGrey .rowElementbox .imgbox,
	.outerbox.rowboxGrey .rowElementbox .imagebox,
	.outerbox.rowboxGrey .rowElementbox .box {
		margin:0;
	}
	.outerbox.rowboxGrey .rowElementbox .bxtop,
	.outerbox.rowboxGrey .rowElementbox .bxbottom{
		display: none;
	}
	.internetItems .first .rowElementbox{
		margin: 0;
	}
/*-- Einde outerbox --*/

/*-- Start box --*/
	.box {
		margin:				0 auto 15px;
	}
	.bxtop {
		display:			none;
	}
	.maincol .bxbottom {
	}
	.maincol .bxouter {
	}
	.maincol .bxinner {
	}
	.maincol .box ul {
		/* margin-bottom:		10px; */
		margin: 			10px 5px 0;
	}
/*-- Einde box --*/

/*-- Start sidebox --*/ 
	.sidebox .imgbxinner img {
		width:				auto;
		height:				auto;
		border:				1px solid #ccc;
		position:				relative;
		top:					0;
	}
/*-- Einde sidebox --*/ 

/*-- Start imgbox --*/
	.csi-imagewrap, /* deze wrap is hard in de phpcode van typo3 gecodeerd en moet dus wel een float krijgen*/
	.sidebox,
	.imagebox,
	.singleimage,
	.imgbox{
		float:				left;
		margin:				0;
		padding:			0;
		line-height:		0;
	}
	.imgbox,
	.imagebox{
		margin:				0 15px 5px 0;
	}
	.imgbox a,
	.imagebox a,
	.textbox .imagebox a,
	.csi-text .imagebox a,
	.imgbox a:hover,
	.imagebox a:hover,
	.textbox .imagebox a:hover,
	.csi-text .imagebox a:hover{
		border: none;
	}
	.hasrightsidebox .imgbox,
	.imgtext25 .imagebox,
	.imgtext1 .imagebox,
	.singlecol .imgbox,
	.singlecol .imagebox {
		/* bij imageboxen met 1 image mag er geen marge aan de rechterkant*/
		margin:0 0 5px 0;
	}
/*-- Einde imgbox --*/

/*-- Start textbox --*/ 

.maincol .textbox a {
text-decoration: underline;
}

	.csi-text a:hover,
	.textbox a:hover{
		color:				#e00000;
	}
	.csi-text  ul,
	.csi-text ol
	.textbox ul,
	.textbox ol{
		margin:				0 0 2em 0;
		padding:			0;
	}
	.csi-text ul ul,
	.textbox ul ul,
	.csi-text ol ul,
	.textbox ol ul,
	.csi-text ul ol,
	.textbox ul ol,
	.csi-text ol ol,
	.textbox ol ol{
		margin:				0 0 2em 1.2em;
	}
	.csi-text li a,
	.textbox li a{
		font-weight:		normal;
		text-decoration:underline;
	}
	.csi-text blocknote
	.textbox blockquote {
		font-style:			italic;
		background-color:	#ffcccc;
		margin:				3em 0 3em 0;
		padding:			0 3em 0 3em;
	}
	.csi-text blockquote p,
	.textbox blockquote p {
		margin:				0;
		padding:			1em 0 1em 0;
	}
	.csi-text table,
	.textbox table {
		background:			none;
		padding:			0;
		border:				0;
	}
	.csi-text td,
	.textbox td {
		color:				#000;
		vertical-align:		top;
	}
	.csi-text th,
	.textbox th {
		color:				#333;
		font-weight:		bold;
		vertical-align:		top;
	}
	.csi-text fieldset,
	.textbox fieldset{
		float:				left;
		width:				100%;
		padding:			0;
		margin:				0;
		border:				1px dashed #000;
	}
	.csi-text legend,
	.textbox legend{
		color:				#666;
	}
	.csi-text input,
	.textbox input {
		background-color:	#fff;
		color:				#000;
	}
	.csi-text select,
	.textbox select {
		background-color:#F3F3F3;
		border:1px solid #CFCFCF;
		font-size:1em;
	}
	.csi-text p table,
	.textbox p table {
		background:			none;
		margin:				0;
		padding:			0;
		border:				0;
	}
	.csi-text p table td,
	.textbox p table td {
		color:				#000;
		vertical-align:		top;
		background-color:	#fee;
		padding:			2em 4em 0px 3em;
		margin:				0;
		border:				0;
		border-bottom:		1px solid #666;
	}
	

	.csi-text a {
	text-decoration:underline;
	}
	
/*-- Einde textbox --*/ 
/*-- Start pagerbox --*/
	.pagerbox{
		text-align: center;
	}
	.pagerbox .browselinks{
		margin: 5px auto 10px;
		width: auto;
		color:				#e00000;
		font-weight:		bold;
		clear: both;
	}
	.pagerbox .pagerlink{
		display:			inline;
		margin:			0 0 0 2px;
		padding:			2px 8px 2px;
		line-height:		1.2;
		font-size:			.9em;
		border:			1px solid #cfcfcf;
	}
	.pagerbox .pagerlink a{
		display:			inline;
		color:				#000;
		font-weight:		normal;
		position:			relative;
	}
	.pagerbox .pagerlink.active a{
		border:			none;
		color:				#e00000;
		font-weight:		bold;
	}
	.pagerbox.alphabet .pagerlink {
		padding: 2px 4px;
	}
	.pagerbox.alphabet .pagerlink.inactive{
		color:				#ccc;
	}
	.pagerbox.alphabet .pagerlink.active a{
		color:				#666;
	}
	.pagerbox.alphabet .pagerlink.active a:hover{
		color:				#e00000;
	}
	.pagerbox .pagerlink.disabled,
	.pagerbox .pagerlink.disabled a{
		color: #999;
		font-weight: normal;
	}
	.pagerbox .pagerlink a{
		width:				100%;
	}
	.pagerbox .pagerlink a:hover{
		color:		#e00000;
		text-decoration:underline;
	}
	
/*-- Einde pagerbox --*/

/*-- Start menu --*/
	.menu {
		margin:				0px 0px 20px;
	}
	#sidenav2 h2{
		font-size:			1.3em;
		font-weight:		bold;
		/* text-transform:		uppercase; */
		color:				#999;
	}
	#sidenav2 ul{
		margin:				0 0 15px;
	}
	.menu li {
		/* background:			#f9f9f9; */
		border-bottom:		1px solid #ffffff;
		color:				#e00000;
		/* font-weight:		bold; */
		list-style-image:	none;
		list-style-position:outside;
		list-style-type:	none;
		margin:			0 0 0 10px;
		padding:			3px 0;
		line-height:		1.4;
	}
	.menu li a {
		color:				#000;
		/* background:			#f9f9f9; */
		display:			block;
		padding:			0;
		text-decoration:	none;
	}
	.menu li a:hover,
	.menu li a:focus {
		/* background:			#f9f9f9; */
		color:				#e00000; 
	}
/*-- Einde menu --*/ 

/*-- Start spotlight --*/
	#spotholder {
		/*float: left;*/
		/*display: inline;*/
		overflow: hidden;
		height: 240px;
		padding:0;
		margin:0 0 0 5px;
	}
	#spotholderNoFlash {
		margin: 5px;
	}
	#spotankeilers {
		float: left;
		margin: 0 5px 0 0;
		width: 295px;
		font-size: .9em;
	}
	#spotankeilers li {
		margin: 0;
		float: left;
		border: 1px solid #e0e0e0;
		padding: 5px;
		height: 45px;/* nodig voor IE; anders ziet die niet hele hoogte van li voor cursor en click; voor >IE6 volstaat ook min-height */
		border-bottom: 1px solid #ccc;
		background: #f8f8f8;
		cursor: pointer;
		width: 285px;
	}
	#spotankeilers li.active {
		background: #860000 url(images/bg_spotlightankeiler_active.gif) repeat-x;
		border-color: #860000;
		border-color: #666;
		color: #fff;
	}
	#spotankeilers a {
		color: #333;
		text-decoration: none;
	}
	#spotankeilers a:hover {
		color: #e00000;/* voor bezoekers zonder js */
	}
	#spotankeilers li.active a {
		color: #fff;
	}
	#spotankeilers li img {
		float: left;
		margin-right: 5px;
	}
	#spotankeilers p{
		margin: 0;
	}
	#spotAnkeiler-0, #spotAnkeiler-1, #spotAnkeiler-2
	{
		margin: 0 0 4px !important;
	}	

/*-- Einde spotlight --*/


/* hasleftsidebox --*/ 
	.maincol .hasleftsidebox .textbox,
	.maincol .imgtext2 .csi-text,
	.doublecol .imgtext2 .csi-text{
		margin-left:		0;
	}
	.maincol .imgtext26 .csi-text,
	.doublecol .imgtext26 .csi-text{
		margin-left:		20px;
	}
	
/* hasrightsidebox --*/ 
	.maincol .hasrightsidebox .sidebox,
	.maincol .imgtext1 .csi-imagewrap,
	.maincol .imgtext25 .csi-imagewrap,
	.doublecol .imgtext1 .csi-imagewrap,
	.doublecol .imgtext25 .csi-imagewrap {
		float:				right;
	}
	.maincol .hasrightsidebox .textbox,
	.maincol .imgtext1 .csi-text,
	.doublecol .imgtext1 .csi-text {
		margin-right:		153px;
	}
	.maincol .imgtext25 .csi-text,
	.doublecol .imgtext25 .csi-text {
		margin-right:		20px;
	}
	
/* hasbigsidebox --*/ 
	.maincol .hasbigleftsidebox .sidebox,
	.maincol .hasbigrightsidebox .sidebox {
		width:				246px;
	}

/* hasbigleftsidebox --*/ 
	.maincol .hasbigleftsidebox .sidebox {
		margin-right:		7px;
	}
	.maincol .hasbigleftsidebox .textbox {
		margin-right:		0;
		margin-left:		7px;
	}
	.maincol .hasbigleftsidebox .textbox h2 {
		margin-left:		239px;
	}

/* hasbigrightsidebox --*/ 
	.maincol .hasbigrightsidebox .sidebox {
		float:				right;
		margin-left:		7px;
	}
	.maincol .hasbigrightsidebox .textbox {
		margin-right:		7px;
		margin-left:		7px;
	}
	.maincol .hasbigrightsidebox div.textbox h2 {
		margin-right:		238px;
		margin-left:		-7px;
	}

/* hasxlargeleftsidebox --*/ 
	.maincol .hasxlargeleftsidebox .sidebox {
		width:				416px;
	}
	.maincol .hasxlargeleftsidebox .sidebox img{
		width:				400px;
	}
	.maincol .hasxlargeleftsidebox .textbox {
		margin-right:		0;
		margin-left:		15px;
	}
	.maincol .hasxlargeleftsidebox .textbox h2 {
		margin-left:		409px;
	}
	
/* forumbox --*/ 
	.maincol .forumbox .sidebox{
		width:				96px;
	}
	.maincol .forumbox .sidebox img {
		width:				80px;
		height:				80px;
	}
	.maincol .forumbox .textbox{
		margin-left:		107px;
	}
/*-- Start gallerybox --*/ 
	.maincol .box.gallerybox {
		width:				auto;
	}
	.maincol .box.gallerybox .bxtop,
	.maincol .box.gallerybox .bxbottom,
	.maincol .box.gallerybox .bxouter {
		background:			none;
	}	
	.gallerybox .fotobox {
		margin:				0 6px;
		width:				130px;
		float:				left;
	}

/*-- Start fotobox imgbox --*/ 
	.gallerybox .fotobox .imgbox {
		width:				auto;
		margin:			0;
	}
	.gallerybox .fotobox .imgbox .imgbxtop,
	.gallerybox .fotobox .imgbox .imgbxbottom {
		display: 			none;
	}
	.gallerybox .fotobox .imgbox .imgbxouter {
		margin:				0;
		padding:			0 1px;
		width:				auto;
		background:			#fff url(images/bg_imgbox.jpg) no-repeat;
	}
	.gallerybox .fotobox .imgbox .imgbxinner {
		margin:				0;
		padding:			0;
	}
	.gallerybox .fotobox .imgbxinner a {
		position:			relative;/* nodig om helptext absoluut hierbinnen te kunnen postioneren */
		width:				auto;
	}
	.gallerybox .fotobox .imgbox img {
		width:				auto;
		height:				auto;
	}
/*-- Einde fotobox imgbox --*/

/*-- Start fotobox textbox --*/
	.gallerybox .textbox {
		margin-left:		0;
		width:			130px;/* IE6 heeft breedte nodig */
	}
	.gallerybox h4 {
		float:			left;
		height:			25px;
		margin:		0;
	}
	.gallerybox h4 a {
		color:				#000;
		text-decoration:	none;
	}
	.gallerybox h4 a:hover,
	.gallerybox h4 a:focus {
		color:				#999;
	}
	
/*-- Einde fotobox textbox --*/
/*-- Einde gallerybox --*/ 

/* mediabox --*/ 
	.mediabox {
		margin:				7px 10px 7px 3px;
		padding:			7px;
		border:				1px solid #781414;
		background:			#f9f9f9;
	}
	.mediabox a {
		text-decoration:	none;
		line-height:		22px;
	}
	.mediabox a:hover,
	.mediabox a:focus {
		text-decoration:	underline;
	}
	.sidebox .mediabox p {
		font-size:			100%;
	}
	.sidebox div.mediabox {
		overflow:			hidden;
		margin:			10px 7px 7px 0;
		padding:			11px 5px 5px;
		/* tantek-hack voor IE < v6.0; die interpreteert breedte van parent niet juist */
		width:				210px;/* IE < v6 */
		voice-family:		"\"}\"";
		voice-family:		inherit;
		width:				200px;/* overige browsers */

	}
	.mediabox h3 {
		font-size:			1.0em;
		margin:				0 0 7px;
	}

/*-- Start playerbutton */	
	span.playerbutton {
		float:				right;
		height:				17px;
		margin-right:		45px;
		margin-top:			-50px;
		padding:			1px 0pt 0pt 1px;
		position:			relative;
		width:				17px;
	}
	a>span.playerbutton {
		/* genegeerd door IE; corrigeert onjuist niet-getoonde padding in IE */ 
		margin-right:		45px;
	}
	a:hover .playerbutton,
	a:focus .playerbutton {

	}
	span.playerbutton img {
		width:				43px !important;
		height:				31px !important;
	}
/*-- Einde playerbutton */
/*-- Start nieuwsbrief --*/
	.newsletters {
		float: left;
		width: 20em;/* zonder width werkt in IE/mac float niet op div met form erin */
	}
	.newsletters p {
		margin: 0;
	}
	.newsletterbox label {
		margin: 0 0 0 5px;
	}
	.newsletterbox .actionbar {
		clear: both;
	}
/*-- Einde nieuwsbrief --*/

/*-- Start misc --*/
	#siteStat{
		display: none;
	}
	.tx-mlsimpleimage-pi1 img{
		/* deze extentie wordt veel gebruikt, maar biedt helaas geen mogelijkheid om de afbeelding aan te passen, vandaar onderstaande code */
		width:					520px;
		height:					auto;
		margin-bottom:				10px;
	}

	#content_border .tx-mlsimpleimage-pi1 img{
		/* deze extentie wordt veel gebruikt, maar biedt helaas geen mogelijkheid om de afbeelding aan te passen, vandaar onderstaande code */
		width:					970px;
		height:					auto;
		margin-top:				5px;
	}
	
	.iconholder {
		float: right;
	}
	h1 .iconholder {
		margin: 4px 0 0;
	}
	h1 .headertext {
		/* verborgen spans met tekst van header waar imgs als header worden gebruikt. Nodig voor SEO */
		display: none;
	}
	#content_border h1{
		margin: 15px 0 0 0;
	}

	.imagerow h4,
	#home h4 {
		margin: 0;
		padding: 0;
		font-weight: bold;
	}
	.imagerow h4 a,
	#home h4 a{
		font-weight: bold;
	}
	
/*-- Start jCarousel
	jquery plugin die op de homepage wordt gebruikt
--*/
	.jcarousel-container {
		position: relative;
	}
	.jcarousel-container img{
		position: relative;
	}
	.jcarousel-clip {
		z-index: 2;
		padding: 0;
		margin: 0;
		overflow: hidden;
		position: relative;
	}
	.jcarousel-list {
		z-index: 1;
		overflow: hidden;
		position: relative;
		top: 0;
		left: 0;
		margin: 0;
		padding: 0;
	}
	.jcarousel-list li,
	.jcarousel-item {
		float: left;
		list-style: none;
		/* We set the width/height explicitly. No width/height causes infinite loops. */
		width: 75px;
		height: 75px;
	}
	/**
	 * The buttons are added dynamically by jCarousel before
	 * the <ul> list (inside the <div> described above) and
	 * have the classnames "jcarousel-next" and "jcarousel-prev".
	 */
	.jcarousel-next {
		z-index: 3;
		display: none;
	}
	.jcarousel-prev {
		z-index: 3;
		display: none;
	}
	.jcarousel-skin-tango .jcarousel-container {
	}
	.jcarousel-skin-tango .jcarousel-container-horizontal {
		width: 890px;
		padding: 0 32px;
	}
	.jcarousel-skin-tango .jcarousel-clip-horizontal {
		width:  890px;
		height: 140px;
	}
	#mycarousel{
		padding: 0 25px;
	}
	.jcarousel-skin-tango .jcarousel-item {
		width: 170px;
		height: 140px;
		position:relative;
	}
	.jcarousel-skin-tango .jcarousel-item .wrap{
		padding: 5px;
		height: 140px;
		position:relative;
	}

	.jcarousel-skin-tango .jcarousel-item .wrap .playbutton{
		background:transparent url(images/playbutton_fragment.png) no-repeat 0 -8px;
		height:140px;
		position:absolute;
		left:-27px;
		top: 0;
		width:208px;
	}
	.jcarousel-skin-tango .jcarousel-item .wrap .playbutton:hover{
		background:transparent url(images/playbutton_fragment_hover.png) no-repeat 0 -8px;
	}
	.jcarousel-skin-tango .jcarousel-item .wrap.fragmentvandedag .playbutton{
		background:transparent url(images/playbutton_fragmentvandedag.png) no-repeat;
	}
	.jcarousel-skin-tango .jcarousel-item .wrap.fragmentvandedag .playbutton:hover{
		background:transparent url(images/playbutton_fragmentvandedag_hover.png) no-repeat;
	}
	.jcarousel-skin-tango .jcarousel-item .wrap:hover{
		color: #fff;
		background: #890000 url(images/bg_bestefragmenten_active.gif) repeat-x;
		cursor: pointer;
		cursor: hand;
	}
	.jcarousel-skin-tango .jcarousel-item-horizontal {
		margin-right: 55px;
	}
	.jcarousel-skin-tango .jcarousel-item-placeholder {
		background: #fff;
		color: #000;
	}
	/**
	 *  Horizontal Buttons
	 */
	.jcarousel-skin-tango .jcarousel-next-horizontal {
		position: absolute;
		top: 57px;
		right: 0;
		width: 32px;
		height: 32px;
		cursor: pointer;
		background: transparent url(images/next-horizontal.gif) no-repeat 0 0;
	}
	.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
		background-position: 0 -70px;
	}
	.jcarousel-skin-tango .jcarousel-next-horizontal:active {
		background-position: 0 -70px;
	}
	.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
	.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
	.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
		cursor: default;
		background-position: 0 -140px;
	}
	.jcarousel-skin-tango .jcarousel-prev-horizontal {
		position: absolute;
		top: 57px;
		left: 5px;
		width: 32px;
		height: 32px;
		cursor: pointer;
		background: transparent url(images/prev-horizontal.gif) no-repeat 0 0;
	}
	.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
		background-position: 0 -70px;
	}
	.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
		background-position: 0 -70px;
	}
	.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
	.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
	.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
		cursor: default;
		background-position: 0 -140px;
	}
/*-- Einde jCarousel --*/

	.rsscontainer{
		margin: 20px 0 0 17px;
		background: #ff0;
		font-weight: normal;
		background: transparent url(images/bg_footer_rss.gif) no-repeat right top;
		display:block;
	}
	.rsslink{
		font-weight: normal;
		display: block;
		width:150px;	
	}

/* Component containers ----------------------------------*/
	.ui-widget { font-family: Trebuchet MS, Tahoma, Helvetica, Verdana,Arial,sans-serif; font-size: 1.1em; }
	.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Helvetica, Verdana,Arial,sans-serif; font-size: 1em; }

	.ui-widget-content {
		background: #fbfbfb;
		color: #222222;
	}
	.ui-widget-content a { color: #222222; }
	/* .ui-widget-header { border: 1px solid #aaaaaa; background: #f3f3f3 url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } */
	.ui-widget-header { border: 1px solid #aaaaaa; background: #f3f3f3 none 50% 50% repeat-x; color: #222222; font-weight: bold; }

	.ui-widget-header a { color: #222222; }

	/* Interaction states
	----------------------------------*/
	/* .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; } */
	.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 none 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; } 
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; }
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
		background: #dadada;
		font-weight: normal;
		color: #212121;
	}
	.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; }
	.ui-state-active, .ui-widget-content .ui-state-active {
		border: 0;
		background: #fbfbfb;
		font-weight: bold;
		color: #e00000;
	}
	.ui-state-active a,
	.ui-state-active a:link,
	.ui-state-active a:visited {
		color: #e00000;
		text-decoration: none;
	}

	/* Interaction Cues
	----------------------------------*/
	.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
	.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
	.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
	.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
	.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
	.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
	.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
	.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

	/* Layout helpers
	----------------------------------*/
	.ui-helper-hidden { display: none; }
	.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
	.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
	.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.ui-helper-clearfix { display: inline-block; }
	/* required comment for clearfix to work in Opera \*/
	* html .ui-helper-clearfix { height:1%; }
	.ui-helper-clearfix { display:block; }
	/* end clearfix */
	.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

	/* Interaction Cues	----------------------------------*/
	.ui-state-disabled { cursor: default !important; }

	/* Tabs  ----------------------------------*/
	.ui-tabs { padding: 1px 2px; }
	.ui-tabs .ui-tabs-nav {
		list-style: none;
		position: relative;
		padding: 1px 1px 0;
		font-size: .8em;
		font-weight: bold;
		background-color:#fff;
	}
	.ui-tabs .nav {
		display:block;
		height:33px;
	}
	.ui-tabs div.nav span.prev {
		/* background:transparent url(images/sprite_01b.gif) repeat scroll 0px 7px;  */
		width:34px;
		height:33px;
		display:block;
		float:left;
	}
	.ui-tabs div.nav span.day {
		width:156px;
		background: transparent url(images/vara_titles_sprite.png) no-repeat scroll 34px -58px;
		display:block;
		height:33px;
		float:left;
	}
	.ui-tabs div.nav span.next {
		/* background:transparent url(images/sprite_01.gif) repeat scroll 6px 7px;  */
		width:34px;
		height:25px;
		display:block;
		float:left;
	}
	.ui-tabs .ui-tabs-nav li {
		 position: relative;
		 float: left;
		 margin: 0 1px -1px 0;
		 padding: 0; 
	}
	.ui-tabs .ui-tabs-nav li a {
		float: left;
		text-decoration: none;
		padding: 4px 12px;
		font-weight: bold;
	 }
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
	.ui-tabs .ui-tabs-nav li a,
	.ui-tabs.ui-tabs-collapsible
	.ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
	.ui-tabs .ui-tabs-panel { padding: 0; display: block; border-width: 0; background: none; }
	.ui-tabs .ui-tabs-hide { display: none !important; }
	.ULscroll {
		font-size: .8em;
		position: relative;
		top:0;
		z-index: 22;
		height: 155px;	
		border: 1px solid #000;
		overflow: hidden;
	}
	.ULscroll .upButton {
		display:none;
		position: absolute;
		top:0;
		z-index: 23;
		width: 200px;
		height: 10px;
		background: none;
	}
	.ULscroll .downButton {
		display:none;
		position: absolute;
		bottom:0;
		z-index: 23;
		width: 200px;
		height: 10px;
		background: none;
		margin: 0;
		padding: 0;
		line-height: 0;
	}
	.ULscroll ul{
		margin: 0;
		padding: 0;
		list-style-image:	none;
		line-height:1.2;
	}

	.ULscroll ul li{
		padding: 0;
		margin: 0;
		list-style-image:	none;
		list-style-position:outside;
		width: 224px;
		height: 23px;
	}
	.ULscroll li a{
		display:block;
		line-height: 1.2;
		margin: 0;
		color:#666;
		height: 100%;
		background: #fbfbfb;
		padding: 5px 30px 5px 5px;
		height: 14px;
	}
	.ULscroll li.even a{
		background: #eee;
	}
	.ULscroll li a:hover{
		background: #d1d1d1;
	}
	li.autoheight{
		display: none;
	}
	.gidsitem.datum{
		display: block;
		float: left;
		font-weight: bold;
		margin: 0 5px 0 0;
		width:45px;
	}

	.gidsitem.nu{
		color: #e00000;
	}
/*-- Einde misc --*/

	#programmasensites .rowboxWhite .rowElementbox .box .bxtop,
	#programmasensites .rowboxWhite .rowElementbox .box .bxbottom,	
	#programmasensites .rowboxWhite .outerbxtop,
	#programmasensites .rowboxWhite .outerbxbottom {
		/* display: none; */
		padding: 10px 0 0;
	}

/* ---- Start progs en sites ----------------------------------- */
	#programmasensites #spotankeilers{
		display: none;
	}
	#programmasensites ol.progset {
		float: left;
		width: 180px;
		margin:0 50px 0 0;
	}
	#programmasensites ol.progset.lastitem {
		margin: 0;
	}
	#programmasensites ol.progset li {
		border: none;
		background: transparent url(images/sprite.gif) no-repeat 0 0;
	}
	#programmasensites ol.progset li:hover {
		background: transparent url(images/sprite.gif) no-repeat 0 -70px;
	}
	#programmasensites .progset a {
		display: block;
		margin: 9px 0 10px 20px;/* margin-left voor span met caps */
		padding: 3px 40px 3px 10px;
		width: 145px;/* width is nodig om haslayout te forceren voor IE6; anders wordt lineheight daar te hoog */
		background: transparent url(images/zender_icons.gif) no-repeat 0 0;/* zelfde bg-img voor alle li's */
		text-decoration: none;
		line-height:1.2;
	}
	#programmasensites .progset li:last-child a {
		border-bottom: none;/* geen border voor laatste list-items */
	}
	#programmasensites .progset a.inactive:hover,
	#programmasensites .progset a.inactive:focus,
	#programmasensites .progset a:hover,
	#programmasensites .progset a:focus {
		color: #e00000;
		background-color: #f0f0f0;
	}
	#programmasensites .progset a.inactive {
		color: #ccc;
	}
	#programmasensites .progset a.active {
		background-color: #f0f0f0;
	}

/* Start li's per zender */

	/* combi's van radio en tv, bijv voor vroege vogels LET OP: combi's MOETEN worden gedefinieerd voor enkele, anders wordt in IE6 enkele overruled door combi */
	#programmasensites .ned2.radio1 a { background-position: 170px -400px;}
	/* alleen tv en alleen radio */
	#programmasensites .ned1 a { background-position: 170px -40px;}
	#programmasensites .ned2 a { background-position: 170px -80px;	}
	#programmasensites .ned3 a { background-position: 170px -120px;}
	#programmasensites .themakanaal a { background-position: 170px -1160px;}
	#programmasensites .radio1 a { background-position: 170px -160px;}
	#programmasensites .radio2 a { background-position: 170px -200px;}
	#programmasensites .radio3 a { background-position: 170px -240px;}
	#programmasensites .radio4 a { background-position: 170px -280px;}
	#programmasensites .radio5 a { background-position: 170px -320px;}
	#programmasensites .radio6 a { background-position: 170px -360px;}
	
/* Einde li's per zender */

/* Start span per zender */
	.zenderinfo {
		float:right;
		margin-right:5px;
		width: 120px;
	}
	.zenderinfo .tijdstip {
/*		float:left;*/
		float:right;
		padding-top:4px;
	}
	.zenderinfo .zenderlogo {
		background:transparent url(images/zender_icons.gif) no-repeat scroll 0 0;
		float:right;
		height:30px;
		width:30px;
	}
	.zenderinfo .zenderlogo.ned1{ background-position: 10px -40px;}
	.zenderinfo .zenderlogo.ned2{ background-position: 10px -80px;	}
	.zenderinfo .zenderlogo.ned3{ background-position: 10px -120px;}
	.zenderinfo .zenderlogo.themakanaal{ background-position: 10px -1160px;}
	.zenderinfo .zenderlogo.radio1{ background-position: 10px -160px;}
	.zenderinfo .zenderlogo.radio2{ background-position: 10px -200px;}
	.zenderinfo .zenderlogo.radio3{ background-position: 10px -240px;}
	.zenderinfo .zenderlogo.radio4{ background-position: 10px -280px;}
	.zenderinfo .zenderlogo.radio5{ background-position: 10px -320px;}
	.zenderinfo .zenderlogo.radio6{ background-position: 10px -360px;}

	/* Einde span per zender */
	#iframe_nebo{
		background: #000000;
		text-align: center;
		margin: 10px 0;
		width:970px;
	}
	
	p.actionbar { 
		float:left; 
	}
	.hidden{
		display: none;
	}

/*-- Start imagerow.play; imagerow met playbutton --*/
	.imagerow.play li {
		width: 170px;
		height: 140px;
		float: left;
		list-style: none;
		margin: 0 33px 15px 33px;
	}
	.imagerow.play li .wrap{
		padding: 5px;
		height: 140px;
		position:relative;
	}
	.imagerow.play li .wrap .playbutton{
		background:transparent url(images/playbutton_fragment.png) no-repeat 0 -8px;
		position:absolute;
		left:-27px;
		width:208px;
		top:0;
		height:140px;
	}
	.imagerow.play li .wrap .playbutton:hover{
		background:transparent url(images/playbutton_fragment_hover.png) no-repeat 0 -8px;
	}
	.imagerow.play li .wrap.fragmentvandedag .playbutton{
		background:transparent url(images/playbutton_fragmentvandedag.png) no-repeat;
	}
	.imagerow.play li .wrap.fragmentvandedag .playbutton:hover{
		background:transparent url(images/playbutton_fragmentvandedag_hover.png) no-repeat;
	}
	.imagerow.play li .wrap:hover{
		color: #fff;
		background: #890000 url(images/bg_bestefragmenten_active.gif) repeat-x;
		cursor: pointer;
		cursor: hand;
	}
	.imagerow.play li-placeholder {
		background: #fff;
		color: #000;
	}
/*-- Einde imagerow.play --*/


	#tabs .ULscroll li a {
		background-image: url(images/zender_icons.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	#tabs .ULscroll .ned1 a { background-position: 195px -38px;}
	#tabs .ULscroll .ned2 a { background-position: 195px -78px;}
	#tabs .ULscroll .ned3 a { background-position: 195px -118px;}
	#tabs .ULscroll .themakanaal a { background-position: 195px -1158px;}
	#tabs .ULscroll .radio1 a { background-position: 195px -158px;}
	#tabs .ULscroll .radio2 a { background-position: 195px -198px;}
	#tabs .ULscroll .radio3 a { background-position: 195px -238px;}
	#tabs .ULscroll .radio4 a { background-position: 195px -278px;}
	#tabs .ULscroll .radio5 a { background-position: 195px -318px;}
	#tabs .ULscroll .radio6 a { background-position: 195px -358px;}
	#tabs .ULscroll .consumenten24 a { background-position: 195px -1278px;}
	#tabs .ULscroll .humortv24 a { background-position: 195px -1238px;}
	
	#styleswitcher li {
		margin-left: 2px;
	}	
	
		/*ivw*/
	.rowboxGrey h2 a {
		color: #df0000;
	}
	.rowboxGrey h2 {
		 color: #df0000;
		font-size: 13px
	}

	.formtable .fullwidth{
		border: 1px solid #ccc;
		width:171px;
	}
	.tx-alternetnebo-pi1 input{
		border: 1px solid #ccc;
	}
	.tx-alternetnebo-pi1 td{
		padding-bottom: 10px;
	}
	.maincol #content .actionlink a, .maincol #content a.actionlink {
		background:transparent url(images/sprite_grey.gif) no-repeat scroll 0 -136px;
		color:#000000;
		margin:1px 0 0;
		padding:4px 25px 7px;
		text-decoration:underline;
		float: left;
	}

	.tx-alternetnebo-pi2 .ankeiler{
		height: 55px;
	}

	.tx-alternetnebo-pi2 .ankeiler .wrap{
		float: left;
	}

	.tx-alternetnebo-pi2 .ankeiler .imagebox{
		position:		relative;
	}
	.tx-alternetnebo-pi2 .imagebox .playbutton{
		background:transparent url(images/playbutton_gemist.png) no-repeat 0 0;
		height:	28px;
		right:		0px;
		position:absolute;
		top:26px;
		width:30px;
	}

	.tx-alternetnebo-pi1 .imagebox .playbutton{
		background:transparent url(images/playbutton_gemist.png) no-repeat 0 0;
		height:	28px;
		right:		-8px;
		position:absolute;
		top:74px;
		width:30px;
	}

	.rowboxGrey .imagebox {
		position: relative;
		margin:0 10px 5px 0;
	}
/*ivw*/

	#uitzendinggemist #pageTitle h1{
		float:	left
	}
	#uitzendinggemist #content_border h1 {
		margin:		15px 0 0 0;
		color: #000;
	}
	#uitzendinggemist #content .box{
		margin-top: 20px;
		/*margin-bottom: 20px;*/
		border-bottom: 1px solid #e4e4e4;
		padding-bottom: 10px;
	}
	#uitzendinggemist #content .box:last-child {
		border-bottom: none;/* geen border onder laatste box (voor browsers die dit snappen, dus niet voor IE)*/
	}
	#uitzendinggemist .date {
		margin-left: 5px;
		font-size: normal;
		color: #999;
	}
/* Start sortitems */
	.sortitems{
		float: left;
		margin: 10px 0 10px 0;
	}
	.sortitem {
		text-transform:		uppercase; 
		font-weight: bold;
		font-size: .8em;
		margin: 0;
	}
	.sortitem a{
		color: #999;
		border-bottom: 1px solid #ccc;
		padding: 1px 0 2px 0;
		position:		relative;
		margin: 0 30px 0 50px;
	}

	.sortitem a:hover{
		color: #e00;
		}
	
	.sortitem.up a,
	.sortitem.down a{
		margin: 0 20px 0 50px; 
	}
	.sortitem.up a,
	.sortitem.down a{
		color: #000;
		border-bottom: 1px solid #ccc;
		padding: 1px 10px 2px 0; 
	}
	.sortitem.up a {
		background: #fff url(images/arrow_up_down.gif) no-repeat 100% 4px;			
	}
	.sortitem.down a {
		background: #fff url(images/arrow_up_down.gif) no-repeat 100% -18px;
	}
/* Einde sortitems */

	.singlecol .rowElementbox h5{
		clear: both;
	}

	#zoeken .maincol{
		width: 620px;
	}
	
/* 
* MoodSelector - VARA Home 
*/
.mood { 
	background-color:#fff; 
	border:1px solid #ccc;
	padding:4px;
	width:249px;
}
.mood .container {
	background: transparent url(images/mood_bg.png) repeat-x 0 0;
	height:199px;
}
.mood .container ul {
	margin:0;
	padding:0;
	list-style:none;
}
.mood .container ul li {
	/* height:25px; */
	line-height:25px;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	font-family:Verdana, Helvetica;
	text-transform: uppercase;
}
.mood .container ul li a {
	color:#fff;
	text-decoration:none;
	padding:0 0 0 27px;
	background: transparent url(images/pijl-down.png) no-repeat 10px center;
	display:block;
}
.mood .container ul li a:hover {
	/* text-decoration:underline; */
	/* background: transparent url(images/pijl-right.png) no-repeat 13px center; */
	background: #EE0000 url(images/pijl-right.png) no-repeat 13px center;	
} 

	.captionbox{
		clear:both;
		float:left;
		line-height:1.2;
	}
	
	.hasleftsidebox .captionbox{
		width: 130px;
	}
	
/*Ik ben in de stemming voor RdR 04-05-2010*/
	
#idsv_box {
	width: 250px;
	height: 210px;	
	background-color: #fff;
	border: 1px #ccc solid;
	font-size: 13px;
	font-family: Verdana,Helvetica;
}

#idsv_box ol {
	display: block;
	width: 240px;
	height: 200px;
	overflow: hidden;
	margin: 5px;
}

#idsv_box .button{
	display: block;
	width: 240px;
	height: 24px;
	line-height: 24px;
	padding-left: 10px;
	margin: 0px 0px 1px 0px;
	background-image: url(images/buttons-bg.jpg);
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
}

#amusement_button {background-position: 0px -24px;} 		#amusement_button:hover{background-position: 0px -192px;}
#debat_button {background-position: 0px -48px;} 			#debat_button:hover{background-position: 0px -192px;}
#consumenten_button {background-position: 0px -72px}		#consumenten_button:hover{background-position: 0px -192px;}
#actualiteiten_button {background-position: 0px -96px;}	#actualiteiten_button:hover{background-position: 0px -192px;}
#natuur_button {background-position: 0px -120px;}		#natuur_button:hover{background-position: 0px -192px;}
#quiz_button {background-position: 0px -144px;}			#quiz_button:hover{background-position: 0px -192px;}
#informatie_button {background-position: 0px -168px;}	#informatie_button:hover{background-position: 0px -192px;}

#idsv_box .active  {background-position: 0px -216px;}
	
#idsv_box .sub {
	width: 240px;
	height: 175px;
	background-color: #f7f7f7;
}

#idsv_box .carousel{
	width: 160px;
	height: 120px;
	float: left;
	overflow:hidden;
	margin-top: 30px;
	margin-left: 5px;
	margin-right: 5px;
}

#idsv_box .carousel_link {
	display: block;
	width: 160px;
	height: 120px;
	text-decoration: none;
}

#idsv_box .carousel ul{
	position: relative;
	padding: 0;
}

#idsv_box .carousel li{
	width: 160px;
	height: 120px;
	float: left;
	list-style: none;
}

#idsv_box a.previous , #idsv_box a.next{
	display: block;
	width: 21px;
	height: 23px;
	float: left;
	margin-top: 65px;
	margin-left: 10px;
	background-image: url(images/pijlen.jpg);
}

#idsv_box a.next{background-position: -21px 0px;}
#idsv_box a.previous:hover{background-position: -42px 0px;}
#idsv_box a.next:hover{background-position: -63px 0px;}
	
	/*einde ik ben in de stemming voor*/

	 /*powermail*/
 
 .fieldset_powermail{
	border: none;
}

.tx-powermail-pi1 label{
	font-weight: bold;
	vertical-align:top;
}

.tx-powermail-pi1 input, .tx-powermail-pi1 textarea, .tx-powermail-pi1 select{
width: 250px;
}



.label_powermail{
    float: left;
    margin-left: 10px;
    width: 150px;
}

.tx-powermail-pi1 .button{
width: 95px;
margin-left: 161px;
}
 
 .tx_powermail_pi1_fieldwrap_html{
	margin: 3px 0;
	float:left;
}

.tx-powermail-pi1 fieldset{
	border:none !important;
	}
	
	.tx-powermail-pi1 .powermail_radio{
	width: 30px;
	margin-left: 153px;
	}
	
	.tx_powermail_pi1_fieldwrap_html_radio_title{
	margin-lefT:10px;
	}
 
 /*einde powermail*/
 
 #footer h2 {
color: #666666;
font-size: 100%;
}