/* -- 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;
	}
	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: #202020;
	font-family: Trebuchet MS, Tahoma, Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #000;
	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: #f3f3f3 url(images/bg_body.jpg) repeat-y center -400px;
}

.pagecontent.top{
	height: 20px;
	background: #AAAB05 url(images/bg_body_top.jpg) repeat-y center bottom;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	clear: both;
}

.contentwidth { /*geeft de breedte van de totale content aan*/
	margin: 0 auto;
	width: 960px; /*dit moet 980px zijn omdat de ps-en dezelfde breedte hebben */
	height: auto;
}

/*-- Start header --*/
	#header {
		padding: 0;
		background: #000 url(images/bg_header.jpg) no-repeat center bottom;
		color: #fff;
		width:960px;
		margin:0 auto;
		text-align:left;
	}
	#header a {
		color: #fff;
		text-decoration:underline;
	}
	#header a:hover {
		color: #aaa;
	}

	#content_border img,
	#content_border dl,
	#content_border	dt{
		float:left;
		font-size: 0;
		margin: 0;
		padding: 0;
	}

	#content_border {
		margin: 0;
		padding: 0;
	}
	
	#logo{
		float: left;
		display:none;
	}
	/*
	#logo img{
		width:				86px;
		height:				17px;
		margin: 18px 15px 0 15px;
	}
	*/
	.playbuttonbig {
		float: left;
	}

	.playbuttonbig img{
		background: transparent url(images/button_play_big.jpg) no-repeat;
		width:				80px;
		height:				80px;
		margin: 13px 10px 0 15px;
	}
	
	#mainnavbar {
		height: 55px;
		font-family: Trebuchet MS, Tahoma, Helvetica, Arial, Verdana, sans-serif;
		text-transform:	uppercase;
		letter-spacing:	1px;
		font-weight: bold;
	}
	
	/*-- Start main nav --*/
		ul#mainnav {
			line-height: 1.5;
		}
		#mainnav li {
			display: block;
			float: left;
			background: transparent url(images/bg_mainnav_a.gif) no-repeat  0 16px;
		}
		#mainnav li.first {
			background: none;
		}
		#mainnav li a {
			display: block;
			padding: 15px 24px 0;
			color: #cc0;
			text-decoration: none;
		}
		#mainnav li a:hover,
		#mainnav li a:focus,
		#mainnav li.active a{
			margin:0px;
			color: #fff;
		}
	/*-- Einde main nav --*/
/*-- Einde header --*/

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

