.ieTopFix,
.ieBottomFix {
	display: block;
	margin: auto;
	width: 830px;/* TODO jb */
	height:	7px;
	background: transparent url(images/bg_trans_header.png) no-repeat center top;
	font-size: 0;/* nodig voor IE: anders is element te hoog */
}

.ieBottomFix {
	background-image: url(images/bg_trans_footer.png);
	margin-bottom: 50px;
}

.imgbox {
	background-color:#000000;
	float:left;
	margin-right:19px;
	text-align:center;
}

.iframe {
	text-align: center;
	/*width: 450px !important;*/ /* todo jb */
	background-color:#eee;
}
.sidecol .box.sterbox {
	margin-bottom: 15px;
}
.sidecol .sterbox .bxinner {
	padding: 0;
	text-align: center;
	background: transparent;
}
.sterbox p {
	margin: 0;
}
#videotable .iframe{
	text-align: center;
	width: 720px !important;  /* todo jb */
	background-color:#eee;
}
#content .iframe{
	text-align: center;
	width: 490px !important; /* todo jb */ 
	background-color:#eee;
}

.tx-veguestbook-pi1{
	margin: 0 0 0 20px;
	width:420px;
}

/*-- Start herdefinieren elements --*/
	body {
		margin: 0;
		padding: 0;
		/*background: #636266 url(images/dwdd_bg_4.jpg) no-repeat scroll left top;*/
		background: #636266 url(images/DWDD-2011-final.jpg) no-repeat scroll left top;
		color: #000; 		
		font-family: arial, verdana, helvetica, sans-serif;
		line-height: 1.5;
		text-align: center;/* voor IE */
	}
	body.normaltext {
		font-size: 100%;
	}
	body.biggertext {
		font-size: 120%;
	}
	body.biggesttext {
		font-size: 130%;
	}

	a {
		color: #546A6D;
		font-weight: bold;
		text-decoration: underline;
	}
 	
	a:hover,
	a:focus {
		text-decoration: none;
	}
	
	a:visited {
		text-decoration: none;
		color:#95abae;
	}
	
	a img {
		border: 0;
	}
	ol {
		margin: 7px 0 0 28px;
		padding: 0;
	}
	ul {
		margin: 10px 0 0;
		padding: 0;
	}
	ul li {
		margin: 0 0 0 20px;
		padding: 0;
		list-style-type: square;
	}
	h1 {
		margin: 0 0 5px 0;
		/* padding: 4px 9px 0px; */
		padding: 11px 15px 0;
		border: none;
		color: #546a6d;
		height: auto;
		font-weight: bold;
		font-size: 17px;
		font-family: "century gothic",arial,helvetica,verdana, sans-serif;
		text-transform: uppercase;
	}
	h2,
	h3 {
		font-family: "century gothic",arial,helvetica,verdana, sans-serif;
		margin: 0;
		padding: 0;
		font-weight: bold;
		font-size: 1.2em;
	}
	
	h2 {
		text-transform: uppercase;
		padding: 3px 0;
		font-family:century gothic,verdana,arial,helvetica;
		font-size:13px;
		font-weight:bold;
		letter-spacing:2px;
	}


	h2 a {
		text-decoration: none;
	}
	h2 a:hover,
	h2 a:focus {
		text-decoration: underline;
	}
	h4{
		margin: 8px 0 0;
		padding: 0;
		font-size: 100%;
		font-weight: bold;

	}
	.sidebox h4 {
		margin: 0 0 0 8px;
		font-size: 90%;
	}
	.sidecol .textbox h4 {
		margin-top: 0;
	}
	h5 {
		margin: 0;
		padding: 0 0 8px;
		font-weight: normal;
		font-size: 0.95em;

	}
	
	hr {
		/*margin: 7px 0;*/
		margin: 0px 0;
		border: none;
		border-bottom: 2px dotted #700000;
		height: 2px;
	}

	p {
		margin: 8px 0px;
		}
		
	.sidebox p {
		margin-left: 8px;
		font-size: 90%;
	}
	td, th {
		text-align: left;
		vertical-align: top;
	}
	tr {
		/* tantek-hack voor IE < v6.0 */
		font-size: 62.5%;/* IE < v6.0 */
		voice-family: "\"}\"";
		voice-family:inherit;
		font-size: 100%;
	}
	input, textarea, select {
		border:1px solid #CDCDCD;
		background:#F4F4F4 url(images/bg_input.gif) repeat-x scroll 0 0;
		font-size: 100%;
		font-family: arial, verdana, helvetica, sans-serif;
	}
	input.notext {
		/* voor input van ander type dan text (radio, checkbox) */
		border: none;
	}
	.sidecol input {
		margin-top: 3px;
	}

	.sidecol input.button {
		margin-top: 3px;
		text-transform:uppercase;
		font-family: arial,verdana,helvetica,sans-serif;
		background: #000 url("images/bg_but.gif") top center repeat-x;
	}

		.sidecol .button {
		color: #ffffff;
		font-family: "century gothic",arial,helvetica,verdana, sans-serif;
	}

	#googlesearch .button,
	#footer .button{
		background: transparent url("images/icon_search.png") no-repeat;
		border: none;
		height:23px;
		width:22px;
	}

	#footer .button{
		margin-top:-2px;

	}

	input:focus,
	textarea:focus {
		background: #f4f4f4;
	}
/*-- Einde herdefinieren elements --*/

/*-- Start main layout --*/

	#maintable {
		height:100%;
		margin-left:auto;
		margin-right:auto;
		text-align:left;
		width:892px;
	}
	
	#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 */
		font-size: 62.5%; /* komt overeen met 10px */
		/*
		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
		*/ 
	}
	
	#maintable td {
		vertical-align: top;
		/* background-color:#E8E8E8; */
	}
	#contenttable {
		width: 100%;
		/*width:820px;*/
		background: #fff url(images/contenttable-bg_.jpg) no-repeat right top;
	}
	.leftedge {
		/*linkerrand van maintable; bijvoorbeeld voor linkerkant dropshadow achter hele maintable */
		width: 10px;
		background:transparent url(images/bg_trans_body.png) repeat scroll top left;	
	}
	.leftedge div,
	.rightedge div {
		width: 10px;
	}
	.rightedge {
		/*rechterrand van maintable; bijvoorbeeld voor rechterkant dropshadow achter hele maintable */
		width: 10px;
		background: url(images/bg_trans_body.png) repeat scroll top right;
	}
	.leftgutter,
	.rightgutter,
	.leftgutter div,
	.rightgutter div {
		/*marges tussen eerste kolom en .leftedge en tussen laatste kolom en .rightedge */
		background: transparent;
		width: 25px;
	}
	.separatorcol {
		/*scheidingskolom tussen main- en sidecols */
		width: 0;
		background: none;
	}
	.separatorcol div {
		width: 0;/*div in td.separator om wegvallen td bij verschalen te voorkomen*/
		display: none;/* nodig voor IE6: anders krijgt seperatorcol toch een width */
	}
	.stercol {
		width: 120px;
		background: #4E4840;
		text-align: center;
		color: #fff;
	}
	/*
	uitgaande van breedte van 760:
	breedte maintable = 90% = 684px; edges zijn ieder 10px breed -> breedte contenttable = 664; totaal aan gutters & separatorcols: 28px; -> ca. 96% over. -> verdeel 96% over cols.
	*/
	.maincol {
		/* kolom voor hoofdcontent */
		padding-top: 10px;
		/*width: 66%;*/
		font-size: 12px;
	}
	.maincol.xlarge,
	.sterincluded .maincol.xlarge{
		/*width: 81%;*/
	}
	.maincol.xlarge,
	.sterincluded .maincol.xlarge{
		width: 492px;
		padding-right: 30px; 
	}
	.sidecol {
		/* kolom voor secundaire content */
		margin:0;
		padding:0;
		width: 300px;
		font-size: 1.2em;
		color: #546a6d;
	}
	.singlecol {
		/* kolom voor secundaire content */
		/*padding-top: 10px;*/
		/*width: 15%;*/
	}
	.doublecol {
		/* dubbelbrede kolom voor secundaire content */
		/*width: 30%;*/
	}
	.maincol,
	.sidecol,
	.leftgutter,
	.rightgutter,
	.separatorcol {
		/*border-bottom: 3px solid #321e0a;*/
	}
	/* breedtes iets aanpassen voor sterincluded */
	.sterincluded .maincol {
		/*width: 64%;*/
	}
	.sterincluded .maincol.xlarge {
		/*width: 77%;*/
	}
	.sterincluded .doublecol {
		/*width: 32%;*/
	}
/*-- Einde main layout --*/

div#contentsection,
div#videoplayer {
	/*width:820px;*/
}

	
/*-- Start subsiteheader --*/
	#subsiteheader {
		display: block;
	}
/*-- Einde subsiteheader --*/



/*-- Start subsitemenu--*/
	#subsitemenu {
		display: none;
		padding: 0 19px 7px;
	}
	
	#subsitemenu ul {
		display: inline;
		margin: 0;
		padding: 0;
		white-space: nowrap;
	}
	
	#subsitemenu ul li {
		display:inline;
		margin: 0 5px 0 0;
		padding: 0;
		list-style: none;
		text-transform: uppercase;
	}
/*-- Einde subsitemenu --*/


