/* -- gmnl.kro.nl Master CSS 
-------------------------------------------------------------------------------------------------------------------------- */
/* -- Marcel 2008 12 31 (zie onderaan deze stijlsheet) -- */
/* -- Mike   2009 01 08 -- */
/* -- Mike   2009 01 15 -- */
/* -- Mike   2009 02 09 (Ranking The News css toe gevoegd) */

@import "undohtml2007.css";
@import "kroHeaderFooter.css";

#kroHeader {
	margin: 0 auto;
	width: 900px;
}

#kroFooter {
	margin: 0 auto;
	width: 900px;
}

html {
	background: url(../img/backgroundPattern.gif) repeat 50% -24px;
	background-attachment: fixed;
}

body {
	background: url(../img/backgroundMask.gif) repeat 50% 0;
	background-attachment: fixed;
}


/* Navigatie 
-------------------------------------------------------------------------------------------------------------------------- */

#navigatie {
	margin: 0 auto;
	width: 900px;
	background: url(../img/servicebalk.gif) repeat-x 0px 28px;
	height:32px;
	z-index: 10;
	position: relative;
}

#navigatie #tabs {
	width: 900px;
	height: 32px;
	background: url(../img/menu.gif) repeat-x 0px 0px;
	position: relative;
}

#navigatie #tabs ul { /* alle lists */
	position: relative;
   padding: 0;
   margin: 0;
   list-style: none;
	z-index:  0;
}

#navigatie #tabs li { /* alle list items */
   float: left;
   position: relative;
	height: 32px;
	font-family: "MS Sans Serif", Geneva, sans-serif;
	z-index: 10;
}

#navigatie #tabs li a {
	height: 32px;
	display:block;
	color:#fff;
	text-align: left;
	text-decoration:none;
	font:bold 11px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#navigatie #tabs li a span { 
	display: none;
}

#navigatie #tabs li.home {
	padding: 0 0 0 12px;
}
#navigatie #tabs li.home a {
   width: 73px;
	background: url(../img/menu.gif) no-repeat -12px -64px;
}

#navigatie #tabs li.home a.selected {
	background: url(../img/menu.gif) no-repeat -12px 0;
}

#navigatie #tabs li.home a:hover {
	background: url(../img/menu.gif) no-repeat -12px -32px;
}

#navigatie #tabs li.home ul {
	/* home heeft geen sub menu */
}

#navigatie #tabs li.uitzendingen {
	margin: 0 0 0 0px;
	left: 10px;
}

#navigatie #tabs li.uitzendingen a {
   width: 151px;
	background: url(../img/menu.gif) no-repeat -95px -64px;
}

#navigatie #tabs li.uitzendingen a.selected {
	background: url(../img/menu.gif) no-repeat -95px 0;
}

#navigatie #tabs li.uitzendingen a:hover {
	background: url(../img/menu.gif) no-repeat -95px -32px;
}

#navigatie #tabs li.uitzendingen ul {
	background: url(../img/menu.gif) no-repeat -95px -32px;
}

#navigatie #tabs li.rubrieken {
	margin: 0 0 0 0px;
	left: 20px;
}

#navigatie #tabs li.rubrieken a {
   width: 120px;
	background: url(../img/menu.gif) no-repeat -256px -64px;
}

#navigatie #tabs li.rubrieken a.selected {
	background: url(../img/menu.gif) no-repeat -256px 0;
}

#navigatie #tabs li.rubrieken a:hover {
	background: url(../img/menu.gif) no-repeat -256px -32px;
}

#navigatie #tabs li.rubrieken ul {
	background: url(../img/menu.gif) no-repeat -256px -32px;
}


#navigatie #tabs li.series {
	margin: 0 0 0 0px;
	left: 30px;
}

#navigatie #tabs li.series a {
   width: 78px;
	background: url(../img/menu.gif) no-repeat -386px -64px;
}

#navigatie #tabs li.series a.selected {
	background: url(../img/menu.gif) no-repeat -386px 0;
}

#navigatie #tabs li.series a:hover {
	background: url(../img/menu.gif) no-repeat -386px -32px;
}

#navigatie #tabs li.series ul {
	background: url(../img/menu.gif) no-repeat -386px -32px;
}

#navigatie #tabs li.funvideo {
	margin: 0 0 0 0px;
	left: 40px;
}

#navigatie #tabs li.funvideo a {
   width: 133px;
	background: url(../img/menu.gif) no-repeat -474px -64px;
}

#navigatie #tabs li.funvideo a.selected {
	background: url(../img/menu.gif) no-repeat -474px 0;
}

#navigatie #tabs li.funvideo a:hover {
	background: url(../img/menu.gif) no-repeat -474px -32px;
}

#navigatie #tabs li.funvideo ul {
	background: url(../img/menu.gif) no-repeat -474px -32px;
}

#navigatie #tabs li.overgmnl {
	margin: 0 0 0 0px;
	left: 50px;
}

#navigatie #tabs li.overgmnl a {
   width: 124px;
	background: url(../img/menu.gif) no-repeat -618px -64px;
}

#navigatie #tabs li.overgmnl a.selected {
	background: url(../img/menu.gif) no-repeat -618px 0;
}

#navigatie #tabs li.overgmnl a:hover {
	background: url(../img/menu.gif) no-repeat -618px -32px;
}