/*-- Start standaard HTML tags */
	a img{
		border:				0;
	}
	a{
		text-decoration:	none;
		color:		#993;
	
	}
	a:hover{
		color :		#000;
		border:		0;
	}
	ul.actionlinks li{
		background:		transparent url(images/bg_nieuws.gif) no-repeat 0 10px; 		
		padding:			0 10px 3px;
		line-height:		1.6;
	}

	.textbox li a:hover,
	ul.actionlinks li a:hover {
		border-bottom: 1px solid #993;
	}
	
	
	.action-items li,
	.linkforward li,
	.linkbackward li{
		padding: 0;
		margin:	0;
		line-height: 1.8;
	}

	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/bg_terug.gif) no-repeat 0 3px; 		
		padding:0 10px 7px;
	}

	.actionlinks a:hover,
	.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 {
		color:				#993;
	}

	.actionlink,
	.leesmeerlink {
		line-height: 1.8;
		font-weight:		bold;
	}


	.textbox li a {
		/*background:transparent url(images/bg_leesmeer.gif) no-repeat 0 1px;*/
		text-decoration:	none;
		list-style-type: none;
		border-bottom: 1px solid #ccc;
	}
	
	.textbox p .actionlink a,
	.textbox p a.actionlink,
	.actionlink a,
	a.actionlink {
		background:transparent url(images/bg_leesmeer.gif) no-repeat 0 5px;
		color:#000000;
		margin:1px 0 0;
		padding:0 10px 0;
		text-decoration:underline;
		float: left;
	}

	.actionlink a:hover,
	a.actionlink:hover {
		color:				#993 !important;
	}

	.actionbar {
		clear: left;
	}

	.actionbar a{
	}
	
	.textbox p,
	.csi-text p{
		margin:				0 0 5px 0;
		line-height:			1.3em;
	}
	
	p a,
	.textbox p a {
		color:				#993;
		text-decoration:	underline;	
	}
	
	p a:hover,
	.textbox p a:hover {
		color:				#000;
	}
	.actionlink a:hover,
	a.actionlink:hover {
		color:				#993 !important;
	}
	
	h1, h2, h3, h5, h1 a, h2 a, h3 a, h5 a {
		color:				#993;
		font-weight:		bold;
	}
	h1 {
		font-size:			1.7em; 
		/* height:			35px; */
		/*margin:			0;*/
		padding:			0;
		margin-bottom:		15px;
		font-family:		Calibri, Helvetica, Arial, Verdana, sans-serif;
	}
	h1.sIFR-replaced {
		margin-bottom:		0;
		/*height:			35px;*/
	}
	
	h2{
		margin:				0 0 5px 0;
		color:				#993;
		padding:			0;
		font:				1.6em bold Calibri, Helvetica, Arial, Verdana, sans-serif;
	}

	h2 a {
		color:				#993;
		border-bottom:		1px solid #cc9;
	}
	h3{
		margin:				0 0 10px;
		font-size:			1.1em;
		padding:			0;
		line-height:		1.4em;
	} 
	h3 a {
		color:				#993;
		border-bottom:		1px solid #eec;
	}
	h4{
		margin:				0;
		padding:			0;
		font-size:			1em;
		line-height:		1.2;
		font-weight:		bold;
	}
	
	h1 a:hover,
	h2 a:hover,
	h3 a:hover,
	h4 a:hover {
		color:				#993;
		border-bottom:		1px solid #993;
	}
	strong{
		font-weight: bold;
	}
	
	ol li{
		list-style-position:inside;
		color: #993;
		font-size: 1.3em;
		font-weight: bold;
	}
	ol li a{
		color: #000;
		font-size: .8em;
		font-weight: normal;
	}
/*-- Start formulier */
	form {
		margin:				7px 0 0;
		padding:			0;
	}
	form textarea,
	form .fixedwidth {
		width:				250px;
		border:				1px solid #ccc;
	}
	
	#newsletterform input {
		border:				1px solid #ccc;
	}
	
	form .actionbar.fixedwidth {
		border: 0;
	}
	
	form .actionbar {
		/* plaat voor submitbuttons etc */
		margin:				0;
	}
	.fixedwidth:focus,
	input:focus,
	textarea:focus {
		background:			#ffffcc;
	}

/* button */

	.maintr input.button,
	.maintr input.altbutton,
	.maintr a.button,
	.maintr a.altbutton {
		padding: 2px 7px 3px 7px;
		font-family: Trebuchet MS, Tahoma, Helvetica, Arial, Verdana, sans-serif;
		border: 1px solid #f4f9dd;
		background: #9c9c03 url(images/bg_button.gif) repeat-x;
		font-size: .9em;
		text-transform: uppercase;
		color: #fff;
		text-decoration: none;
		margin: 0 8px 0 0;
	}

	.maintr input.button,
	.maintr input.altbutton {
		padding: 1px 4px 1px 4px;
	}
	
	.maintr input.button:hover,
	.maintr a.button:hover,
	.maintr a.button:focus{
		color: #fff;
		background: #000;
	}

	.maintr a.altbutton,
	.maintr input.altbutton {
		border-color: #f4f9dd;
		background: #993;
		color: #fff;
	}

	.maintr input.altbutton:hover,
	.maintr a.altbutton:hover,
	.maintr a.altbutton:focus {
		background: #000;
	}

	.radioholder {
		line-height:		1.8;/* anders is in safari line-height niet hoger dan radiobutton en worden gefloate radobuttons horizontaal verschoven*/
		clear: both;
	}
	.newline {
		display: block;
	}
	
	.radioholder label {
		display:			block;
		padding:			0 0 0 10px;
	}
	.radioholder input {
		float:				left;
		margin:				5px 5px 0 0;
		padding:			0;
		border:				none;
		clear: left;
	}
	.dayfield,
	.monthfield {
		width:				2em;
	}
	.yearfield {
		width:				4em;
	}
	hr{
		border:				1px dotted #eee;
	}
	