/*-- Start generieke settings boxen en holders --*/
	/*
	NB: ivm mogelijk maken van fancy corners rondom boxen worden per box een aantal geneste divs gebruikt
	variant op http://www.456bereastreet.com/archive/200406/flexible_box_with_custom_corners_and_borders/
	
	generieke settings schakelen in principe alle vormgeving voor custom corners uit.
	voor de hoofdsite staan de styles voor de boxes nodig voor custom corners in een eigen file: varaboxes.css. Dit om niet voor elke subsite eerst weer de styles van vara.css te hoeven corrigeren
	
	let op: childs van box/sidebox hebben bx ipv box in naam: anders verdubbelt ie/mac padding wanneer div.box nog tweede class krijgt
	*/
	
	/* gewijzigd 20070125 RR
	met de extentie cron_cssstyledimgtext zijn de standaard Typo3 content elementen beter te stylen
	sommige de namen van classes zijn echter  hardcoded in de extentie gedefinieerd,

	 csi-imagewrap is gebruikt ipv sidebox 
	.csi-txt is gebruikt ipv textbox (alleen  .imtext25, .imtext26)
	 imgtext1 is vergelijkbaar met hasrightsidebox
	 imgtext2 is vergelijkbaar met hasleftsidebox
 	 imgtext25 is vergelijkbaar met hasrightsidebox <h2> binnen de textbox
	 imgtext26 vergelijkbaar met hasleftsidebox <h2> binnen de textbox
	*/
	
	.box,
	.sidebox,
	.csi-imagewrap {
		/* container voor boxen nodig voor custom corners; wordt er omheen gezet om een blok te krijgen dat in 1x te positioneren is */
		padding: 0;
	}

	.sidebox img,
	.csi-imagewrap img {
		vertical-align: bottom;/*voorkomt marge onder img in ff*/
	}
	
	.bxtop,
	.sidecol .menu .bxtop,
	.imgbxtop,
	.maincol .infobox .imgbxtop {
		/* voor linkerzijde bovenkant */
		margin: 0;
		padding: 0;/* padding-left = evt breedte corner */
		background: 0 0 no-repeat;/* bg color optioneel */
		font-size: 0;/* anders maakt IE box te hoog */
	}
	.bxtop div,
	.sidecol .menu .bxtop div,
	.imgbxtop div,
	.maincol .infobox .imgbxtop div {
		/* voor rechterzijde bovenkant */
		background: 100% 0 no-repeat;
		height: 0;/* height = hoogte corner; */
	}	
	.bxouter,
	.sidecol .menu .bxouter,
	.imgbxouter,
	.maincol .infobox .imgbxouter {
		/* voor border linkerzijde */
		padding: 0;/* padding-left = breedte corner */
		margin: 0;
		/*background: 0 0 repeat-y;/* bg color optioneel */
	}
	.bxinner,
	.sidecol .menu .bxinner,
	.imgbxinner,
	.maincol .infobox .imgbxinner {
		/* voor main content en border rechterzijde */
		padding: 0;/* padding-left = gewenste waarde; padding-right = gewenste waarde + breedte corner */
		margin: 0;
		/*background: 100% 0 repeat-y;*/
	}
	.bxbottom,
	.sidecol .menu .bxbottom,
	.imgbxbottom,
	.maincol .infobox .imgbxbottom {
		/* voor linkerzijde onderkant */
		margin: 0;
		padding: 0;/* padding-left = breedte corner */
		background: 0 100% no-repeat;/* bg color optioneel */
		font-size: 0;/* anders maakt ie box te hoog */
	}
	.bxbottom {
		clear: both;
	}
	.bxbottom div,
	.sidecol .menu .bxbottom div,
	.imgbxbottom div,
	.maincol .infobox .imgbxbottom div {
		/* voor rechterzijde onderkant */
		background: 100% 100% no-repeat;
		height: 0;/* height = hoogte corner; */
	}
	.maincol .infobox .imgbxtop, 
	.maincol .infobox .imgbxbottom {
		display: none;
	}
	.textbox,
	.csi-txt {
		/* box voor plaatsen content binnen div.box */
	}
/*-- Einde generieke settings boxen en holders --*/

/*-- Start maincol --*/
	/*-- Start boxen en holders maincol --*/
		/* NB: de styles voor de boxes die nodig zijn voor custom corners staan in een aparte file: varaboxes.css */
		
		.maincol .box h2 {
			/*
			margin-bottom: 1px;
			padding: 0;
			color: #546a6d;
			background: none;
			text-transform: none;
			font-size: 14px;
			*/
			
			background:transparent none repeat scroll 0 0;
			color: #546a6d;
			font-size:13px;
			font-weight:bold;
			letter-spacing:2px;
			margin-bottom:1px;
			padding: 0;
/*			margin-top:15px;*/
			
			/*font-family: century gothic,verdana,arial,helvetica;*/
			/* verwijderd jaron: wordt centraal gedefinieerd voor h1,h2,h3 */
		}

		/* sidebox */
			.maincol .sidebox {
				float: left;
				width: 146px;
			}
			.maincol .sidebox img {
				/*width: 130px;*/
			}
		/* textbox */
			.maincol .textbox {
				margin: 3px 0;
				margin-right:10px;
				/*width:470px;*/
			}
			.maincol .textbox h2 {
				margin: 0;
			}
			
		/* hasleftsidebox / hasrightsidebox */
			.maincol .hasleftsidebox .sidebox .portrait,
			.maincol .hasrightsidebox .sidebox .portrait {
				width: 114px;
			}
			.maincol .hasleftsidebox .sidebox .portrait img,
			.maincol .hasrightsidebox .sidebox .portrait img {
				width: 98px;
			}

		/* hasleftsidebox */
			.maincol .hasleftsidebox .textbox,
			.maincol .imgtext2 .textbox,
			.doublecol .imgtext2 .textbox{
				margin-left: 153px;
			}
			
			.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 .textbox,
			.doublecol .imgtext1 .textbox {
				margin-right: 153px;
			}

			.maincol .imgtext1 .csi-txt,
			.doublecol .imgtext1 .csi-txt {
				margin-left: 0;
			}
			
			.maincol .imgtext25 .csi-text,
			.doublecol .imgtext25 .csi-text {
				margin-right: 20px;
			}
			
		/* hasbigsidebox */
			.maincol .hasbigleftsidebox .sidebox,
			.maincol .hasbigrightsidebox .sidebox {
				width: 246px;
			}

			.maincol .hasbigleftsidebox .sidebox .portrait,
			.maincol .hasbigrightsidebox .sidebox .portrait {
				width: 188px;
			}
			.maincol .hasbigleftsidebox .sidebox .portrait img,
			.maincol .hasbigrightsidebox .sidebox .portrait img {
				width: 172px;
			}
			.maincol .hasbigleftsidebox .sidebox .minibox,
			.maincol .hasbigrightsidebox .sidebox .minibox {
				float: left;
				margin-left: 0;
				margin-right: 0;
				width: 80px;
			}
			.maincol .hasbigleftsidebox .sidebox .minibox .imgbox,
			.maincol .hasbigrightsidebox .sidebox .minibox .imgbox {
				margin-left: 0;
				margin-right: 0;
				width: 80px;
			}
			.maincol .hasbigleftsidebox .sidebox .minibox img,
			.maincol .hasbigrightsidebox .sidebox .minibox img {
				width: auto;
				height: 49px;/* hoort bij breedte van 66px; vaste hoogte is mooier dan vaste breedte */
			}

			/* 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;
			}
			
		/* hasSmallSidebox en forumbox */
			.maincol .forumbox .sidebox,
			.maincol .hassmallleftsidebox .sidebox,
			.maincol .hassmallrightsidebox .sidebox {
				width: 96px;
				overflow-x:hidden;
			}
			.maincol .forumbox .sidebox img,
			.maincol .hassmallleftsidebox .sidebox img,
			.maincol .hassmallrightsidebox .sidebox img {
				width: 80px;
				height: 80px;
			}
			.maincol .hassmallrightsidebox .sidebox {
				float: right;
			}
			/*.maincol .forumbox .textbox,*/ /* verwijderd jaron */
			.maincol .hassmallleftsidebox .textbox {
				margin-left: 107px;
			}
			.maincol .hassmallrightsidebox .textbox {
				margin-right: 107px;
			}
			
			
			
		/* infobox */
			.maincol div.infobox {
				margin: 3px 7px 7px;
				padding: 8px;
				border: 1px solid #781414;
				background: #8E1A1A;
				voice-family:inherit;
				width: 214px;/* overige browsers */
			}
			div.infobox h3 {
				margin: 0 0 7px;
				padding: 0;
				font-weight: bold;
				font-size: 1.2em;
			}
			.maincol div.infobox {
				margin-left: 7px;
			}
			.maincol .hasbigleftsidebox div.infobox p,
			.maincol .hasbigrightsidebox div.infobox p {
				margin-left: 0;
				font-size: 100%;
			}
			.maincol .sidebox div.infobox img {
				width: auto;
			}
			
		/* gallerybox */
			.maincol .gallerybox h4 {
				margin: 8px 0 0;
			}
			.maincol .fotobox {
				margin: 10px 0 0;
				padding: 0;
				float: left;
				width: 146px;
				height:125px;				
			}
			.maincol .gallerybox .imgbox {
				float: left;
				width: 146px;
                                /*background-color : #531;*/
                                text-align : center;
			}
			.maincol .fotobox .imgbxinner a {
				/* verberg voor IE/mac, anders toont die geen afb meer */
				/* \*/
				display: block;
				/* */
				width: 130px;
				overflow: hidden;
			}
			.maincol .gallerybox img {
				width: auto;
				height: 97px;/* hoort bij breedte van 130px; vaste hoogte is mooier dan vaste breedte */
			}
			
		/* loginbox */
			.loginbox .actionbar {
				margin: 0;
				padding-bottom: 3px;/* anders kapt IE 1px van border-bottom af */
				width: 160px; /* om te voorkomen dat buttons onder elkaar geplaatst worden */
			}

		/* overige boxen */
			.maincol .singleimage {
				padding: 0;
				text-align:left;
				width:120px;
			}
			.maincol .singleimage .bxinner {
				text-align: left;
				padding: 0;
				font-size: 0;
				line-height: 0em;
			}

			.characterbox {
				margin: 0;
				padding: 0;
				font-size: 100px;
				font-weight: bold;
				line-height: 1em;
				color: #5e0202;
			}

	/*-- Einde boxen en holders maincol --*/
	
/*-- Einde maincol --*/