#navigatie #tabs li.overgmnl ul {
	background: url(../img/menu.gif) no-repeat -618px -32px;
}

#navigatie #tabs li ul { /* sub items */
	padding: 32px 0 0 0;
	margin: -32px 0 0 0;
   display: none;
   position: absolute;
   top: 0;
   left: 0;
}

#navigatie ul ul {
	width: 163px;
}

#navigatie ul ul li {
	width: 163px;
}

#navigatie ul ul li a {
	width: 163px !important;
}

#navigatie ul#tabs ul li a span, #navigatie ul#tabs ul li.last a span {
	display: block;
	padding: 0 10px 0 10px;
}

*html #navigatie #tabs li ul { /* sub items */
	margin: 0 0 0 0;
}

#navigatie #tabs li ul li {
	height: auto;
	padding: 0;
	background: #1D627E;
}

#navigatie #tabs li ul li.last {
	padding:0 0 6px 0;
	background: url(../img/menu_sub_li_last.gif) no-repeat 0 100%;
}

#navigatie #tabs li ul li a {
	margin: 0;
   width: 148px;
	height: auto;
	padding: 5px 0 5px 0;
	display:block;
	color:#fff;
	text-decoration: none;
	background: transparent !important;
	font:bold 11px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#navigatie #tabs li ul li a:hover {
	color:#fff;
	background:#10516b !important;
}

#navigatie #tabs li>ul { /* postitie resetten voor alle browsers behalve IE */
   top: auto;
   left: auto;
}

#navigatie #tabs li:hover ul, #navigatie #tabs li.over ul { /* lists nested onder hovered list items */
   display: block;
	z-index: 10;
}

#navigatie #breadcrum {
	position: absolute;
	display: block;
	top: 32px;
	left: 10px;
	color:#fff;
	font: 11px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#navigatie #breadcrum a {
	color:#fff;
	font: bold 11px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#navigatie #breadcrum a:hover {
	text-decoration: underline;
}


/* Print en Send a friend link
-------------------------------------------------------------------------------------------------------------------------- */

#printsend_send {
	position: absolute;
	display: block;
	top: 31px;
	left: 730px;
}

#printsend_print {
	position: absolute;
	display: block;
	top: 31px;
	left: 825px;
}

#printsend_print a, #printsend_send a {
	color:#fff;
	font: bold 11px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#printsend_print a:hover, #printsend_send a:hover {
	text-decoration: underline;
}


/* -- Conainer Styles
-------------------------------------------------------------------------------------------------------------------------- */

#body {
	width: auto;
	background: url(../img/backgroundGlow.png) repeat-y 50% 0 ;
}

#extraWrapper {
	width: 900px;
	margin: 0 auto;
	position: relative;
}

#header {
	z-index: 0;
	height: 150px;
	margin: 0 auto;
	width: 900px;
	background: #000 url(../img/gmnlHeader.jpg);
}

#header h1 {
	display:none;
}

#content {
	position: relative;
/*	width: 891px;*/
	width: 900px;
	margin: 0 auto;
	padding: 0 0 15px 0;	
	background: #6DCBF3;
}

.left {
	float: left;
}

.right {
	float: right;
}

.container {
	 border-left: 12px solid #6dcbf3; 
	 border-right: 3px solid #6dcbf3;
}

/* Contianer - Group - Width */