/*-- Einde formulier */
	/*-- Start zoekbox --*/
		.box.searchbox {
			padding: 10px 10px 0;
			
		}
		.searchbox h2 {
			float: left;
			width: 90px;
			margin: 0;
			padding: 0;
			
		}
		.searchbox form {
			width: 190px;
			margin: 0 0 5px;
			padding: 0;
			float: right;
		}
		
		#searchfieldFooter.inputtextsingle,
		.searchbox .inputtextsingle {
			float: left;
			color: #888888;
			font-family:Trebuchet MS, Tahoma, Helvetica;
			font-size:12px;
			font-style:italic;		
			margin: 0;
			border: 1px solid #ccc;
			padding: 2px;
			width: 139px;
			height: 17px;
			background: #fff url(images/bg_input_zoek.gif) no-repeat;/* TODO: in IE6 stylesheet positie aanpassen omdat die focus niet snapt */
		}
		.searchbox input {
			vertical-align: top;
			float:	right;
		}
		.searchbutton{
			background: transparent url(images/bg_zoekbutton.gif) no-repeat;
			width:				45px;
			height:				22px;
			margin-top: 1px;
		}
		
		#footer .searchbutton {
			background: transparent url(images/zoekbutton_footer.gif) no-repeat;
			width:		27px;
			height:		27px;
			margin-top:	1px;		
			float:			right;
		}
	/*-- Einde zoekbox --*/

	/*-- Start zoekbox footer --*/
		.box.searchbox {
			padding: 10px 10px 0;
			
		}
		.searchbox h2 {
			float: left;
			width: 90px;
			margin: 0;
			padding: 0;
			
		}
		.searchbox form {
			width: 190px;
			margin: 0 0 5px;
			padding: 0;
			float: right;
		}
		.searchbox .inputtextsingle {
			float: left;
			color: #888888;
			font-family:Trebuchet MS, Tahoma, Helvetica;
			font-size:12px;
			font-style:italic;		
			margin: 0;
			border: 1px solid #ccc;
			padding: 2px;
			width: 139px;
			height: 17px;
			background: #fff url(images/bg_input_zoek.gif) no-repeat;/* TODO: in IE6 stylesheet positie aanpassen omdat die focus niet snapt */
		}
		.searchbox input {
			vertical-align: top;
			float:	right;
		}
		.searchbutton{
			background: transparent url(images/bg_zoekbutton.gif) no-repeat;
			width:				45px;
			height:				22px;
			margin-top: 1px;
		}
	/*-- Einde zoekbox --*/


	
	/*-- 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 #eee;
		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:				#993;
	}
	.datatable h4 {
		margin:				0;
	}
	.datatable tr.oddrow,
	.datatable tr.evenrow {

	}
	.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:				#993;/*overrulet evt color in colgroup.alt */
	}
	.datatable th,
	.datatable .subhead td,
	.datatable .footer td {
		padding:			5px;
		border:				0;
		border-left:		1px solid #eee;
		background:			#f9f9f9;
		font-weight:		bold;
		text-align:			left;
		color:				#999;
	}
	.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 #eee;
	}
	.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 */
	}
	.maincol .formtable  th{
		width: 200px;
	}
	.maincol .formtable .fixedwidth{
		width: 300px;
	}

	.formtable a.button {
		line-height:		1.2;/* anders geen marge in IE */
	}
/*-- Einde tables --*/

/*-- Einde standaard HTML tags */

/*-- Start main layout --*/
	#maintable {
		margin-left:		auto;
		margin-right:		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;
	}	
	#maintable .maintr {
	}
	#maintable td {
		vertical-align:		top;
	}
	#contenttable {
		width:				100%;
	}
	#contentsection{
		/*padding: 0 5px;*/
		padding: 0;
		width: 960px;
	}