/*-- Start sidecol --*/

	/*-- Start menu --*/
		.menu {
			margin: 7px;
		}
		.sidecol div.menu h2 {
			margin-bottom: 0;
			padding: 3px 10px;
			background: #531 url(images/bg_menuheader.gif) repeat-y;
		}
		.sidecol div.menu h3 {
			margin-bottom: 0;
			padding: 3px 10px;
			background: #700000 url(images/bg_submenuheader.gif) repeat-y;
			font-size: 1.0em;
		}
		.menu ul {
			margin: 0;
			padding: 0;
			line-height: 1.5;
		}
		.menu li {
			margin: 0;
			padding: 0;
			padding: 2px 0 2px 15px;
			background: #9B0000 url(images/bg_menu.gif) repeat-y;
			border-bottom: 1px solid #700000;
			list-style: none;
			font-weight: bold;
			color: #F90;
		}
		.menu li a {
			display: block;
			margin: -2px 0 -2px -15px;
			padding: 2px 0 2px 15px;
			background: #a00 url(images/bg_menu.gif) repeat-y;
			color: #fff;
			text-decoration: none;
		}
		.menu li a:hover,
		.menu li a:focus {
			background: #9B0000 url(images/bg_menu.gif) repeat-y;
			color: #F90;
		}
	/*-- Einde menu --*/
	
	/*-- Start boxen en holders sidecol --*/
		/* NB: de styles voor de boxes die nodig zijn voor custom corners staan in een aparte file: varaboxes.css */
		.sidecol .box h2 {
			margin: 0 0 5px 0;
			padding: 0;
			background: none;
			color: #546a6d;
			font-size: 13px;
			font-weight: bold;
			text-transform: uppercase;
			letter-spacing: 2px;
			/*font-family: century gothic,verdana,arial,helvetica;*//* verwijderd jaron: wordt centraal gedefinieerd voor h1,h2,h3 */
		}
		.sidecol .box h2 a {
			color: #740000;
		}
		.sidecol .sidebox {
			margin: 0;
			width: 142px;
		}
		.doublecol .sidebox,
		.doublecol .csi-imagewrap {
			margin: 0 7px 0 0;
			float: left;
		}

		.sidecol .singlecol img {
			width: 100%;
			height: auto;
			background: #ff0;
		}
			
		.doublecol .hasleftsidebox .textbox {
			margin: 0 0 0 147px;
		}
		.sidecol .singleimage .sidebox {
			margin: 0;
			width: auto;
		}
		.sidecol .singleimage img {
			width: 100%;
		}
	/*-- Einde boxen en holders sidecol --*/
	
/*-- Einde sidecol --*/

/*-- Start forms --*/
	form {
		margin: 7px 0 0;
		padding: 0;
	}
	.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: 0 0 0 -20px;*/
		margin: 0;
		border: none;
	}
	
	form .fixedwidth {
		width: 250px;
	}
	.dayfield,
	.monthfield {
		width: 2em;
	}
	.yearfield {
		width: 4em;
	}
	form .actionbar {
		/* plaat voor submitbuttons etc */
		margin: 0;
	}
/*-- Einde forms --*/

/*-- Start spotlight --*/
	#spotlightbox .bxouter {
		/*background: transparent url(images/bg_spotlight.gif) 340px 0 repeat-y;*/
	}
	#spotlightbox .bxinner {
		padding: 0;
	}

	#spotholder{
		background:#000000 url(images/header_no_flash.jpg) no-repeat scroll left top;
		/*float:left;*/
		height:210px;
		margin: 0 0 10px;
		/*width:820px;*/
	}
	
	#spotholderNoFlash{
		height: 145px;
		margin:20px 0 0;
		margin: 0;
		overflow: auto;
		width: 300px;/* todo jb */
	}
	
	#spotholderstatic {
		display: none;
		float: left;
		margin: 0;
		width: 820px;/* todo jb */
		height: 210px;
		background: #000;
	}
	
	#spotholder .aankeiler,
	#spotholderstatic .aankeiler {
		border: none;
		/*border-bottom: 1px solid #EED1D1;*/
		width: 280px;/* todo jb */
		padding: 10px 0 0 10px;
		text-align: left;
	}
	
	#spotholderNoFlash .aankeiler a{
		color: #fff;
	}
	
	#spotholder h2,
	#spotholderstatic h2 {
		background: none;
		font-size:11px;
		font-weight:bold;
		letter-spacing:2px;
		padding: 0;
		text-transform:uppercase;
	}
	
	#spotholder p,
	#spotholderstatic p {
	}
	#spotholder .aankeiler p,
	#spotholderstatic .aankeiler p {
		margin: 0;
	}
	#spotholder a,
	#spotholderstatic a {
		display: block;
	}
	#spotholder p.footer {
		margin: 0;
		padding: 1px 5px 0;
		border: none;
		border-top: 1px solid #666;
		height: 18px;
		background: #000;
		vertical-align: middle;
	}
	#spotholder p.footer a {
		display: inline;
		color: #999;
		font-size: 9px;
		text-decoration: none;
	}
	#spotholder p.footer a:hover {
		color: #fff;
	}
/*-- Einde spotlight --*/

/*-- Start mainaankeiler --*/
/*-- Start mainaankeiler --*/
	.mainaankeilerbox {
		float: left;
		margin: 0 8px 8px 0;
		padding-left: 8px;
		padding-top: 3px;
		/*border: 1px solid #621a09;*/
		/*height: 134px;*/
		height: 134px;
		/*width: 138px;*/
		width: 154px;
		/*background: #a91815 url(images/bg_box_maincol.jpg) repeat-x;*/
		background: none;
	}
	#mainaankeilerbox1{
		border: 1px solid #c00;
		margin:-1px 2px 4px -3px;
		background: url(images/bg_humortv.jpg) no-repeat;
	}
	#mainaankeilerbox2{
		border: 1px solid #c00;
		margin:-1px -3px -1px -2px;
		background: url(images/bg_consumententv.jpg) no-repeat;
	}

	.mainaankeilerbox .aankeiler {
		/*border-bottom: 1px solid #7e1507;*/
		height: 112px;
	}
	.mainaankeilerbox a.linkforward {
		padding: 2px 0 2px 25px;
		background-position: 5px 5px;
	}
	.mainaankeilerbox a.linkforward:hover,
	.mainaankeilerbox a.linkforward:focus {
		background-position: 5px -45px;
	}
	.aankeiler h4 {
		margin: 0;
		padding: 3px;
		background: none;
	}
	.aankeiler p {
		margin: 0 5px;
	}
	.aankeiler .actionbar {
		margin: 5px 0 0;
		padding: 5px 3px 5px;
	}
	
	/*-- Toegevoegd 10-05-2006 RR --*/
	.actionbar a.actionlink,
	.actionbar a.linkforward,
	.aankeiler a.actionlink,
	.aankeiler a.linkforward {
		padding-bottom: 2px;
	}
	
/*-- Einde mainaankeiler --*/

/*-- Start tables --*/
	.datatable {
		border-collapse: collapse;
		border: 1px solid #590101;
		border-top: 0;
		width: 100%;/* overige browsers */
	}
	.datatable a {
		text-decoration: none;
	}
	.datatable a:hover,
	.datatable a:focus {
		color: #f90;
	}
	.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: #ad2421;
	}
	.datatable tr.evenrow {
		background-color: #a91815;
	}
	.datatable tr.footer {
		background-image: none;
	}
	.datatable caption {
		margin-left: -1px;/* anders begint caption pas na breedte border table */
		padding: 5px;
		background: #590101;
		font-weight: bold;
		text-align: left;
		color: #fff;/*overrulet evt color in colgroup.alt */
	}
	.datatable th,
	.datatable .subhead td,
	.datatable .footer td {
		padding: 5px;
		border: 0;
		border-left: 1px solid #590101;
		background: #790a09;
		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: #F7C187;
	}

	.formtable {
		border: 0;
		width: 100%;/* overige browsers */
	}
	.formtable a.button {
		line-height: 2.0;/* anders geen marge in IE */
	}
/*-- Einde tables --*/

/*-- Start pager --*/
	.maincol .box.pagerbox {
		padding-top: 0;
	}
	.pagertable {
		margin: 0;
		margin-left: auto;/* ie/mac snapt shorthand notatie niet */
		margin-right: auto;
		margin-bottom: 5px;
		padding: 0;
		border: 0;
		border-collapse: collapse;
		height: 20px;
		line-height: 1.6;
		color: #998570;/* voor niet-links en niet-active, dus gedisablede elementen */
	}
	.pagertable td {
		padding: 0 5px;
		text-align: center;
		line-height: 1.6;
	}
	.pagertable td.enum {
		/* voor td met cijfers of letters */
		padding: 0 5px;
		font-weight: bold;
	}
	.pagertable a,
	.pagertable .active {
		padding: 2px 1px;
		color: #F90;
		text-decoration: none;
	}
	.pagertable .active,
	.pagertable a:hover,
	.pagertable a:focus {
		color: #fff;
	}
/*-- Einde pager --*/

/*-- Start tabs --*/
	.tabholder {
		position: relative;/* zorgt voor hogere z-index dan elementen met geen position, nodig om dit element over volgende box met class hastabs heen te leggen */
		overflow: hidden;
		padding: 0;
		width: 100%;
	}
	.hastabs {
		/* wanneer div.bxtop binnen de div met deze class .hastabs een hoogte heeft, kan hier aan .hastabs een negatieve margin-top gegeven worden, zodat die div.bxtop (indien gewenst deels) onder .tabholder komt te vallen */
		/*margin-top: -3px;*/
	}
	ul.tabs {
		float: left;
		margin: 0;
		padding: 7px 0 0;
		width: 100%;
		/* background: url(images/bg_tabs.gif) 0 100% repeat-x; */
		/* bgimage met border omdat toepassen van border in IE niet met border child-element kan worden afgedekt */
		
	}
	.oddbox ul.tabs {
		/* zelfde kleur als box.evenbox */
		background-color: #A91815;
	}
	.evenbox ul.tabs {
		/* zelfde kleur als box.oddbox */
		/* background-color: #a22; */
	}
	ul.tabs li {
		float: left;
		margin: 0 0 0 5px;
		list-style: none;
	}

	ul.tabs li a.active {
		padding-bottom: 1px;
		border: 1px solid #ce7b7a;
		border-bottom: 0;
	}
	.oddbox ul.tabs li a.active,
	.oddbox ul.tabs li a:hover,
	.oddbox ul.tabs li a:focus {
		background: #a22;/* zelfde kleur als bovenste rij pixels van bg van box.oddbox */
	}
	.evenbox ul.tabs li a.active,
	.evenbox ul.tabs li a:hover,
	.evenbox ul.tabs li a:focus {
		background: #ca221f;/* zelfde kleur als bovenste rij pixels van bg van box.evenbox */
	}
/*-- Einde tabs --*/