.containerGroup2 {width: 198px; background:#fff }
.containerGroup3 {width: 297px; background:#f00 }
.containerGroup4 {width: 396px; background:#fff }
.containerGroup5 {width: 495px; background:#fff }
.containerGroup6 {width: 594px; background:#fff }
.containerGroup7 {width: 693px; background:#fff }
.containerGroup8 {width: 792px; background:#fff }
.containerGroup9 {width: 891px; background:#fff }

/* Box - Width */

.boxWidth2 {width: 183px;}
.boxWidth3 {width: 282px;}
.boxWidth4 {width: 381px;}
.boxWidth5 {width: 480px;}
.boxWidth6 {width: 579px;}
.boxWidth7 {width: 678px;}

/* Box - Width */

.boxHeight1 .box .body {height: 41px;}
.boxHeight2 .box .body {height: 129px;}
.boxHeight3 .box .body {height: 217px;}
.boxHeight4 .box .body {height: 305px;}
.boxHeight5 .box .body {height: 393px;}
.boxHeight6 .box .body {height: 481px;}
.boxHeight7 .box .body {height: 569px;}
.boxHeight8 .box .body {height: 657px;}
.boxHeight9 .box .body {height: 745px;}

.shim {
	clear: both;
}



/* Box - Main - Styles
-------------------------------------------------------------------------------------------------------------------------- */

.box {
	clear: both;
	border-top: 15px solid #6dcbf3;
	position: relative;
	zoom: 1.0;		
}

.box img {
	display: block;	
}

.box .header {
	position: relative;
	height: 22px;
}

.box .body {
	font: bold 13px Arial, Helvetica, sans-serif;
	padding: 0 0 10px 0;
	zoom: 1.0;		
	color: #543;
	overflow: hidden;
}

.box .header ul {
	position: relative;
	margin: 0;
	padding: 0;
}


/* Box - Tabs - Hoofd Item
-------------------------------------------------------------------------------------------------------------------------- */

.box .header ul li.hoofdItem {
	margin: 0 5px 0 0;
	float: left;
	height: 22px;
}

.box .header ul li.hoofdItem span {
	display: block;
	height: 22px;
}

.box .header ul li.hoofdItem span a {
	display: block;
	text-decoration: none;
	color: #765;
	font: bold 13px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 7px 0 7px;
}

.box .header ul li.hoofdItem span a:hover {
	color: #000;
}


/* Box - Tabs - Hoofd Item Selected
-------------------------------------------------------------------------------------------------------------------------- */

.box .header ul li.hoofdItemSelected {
	margin: 0 5px 0 0;
	float: left;
	height: 22px;
}

.box .header ul li.hoofdItemSelected span {
	display: block;
	height: 22px;
}

.box .header ul li.hoofdItemSelected span a {
	display: block;
	cursor: default;
	text-decoration: none;
	color: #fff;
	font: bold 13px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 7px 0 7px;
}


/* Box - Tabs - Sub Item
-------------------------------------------------------------------------------------------------------------------------- */

.box .header ul li.subItem {
	margin: 0 5px 0 0;
	float: left;
	height: 22px;
}

.box .header ul li.subItem span {
	display: block;
	height: 22px;
}

.box .header ul li.subItem span a {
	display: block;
	text-decoration: none;
	color: #fff;
	font: bold 13px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 7px 0 7px;
}

.box .header ul li.subItem  span a:hover {
	color: #000;
}


/* Box - Sub Item Selected
-------------------------------------------------------------------------------------------------------------------------- */

.box .header ul li.subItemSelected {
	margin: 0 5px 0 0;
	float: left;
	height: 22px;
}

.box .header ul li.subItemSelected span {
	display: block;
	height: 22px;
}

.box .header ul li.subItemSelected span a {
	display: block;
	text-decoration: none;
	color: #fff;
	font: bold 13px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 7px 0 7px;
}


/* Box - Tabs - Link Item
-------------------------------------------------------------------------------------------------------------------------- */

.box .header ul li.linkItem {
	padding: 0 10px 0 0;
	float: right;
	height: 22px;
}

.box .header ul li.linkItem span {
	display: block;
	height: 22px;
}

.box .header ul li.linkItem span a {
	display: block;
	text-decoration: none;
	color: #fff;
	font: bold 13px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 15px 0 0;
/*	background: url(../img/900/linkItem_arrow.gif) no-repeat 100% 70%;*/
}

.box .header ul li.linkItem  span a:hover {
	color: #000;
}


/* Content in body van de box
-------------------------------------------------------------------------------------------------------------------------- */

.box .body .artikel {
	padding: 5px 0 0 0;
}

.box .body .artikel h1 {
	font: normal 26px Arial, Helvetica, sans-serif;
	padding: 5px 10px 0 10px;
	clear: both;
	color: #000;
}

.box .body .artikel h2 {
	font: normal 24px Arial, Helvetica, sans-serif;
	padding: 5px 10px 0 10px;
	clear: both;
	color: #000;
}

.box .body .artikel h3 {
	font: normal 22px Arial, Helvetica, sans-serif;
	padding: 5px 10px 0 10px;
	clear: both;
	color: #000;
}

.box .body .artikel h4 {
	font: normal 20px Arial, Helvetica, sans-serif;
	padding: 5px 10px 0 10px;
	clear: both;
	color: #000;
}

.box .body .artikel h5 {
	font: normal 18px Arial, Helvetica, sans-serif;
	padding: 5px 10px 0 10px;
	clear: both;
	color: #000;
}

.box .body .artikel h6 {
	font: normal 16px Arial, Helvetica, sans-serif;
	padding: 5px 10px 0 10px;
	clear: both;
	color: #000;
}

.box .body .artikel p {
	font: 1.0em/1.4em Arial, Helvetica, sans-serif;
	padding: 2px 10px 10px 10px;
	color: #000;
}

.box .body .artikel p img.article_image_right {
	position: relative;
	top: 3px;
	float: right;
	float: right;
	padding: 0 0 10px 10px;
}

.box .body .artikel p img.article_image_left {
	position: relative;
	top: 3px;
	float: left;
	padding: 0 10px 10px 0;
}

.box .body .artikel a {
	color: #CF0000;
	text-decoration: underline;
}

/*
.box .body .artikel p a {
	color: #d50;
	text-decoration: underline;
}

.box .body .artikel p a:hover {
	color: #c33;
}*/

.box .body a:hover {
	color: #000;
	text-decoration: underline;
}

.reactieOverzicht .itemContainer { 
	margin:  20px;
	position: relative;
}

.reactieOverzicht .itemContainer .itemCount h1 {
	font: normal 1.1em/1.6em "Trebuchet MS", Verdana, Tahoma ;
	margin: 0 0 10px 0;
}

.reactieOverzicht .itemContainer .header h3 a { 
	color: #000;
}

.reactieOverzicht .itemContainer p, .reactieOverzicht .ankeilerContainer a {   
	padding: 0;
	margin: 0;
}

.reactieOverzicht .itemContainer .titel h2 {   
	padding: 0;
	margin: 0;
	font-size: 18px;
	font: bold 1.2em/1.6em "Trebuchet MS", Verdana, Tahoma ;
}

.reactieOverzicht .itemContainer .gebruiker p {   
	padding: 0 0 10px 0;
	margin: 0;
	font-size: 14px;
}

.reactieOverzicht .itemContainer .afbeelding p img { 
	margin: 0 10px 10px 0;
	float: left;  
	font: bold 1em/1.6em "Trebuchet MS", Verdana, Tahoma;
}

.reactieOverzicht .itemContainer .tekst p {   
	font: normal 1em/1.3em "Trebuchet MS", Verdana, Tahoma;
}

.reactieOverzicht .itemContainer .item .data {   
	padding: 0;
	margin: 0; 
	clear: both;
	height: 30px;
}

.reactieOverzicht .itemContainer .data p {   
	padding: 0;
	margin: 0; 
	color: #999;
	font: normal 1em/1.6em "Trebuchet MS", Verdana, Tahoma;
}

.reactieOverzicht .itemContainer .data span.datum, .reactieOverzicht .itemContainer .data span.tijd {
	display:inline;
}

.reactieOverzicht .itemContainer .item {   
	display: inline;
}

.reactieOverzicht .itemContainer .reacties p {  
	position: absolute; 
	bottom: 0;
	right: 0;
	display: inline; 
	font: bold 1em/1.6em "Trebuchet MS", Verdana, Tahoma ;
}

.reactieOverzicht #weblogReactieFormulier .header h3 { 
	font: bold 1.5em/1.6em "Trebuchet MS", Verdana, Tahoma ;
	padding: 0;
	margin: 0;
}


#reactieFormulier h2 {
	font: bold 1.5em/1.6em "Trebuchet MS", Verdana, Tahoma ;
	margin: 20px 20px 5px 21px;
	color:#000;
}

#reactieFormulier #formulier {
	margin: 0px 20px 20px 20px ;
	color:#000;
}

#reactieFormulier #formulier p {
	padding: 0;
	margin: 0; 
	font: normal 13px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#reactieFormulier #formulier tr td { 
	vertical-align: middle;
	line-height: normal;
}

#reactieFormulier #formulier tr td.titel { 
	vertical-align: top;
	height: auto;
	width: 100px;
	font: normal 13px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#formulier #formulier textarea { 
	height: 100px;
	width: 400px;
}









/* Box - Color
-------------------------------------------------------------------------------------------------------------------------- */

.box {background: #fff url(../img/theme/right_bottom.gif) no-repeat 100% 100%;}
.box .header {background: url(../img/theme/right_top.gif) no-repeat 100% 0%;}
.box .body {background: url(../img/theme/left_bottom.gif) no-repeat 0% 100%;}
.box .footer {	background: url(../img/theme/left_bottom.gif) no-repeat 0% 100%;}
.box .header ul li.hoofdItem {background: url(../img/theme/subItem_right.gif) no-repeat 100% 0%;}
.box .header ul li.hoofdItem span {background: url(../img/theme/hoofdItem_left_selected.gif) no-repeat 0% 0%;}
/*.box .header ul li.hoofdItem span a {background: url(../img/theme/subItem_arrow.gif) no-repeat 100% 70%;}*/
.box .header ul li.hoofdItemSelected {background: #CF0000 url(../img/theme/hoofdItem_right.gif) no-repeat 100% 0%;}
.box .header ul li.hoofdItemSelected span {background: url(../img/theme/hoofdItem_left.gif) no-repeat 0% 0%;}
/*.box .header ul li.hoofdItemSelected span a {background: url(../img/theme/hoofdItem_arrow.gif) no-repeat 100% 70%;}*/
.box .header ul li.subItem {background: url(../img/theme/subItem_right.gif) no-repeat 100% 0%;}
.box .header ul li.subItem span {background: url(../img/theme/subItem_left.gif) no-repeat 0% 0%;}
/*.box .header ul li.subItem span a {background: url(../img/theme/subItem_arrow.gif) no-repeat 100% 70%;}*/
.box .header ul li.subItemSelected {background: url(../img/theme/hoofdItem_right.gif) no-repeat 100% 0%;}
.box .header ul li.subItemSelected span {background: url(../img/theme/subItem_left_selected.gif) no-repeat 0% 0%;}
.box .header ul li.subItemSelected span a {background: url(../img/theme/hoofdItem_arrow.gif) no-repeat 100% 70%;}
.box .header ul li.linkItem span a {background: url(../img/theme/linkItem_arrow.gif) no-repeat 100% 70%;}

.box .header ul li.hoofdItemSelected span a {
	color: #fff;
}

.box {
	color: #543;
}

.box .ankeilerLinkOverzicht .data {
	background: #fff;
}



/* Specifieke inhoud Home - Weblog  Items
-------------------------------------------------------------------------------------------------------------------------- */

#weblogBoxHome .body .ankeilerOverzicht {
	padding: 10px 0 0 2px;
}

#weblogBoxHome .body {
}

#weblogBoxHome .body .item {
	padding: 0 5px 5px 10px; 
	display: block;
	position: relative;
	width:215px;
	float: left;
}

.weblogDetail #weblogReactieFormulier .header h3 a { 
	color: #000;
}


/* Content opmaak in voor weblog
-------------------------------------------------------------------------------------------------------------------------- */

.box .body #weblogBericht h1 {
	font: normal 26px Arial, Helvetica, sans-serif;
	padding: 5px 10px 0 10px;
	clear: both;
	color: #000;
}
.box .body #weblogBericht h1 {
	font: normal 26px Arial, Helvetica, sans-serif;
	padding: 5px 10px 0 10px;
	clear: both;
	color: #000;
}