/*-- Start footer --*/
	#footer {
		padding: 0 8px 0;
		margin: 0px auto;
		background: #272612 url(images/bg_footer.gif) 0 0 repeat-x;
		color: #CECDC9;
		text-align: center;
	}
	#footer a{
		color: #CECDC9;
		text-decoration:none;
	}
	#footer .footertop { 
		margin:0 auto;
		width: auto;
		width: 980px;
	}
	#footer .column {
		float: left;
		font-size:.9em;
		font-weight: bold;
		text-align:left;
		margin-right: 50px;
	}

	#footer .column.last {
		margin-right: 0;
	}
	
	#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 #595951;
		padding-left:5px;
		background: none;
	}
	#footer .footertop li a:hover,
	#footer .footertop li a:focus {
		text-decoration: none;
		color: #FFF;
		background: #333 none repeat 0 0;
		border-bottom: 1px solid #333;
	}
	.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: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 */
		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;
		margin: 0;
		padding: 0;
		line-height: 0;
		font-size: 0;
		/* 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 {
		width:	562px;
		font-size:			1em;
	}

	.maincol.xlarge {
		width: 740px;
	}
	.maincol.xxlarge {
		width:				96%;
	}
	.sidecol {
		/* kolom voor secundaire content */
	}

	.singlecol {
		/* kolom voor secundaire content */
		width:			200px;
		font-size:			.9em;
		padding:			35px 0 0;
	}

	#videoplayer .singlecol {
		padding:			0;
	}

	.singlecol .fullwidth select{
		width:200px;
		border: 1px solid #D1D1D1;
	}
	.doublecol {
		/* dubbelbrede kolom voor secundaire content */
		/*width:				38%;*/
		width:				370px;
		/* padding:				36px 0 0; */
		padding:				30px 0 0;
	}
	
	#home .doublecol,
	.notitle .doublecol {
		padding:			0;
	}
/*-- 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;
	}
	#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 {
		color:				#993;
		border-bottom:		1px solid #993;
	}
/*-- 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 box --*/
	.box {
		margin:				0 0 10px;
		background:			#fff;
		padding:			5px 8px;
		border:				1px #CFCBCA solid;
	}
	
	.box.center {
		text-align: center;
	}
	
	.box .box {
		margin:				0;
		padding:			0;
		background:			none;
		border:				0;
	}
	
	.box.layout2,
	.box.firstbox {
		background:			#F4F5E7;
	}
	
	.innerbox {
		margin: 0 0 10px;
		padding: 0 0 5px;
		border-bottom: 1px solid #cc9;
	}
	.innerbox.gallerybox {
		padding: 0;
	}
	.innerbox.lastbox {
		border: 0;
		margin: 0;
		padding: 0;
	}

	.lastboxholder .innerbox {
		border: 0;
	}
	
	.columns2 .innerbox {
		width:230px;
		float: left;
		margin: 0 0 10px;
		padding: 0 0 10px;
		border-bottom: 0;
		height: 200px;
	}
	
	.columns2 .innerbox.odd {
		padding-right: 26px;
	}

	.columns2 .innerbox.even {
		padding-left: 26px;
	}

	.columns2 .innerbox {
		position: relative;
		left: 0;
		z-index: 60;
		padding: 0;
	}
	.columns2 .innerbox .imagebox{
		position: relative;
		left: 0;
		z-index: 70;
		height: 120px;
		width: 250px;
		background: #000;
	}
	
	.columns2 .innerbox .imagebox img{
		position: relative;
		left: 0;
		z-index: 80;
		display: block;
	}

	.columns2 .innerbox h3 {
		color: #fff;
		width: 230px;
		padding: 10px;
		position: absolute;
		bottom: 0px;
		left: 0;
		z-index: 100;
		margin: 0;
		color: #fff;
		background: #000;
		filter:alpha(opacity=80);
		-moz-opacity:0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
		line-height:1.4em;
		font-size: .9em;
	}
	
	.columns2 .innerbox h3 a{
		color: #fff;
		border-bottom: 1px solid #333;
	}

	.columns2 .innerbox h3 a:hover{
		color: #993;
		border-bottom: 1px solid #993;
	}

	
	.gallerybox .lastboxholder .contentbox{
		border: 0;
		margin: 0;
	}
	
	.bxtop {
		display:			none;
	}
	.bxbottom {
		display:			none;
	}
	.maincol .bxouter {
	}
	.maincol .bxinner {
	}	
	.maincol .box ul {
		margin: 			10px 5px 0;
	}
	
	div.teaser.small {
		padding:0;
	}
	
	div.hover {
		padding: 5px;
	}

	div.hover h2 {
		margin: 5px 5px 0;
	}
	
	div.hover .innerbox,
	div.hover .contentbox{
		padding: 5px;
		cursor: pointer;
		cursor: hand;

	}
	
	div.hover div.innerbox:hover,
	div.hover div.contentbox:hover{
		background: #993;
		color: #fff;
	}

	div.hover div.innerbox:hover h3,
	div.hover div.innerbox:hover h3 a,
	div.hover div.contentbox:hover h3,
	div.hover div.contentbox:hover h3 a {
		color: #fff;
	}