/*-- Start nieuwsbrief --*/
.newsletters {
	float: left;
	/*width: 12em;/* zonder width werkt in IE/mac float niet op div met form erin */ 
	width: 16em;/* 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;
}

input.button {
 cursor: pointer;
} 

/*-- Einde nieuwsbrief --*/

/*-- Start footer --*/
	#footer {
		margin: 0px auto;
		background: #3d3d3d url(images/bg_footer.gif) 0 0 repeat-x;
		color: #ccc;
		font-size: 0.95em;
		text-align: center;
	}

	#footer .footertop { 
		margin:0 auto;
		width: auto;
		width: 770px;/* todo jb */
	}
	
	#footer .column {
		float: left;
		font-size:11px;
		text-align:left;
		text-transform:uppercase;
	}
	
	.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 #555;
	}
	#footer .footertop li a:hover,
	#footer .footertop li a:focus {
		background: #444;
		text-decoration: none;
	}
	.footertop .contentbox {
		/* boxje met uitzending */
		padding: 0;
		width: 130px;
	}
	.footertop .contentbxinner {
		padding: 0;
	}
	.footertop .searchbox {
		margin-top:10px;
		width: 190px;
	}
	.footertop .imgbox {
		margin: 0;
		background: #888;
	}

	#footer .imgbox{
		border:5px solid #333333;
	}

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

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

/*-- Einde footer --*/

/*-- Start overig --*/
	.floatfixer,
	.csi-clear {
		font-size: 0;
		line-height: 0em;
		height: 0;
		clear: both;
	}
	p.actionbar {
		/* voor plaatsen links met acties als bekijken, reageren etc */
		/* 5px verhoogd naar 15px - WZ 17/3/2008 */
		margin: 12px 0 15px;
	}
	div.separator {
		padding: 7px 0 0;
		height: 9px;
		background: url(images/dots_drood_700000_hor.gif) 0 7px repeat-x;
	}
	.fullwidth {
		width: 100%;
	}
	.halfwidth {
		/* om twee divs naast elkaar te zetten */
		float: left;
		width: 47%;/* IE heeft problemen met renderen bij 50%; IE5 ook bij andere waardes ivm interpretatie breedte parent div */
	}
	.footnote {
		font-size: 90%;
	}
	.moreoptions {
		display: none;
	}
	.lessoptions {
		display: block;
	}
	.iconholder {
		float: right;
	}
	h1 .iconholder {
		margin: 4px 0 0;
	}
	h2 .iconholder {
		margin: 2px 0 0;
	}
	.printactionbar {
		display: none;
	}
	.rank {
		float: left;
		display: block;
		margin: -0.3em 0.3em 0 0;
		font-size: 1.4em;
		color: #f90;
	}
	/* gewijzigd RR 20070404 in safari moeten <td> 's  een hoogte krijgen, helaas is deze alleen te stylen met een classname in de td */
	.varabalkholder,
	.mainssmenu {
		height: 0px;
		background: #fff url(images/bg_menu_main.gif) right top repeat-y;
		margin-top:7px;
	}

	#logo{
		display: inline;
	}
	/*-- Einde overig --*/


	#menu2{
		float: left;
		display:none;
	}

	.imagebox{
		float: left;
		margin:0 14px 15px 0;
	}

	.imagebox a img{
		border: 1px solid #ccc;
	}

	#videoplayer p,
	#videoplayer td{
		color: #fff;
	}

	.content_right,
	#content_right,
	#default_right{
		border: 1px solid #f5f5f5;
		/*width: 235px;*/
	}


	#default_right{
		margin-bottom: 20px;
	}

	#functiemenu{
		margin-bottom: 20px;
	}

	#subsitemenu {
		float:left;
		height:23px;
		width:540px;/* todo jb */
	}

#googlesearch {
float:right;
height:26px;
padding-right: 22px;
width:240px;

}
#googlesearch input {
	/* height:20px; */
        font-size:13px;
        padding: 2px 5px 0px;
}
/* searhbox */
.searchbox{
	margin-top: -10px;
}

/* einde searhbox */

	/* horizontaal menu */
	.horizmenu .bxtop {
		background-image: none !important;
	}

	.horizmenu {
		text-align: left;
	}
	.horizmenu ul{
		padding: 0;
		margin: 0;

	}
	.horizmenu ul li{
		text-transform: uppercase;
		display: inline;
		padding: 0px;
		margin:0 7px 0 0px;
	}
	.horizmenu ul li a{
		padding: 0px;
		font-size: 11px;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		text-decoration: none;
		color: #ff0000;
	}
	.horizmenu ul li a:hover{
		text-decoration: underline;
	}

	#functiemenu {
		margin:15px 0;
	}

	#content_right,
	.content_right,
	#default_right {
		background-color:#fff;
		border :1px solid #ccc;
		/*width:230px;*/
	}
	
	

/* einde horizontaal menu */

/* menu2 */
#menu2 .bxtop {
	background-image: none !important;
}

#menu2 {
	text-align: left;
	text-transform: uppercase;
}
#menu2 ul{
	padding: 0;
	margin: 0;

}
#menu2 ul li{
	display: inline;
	padding: 3px;
	margin:0 10px 0 0px;

}

#menu2 ul li.active{
	color: #ff0000;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

#menu2 ul li a{
	padding: 0px;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #546A6D;
}
#menu2 ul li a:hover, a:focus{
	text-decoration: underline;
	color: #ff0000;
}

#menu2 {
	margin-bottom:3px;
}

#menu2 {
	padding: 5px 0px 0px 18px;
	
}

/* einde menu2 */

	
	#vbsearchbox {
		float: right;
		margin: -6px 10px 0 0;
		text-align: right;
		font-size: 11px !important;
	}
	#vbsearchbox form {
		display: inline;
	}
	#vbsearchbox input {
		border: 1px solid #A4B97F;
		font-size: 0.9em;
		font-family: arial, verdana, helvetica, sans-serif;
	}
	#vbsearchbox #vbmainsearchkeyword {
		width: 10em;
	}
	#vbsearchbox input:focus {
		background: #FFF0D9;
	}
	#vbsearchbox p {
		margin: 0;
		padding: 0;
	}

#meerfragmenten {
	float:left;
	margin:0;
	overflow:hidden;
	width:297px;
}
#meerfragmenten h2 {
	color:#546A6D;
	padding: 0px 0pt 5px;
}

#meerfragmenten .fotobox {	
	width:110px !important;
	height:80px !important;
	margin:0 10px 10px 0; 
}
#meerfragmenten .fotobox img {
	width:90px;
	height:60px
}
#videotable .xxlarge {
	margin:0;
	padding:7px 0 0;
	/*width:770px;*/
}
#videotable .maincol .bxinner  {
	padding: 7px 0 0 15px
}


#videoplayer ul.vplist {
	margin:0;
}

#videoplayer .vplist {
	float: left; 
	width: 215px;
	height:190px;
}

#videoplayer .xls {
	background: transparent url(images/bg_videoplayer_large.png) no-repeat scroll 0 0;
	height:700px;
	/*width:820px;*/
	width: 100%;
	color: #76888a;
}

#videoplayer .xls li {
	color: #76888a;
	font-size: 13px;
	margin:0 0 0 35px;
	list-style-type:square;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-family: century gothic,verdana,arial,helvetica;
	font-weight: bold;
	float:left;
	width:200px;
}

ul.vplist li.active a,
#videoplayer .xls .rightcol .active a,
#videoplayer .xls .rightcol .active{
		color: #ff0000;
}

#videoplayer .xls li a{
text-decoration: none;
}

#videoplayer .xls li a:hover{
color: #ff0000;
}

#videoplayer .kalenderdagen td {
	color: #cc0000;
	padding:9px;
}

#videoplayer .kalender .active  {
	color: #ff0000;
	text-decoration:underline;
}

.kalender {
    float:right;
    height:227px;
    margin:0 18px 0 0;
    width:240px;
}

#videoplayer .rightcol {
	padding-top: 24px;
}

#videoplayer h4 {
	color: #546a6d;
	margin-top: 0px;
	text-align:center;
	text-transform: uppercase;
}

#videoplayer .day {
	color: #546a6d;
	font-weight:normal;
}


#videoplayer  .bxtop,
#videoplayer .bxbottom,
#videoplayer  .bxtop div,
#videoplayer .bxbottom div{
	height: 0;
}
 
#videoplayer h1{
	color:#546a6d;
	margin:0 0 0 7px;
}

/*-- Start herdefinieren elements --*/
	.tx-powermail-pi1{
		padding-left: 8px;
		font-size: 11px;
		background: none;
		color: #546a6d;
		letter-spacing: 2px;
		font-family: century gothic,verdana,arial,helvetica;
		font-weight: bold;
	}
	
	.powermail_text,
	.powermail_textarea,
	.powermail_captcha {
		width: 250px;
		float: left;
	}
	.powermail_check {
		border: none;/* borders op checkbox; nodig voor IE */
		background: none;/* background op checkbox; nodig voor IE */
	}
	
	.powermail_mandatory_js {
		background:#f00;
		color:#fff;
		float:right;
		margin:0 0 0 5px;
		padding:0 0 1px 20px;
		width:185px;
	}

	.powermail_mandatory_list {
		width: 380px;
		background:#fc9;
		border:1px solid #E07F7F;
		margin: 10px 0px;
		padding: 20px 10px 20px 65px;
		background:#FFE9E5 url(images/icon_warning.png) no-repeat 8px 7px;
	}
	
	.tx-powermail-pi1 p {
		margin:0px;
		padding:0px;
	}

	.tx-powermail-pi1 td {
		padding-bottom: 7px;
	}

	.tx-veguestbook-pi1 .button,
	.tx-powermail-pi1 .button{
		background: url("images/versturen.gif") no-repeat;
		width:89px;
		height:20px;
	}

	.captcha_image{
		/*width: 250px;*/
	}

	.captcha_image img{
		width: 250px;
		height:	50px;
		margin-right: 8px;
		float: left;
	}
	
	.captcha_image span{
		padding: 5px 15px;
		margin: 0;
		display: block;
		float: right;
		width:175px;
		background:#eee;
	}

	
	.backbutton {
		background: url("images/terug_contact.gif") no-repeat;
		width:73px;
		height:20px;
	}

	.maincol .box h2 a {
		background: none;
		color: #546a6d;
		
	}

	.maincol .textbox p.actionbar {
		margin-bottom: 0;
	}

	hr {
		border-bottom: 2px dotted #fff;
	}
/*-- Einde herdefinieren elements --*/