.box .body #weblogBericht h2 {
	font: normal 24px Arial, Helvetica, sans-serif;
	padding: 5px 10px 0 10px;
	clear: both;
	color: #000;
}

.box .body #weblogBericht h3 {
	font: normal 22px Arial, Helvetica, sans-serif;
	padding: 5px 10px 0 10px;
	clear: both;
	color: #000;
}

.box .body #weblogBericht h4 {
	font: normal 20px Arial, Helvetica, sans-serif;
	padding: 5px 10px 0 10px;
	clear: both;
	color: #000;
}

.box .body #weblogBericht h5 {
	font: normal 18px Arial, Helvetica, sans-serif;
	padding: 5px 10px 0 10px;
	clear: both;
	color: #000;
}

.box .body #weblogBericht h6 {
	font: normal 16px Arial, Helvetica, sans-serif;
	padding: 5px 10px 0 10px;
	clear: both;
	color: #000;
}

.box .body #weblogBericht p {
	font: 1.0em/1.4em Arial, Helvetica, sans-serif;
	padding: 2px 10px 10px 10px;
	color: #000;
}

.box .body #weblogBericht p img.article_image_right {
	position: relative;
	top: 3px;
	float: right;
	float: right;
	padding: 0 0 10px 10px;
}

.box .body #weblogBericht p img.article_image_left {
	position: relative;
	top: 3px;
	float: left;
	padding: 0 10px 10px 0;
}