/*-- Einde box --*/

/*-- Start sidebox --*/ 
	.sidebox .imgbxinner img {
		width:				auto;
		height:				auto;
		border:				1px solid #ccc;
	}
/*-- 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;
	}
	.singlecol .imgbox,
	.singlecol .imagebox{
		margin:				0 0 5px 0;
	}
	
	.doublecol .teaser.small .imgbox,
	.doublecol .teaser.small .imagebox {
		margin:				0 10px 0 0;
	}

	.articlebox{
		position: relative;
		left: 0;
		z-index: 10;
		padding: 0;
	}
	.articlebox .imagebox{
		position: relative;
		left: 0;
		z-index: 20;
		margin:	0 0 10px;
	}
	
	.articlebox .imagebox img{
		position: relative;
		left: 0;
		z-index: 25;
		display: block;
	}

	.articlebox .imagebox .textbox img {
		z-index: 55;
	}

	.articlebox .textbox {
		width: 550px;
		height: 100px;
		position: absolute;
		bottom: 0px;
		left: 0;
		z-index: 30;
		margin: 0;
		color: #fff;
		background: #000;
		filter:alpha(opacity=90);
		-moz-opacity:0.9;
		-khtml-opacity: 0.9;
		opacity: 0.9;
	}
	
	.whitetextbox  .articlebox .textbox {
		color: #fff;
		background: #993;
	}

	.articlebox .textbox h3 {
		font-size: 1.3em;
		position: relative;
		left: 0;
		z-index: 40;
		padding: 13px 15px 0px;
		color: #fff;
	}

	.articlebox .textbox h1 {
		position: relative;
		left: 0;
		z-index: 45;
		margin:10px 14px 5px;
	}
	
	.whitetextbox  .articlebox .textbox .header_bignews {
		font:	1.8em bolder Calibri, Helvetica, Arial, Verdana, sans-serif;
		color: #000;
		position: relative;
		left: 0;
		z-index: 45;
		margin: 10px 14px 5px;
		display: block;
	}
	
	.whitetextbox  .articlebox .textbox .header_bignews a{
		color: #fff;
		border-bottom: 1px solid #cc9;
	}
	
	.whitetextbox  .articlebox .textbox .header_bignews a:hover {
		color: #000;
		border-bottom: 1px solid #000;
	}

	.articlebox .textbox h3 a {
		color: #fff;
		border-bottom: 1px solid #999;
	}
	
	.articlebox .textbox h3 a:hover {
		border-bottom: 1px solid #fff;
	}
	
	.articlebox .textbox p {
		line-height: 1.2em;
		position: relative;
		left: 0;
		z-index: 50;
		padding: 0 15px;
	}
	
	.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 --*/ 
	.csi-text a:hover,
	.textbox a:hover{
		color:				#993;
	}
	.csi-text  ul,
	.textbox ul{
		margin:				0 0 2em 0;
		padding:			0;
	}
	.csi-text ul ul,
	.textbox ul ul{
		margin:				0 0 2em 1.2em;
	}
	.csi-text li a,
	.textbox li a{
		font-weight:		normal;
		text-decoration:	none;
		border-bottom:		#eec 1px solid;
	}
	.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;
	}