/*-- Start varabalk / varamenu --*/
	#varamenu {
		background: #c00;
		color: #fff;
	}
/*-- Einde varabalk / varamenu --*/

/*-- Start snelmenu --*/
/*-- Einde snelmenu --*/

/*-- Start kruimelpad --*/
	#kruimelpad {
		background-color: #fff;
		color: #740000;
	}
	#kruimelpad ul li {
		background: url(images/pijltje_drood_c00.gif) 0 4px no-repeat;
	}
	#kruimelpad a {
		color: #740000;
	}
/*-- Einde kruimelpad --*/

/*-- Start subsiteheader --*/
	#subsiteheader {
		/*padding: 0 10px 10px;*/
		padding: 0;
/*		background: #b8dcf0 url(images/bg_ssheader.jpg) 100% 0 repeat-x;*/
		background: #b8dcf0;
		display: block;
		margin: 0 auto;
		height: 120px;
	}
	
	#subsiteheader object {
		margin: 0 auto;
	}
/*-- Einde subsiteheader --*/

/*-- Start subsitemenu--*/
	#subsitemenu {
		text-transform: uppercase;
		padding: 0 0 0 10px;
		/*padding-left: 10px;*/
		display: block;
		height: auto;
		/* background: url(images/bg_ssmenu.gif) repeat-x; */
	}
	
	#subsitemenu ul li {
		display: inline;
		float: left;
		/*overflow: hidden; /* Toegevoegd RR */
		height: 26px;
		padding: 0;
		margin: 0;
		/* background: #FFFFFF url(images/bg_ssmenubutton_l.gif) 0 0 no-repeat;*/
		/* background: url(images/bg_ssmenubutton_l.gif) 0 0 no-repeat;		*/
		font-size: 1.4em;
		font-weight: bold;
		font-family: arial,verdana;
		line-height: 1.6;
		white-space: nowrap;
	}
	#subsitemenu ul li a { 
		display: block;
		float: left;
		padding:2px 12px;
		height: 20px;/* zelfde hoogte als #subsitemenu ul li; wanneer je 100% gebruikt maakt IE/mac ze niet hoog genoeg */
		vertical-align: middle;
		/* background: #FFFFFF url(images/bg_ssmenubutton_r.gif) 100% 0 no-repeat;*/
		/* background: url(images/bg_ssmenubutton_r.gif) 100% 0 no-repeat; */
		color: #546a6d;
		text-decoration: none;
	}
	
	#subsitemenu ul li a:hover,
	#subsitemenu ul li a:focus {
		/*color: #eef3d1;*/
		color: #ff0000;
		text-decoration: underline;
	}
	#subsitemenu ul li.active {
		/* background: #FF0000 url(images/bg_ssmenubutton_active_l.gif) 0 0 no-repeat; */
		background-color:#FF0000;
	}
	#subsitemenu ul li.active a {
		/* background: #FF0000 url(images/bg_ssmenubutton_active_r.gif) 100% 0 no-repeat; */
		background-color:#FF0000;	
		color: #ffffff;
	}
	#subsitemenu ul li.active a:hover,
	#subsitemenu ul li.active a:focus {
		color: #fff;
	}
	
	/*Top level list items*/
	#subsitemenu ul li{
		position: relative;
		display: inline;
		float: left;
	}

	#subsitemenu ul li li{
		font-size: 1em;
		margin: 0;
	}
	#subsitemenu ul li.active li a{
		background: #eee;
		color: #546A6D;
	}
	
	#subsitemenu ul li.active li a:hover{
		color: #ff0000;
	}


	/*Top level menu link items style*/
	#subsitemenu ul li li a{
		display: block;
		background: #eee; /*background of tabs (default state)*/
		text-decoration: none;
		height: 20px;
		padding: 2px 0 2px 10px;
		font-weight: normal;
	}

	* html #subsitemenu ul li li a{ /*IE6 hack to get sub menu links to behave correctly*/
		display: inline-block;
	}

	/*1st sub level menu*/
	#subsitemenu ul li ul{
		position: absolute;
		left: 0;
		display: block;
		visibility: hidden;
		background:#eee;
		z-index:999;
	}

	/*Sub level menu list items (undo style from Top level List Items)*/
	#subsitemenu ul li ul li{
		display: list-item;
		float: none;
		font-size:11px;
	}
	#subsitemenu ul li ul li a {
		border:0px;
		border-top:0px;
		border-bottom:1px solid #EEE;
		display:block;
		/*width:100%;*/
		width:94%;
	}
	#subsitemenu ul li ul li a:hover {
		border:0px;
		border-top:0px;
		border-bottom:1px dotted red;
		text-decoration:none;		
	}	
	
/*-- Einde subsitemenu --*/

/*-- Start generieke settings boxen en holders --*/
	/*
	NB: ivm mogelijk maken van fancy corners rondom boxen worden per box een aantal geneste divs gebruikt
	variant op http://www.456bereastreet.com/archive/200406/flexible_box_with_custom_corners_and_borders/
	
	generieke settings schakelen in principe alle vormgeving voor custom corners uit.
	
	let op: childs van box/sidebox hebben bx ipv box in naam: anders verdubbelt ie/mac padding wanneer div.box nog tweede class krijgt
	*/
/*-- Einde generieke settings boxen en holders --*/

/*-- Start maincol --*/


/* layout_generic */

	.box.generic {
		/*padding:4px 5px 13px 0;*/
		/*width:500px;*/
	}

	.box.generic .bxbottom {
		background-image: url(images/generic_bot.gif);
		height:12px;
		margin: 0 auto;
		padding-left: 5px;
}

	.box.generic .bxtop {
		background-image: url(images/generic_top.gif);
		height:12px;
		margin: 0 auto;
		padding-left: 5px;
	}

	.maincol .box.generic .bxouter {/* .maincol is nodig om voldoende specificity te geven aan IE6 */
		background: transparent url(images/generic_bg.gif) repeat-y top left;
		height: 1%;
		margin: 0 auto;
	}

.box.generic p {
padding-right:20px;
}

/* start toevoeging jaron */
	.box.generic h1 {
		margin-right: 14px;/* compenseert te ver uitstekende .box.generic; dit zou eigenlijk daar moeten worden opgelost */
		border-bottom: 2px solid #ccc;
		padding-bottom: 7px;
		text-transform: uppercase;
		width:445px;/* todo jb */
	}
/* einde toevoeging jaron */
/* einde layout_generic */

/* layout_een */

	.maincol .layout_een {
		color: #ffffff;
	}

.layout_een p {
	color: #FFFFFF; 
	/*padding-bottom: 5px;*/
}

.maincol .layout_een a {
	color:#fff;
}

.maincol .layout_een .bekijken {
	color:#fff;
	background: url(images/bekijken_play.png) no-repeat;
	}

.maincol .layout_een .bekijken a {
	padding-left:20px;
	}

.maincol .layout_een h2  {
	font-size: 13px;
	color: #FFFFFF;
	/*font-family: century gothic,verdana,arial,helvetica;*//* verwijderd jaron: wordt centraal gedefinieerd voor h1,h2,h3 */
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
	/*width: 460px;*/
	/*float:left;*/
}

.maincol .layout_een p {
	clear: both;
}

.maincol .layout_een h2 a{
	color: #FFFFFF;
}



.layout_een .imagebox img{
	border: 1px solid #fff;
}

/* einde layout_een */

/* layout_twee */
.maincol .layout_twee {
	margin: 4px 0 13px;
	/*padding: 4px 5px 13px 0;*/
}

.maincol .layout_twee img{
	padding: 5px;
	float: left;
}

.maincol .layout_twee a img {
	border: none;
}

.maincol .layout_twee .bxinner {
	padding-right: 13px;
	/*width: 469px;*/
	height: 90px;
	background: url(images/bg_lo7.gif) no-repeat;
}
	
.layout_een p {
	padding-bottom: 5px;
}

.maincol .layout_twee h2 {
	font-size: 13px;
	color: #415458;
	/*font-family: century gothic,verdana,arial,helvetica;*//* verwijderd jaron: wordt centraal gedefinieerd voor h1,h2,h3 */
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
}

.maincol .layout_twee h2 a {
	color: #415458;
}

/* einde layout_twee */

/* layout_drie */
	
	.maincol .generic.layout_drie .bxouter {
		background: transparent url(images/layout_drie_generic_bg.gif) no-repeat;
	}

	.maincol .generic.layout_een .bxouter {
		background: transparent url(images/layout_een_generic_bg.gif) no-repeat;
	}

	.maincol .generic.layout_een .bxtop,
	.maincol .generic.layout_een .bxbottom,
	.maincol .generic.layout_drie .bxtop,
	.maincol .generic.layout_drie .bxbottom {
		height:6px;
	}
	
	.maincol .generic.layout_drie .textbox{
		/*width:460px !important;*/
	}

.layout_een p {
	padding-bottom: 5px;
}

.maincol .layout_drie h2 {
	font-size: 13px;
	color: #546A6D;
	/*font-family: century gothic,verdana,arial,helvetica;*//* verwijderd jaron: wordt centraal gedefinieerd voor h1,h2,h3 */
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
}


.maincol .layout_een h2 a:hover, a:focus,
.maincol .layout_twee h2 a:hover, a:focus,
.maincol .layout_drie h2 a:hover, a:focus,
.maincol .layout_vier h2 a:hover, a:focus{
	text-decoration: underline;
}

.layout_drie .imagebox img{
	border: 1px solid #8a8887;
}
/* einde layout_drie */

/* layout_vier */
.maincol .layout_vier {
		padding:0 5px 13px 0;
	}

.maincol .layout_vier .bxinner {
		/*width: 469px;*/
		height: 113px;
		background: #f5f5f5 url(images/bg_lo4.gif) no-repeat;
	}

.layout_vier p {
	padding-bottom: 5px;
}

.maincol .layout_vier h2 {
	font-size: 13px;
	color: #ed1e24;
	/*font-family: century gothic,verdana,arial,helvetica;*//* verwijderd jaron: wordt centraal gedefinieerd voor h1,h2,h3 */
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
}

.layout_vier .imagebox img{
	border: 1px solid #8a8887;
}
/* einde layout_vier */

/* layout_vijf */
.maincol .layout_vijf {
		padding:4px 5px 13px 0;
	}

.maincol .layout_vijf a {
	text-decoration:none;
	}