.box .body #weblogBericht a {
	color: #CF0000;
	text-decoration: underline;
}

#rssBlokWeblogreacties .ankeilerContainer { 
	margin:  20px;
	position: relative;
}

#rssBlokWeblogreacties .ankeilerContainer .itemCount h1 {
	font: normal 1.1em/1.6em "Trebuchet MS", Verdana, Tahoma ;
	margin: 0 0 10px 0;
}

#rssBlokWeblogreacties .ankeilerContainer .header h3 a { 
	color: #000;
}

#rssBlokWeblogreacties .ankeilerContainer p, #rssBlokWeblogreacties .ankeilerContainer a {   
	padding: 0;
	margin: 0;
}

#rssBlokWeblogreacties .ankeilerContainer .titel h2 {   
	padding: 0;
	margin: 0;
	font-size: 18px;
	font: bold 1.2em/1.6em "Trebuchet MS", Verdana, Tahoma ;
}

#rssBlokWeblogreacties .ankeilerContainer .gebruiker p {   
	padding: 0 0 10px 0;
	margin: 0;
	font-size: 14px;
}

#rssBlokWeblogreacties .ankeilerContainer .afbeelding p img { 
	margin: 0 10px 10px 0;
	float: left;  
	font: bold 1em/1.6em "Trebuchet MS", Verdana, Tahoma;
}

#rssBlokWeblogreacties .ankeilerContainer .tekst p {   
	font: normal 1em/1.3em "Trebuchet MS", Verdana, Tahoma;
}

#rssBlokWeblogreacties .ankeilerContainer .item .data {   
	padding: 0;
	margin: 0; 
	clear: both;
	height: 30px;
}

#rssBlokWeblogreacties .ankeilerContainer .data p {   
	padding: 0;
	margin: 0; 
	color: #999;
	font: normal 1em/1.6em "Trebuchet MS", Verdana, Tahoma;
}

#rssBlokWeblogreacties .ankeilerContainer .data span.datum, #rssBlokWeblogreacties #weblogBericht .data span.tijd {
	display:inline;
}

#rssBlokWeblogreacties .ankeilerContainer .item {   
	display: inline;
}

#rssBlokWeblogreacties .ankeilerContainer .reacties p {  
	position: absolute; 
	bottom: 0;
	right: 0;
	display: inline; 
	font: bold 1em/1.6em "Trebuchet MS", Verdana, Tahoma ;
}

#rssBlokWeblogreacties #weblogReactieFormulier .header h3 { 
	font: bold 1.5em/1.6em "Trebuchet MS", Verdana, Tahoma ;
	padding: 0;
	margin: 0;
}


#blogreactieformulier h2 {
	font: bold 1.5em/1.6em "Trebuchet MS", Verdana, Tahoma ;
	margin: 20px 20px 5px 21px;
	color:#000;
}
#rssBlokWeblogreacties #formulier {
	margin: 0px 20px 20px 20px ;
	color:#000;
}

#rssBlokWeblogreacties #formulier p {
	padding: 0;
	margin: 0; 
	font: normal 13px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#rssBlokWeblogreacties #formulier tr td { 
	vertical-align: middle;
	line-height: normal;
}

#rssBlokWeblogreacties #formulier tr td.titel { 
	vertical-align: top;
	height: auto;
	width: 100px;
	font: normal 13px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#rssBlokWeblogreacties #formulier textarea { 
	height: 100px;
	width: 400px;
}


/* Specifieke inhoud - Advertentie
-------------------------------------------------------------------------------------------------------------------------- */

#adBox .body {
}

#adBox .body .ad {
	position: relative;
	top: 15px;
}

/* Specifieke inhoud - Ankeilers  Items
-------------------------------------------------------------------------------------------------------------------------- */

.ankeilerOverzicht {
	clear: both;
	padding: 10px 10px 0px 12px;
	font: 11px/15px Arial, Helvetica, sans-serif;
}

.ankeilerOverzicht .itemContainer { 
	overflow: auto;
}