/*-- Einde textbox --*/ 
/*-- Start pagerbox --*/
	.pagerbox{
		text-align: center;
	}
	.pagerbox .browselinks{
		margin: 5px auto 10px;
		width: auto;
		color:				#993;
		/*font-weight:		bold;*/
		clear: both;
	}
	.pagerbox .pagerlink{
		background:			#fff;
		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;
	}
	.pagerbox .pagerlink.active a{
		border:			none;
		color:				#993;
		font-weight:		bold;
	}
	.pagerbox .pagerlink.disabled,
	.pagerbox .pagerlink.disabled a{
		color: #999;
		font-weight: normal;
	}
	.pagerbox .pagerlink a{
		width:				100%;
	}
	.pagerbox .pagerlink a:hover{
		color:		#993;
		border-bottom:		1px solid #993;
	}
	
/*-- 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:				#993;
		/* 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 {
		color:				#993; 
	}
/*-- Einde menu --*/ 

/*-- Start spotlight --*/
	#spotwrapper{
		height: 195px;
		padding:0;
		margin:0;
		background: #000;
	}
	#spotholder {
		float: left;
		padding:0;
	}
	#spotholderNoFlash {
		color: #fff;
		padding: 30px;
	}
	#spotholderNoFlash  h3{
		color: #fff;
		text-transform:uppercase;
	}
/*-- 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 .contentbox {
		margin:				0 10px 10px 0;
		width:				160px;
		float:				left;
	}
	
	.gallerybox .contentbox p {
		line-height:		1.2em;
	}
	
	.gallerybox .contentbox h3,
	.gallerybox .contentbox h3 a{
		color:				#000;
		font-size:			.9em;
	}
	
	.gallerybox .contentbox.lastbox {
		margin:				0 0 10px 0;
	}

/*-- Start fotobox imgbox --*/ 
	.gallerybox .contentbox .imgbox {
		width:				auto;
		margin:			0;
	}
	.gallerybox .contentbox .imgbox .imgbxtop,
	.gallerybox .contentbox .imgbox .imgbxbottom {
		display: 			none;
	}
	.gallerybox .contentbox .imgbox .imgbxouter {
		margin:				0;
		padding:			0 1px;
		width:				auto;
		background:			#fff url(images/bg_imgbox.jpg) no-repeat;
	}
	.gallerybox .contentbox .imgbox .imgbxinner {
		margin:				0;
		padding:			0;
	}
	.gallerybox .contentbox .imgbxinner a {
		width:				auto;
	}
	.gallerybox .contentbox .imgbox img {
		width:				auto;
		height:				auto;
	}
/*-- Einde fotobox imgbox --*/

/*-- Start fotobox textbox --*/
	.gallerybox .textbox {
		margin-left:		0;
		width:			160px;/* IE6 heeft breedte nodig */
	}
	.gallerybox h3 {
		margin:		0;
	}
	.gallerybox h3 a {
		color:				#000;
		text-decoration:	none;
	}
	.gallerybox h3 a:hover,
	.gallerybox h3 a:focus {
		color:		#993;
		border-bottom:		1px solid #993;
	}
	
/*-- Einde fotobox textbox --*/
/*-- Einde gallerybox --*/ 

/* mediabox --*/ 
	.mediabox {
		margin:				7px 10px 7px 3px;
		padding:			7px;
		background:			#f9f9f9;
	}
	.mediabox a {
		text-decoration:	none;
		line-height:		22px;
	}
	.mediabox a:hover,
	.mediabox a:focus {
		color:		#993;
		border-bottom:		1px solid #993;

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

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

	/* Einde span per zender */
	#iframe_nebo{
		background: #000000;
		text-align: center;
		margin: 0;
		width:720px;
	}
	
	.hidden{
		display: none;
	}

	.maincol .formtable .fullwidth{
		border: 1px solid #ccc;
		width:100%;
	}
	.formtable .helptext .fullwidth{
		border: 0;
	}
	
	.tx-alternetnebo-pi1 input{
		border: 1px solid #ccc;
	}
	.tx-alternetnebo-pi1 td{
		padding-bottom: 10px;
	}

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

	#zoeken .maincol{
		width: 620px;
	}
	
	.captionbox{
		clear:both;
		float:left;
		line-height:1.2;
	}
	
	.hasleftsidebox .captionbox{
		width: 130px;
	}
	
	