.maincol .layout_vijf a:hover, a:focus {
	text-decoration:underline;
	}

.maincol .layout_vijf .bxinner {
		width: 469px;
		height: 183px;
		background: #f5f5f5 url(images/bg_lo5.gif) no-repeat;
	}

.layout_vijf p {
	padding-bottom: 5px;
}

.maincol .layout_vijf h2 {
	font-size: 13px;
	color: #425459;
	font-family: century gothic,verdana,arial,helvetica;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
}

.layout_vijf .imagebox img{
	border: 1px solid #8a8887;
}
/* einde layout_vijf */

	.contentbox {
		margin-right: 14px;/* plaatst rechterkant netjes binnen kader */
		
				
	}
	
	.contentbox .itembox {
		padding:5px 0px;
	
	}
	
	.external {
		/* voor externe links, zoals eigen website van gast */
		font-family: "century gothic", arial,helvetica,verdana, sans-serif;
	}
	.external a {
		color: #6b7d81;
		text-decoration: none;
	}
	.external a:hover,
	.external a:focus {
		color: #6b7d81;
		text-decoration: none;
	}
	/* Sart layout_zes */
		/* o.a. voor ankeilers op gastenpagina */
		
		.maincol .layout_zes {
		padding:4px 5px 13px 0;
	}

		
		.layout_zes {
			border-top: 1px solid #ccc;
		}
		.maincol .layout_zes .bxinner {
			padding: 20px 0;
		}
		.layout_zes .imgbox {
			border: 1px solid #e0e0e0;
			padding: 3px;
			background: #fff;
		}
		.layout_zes .textbox {
			/*margin-left: 115px;*/
			margin-left: 0;
		}
		.layout_zes .textbox p {
			margin-left: 0;
		}
		.layout_zes .actionbar {
			margin-top: inherit;
		}
		.layout_zes .actionlink {
			font-family: arial,helvetica,verdana, sans-serif;
		}
		
	/* Einde layout_zes */

	.maincol .bxtop {
		padding: 0 0 0 16px;/* padding-left = breedte corner */
		height: 12px;
		/*background-image: url(images/maincol_box_tb.gif);*//* verwijderd jb: dit lijkt veroorzaker probleem rode balken in IE6 */
	}

	.maincol .bxtop div {
		/* commented backslash hack voor IE/mac daar hebben met float:right deze div en bxtop geen hoogte */
		/* \*/
		float: right;
		width: 160px;
		/* */
		height: 12px;/* height = hoogte corner */
		/*background-image: url(images/maincol_box_tb.gif);*//* verwijderd jb: dit lijkt veroorzaker probleem rode balken in IE6 */
	}
	
	.maincol .bxinner {
		margin: 0;
		padding: 7px 8px 7px 15px;
		display: inline-table; /* floatfix for IE Mac Toegevoegd RR */
	}
	
	.contentbxinner {
		margin: 0;
		padding: 7px 8px 7px 15px;
	}
	.bxinner .contentbox .contentbxinner { 
		padding: 7px 8px 7px 4px;
		width:93%;
	}	

	.maincol .bxouter {
		margin: 0 8px 0 8px;
		padding: 0;
	}
	
 	/* commented backslash hack voor IE/mac; floatfix Toegevoegd RR \*/
  	* html .maincol .bxinner, .sidecol .bxinner {height: 1%;}
  	.maincol .bxinner, .sidecol .bxinner {
	  	display:block;
	 }
	 /* End Hack */ 
	
		/* commented backslash hack voor IE/mac; floatfix Toegevoegd RR \*/
	.maincol .bxinner:after, .sidecol .bxinner:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

.maincol .box.pagerbox .bxouter {
		padding: 0;
		/*background: #7B9903 url(images/bg_pager_maincol.gif) repeat-x;*/
		border: 0;
}

.maincol .box.pagerbox .bxinner {
		padding: 0;
		/*background: #F4F4F4;*/
}
	
	.maincol .box.pagerbox .bxinner a{
		color: #000;
	}
	
	.maincol .box.pagerbox .bxinner a:hover{
		color: #f00;
	}
	
	.maincol .box.pagerbox .bxtop, .maincol .box .pagerbox .bxtop div {
		height: 1%;
	}
	
	.maincol .box.pagerbox .bxtop, .maincol .box.pagerbox .bxtop div {
		height: 1%;
	}
		
	.maincol .characterbox {
		color: #FFFFFF;
	}

	/* mediabox */
	.mediabox {
		border: none;
		background: none;
		margin: 0;
		padding: 0;
		height: 1%;
		margin:10px 0 0; /*tijdelijk voor blog*/
	}

	.mediabox h3 {
		font-size:1em;
		display:block;
		color: #546a6d;
		text-transform: uppercase;
		float:left;
	}
	.mediabox ul {
		display: inline;
		font-family: "century gothic",arial,helvetica,verdana, sans-serif;
		color: #546a6d;
		text-transform: uppercase;
		font-size: 11px;
	}
	.mediabox li {
		display: inline;
		margin-left:5px;
		border-left: 1px solid #7f8f92;
		padding: 0 6px;
	}
	.mediabox li.more {
		text-transform: none;
	}
	.mediabox li a {
		color: #6b7d81;
		text-decoration: underline;
	}
	.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 */
	}
	.sidebox .mediabox p {
		font-size: 100%;
	}

	.mediabox form{
		float: left;
		width: 200px;
	}
	
	.sidebox div.mediabox {
		margin: 3px 7px 7px;
		padding: 8px;
		/* tantek-hack voor IE < v6.0; die interpreteert breedte van parent niet juist */
		width: 232px;/* IE < v6 */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 214px;/* overige browsers */
	}

	/* infobox */
		.maincol div.infobox {
			border: 1px solid #fff;
			background: #e9efc3;
		}
		.maincol div.infobox .imgbxinner {
			float: left;/* anders breedte niet goed in IE/mac */
			border: 1px solid #fff;
		}
	/* loginbox */
	.loginbox .actionbar {
		/*width: 146px; /* om te voorkomen dat buttons onder elkaar geplaatst worden */
	}
	
	/* imgbox */
		.maincol .imgbxtop {
			padding: 0 0 0 8px;/* padding-left = breedte corner */
			background: none;
		}
		.maincol .imgbxtop div {
			background: none;
			height: 0px;/* height = hoogte corner */
		}
		.maincol .imgbxouter {
			padding: 0 0 0 8px;/* padding-left = breedte corner */
			background: none;
		}
		.maincol .imgbxinner {
			padding: 0 8px 0 0;/* padding-left = gewenste waarde; padding-right = gewenste waarde + breedte corner */
			background: none;
		}
		
		.maincol .imgbxinner img {
			border: 1px solid #98B81A;
		}
		.maincol .imgbxbottom {
			padding: 0 0 0 8px;/* padding-left = breedte corner */
			background: none;
		}
		.maincol .imgbxbottom div {
			background: none;
			height: 0px;/* height = hoogte corner; */
		}
	/* minibox */
	.maincol .minibox .imgbxtop {
		height:10px;
	}
	.maincol .bxbottom {
		padding: 0 0 0 16px;/* padding-left = breedte corner */
		height: 12px;
		/*background-image: url(images/maincol_box_tb.gif);*//* verwijderd jaron; dit lijkt oorzaak van rode balken in IE6 */
	}
	.maincol .bxbottom div {
		/* commented backslash hack voor IE/mac daar hebben met float:right deze div en bxtop geen hoogte */
		/* \*/
		float: right;
		width: 160px;
		/* */
		height: 12px;/* height = hoogte corner */
		/*background-image: url(images/maincol_box_tb.gif);*//* verwijderd jaron; dit lijkt oorzaak van rode balken in IE6 */
	}

	.maincol .box.pagerbox .bxbottom, .maincol .box.pagerbox .bxbottom div {
		height: 1%;
	}
		
	
/*-- Einde maincol --*/

/*-- Start sidecol --*/

	.sidecol .box{
		padding:0;
		margin-bottom: 2px;
	}
	
	.sidecol .bxtop {
		padding: 0 0 0 8px;/* padding-left = breedte corner */
		height: 12px;
	}
	.sidecol .bxtop div {
		height: 12px;/* height = hoogte corner */
	}

	.sidecol .bxinner {
		padding: 7px 12px 7px 12px;
		background-color: #ffffff;
	}
	.sidecol .bxbottom {
		padding: 0 0 0 12px;/* padding-left = breedte corner */
		height: 12px;
	}
	.sidecol .bxbottom div {
		height: 12px;/* height = hoogte corner */
	}


	.sidecol .characterbox {
		color: #FFFFFF;
	}
	.sidecol .imgbxinner {
		border: 1px solid #7a4070;
	}
/*-- Einde sidecol --*/

/*-- Start menu --*/

	.leftcol .menu {
		/*margin: 40px 0 20px;*/
		margin: 4px 0 5px 0;
		background: #7b9903;
	}

	.leftcol .menu .bxtop {
		padding: 0 0 0 16px;/* padding-left = breedte corner */
		height: 12px;
		background-image: url(images/leftcol_box_tb.gif);
	}
	.leftcol .menu .bxtop div {
		/* commented backslash hack voor IE/mac daar hebben met float:right deze div en bxtop geen hoogte */
		/* \*/
		float: right;
		width: 160px;
		/* */
		height: 12px;/* height = hoogte corner */
		background-image: url(images/leftcol_box_tb.gif);
	}
	
	.leftcol .menu .bxouter {
		padding: 0;
	}
	
	.leftcol .menu .bxinner {
		padding: 0;
	}
	
	.leftcol .menu .bxbottom {
		padding: 0 0 0 16px;/* padding-left = breedte corner */
		height: 12px;
		background-image: url(images/leftcol_box_b.gif);
	}
	
	.leftcol .menu .bxbottom div {
		/* commented backslash hack voor IE/mac daar hebben met float:right deze div en bxtop geen hoogte */
		/* \*/
		float: right;
		width: 160px;
		/* */
		height: 12px;/* height = hoogte corner */
		background-image: url(images/leftcol_box_b.gif);
	}
	
	
	.leftcol div.menu h2 {
		margin: 0;
		background: #7D9B03;
		color: #fff;
	}
	.leftcol div.menu h2 a {
		color: #fff;
	}
	.leftcol div.menu h3 {
		padding: 13px 7px 0;
		background: #7b9903;
		color: #fff;
	}
	.leftcol div.menu h2 a {
		color: #fff;
	}
	.menu li {
		margin: 0;
		padding: 2px 0 2px 15px;
		border: 0;
		/*border-top: 1px solid #fff;/* zonder border maakt IE elementen 13px te hoog?! */
		background: #F4F4F4;/* bg voor active item */
		font-weight: normal;
		color: #000;
	}
	.menu li a {
		display: block;
		margin: -2px 0 -2px -15px;
		padding: 2px 0 2px 15px;
		background: #a2bc3c;
		background: #98B81A;
		font-weight: normal;
		color: #fff;
	}
	
	.menu li.active a {
		background:#B7D931 none repeat scroll 0% 50%;
		color:#000000;
/*		background: #F4F4F4;*/
	}
	
	.menu li a:hover,
	.menu li a:focus {
/*		background: #FFFFFF;*/
		background: #F4F4F4;
		color: #000;
	}