.ankeilerOverzicht .item {
	padding: 0px 0px 2px 0px;
}

.ankeilerOverzicht .item p {
	padding: 0;
	margin: 0;
}

.ankeilerOverzicht .item h2 {
	padding: 0;
	margin: 0;
}

.ankeilerOverzicht .lastItem {
	margin-bottom: 0px !important;
}

.ankeilerOverzicht .titel {
	clear: both;
}

.ankeilerOverzicht .titel h2 a {
	font: bold 14px Arial, Helvetica, sans-serif;
	padding: 0 0 5px 0;
	color: #CF0000;
}

.ankeilerOverzicht  a {
	color: #5392AA;
}

.ankeilerOverzicht .afbeelding {
	float: left;
}

.ankeilerOverzicht .afbeelding img {
	position: relative;
	top: 3px;
	margin: 0 10px 10px 0;
}

.ankeilerOverzicht .data {
	color: #999;
	font: bold 11px/15px Arial, Helvetica, sans-serif;
	padding-left: 10px;
}


/* Specifieke inhoud - Ankeilers Link Items
-------------------------------------------------------------------------------------------------------------------------- */

.ankeilerLinkOverzicht {
	padding: 0px 10px 0px 10px;
	font: 11px/15px Arial, Helvetica, sans-serif;
}

.ankeilerLinkOverzicht .item {
	clear: both;
}

.ankeilerLinkOverzicht .lastItem {
	margin-bottom: 0px !important;
}

.ankeilerLinkOverzicht .titel {
}

.ankeilerLinkOverzicht .titel h2 a {
	font: bold 13px Arial, Helvetica, sans-serif;
	padding: 0 0 5px 0;
	color: #000;
}

.ankeilerLinkOverzicht .afbeelding {
	float: left;
}

.ankeilerLinkOverzicht .afbeelding img {
	position: relative;
	top: 3px;
	margin: 0 10px 10px 0;
}

.ankeilerLinkOverzicht .data {
	color: #fff;
	font: bold 11px/15px Arial, Helvetica, sans-serif;
	position: relative;
	top: -1.4em;
	float: right;
	padding-left: 10px;
}


/* Specifieke inhoud - Home Top
-------------------------------------------------------------------------------------------------------------------------- */

#homeTop .videoPlayer {
	width: 366px;
	height: 322px;
	background: #000;
	margin: 15px 0 0 15px;
	float: left;
}

#homeTop .ankeilerOverzicht {
	margin: 5px 0 0 0 ;
}

#homeTop .ankeilerOverzicht,
#homeTop .ankeilerLinkOverzicht {
	width: 440px;
	float: right;
}

#homeTop .ankeilerOverzicht .item,
#homeTop .ankeilerLinkOverzicht .item {
	position: relative;
}

#homeTop .ankeilerOverzicht .tekst, 
#homeTop .ankeilerOverzicht .tekst p, 
#homeTop .ankeilerOverzicht .programma, 
#homeTop .ankeilerOverzicht .programma p,
#homeTop .ankeilerLinkOverzicht .titel, 
#homeTop .ankeilerLinkOverzicht .titel h2, 
#homeTop .ankeilerLinkOverzicht .programma, 
#homeTop .ankeilerLinkOverzicht .programma p {
	display: inline;
}

#homeTop .ankeilerOverzicht .programma p,
#homeTop .ankeilerLinkOverzicht .programma p {
	padding: 0 0 0 5px;
	font-style: italic;
}

#homeTop .ankeilerOverzicht .programma p a,
#homeTop .ankeilerLinkOverzicht .programma p a {
	color: #543;
	font-weight: bold;
}

#homeTop .ankeilerOverzicht .type,
#homeTop .ankeilerLinkOverzicht .type {
	height: 17px;
	width: 17px;
	position: absolute;
	top: 0px; 
	left: -27px;
}

.ankeilerKolommen .itemContainer .item {
	float: left;
	width: 245px;
	height: 130px;
	margin: 0 30px 10px 0;
}

.ankeilerKolommen .titel h3 {
	font: bold 20px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 0 10px 0;
}

/* Pagina Navigatie
----------------------------------------------------------------------------------------------------------------------------------- */

.ankeilerOverzicht .pagerbar {
	height: 35px;
}

.ankeilerOverzicht .pagerbar .overview {
	display: block;
	width: 84px;
	position: relative;
	padding: 3px 0 3px 0;
	float: left;
	font: bold 11px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #c33;
	border: 1px solid #ccc;
}
.ankeilerOverzicht .pagerbar .overview span {
	background: 1px solid #ccc;
}

.ankeilerOverzicht .pagerbar .paging {
	position: relative;	
	float: right;
	border-collapse: collapse;
	border: none;
	font: bold 11px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 0 0;
}

.ankeilerOverzicht .pagerbar .paging td {
	padding: 0 0 0 0;
}

.ankeilerOverzicht .pagerbar .paging a {
	display: block;
	padding: 3px 5px 3px 5px;
	margin: 0 0 0 2px;	
	font: bold 11px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #c33;
	border: 1px solid #ccc;
}
.ankeilerOverzicht .pagerbar .paging span {
	display: block;
	padding: 3px 5px 3px 5px;
	margin: 0 0 0 2px;	
	font: bold 11px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #c33;
	border: 1px solid #ccc;
}
.ankeilerOverzicht .pagerbar .paging a.current {
	color: #fff;
	border: 1px solid #c33;
	background: #c33;
}
.ankeilerOverzicht .pagerbar .paging span.gotoprevious_disabled, .ankeilerOverzicht .pagerbar .paging span.gotonext_disabled {
	color: #ccc;
	border: 1px solid #ccc;
	cursor: text;
}