/* SIFR START */
	@media screen {
	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
		padding: 0;
	}

	.sIFR-replaced, .sIFR-ignore {
		visibility: visible !important;
	}

	.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
	}
	
	.sIFR-replaced div.sIFR-fixfocus {
		margin: 0pt; 
		padding: 0pt; 
		overflow: auto; 
		letter-spacing: 0px; 
		float: none;
	}
}

@media print {
	.sIFR-flash {
		display		: none !important;
		height		 : 0;
		width			: 0;
		position	 : absolute;
		overflow	 : hidden;
	}
	
	.sIFR-alternate {
		visibility : visible !important;
		display		: block	 !important;
		position	 : static	!important;
		left			 : auto		!important;
		top				: auto		!important;
		width			: auto		!important;
		height		 : auto		!important;
	}
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
	.sIFR-active h2 {
		font-family: Calibri, Helvetica, Arial, Verdana;
		visibility: hidden;
	}
	.sIFR-active h2 {
		font-family: Calibri, Helvetica, Arial, Verdana;
		visibility: hidden;
	}
}
/* SIFR END */

	/* TAGGING */
	.tag-bold-xx-large {
	    font-size: 1.2em;
	    font-weight: bold;
	}

	.tag-bold-xx-large a{
	    color: #554c43;
	}

	.tag-xx-large {
	    font-size: 1.2em;
	}

	.tag-xx-large a{
	    color: #554c43;
	}

	.tag-x-large {
	    font-size: 1.1em;
	}

	.tag-x-large a {
	     color: #6d6258;
	}

	.tag-medium {
	    font-size: 1em;
	}

	.tag-medium a {
	    color: #7a6d62;
	}

	.tag-x-small {
	    font-size: .8em;
	}

	.tag-x-small a{
	    color: #988d84;
	}

	.tag-xx-large a,
	.tag-bold-xx-large a,
	.tag-x-large a,
	.tag-medium a,
	.tag-x-small a {
	    text-decoration: none;
	}

	.tag-xx-large a:hover,
	.tag-bold-xx-large a:hover,
	.tag-x-large a:hover,
	.tag-medium a:hover,
	.tag-x-small a:hover {
		color:		#993;
		border-bottom:		1px solid #993;
	}

	.tagbox a {
		text-decoration: none;
		border-bottom:		#ccc 1px solid;
	}
	.tagbox a:hover,
	.tagbox a:focus {
		color:		#993;
		border-bottom:		1px solid #993;
	}
	/* einde tagging */
				
/*-- Start poll --*/
	.pollbar {
		border-left: 1px solid #993;
		border-right: 1px solid #993;
		background: #e9efc3;
		height: 8px;
		/* overflow: hidden; */
	}
	.pollbar div {
		background: #993;
	}
	.sidecol .pollbar {
		border-left: 1px solid #993;
		border-right: 1px solid #993;
		background: #e9efc3;
	}
	.sidecol .pollbar div {
		height: 8px;
		background: #993;
	}
/*-- Einde poll --*/

	.dossiersoverzicht h3 {
		font:	1.4em bolder Calibri, Helvetica, Arial, Verdana, sans-serif;
		color: #993;
		margin: 10px 0;
	}

	.dossiersoverzicht h3 a{
		color: #993;
		border-bottom: 1px solid #ccc;
	}
	
	.dossiersoverzicht h3 a:hover{
		color: #000;
		border-bottom: 1px solid #000;
	}

	.dossiersoverzicht .imagebox {
		margin: 0 15px 0 0;
	}
	
	.tx-doodochcforumteaser-pi1 .textbox li a {
		font-weight: bold;
		color: #993;
		border-bottom: 1px solid #ccc;
		padding: 0;
	}
	
	.tx-doodochcforumteaser-pi1 .textbox li a:hover {
		color: #000;
		border-bottom: 1px solid #993;
	}
	
	.tx-doodochcforumteaser-pi1 .action-items li {
		margin-bottom: 10px;
	}
	

		/* twitter */
 
 	