/*-- Einde menu --*/

/*-- Start forms --*/
	.radioholder input {
		border: none;
	}
/*-- Einde forms --*/

/*-- Start poll --*/
	.pollbar {
		border-left: 1px solid #7b9903;
		border-right: 1px solid #7b9903;
		background: #e9efc3;
	}
	.pollbar div {
		background: #7b9903;
		height:8px;
	}
	.sidecol .pollbar {
		border-left: 1px solid #7b9903;
		border-right: 1px solid #7b9903;
		background: #e9efc3;
	}
	.sidecol .pollbar div {
		background: #7b9903;
	}
/*-- Einde poll --*/

/*-- Start spotlight --*/
	#spotholderstatic h2 a {
		color: #f3f;
	}
	#spotholderstatic a {
		color: #fff;
	}
	#spotholderstatic .aankeiler {
		border-bottom: 2px dotted #995c99;
	}
/*-- Einde spotlight --*/

/*-- Start spotlight --*/
/*-- Einde spotlight --*/


/*-- Start mainaankeiler --*/
	.mainaankeilerbox {
		border: 1px solid #FFFFFF;
		background: none;
	}
	.mainaankeilerbox .aankeiler {
		border-bottom: 1px solid #fff;
		color: #000;
	}
	.aankeiler h4 {
		/*background: #7b9903;*/
		background: #fff;
		color: #740000;
	}
/*-- Einde mainaankeiler --*/

/*-- Start tables --*/
	.datatable {
		border-collapse: collapse;
		border: 1px solid #fff;
		float:left;
	}
	.datatable a:hover,
	.datatable a:focus {
		color: #7b9903;
	}
	.datatable tr.oddrow,
	.datatable tr.evenrow {
		background-image: none;
	}
	.datatable tr.oddrow {
		background-color: #e9efc3;
	}
	.datatable tr.evenrow {
	/*	background-color: #eef3d1;*/
		background-color: #eef3d1;
	}
	.datatable tr.footer {
		background-image: none;
	}
	.datatable caption {
		border: 1px solid #fff;
		background: #7b9903;
	}
	.datatable th,
	.datatable .subhead td,
	.datatable .footer td {
		border: 1px solid #fff;
		/*color: #fff;*/
		background: #e4ecb5;
		color: #000;
	}
	.datatable th.colhead.first {
		border: 0;
	}
	.datatable .subhead td {
		color: #000;
		background: #eef3d1;
	}
	.datatable th.rowhead {
		border: 0;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		background: #7b9903; /* IE toont bg van onderliggende tr niet, dus die moet hier in bg-image worden meegenomen */
	}
	.datatable td {
		border: none;
		border-left: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}
	.datatable td.first {
		border-left: 0;
	}
	.datatable td.info {
		text-align: center;
	}
	.datatable colgroup.alt {
		color: #808;
	}
	.mediabox .datatable td {
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}
/*-- Einde tables --*/

/*-- Start forum --*/
	/* start verwijderd jaron - lijkt niet gebruikt */
	/* posts */
	/*
		.quote {
			color: #333;
		}
		*/
	/*
		.blockquote {
			background: #eef3d1;
		}
	*/
	/* postinfo */
	/*
		.postinfo {
			border-bottom: 1px solid #FFFFFF;
			margin-bottom: 8px;
		}
	*/
	/* Einde verwijderd jaron - lijkt niet gebruikt */
	
	
/*-- Start toegevoegd jaron voor reacties --*/
/* Start reacties */
	.maincol .forumbox .textbox {
		margin-left: 0;
	}
	.forumbox {
		margin-bottom: 8px;
		border-bottom: 1px solid #c9d1d2;
	}
	.postinfo {
		margin-bottom: -4px;/* compenseert margin-top van 8px van p in reacties */
		/*border-top: 1px solid #c9d1d2;*/
		font-size: 0.9em;
		color: #546a6d;
	}
	.postauthor {
		color: #677a7d;
		font-weight: bold;
	}
	a.warning img {
		background: transparent url(images/icon_warning.gif) no-repeat;
		width: 16px;
		height: 16px;
	}
	a.warning:hover img {
		background-position: 0 -50px;
	}
	.popupwindow #maintable {
		margin-top: 10px;
		width: 569px;
	}
	.popupwindow .generic {
		width: 495px;
	}
	.popupwindow form {
		margin-left: -13px;/* compenseert padding-left van boxen */
	}
/* Einde reacties */
/*-- Einde toegevoegd jaron voor reacties --*/


		
	/* forumicons */
		img.threadopen {
			background: url(images/icon_thread_open.gif) no-repeat;
		}
		img.threadclosed {
			background: url(images/icon_thread_closed.gif) no-repeat;
		}
		img.threadpopular {
			background: url(images/icon_thread_popular.gif) no-repeat;
		}
		img.threadlogin {
			background: url(images/icon_thread_login.gif) no-repeat;
		}
		img.threadsticky {
			background: url(images/icon_thread_sticky.gif) no-repeat;
		}
	/* cat_list */
		.datatable tr.cat_row th{
			/*background-color: #FFFFFF;*/
			background-color: #fafcf4;
			color: #740000;
		}
		.datatable tr.cat_row th div.cat_desc {
			font-weight: normal;
			color: #000000;
		}
		
		 
/*-- Einde forum --*/

/*-- Start pager --*/
	.pagertable {
		color: #cccccc;/* voor niet-links en niet-active, dus gedisablede elementen */
	}
	.pagertable a {
		color: #000;
	}
	
	.pagertable a:hover,
	.pagertable a:focus {
		color: #ff0000;
	}

	.pagertable .active {
	color: #fff;
	background: url(images/bg_pager_active.gif) no-repeat scroll center center;
	
	}
/*-- Einde pager --*/

/*-- Start tabs --*/
	.hastabs {
		/* wanneer div.bxtop binnen de div met deze class .hastabs een hoogte heeft, kan hier aan .hastabs een negatieve margin-top gegeven worden, zodat die div.bxtop (indien gewenst deels) onder .tabholder komt te vallen */
		/*margin-top: -3px;*/
	}
	.oddbox ul.tabs,
	.evenbox ul.tabs {
		/* bgimage met border omdat toepassen van border in IE niet met border child-element kan worden afgedekt */
		/* background: #FFFFFF url(images/bg_tabs.gif) 0 100% repeat-x; */
		/*width: 492px;*/
	}
	ul.tabs li {
		float: left;
		margin: 0 0 0 0px;
		list-style: none;
		font-weight: bold;
	}
	ul.tabs li a {		
		border-color:#E6E6E6 #E6E6E6;
		border-style:solid solid none;
		border-width:2px 2px 0;
		display:block;
		float:left;
		margin-right:2px;
		padding:2px 15px;
		text-decoration:none;
		
	}
	ul.tabs li a.active {
		padding-bottom: 3px;
		border: 1px solid #7b9903;
		border-bottom: 0;
	}
	
	.oddbox ul.tabs li a,
	.evenbox ul.tabs li a {
		color: #415458;
		background: #e8e8e8 /*url(images/bg_tab_inactive.gif) repeat-x*/;/* zelfde kleur als bovenste rij pixels van bg van box.oddbox */
	}

	ul.tabs li.active a,
	.oddbox ul.tabs li a.active,
	.oddbox ul.tabs li a:hover,
	.oddbox ul.tabs li a:focus,
	.evenbox ul.tabs li a.active,
	.evenbox ul.tabs li a:hover,
	.evenbox ul.tabs li a:focus {
		/* zelfde kleur als bovenste rij pixels van bg van box.oddbox */
		background: #FFFFFF url(images/tabs_bg_active_larger.jpg) repeat-x; 
		/* background: #FFFFFF url(images/bg_tab_active.gif) repeat-x; */		
		color: #000;
	}
/*-- Einde tabs --*/

/*-- Start smoelenboek --*/
	.smoelenboekitem {
		border-top: 1px solid #e9efc3;
	}
	.smoelenboekitem .sidebox img {
		border: 1px solid #7b9903;
	}
	.smoelenboekitem .sidebox a:hover img,
	.smoelenboekitem .sidebox a:focus img {
		border: 1px solid #ffc7ff;
	}
/*-- Einde smoelenboek --*/

/*-- Start overig --*/
	.rank {
		color: #7b9903;
	}
	.imageseperator{
		height: 10px;
	}
	.maincol .backward .textbox p.actionbar{
		margin: 0 5px 0 0;
	}

	.maincol .backward .bxinner{
		padding: 1px 8px;
	}

	.maincol .backward .textbox{
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 0;
	}

	.sidecol .searchbox .textbox p{
		margin: 0 5px 0 0;
	}

	.sidecol .searchbox .bxinner{
		padding: 1px 8px;
	}

	.sidecol .searchbox .textbox{
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 0;
	}

	.sidecol .searchbox input{
		margin-top: 0;
	}

		.sidecol .searchbox input text{
		margin-top: 0;
		width:50px;
	}

	.sidecol .searchbox .button{
		margin-top: 1px;
	}

	.sidecol .searchbox form{
		margin-top: 0;
			}

	.poll a{
		color: #000;
		text-decoration: none;
		font-weight: normal;
	}

	.poll h2 a,
	.poll h4 a {
		font-weight: bold;
	}


/*-- Einde overig --*/

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

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


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

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

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

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

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

.tag-medium a {
    color: #CC3333;
}

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

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