/* Poll in Content Tweede
-------------------------------------------------------------------------------------------------------------------------- */

#pollBox p {
	color: #000;
	padding: 8px 10px;
	font: normal 11px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#pollBox table {
	position: relative;
	margin: 0 0 5px 0;
	width: 381px;
	border-collapse: separate; 
	border-spacing: 0;
	border: 0;
	font:  11px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
  *border-collapse: collapse; /* hack is needed for IE7 also */
}

#pollBox table.vote td input {
	float: left;
	position: relative;
	left: 10px;
	top: 1px;
}

#pollBox table.vote td label {
	float: left;
	position: relative;
	left: 15px;
	display: block;
	width: 340px;
	height: 1.5em;
	overflow: hidden;
}

#pollBox table.result td p {
	float: left;
	position: relative;
	left: 10px;
	display: block;
	width: 340px;
	height: 1.5em;
	overflow: hidden;
	padding: 0;
}


#pollBox table td span.result {
	position: relative;
	top: 5px;
	left: 10px;
	margin: 0;
	display: block;
	width: 228px;
	height: 7px;
	float: left;
	background: #66adca;
}

#pollBox table td span.result img {
	display: block;
}

#pollBox table span.data {
	display: block;
	float: right;
	position: relative;
	left: -10px;
}

#pollBox table tr td {
	background: #d1e6ef;
	color: #000; 
	height: 44px;
	border-bottom: 2px solid #FFF;
}

#pollBox .buttons {
	position: relative;
	left: 60px;
	display: block;
	width: 381px;
	text-align: center;
}

#pollBox .buttons a {
	position: relative;
	left: 0px;
	float: left;
	display: block;
	height: 5px;
	background: #CF0000;
	height: 16px;
	width:121px;
	margin: 0 5px;
	text-decoration: none;
}

#pollBox .buttons a:hover {
	background: #10516B;
}

#pollBox .buttons a.stemmen {
	position: relative;
	width:100px;
	left: 206px;
	top: -19px;
}

#pollBox .buttons a.stemmen span {
	width:100px;
}

#pollBox .buttons a span {
	display: block;
	font: 11px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	padding:0 ;
	background:	url(../img2/buttonRight.gif) no-repeat 100% 50%;
	height: 16px;
	width:121px;
}

#pollBox .totalData {
	position: relative;
	top: -2px;
	display: block;
	width: 140px;
	height: 18px;
	padding-left: 10px;
}

#pollBox .totalData P {
	padding: 0;
}

/* Videos in Content Tweede (mobile reporters)
-------------------------------------------------------------------------------------------------------------------------- */

.videos {
	color: #000;
	font: normal 11px Arial, Helvetica, sans-serif;
}
.videos a {
	color: #fff;
	text-decoration:underline;
}

.videos .tabs  {
	padding: 10px 0 0 10px;
}

.videos .tabs a {
	float: left;
}

.videos .tabs div a {
	font: bold 12px Arial, Helvetica, sans-serif;
	padding: 0 10px 0 0;
}

.videos .uploadvideo {
	font: bold 12px Arial, Helvetica, sans-serif;
}

.videos .videosbody {
	padding:10px 0px 10px 0px;
}

.videos .videosbody .videoitem {
	margin: 10px 2px 0px 10px;
	width: 160px;
	height: 250px;
	float: left;
}

.videos .paginering {
	margin: 0 10px;
	padding: 3px 0 0 0;
}


/* Live Box
-------------------------------------------------------------------------------------------------------------------------- */

#liveBox .body {
	overflow: visible;
}

#liveBox .body img {
	position: absolute;
	top: 0;
	left:0;
}


/* Nieuwsbrief Box
-------------------------------------------------------------------------------------------------------------------------- */

#nieuwsbriefBox .body {
}

#nieuwsbriefBox  .body ul {
	padding: 9px 0 0 25px;
}

#nieuwsbriefBox  .body ul li {
	list-style: disc;
	padding: 1px 10px 0 0;
}

#nieuwsbriefBox  .body ul li a {
	color:#CF0000;
}

/* RSS reader
-------------------------------------------------------------------------------------------------------------------------- */

#rss .body {
	background: #fff;
	height: 549px;
}

#rss .body select {
	margin: 10px 0 0 10px;
	width: 163px;
}

#rss .footer {
	height: 20px;
	font: bold 13px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#rss .footer a {
	font: 11px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	position: relative;
	left: 25px;
	display: block;
	height: 20px;
	background: #CF0000;
	height: 16px;
	width:121px;
	margin: 0 5px;
	text-decoration: none;
	text-align: center;
}

#rss .footer a:hover {
	background: #10516B;
}

#rss .ankeilerOverzicht .data {
	padding: 0px 0px 6px 0px;
}

/* iFrame Player
-------------------------------------------------------------------------------------------------------------------------- */

#iframePlayer {
	margin: 20px 0 0 115px;
}


/* Specifieke inhoud Home - Weblog  Items
-------------------------------------------------------------------------------------------------------------------------- */

.rubriekBox .body .ankeilerOverzicht {
	padding: 10px 0 0 2px;
}