.query {
  font-family: Arial, serif;
  font-size: 90%;
  color: #085258; }
  
 .query .tweet_list {
 -webkit-border-radius: .5em;
 list-style-type: bullet;
 margin: 0;
 padding: 0;
 background-color: #8ADEE2; }
 
 .query .tweet_list li {
 overflow: auto;
 padding: .5em; }
 
ul li {
	/*list-style-type:none; */
	/* update 14-10-09 - Erick */
	/*list-style-type:circle; iw aangepast*/
	/*
	background:transparent url(http://omroep.vara.nl/fileadmin/template_vara/main/styles/vara2009/css/images/sprite.gif) no-repeat scroll 0 -139px;
	margin:0;
	padding:3px 0 2px 22px;
*/
}

.tweet ul li {
list-style-type:none !important;
}
 
.tweet li {
margin-bottom:10px;
margin-left:9px;
}

.tweet a{
margin:2px;
}

.tweet img{
width: 30px;
height: 30px;
float: left;
margin-right:5px;
}

 .query .tweet_list li a {
 color: #0C717A; }
 
 .query .tweet_list .tweet_even {
 background-color: #91E5E7; }
 
 .query .tweet_list .tweet_avatar {
 padding-right: .5em;
 float: left; }
 
 .query .tweet_list .tweet_avatar img {
 vertical-align: middle; }
   /*nieuwe deel*/

.twara ul li{
	margin-left:0px;
}

.twara {
	/*padding-bottom: 30px;*/
	/*width: 300px;*/
	font-family: Georgia, serif;
	font-size: 12px;
	color: #333;
	background: #fff url(images/papershadow.gif) no-repeat left bottom;
}
.twara a img {
	border: none;
}
.twara a {
	font-weight: bold;
	text-decoration: none;
}
.twara a:hover {
	text-decoration: underline;
}
.twara h4 {
	margin: 0;
	height: 40px;
	background: #65d0f1 url(http://omroep.vara.nl/fileadmin/template/main/styles/ps/images/twitterbg.png) no-repeat;
	text-indent: -100%;/* hide text */
	overflow: hidden;
}
.twara .user_header {
	/*
	margin-left: 110px;
	*/
	margin-top: -42px;/* plaatst hem in h2 */
	padding: 6px;
	background: transparent;
	text-align: right;
}
.twara .user_header a {
	margin-right: 6px;
	color: #fff;
	font-weight: bold;
}
.twara .user_header a img {
	vertical-align: middle;
}

/* uitcommenten om username in user_header weer te tonen */
.twara .user_header .tweet_author {
	display: none;
}

.twara .loading {
	padding-left: 20px;
	background: url(images/loading-animation.gif) no-repeat 6px 2px;
}
.twara .tweet_list {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #fff;
}
.twara .tweet_list .tweet_even {
	background-color: #f0f0f0;
}
.twara .tweet_list li {
	overflow: hidden;
	padding: 6px;
}
.twara .tweet_list li a {
	color: #333;
}
.twara .tweet_list .tweet_avatar {
	float: left;
	margin-right: 6px;
}
.twara .tweet_list .tweet_avatar img {
	vertical-align: middle;
}
.twara .tweet_text_box {
	display: block;
	overflow: hidden;/* zorgt ervoor dat box ruimte naast avatar inneemt */
}
.twara .tweet_author {
	margin-right: .3em;
}
.twara .tweet_date {
	display: block;
	color: #999;
}

.formblock {
	margin: 5px 0;
	font-family: georgia, "times new roman", serif;
}

.default {
	margin-left: 5px;
	color: #999;
}

 
 /* einde twitter */
 
 
#content .imagebox{
	    margin: 0 39px 5px 0;
}