.tag-xx-large a,
.tag-bold-xx-large a,
.tag-x-large a,
.tag-medium a,
.tag-x-small a {
   /*border-bottom: 1px solid #fff;*/
    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 {
    border-bottom: 1px solid #333;
/*    text-decoration: underline;*/
}

.tagbox a {
	text-decoration: underline;
}
.tagbox a:hover,
.tagbox a:focus {
	text-decoration: none;
}
/* einde tagging */



.maincol .box.paspoort{
	position: relative;
	font-family: courier, georgia, 'times new roman';
	font-weight: bold;
	margin-left: -7px;
	height:365px;
	width:489px;
	background: transparent url(images/paspoortachtergrond.png) no-repeat;
}

.naam{
	position: absolute;
	top: 45px;
	z-index: 10;
}
.beroep{
	position: absolute;
	top:112px;
	z-index: 20;
}
.woonplaats{
	position: absolute;
	top:164px;
	z-index: 30;
}
.geboorteplaats{
	position: absolute;
	top:257px;
	z-index: 40;
}
.geboortedatum{
	position: absolute;
	top:290px;
	z-index: 40;
}
.lengte{
	position: absolute;
	top:45px;
	z-index: 50;
}
.kleurogen{
	position: absolute;
	top:45px;
	z-index: 60;
}
.pasfoto{
	position: absolute;
	top: 104px;
	z-index: 70;
}

.col_een{
	left: 20px;
	width:200px;
}

.col_twee{
	left: 265px;
}

.col_drie{
	left: 380px;
}

.maincol .box.paspoort .bxbottom,
.maincol .box.paspoort .bxtop{
	display: none;
}

.maincol .box.paspoort .bxinner,
.maincol .box.paspoort .bxouter{
	background: none;
}

#varaHeaderBlok{
	text-align:	center;
	width: 100%;
	background: #000;
	margin-bottom: 25px;
}
#varaHeaderBlok .container{
	margin: 0 auto;
	width: 751px;
}

.reacties {
color: #415458;
padding-left: 4px;
width: 460px;
border-top:2px solid #DADADA;
}

.reacties a {
	text-decoration: none;
}

.reacties a:hover, a:focus {
	text-decoration: underline;
}

.reacties input {
float: left;
}

.reacties td {
width:105px;
}

.reacties td.datum,
.reacties td.voornaam{
	font-size: .9em;
	Border-bottom: 1px solid #ccc;
}

.reacties .entry {
	Border-bottom: 1px solid #ccc;
}

h2 .titletext{
	/*float: left;*/
}

h2 .bekijken{
	font-size: 11px;
	text-transform: none;
	float: right;
}

ul.action-items li{
	margin: 5px 0;
}

ul.action-items li a{
	background: transparent url(images/pijlrechts_klein.gif) no-repeat 0 1px;
	padding: 0px 0 0px 20px
}


.playerHolder{
	/* margin-left:-7px; */
	margin-left: auto;
	margin-right: auto;
}

.csi-image{
	float: left;
}

#overlayIframe{
	background: transparent;
	width:720px;
	height:308px;
}
#overlayIframe a .imagebox {
	float:none;
	text-align:center;
	margin:0 auto !important;
	width:480px;
}

.tx-powermail-pi1 span.footnote{
	color: #aab;
	font-weight: none;
}

ul.action-items li{
	list-style-type: none;
}

.ratingstekst{
	float: left;
	color: #000;
	/* temp disable rating cause of failing cache */
	display: none;
}

.ratingscontainer{
	float: left;
}

.tx-ratings{
	float: left;
}

.ratingstekst{
	margin-top:2px;
}

form#sortform{
	margin: 0;
	text-align: center;
}

form#sortform select,
form#sortform option.selected{
	color: #f00;
	font-weight: bold;
}

form#sortform select option{
	color: #000;
	font-weight: normal;
}

#gasten_profielen .maincol .textbox {
	margin: 3px 0 0 118px;
}

.flashlinks a{
	color: #EED1D1;
	font-size: 11px;
	font-weight: normal;
}

.no_vid{
	margin-top: 15px;
}

.smallmargin{
	height: 15px;
}

.tdHeader{
 		float: left;
 		margin-bottom: 5px;
 		font-weight: bold;
}

/* toegevoegd begin RR - 20090401 */

em {
	font-weight: bold;
}

form td .error,
form td .warning,
form td .succes{
	margin: 10px 0 0;
	float:left;
	width:250px;
}

form td .error{
	padding: 8px 10px 7px;
	background: #f00;
	color: #fff;
}

form td .warning{
	color: #f00;
}

#advice-validate-one-required-check_uid20_0{
	float:left;
	width:420px;
}

/* toegevoegd eind RR - 20090401 */


/* toegevoegd begin RR - 20090407 */
h1.laatsteuitz{
		height: 30px;
}

.laatsteuitz .tekst{
	width: 300px;
	float: left;
}

.bekijkdeuitzending{
	margin-top: 5px;
	display: block;
	float: right;
	font-size: .6em;
}

.bekijkdeuitzending a {
	background: transparent url(images/play_uitzending.gif) no-repeat left top;
	padding: 3px 0 4px 25px;
	display: block;
	height: 20px;
}

#topnav #nav ul {
position: absolute;
left: 0px !important;
top: 25px !important;

}

/* toegevoegd eind RR - 20090407 */

.quiz {
      padding: 10px 10px 10px 25px;
}

.tx-alternetpaginator-pi1 .pagertable td.enum{
	padding:0 3px;
}

.maincol .box.generic .box.pagerbox .bxouter{
	background: none;
}

.weekdag{
	padding:3px;
}

.vandaag {
	background:#e00000;
	color:#FFFFFF;
}

/* begin blog*/

.footer_blog {
	padding-bottom: 10px;
	padding-left:12px;
	border-bottom: 1px solid #ccc;
}

.blogdate {
	padding-bottom:5px;
}


#blogrightcol {
margin:10px 10px 0;
}
#blogrightcol ul {
margin:0;
}
#blogrightcol #blogrightcolcattree {
margin:0 0 20px;
}
#blogrightcol #blogrightcolcattree li {
margin:0 0 0 21px;
}
#blogrightcol a {
text-decoration:none;
}
#blogrightcol a:hover {
text-decoration:underline;
}
#blogrightcol #blogrightcolarchive {
margin:0 0 20px -10px;
}
#blogrightcol #blogrightcolarchive .news-amenu-item-year {
font-style:italic;
margin:0 0 0 10px;
}
#blogrightcol .tx-alternettagging-pi1 .tagcloud span {
font-size:18px;
}
#blogrightcol .tx-alternettagging-pi1 .tagcloud a {
line-height:20px;
padding:1px 2px;
text-decoration:none;
}
#blogrightcol .tx-alternettagging-pi1 .tagcloud a:hover {
/*text-decoration:underline;*/
}
#blogrightcol .tx-alternettagging-pi1 .tagcloud .tag-x-small a {
/*font-size:8px;*/
font-weight:normal;
}
#blogrightcol .tx-alternettagging-pi1 .tagcloud .tag-medium a {
font-size:10px;
font-weight:normal;
}
#blogrightcol .tx-alternettagging-pi1 .tagcloud .tag-x-large a {
		font-size:12px;
		font-weight:normal;
	}
	
	#blogrightcol .tx-alternettagging-pi1 .tagcloud .tag-xx-large a {
		font-size:16px;
		font-weight:normal;
	}

.news-amenu-item-year{
	list-style-type:none;
margin-left:0;
}

/* einde blog */

/* 15-04-2010 RdR verplaatsen van gasten zoekbalk*/

#gasten_profielen .maincol .textbox.search {
	margin-left: 0px;
}

#searchguest {
	width: 440px;	
	margin: 10px 0 20px 0px;
}

#searchguest input[type="text"] {
	width: 220px;
}

#searchguest input[type="submit"] {
	margin-top: 3px;
	text-transform:uppercase;
	font-family: arial,verdana,helvetica,sans-serif;
	background: #000 url("images/bg_but.gif") top center repeat-x;
	color: #FFFFFF;
}

#searchguest .labelspan {
	font-weight: bold; 
	color: #546A6D; 
	font-size: 14px; 
	width: 100px;
	margin-right:60px;
}

/* einde verplaatsen gasten zoekbalk*/

/* 16-04-2010 RdR randje footer image verwijderen*/
#footer a.laatste_uitzending {
padding-left:0;
}
/*einde rand verwijderen*/

/* 20-04-2010 RdR tab frontpage */
.maincol .domtab .fotobox {
	width:140px;
}

.maincol .domtab .bxinner{
	background:url("images/bg_lo_small2.jpg") no-repeat scroll 0 0 #F5F5F5;
	width:427px;
}
/* einde tab frontpage */

#loginholder, #content_right, .content_right, #default_right {
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	/*width:230px;*/
	 margin-top: 9px;
}
#loginholder {
margin:15px 0;
}

#loginholder {
	margin-bottom:15px;
	margin-left:0;
	margin-top:15px;
	padding:10px 0 10px 12px;
	/*width:218px;*/
}

.nickname td, .wachtwoord td {
	width:95px;
}

.userinfo {
	padding-right:10px;
}

.FB_SERVER_IFRAME {
	margin: 0 0 0 5px;
}

.gast {
	width: 102px;
	float:left;
	margin: 5px 2px 10px;
}

.gast .imagebox {
	margin: 0px 15px 4px 0px;
}

.maincol div.nopadding ul.action-items li {
	margin: 0 0 15px 0;
}

.maincol div .nopadding .bxinner{
	padding: 0;
}






/*-- ################## Diagnostics ################# --*/
/*
.maincol.xlarge {
	background: #ffc;
}
.leftgutter, .rightgutter {
	background: #fcf;
}
.sidecol {
	background: #cff;
}

#loginholder, #content_right, .content_right, #default_right {
	background: #fcc;
}
*/

.home #functiemenu{
display:block;
}
#functiemenu{
display:none;
}
.pollbox{
border: 1px solid #CCCCCC;
background: #fff;
}

#content .pollbox {
    width: 93.5%;
}

.news-list-container {
width: 470px;
}

.news-single-item {
width: 465px;
}

.middlewrapper {
	float: left;
}

.dmdd_ankeiler {
	margin: 0 0 0 13px;
}