.rubriekBox .body {
}

.rubriekBox .body .item {
	padding: 0 5px 5px 10px; 
	display: block;
	position: relative;
	width:265px;
	float: left;
}


/* KROFormulier
-------------------------------------------------------------------------------------------------------------------------- */
#KROFormulierenBox .box {
	padding: 10px;
	color: red;
}

.KROFormulier .fieltset {
	padding: 0 0 0 10px;
}

.KROFormulier .fieltset h2 {
	font: bold 16px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0 0 0 -2px;
}

.KROFormulier #krocontactformulier_lblonderwerp,
.KROFormulier #krocontactformulier_lblemail,
.KROFormulier #krocontactformulier_lblnaam,
.KROFormulier #krocontactformulier_lblvraag {
	font: normal 13px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding: 0 4px 0 0;
	color: #554433;
}

.KROFormulier #krocontactformulier_txtnaam,
.KROFormulier #krocontactformulier_txtemail,
.KROFormulier #krocontactformulier_txtonderwerp {
	width: 175px;
	margin: 0 0 3px 0;
}

.KROFormulier #krocontactformulier_txtvraag {
	width: 175px;
}

/* -- FunVideoMenu
-------------------------------------------------------------------------------------------------------------------------- */

#funVideoMenu {
	border-top: 15px solid #6DCBF3;
	/*clear: both;*/
	position: relative;
}

#funVideoMenu .itemMatchMe,
#funVideoMenu .itemOpstaanMet,
#funVideoMenu .itemPrijsvraag,
#funVideoMenu .itemVideo {
	margin: 0 0 10px 0;
	background: #66adca url(../img/funVideoMenu_Boxwidth3_blue_bgr_bottom.gif) no-repeat 100% bottom;
	padding: 0 0 10px 0;
}

#funVideoMenu h2 {
	background: url(../img/funVideoMenu_Boxwidth3_blue_bgr_top.gif) no-repeat 100% 0;
	padding: 5px 10px 0px 10px;
	font: 19px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: white;
}

#funVideoMenu h2 a {
	color: white;
}

#funVideoMenu p {
	padding: 0 0 0 10px;
	color: white;
	font: 11px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#funVideoMenu p a {
	color: white;
	font: 11px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

/* selected */
#funVideoMenu .selected h2 {
	background: #cf0000 url(../img/funVideoMenu_Boxwidth3_red_bgr_top.gif) no-repeat 100% top;	
}

#funVideoMenu .selected {
	background: #cf0000 url(../img/funVideoMenu_Boxwidth3_red_bgr_bottom.gif) no-repeat 100% bottom;	
}


/* -- Prijsvraagformulier
-------------------------------------------------------------------------------------------------------------------------- */
#prijsvraagFormulier .inputText {
	padding: 0 0 0 9px;
	font: bold 13px Arial, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #554433;
}

#prijsvraagFormulier .comment {
	padding: 0 0 0 12px;
}

#prijsvraagFormulier input#PrijsvraagFormulier_btnAntwoord {
	margin: 5px 0 0 218px;
}

#prijsvraagFormulier input#PrijsvraagFormulier_txtNaam,
#prijsvraagFormulier input#PrijsvraagFormulier_txtEmail {
	width: 179px;
	margin: 0;
}


/* Ranking The News
-------------------------------------------------------------------------------------------------------------------------- */

p#flashRTN {
	height: 601px;
}








.stelling{
  padding:6px;
}
.stelling #stelling{
color:#CF0000;
  font-family:Arial,Helvetica,sans-serif;
  font-size:16px;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:bold;
  line-height:normal;
  padding:0px 15px 15px 15px;
	float:left;
  width:320px;
}

.stelling h2{
  color:#CF0000;
  font-family:Arial,Helvetica,sans-serif;
  font-size:16px;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:bold;
  line-height:normal;
}

.stelling p{
color:#000;
  font-weight:normal;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  padding:0 0 5px;
}

.stelling .afbeelding{
  float:left;
}

.stelling .knoppen input{
  float:left;
	padding:0 0px 0 15px;	
}

.stelling .knopJa{
  float:left;
	background-color:green;
	width:150px;
	height:90px;
  display:block;
	text-align:center;
	margin-left:15px;
	padding-top:60px;	
}
.stelling .knopNee{
  float:left;
	background-color:red;
	width:150px;
	height:90px;
  display:block;		
	text-align:center;
	margin-left:15px;	
	padding-top:60px;	
}

.stelling .uitslag{
  margin-top:4px;
  margin-left:15px;
	background-color:red;
	width:316px;
	height:10px;
	display:block;
	float:left;
}

.stelling .uitslag img{
  height:10px;
}

.stelling .reacties{
  margin:8px;
}

.stelling .reactielink{
  padding-top:10px;
  float:left;
  margin-left:10px;
	color:#000;	
}
.stelling .reactielink a{
	color:#000;
}


.stelling .reacties .quote{
  color:#CF0000;
	font-style: italic;
	font-weight:normal;
  font-size:12px;	
}

.stelling .reacties .quote a{
  text-decoration:none;
  color:#000;	
}

.stelling .reacties .quote .afbeelding{
	margin-right:4px;
	border:none;
}
.stelling .reacties .quote .naam{ 
	font-style: normal;
	font-weight:bold;
  float:right;
	margin-right:4px;
}
 

