html, body {
	height: 100%;
}
body
{
	margin:0;
	padding:0 0 12px 0;
	color:black;
	/*text-align:center;*/
	background:#CCC url(/static/gfx/bg_homepage.png) fixed top center;
}

*
{
	font-family:	Helvetica Neue Bold, Helvetica, Arial, sans-serif;	
	font-size:		13px;
	color:			#000; 
}


/* Fixing invisible or disappearing text and double margins in Internet Explorer */
* html .visualIEFloatFix { height: 0.01%; }

/*body, input, select, option, textarea, th, td
body,  th, td

{
	font:13px/16px Helvetica, Arial, sans-serif;
}*/

form
{
	margin:0;
}

textarea, input, select
{
	color:#8E8E8E;
	line-height:18px;
	border: 1px solid #9EAAB5;
}

select
{
	margin:0;
	padding:0;
	line-height:13px;
}

input
{
	line-height:13px;
	height:13px;
}

input.noBorder, .noBorder input
{
	border:0;
}

input.noWidth
{
	width:1em !important;
}

form p
{
	margin:5px 0 5px 0;
	padding:0;
	clear:both;
}

form p label
{
	display:block;
	float:left;
	width:150px;
}

form.reactie {
	padding: 10px;
	height: 740px;
}
form.reactie label {
	font-weight: bold;
}

.fullWidth
{
	width:99%;
}
.alignright {
	text-align: right;
}
.verplicht span, form p label span
{
	color:#DC1100;
}

img
{
	border:0;
}

a:link, a:active, a:visited
{
	color:#E01723;
	text-decoration:none;
}

a:hover
{
	color:#E01723;
	text-decoration:underline;
}

.verberg
{
	display:none;
}

.clearLeft, .clearBoth
{
	height:1px;
	font-size:0;
	line-height:0;
}

.clearLeft, .clearBoth
{
	clear:both;
}
br.clear {
	padding: 0;
	margin: 0;
	clear: both;
}
th
{
	font-weight:bold;
	text-align:	left;
}

td.right
{
	text-align:right;
}

div#wrapper
{
	/*text-align:left;
	width:770px;
	min-height:891px;
	height: 100%;
	margin:12px auto 0 auto;
	background-color: #dfdfdf;*/

	width:770px;
	margin:12px auto 0 auto;
	background-color: #dfdfdf;
	position: relative;
}

.menubg {
	width: 161px;
	height: 100%;
	position: absolute;
	background: #8C8C8C;
	border-right: 3px solid #dfdfdf;
}
.menubgfix {
	width: 164px;
	height: 20px;
	background: #cccccc;
	position: absolute;
	top: -20px;
	z-index: 99;
}

div#side
{
	width:164px;
	background:#dfdfdf;
	position: relative;
	/*overflow: hidden;*/
}

a#logo
{
	display:block;
	/*border-bottom:3px solid #CCC;*/
}

div#main
{
	float:right;
	width:606px;
	line-height:18px;
	/*overflow:hidden;*/
	background-color: #fff;
	height: 100%;
}

div#top
{
	/*padding:0 0 3px 0;*/
	clear:right;
	background:#CCC;
	border-bottom:3px solid #ccc;
}

div#banner
{
	float:left;
	border-right:3px solid #ccc;
	height: 60px;
	width: 468px;
	/*overflow: hidden;*/
	
}

a#naarNCRVGids
{
	display:block;
}

* html div#banner 
{
	border:0;
}

/* Front: */
div#front
{
	width:606px;
	height:195px;
	border-bottom:3px solid #ccc;
}

/*div#front a
{
	color:white;
}

div#front a.knop
{
	color:black;
	text-decoration: none;
}*/

/*div#front a.knop:hover
{
	color:white;
}*/

div#front p
{
	font-size:11px;
	color:white;
	margin:0 0 152px 10px;
}

div#front div#frontOpties p
{
	margin:0 0 5px 10px;
}

table#frontBlok img.foto
{
	display:block;
}

table#frontBlok p
{
	margin:0 0 1px 0;
	line-height:18px;
	height: 65px;
	overflow: hidden;
}
table#frontBlok .artimg
{
	height: 141px;
	width:	200px;
	overflow: hidden;
	border: 0 !important;
}
table#frontBlok .artimg img {
	width: 200px;
}
table#frontBlok a.knop
{
	display: block;
	text-align: right;
}
div#actual ul
{
	margin:1em 0 0 0;
}

div#actual ul li
{
	margin:0;
	padding:0 0 0 10px !important;
	background-image:url(../gfx/bulletrood.gif) !important;
}

table#frontBlok, table.frontBottom
{
	border-bottom:3px solid #CCC;
}

table#frontBot
{
	border:none !important;
}

table#frontBlok h3, table.frontBottom h3
{
	height:28px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 27px;
	padding: 0 0 0 10px;
}

table.frontBottom h3
{
	background:#96C7FF;
}

table#frontBlok div.content, table.frontBottom div.content
{
	margin:0;
	padding:7px 10px 8px 10px;
	border:0;
}

table#frontBlok div.content p
{
	margin:0;
	overflow:hidden;
}

table#frontBlok td td td
{
	padding:1px 0 1px 0;
	vertical-align:bottom !important;
}

table#frontBlok td.bottom span
{
	display:block;
	padding:0 0 3px 0 !important;
}

td#frontLeft, td#frontMid
{
	width:203px;		
}

td#frontRight
{
	width:200px;
}

td#frontLeft div, td#frontMid div
{
	border-right:3px solid #CCC;
}

div#progTip, div#filmVdDag, div#actual
{
	height:275px;
	overflow:hidden;
}

/*div#progTip			{background:#fff}	
div#progTip h3		{background:#46aa54}
div#filmVdDag		{background:#fff}
div#filmVdDag h3	{background:#da334f}
div#actual			{background:#fff}
div#actual h3		{background:#4c96c6}*/

div#progTip .blokContent,
div#filmVdDag .blokContent,
div#actual .blokContent
{
	padding:	0 4px 0 4px;
	border:		0 !important;
}

table.tipBlok
{
	height:170px;
}

table.tipBlok td.bottom
{
	padding:0 0 0 10px;
	vertical-align:bottom;
}

td#uwMening, td#uwMeningIngelogd
{
	width:403px;
	line-height:23px;
	border-right:3px solid #CCC;
}

td#uwMening h2, td#uwMeningIngelogd h2
{
	margin:0 0 10px;
}

td#uwMening textarea,td#uwMeningIngelogd textarea
{
	float:left;
	margin:10px 2px 0 0;
	width:290px;
	height:78px;
}

td#uwMening div.opties, td#uwMeningIngelogd div.opties
{
	margin:60px 0 0 0;
	line-height:20px;
	border:0;
}

td#uwMening div.opties span, td#uwMeningIngelogd div.opties span
{
	display:block;
	padding:0 0 3px 0 !important;
}

* html td#uwMening div.opties span
{
	padding:0 !important;
}

td#uwMeningIngelogd
{
	width:606px;
	border:0;
}

td#uwMeningIngelogd textarea
{
	width:493px;
}

/*********************/
td#eigenGids p
{
	margin:0 0 5px 0;
}

td#eigenGids p label
{
	display:block;
	float:left;
	width:80px;
}

td#eigenGids p input
{
	width:90px;
}

td#eigenGids
{
	width:200px;
}

div#puzzel
{
	width:170px;
	height:320px;
	overflow:hidden;
	border-right:3px solid #CCC;
}

div#puzzel td
{
	padding:1px 0 1px 0;
	vertical-align:bottom !important;
}

/**********/



div#eigenGids {
height: 320px;
border-right:3px solid #CCC;
}


div#eigenGids p
{
	margin:0 0 5px 0;
}

div#eigenGids p label
{
        display:block;
        float:left;
        width:80px;
}

div#eigenGids p input
{
        width:90px;
}

div#eigenGids
{
        width:200px;
}

td#puzzel td
{
        padding:1px 0 1px 0;
        height:70px;
        vertical-align:bottom !important;
}










/**********************************/

div#volgendeWeek
{
	width:606px;
	/*height:320px;*/
	overflow:hidden;
}
div#volgendeWeek p.dezeweek {
	margin: 15px 0 0 0;
}
div#volgendeWeek table
{
	float:left;
}

div#volgendeWeek div.samenvatting
{
	margin:0 0 0 162px;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
 
* html div#side
{

	margin: 0 -3px; ma\rgin: 0;
}
 
* html div#main
{
	height:1%;
	margin:0;
}
 
/* End hide from IE5/mac */

/* Snelzoeken */
form#zoekForm
{
	clear:left;
	padding:	8px 4px 0 4px;
}

form#zoekForm input
{
	float: left;
	width:91px;
	height:23px;
	margin: 0 4px 0 0;
	padding:0;
	font-size:11px;
	line-height:13px;
	border:2px solid #9EAAB5;
	color: #000;
}


div#wervingBanner
{
	margin:20px 0 0 0;
}

/* Knop: */

a.knop
{
	color: #E40015;
	background: url(../gfx/arrow_rd_transp.png) no-repeat right 1px;
	padding-right: 20px;
	font-weight: normal;
}

a.altknop
{
	background: url(../gfx/arrow_rd_transp.png) no-repeat left 1px;
	padding-left: 20px;
}

/** html a.knop
{
	background:no-repeat 3px 3px white url(../gfx/knop_pijl.gif);
}*/

.knopgroot
{
	background-color:#E40115;
	border:1px solid #625857;
	color:#FFFFFF;
	font-weight:bold;
	height:25px;
	display:block;
	width:55px;
	float:left;
	line-height:21px;
	cursor:hand;
	cursor:pointer;
	text-align:center;
}
.knop-120 {
	width:120px;
}
.knopgroot a,
a.knopgroot,
.nustraksknop a {
	color: #fff !important;
}
a.knopgroot:hover
{
	text-decoration: none;
}
.nustraksknop
{
	float: none;
	height: 19px;
	line-height: 18px;
	margin-left: 5px;
}

/*a.knop:hover
{
	color:white;
	text-decoration:none;
	background-color:#DC1100;
	background-image:url(../gfx/_knop_pijl.gif);
}*/

div#crumbs
{
	clear:both;
	height:27px;
	border-bottom:3px solid #ccc;
	background:white;
}

div#crumbs div
{
	float:left;
	width:59px;
	padding:8px 0 1px 12px;
}

div#crumbs a.knop
{
	background-image:url(../gfx/knop_pijl_terug.gif);
}

div#crumbs a.knop:hover
{
	background-image:url(../gfx/_knop_pijl_terug.gif);
}

div#crumbs img
{
	margin:8px 0 0 0;
}

div#content
{
	padding:10px;
}

div.blok
{
	clear:right;
	border-bottom:3px solid #CCC;
	/*border-right:3px solid #CCC;*/
	padding:9px;
}
div.blok h2 {
	padding:0px;
}
div.blok p {
	padding:3px;
}
div.blok em
{
	/*clear:left;*/
}

.groen	{background:#E2FFD5;}
.blauw	{background:#4C96C6;}
.wit	{background:#FFFFFF;}
/*.geel   {background:#FFF5B3;}*/
.geel	{background:white;}
.roze	{background:#FFE4F6;}
.wit	{background:white}
.lichtgrijs 	{background: #F6F5F5}

.groen blockquote.streamer	{color:#164700;}
.blauw blockquote.streamer	{color:#296BB6;}
.geel blockquote.streamer	{color:#B28F14;}
.roze blockquote.streamer	{color:#D31698;}

.groen input, .groen textarea	{border-color:#C0FFA4;}
.blauw input, .blauw textarea	{border-color:#96C7FF;}
.geel input, .geel textarea		{border-color:#E0D279;}
.roze input, .roze textarea		{border-color:#F7A6DE;}

.borderless
{
	border: none !important;
}

h1, h2, h3, h4, h5, h6
{
	margin:0;
	padding:0;
}

h1	{font-size:17px;}
h2	{font-size:15px;}
h3	{font-size:13px;}
h4	{font-size:12px;}
h5	{font-size:11px; font-weight:normal;}
h6	{font-size:10px;}

.titlebar
{
	color: #fff;
	font-weight: bold;
	height: 28px;
	line-height: 27px;
	/*padding: 0 0 0 0px !important;*/
	padding-left:5px;
	margin: 0 !important;
}
.titleblue
{
	background: #4C96C6;
}
.titlegreen
{
	background: #46aa54;
}
.titlered
{
	background: #DA334F;
}
.fontblue	{color:#4C96C6 !important;}
.fontwhite	{color:#fff !important;}
p
{
	margin:0 0 1em 0;
}

div#main ul
{
	margin:0 0 1em 0;
	padding:0;
	list-style:none;
}

div#main ul li
{
	padding:0 0 0 16px;
	background:no-repeat 1px 8px url(../gfx/bullet.gif);
}

div#main ul.balletje li
{
	display:block;
	margin:0;
	padding:0 0 0 16px;
	background: url(../gfx/arrow_small_rd_wht.gif) no-repeat 0px 5px ;
}

blockquote p
{
	font-style:italic;
	margin:0;
	padding:0;
}

blockquote.streamer
{
	margin:15px 0 15px 0;
	padding:0;
	color:#96C7FF;
	font-size:18px;
	line-height:20px;
	letter-spacing:1px;
	font-style:italic;
	text-align:center;
}

img.left
{
	float:left;
	margin:0 23px 20px 0;
}

img.right
{
	float:right;
	margin:0 0 23px 23px;
}

table.left
{
	float:left;
	margin:0 20px 0 0;
}

table.right
{
	float:right;
	margin:0 0 0 20px;
}

p.right
{
	text-align:right;
}

div.sideBar
{
	font-size:11px;
	line-height:17px;
	float:right;
	width:180px;
	margin:0 0 0 20px;
}

div.sideBar form
{
	margin:0;
	padding:0;
}

div.sideBar div.blok ul
{
	margin:0;
}

img.sideFoto
{
	display:block;
	margin:0 0 10px 0;
}

img.sideFoto2
{
	display:block;
	margin:0 0 10px 0;
	float: topright;
}

div.sideBar div.blok
{
	margin:0 0 10px 0;
	padding:10px 12px 10px 12px;
	border:1px solid #4C96C6;
	background:white;
}

form#sidePoll p
{
	font-weight:bold;
}

form#sidePoll input
{
	vertical-align:middle;
}

form#sidePoll h5 span
{
	display:block;
	float:right;
	font-weight:normal;
}

/* Poll */
form#contentPoll
{
	margin:0;
	padding:27px 0 1em 36px;
}

table.pollResult
{
	margin:20px 0 15px 0;
}

table.pollResult td
{
	padding:0 15px 19px 0;
}

div.gauge
{
	border:1px solid #E01722;
	background:white;
}

div.gauge div
{
	font-size:1px;
	line-height:11px;
	height:11px;
	border:1px solid white;
	background:#E01722;
}

/* shadowBox: */
table.shadowBox td
{
	font-size:1px;
	line-height:1px;
}

table.shadowBox td.side
{
	width:7px;
	background:no-repeat top left url(../gfx/shad_side_wit.gif);
}

table.shadowBox td.bot
{
	background:no-repeat top left url(../gfx/shad_bot_wit.gif);
}

table.shadowBox td.hoek
{
	height:8px;
	background:no-repeat bottom left url(../gfx/shad_hoek_wit.gif);
}

.groen table.shadowBox td.side	{background-image:url(../gfx/shad_side_groen.gif);}
.groen table.shadowBox td.bot	{background-image:url(../gfx/shad_bot_groen.gif);}
.groen table.shadowBox td.hoek	{background-image:url(../gfx/shad_hoek_groen.gif);}

.blauw table.shadowBox td.side	{background-image:url(../gfx/shad_side_blauw.gif);}
.blauw table.shadowBox td.bot	{background-image:url(../gfx/shad_bot_blauw.gif);}
.blauw table.shadowBox td.hoek	{background-image:url(../gfx/shad_hoek_blauw.gif);}

.geel table.shadowBox td.side	{background-image:url(../gfx/shad_side_geel.gif);}
.geel table.shadowBox td.bot	{background-image:url(../gfx/shad_bot_geel.gif);}
.geel table.shadowBox td.hoek	{background-image:url(../gfx/shad_hoek_geel.gif);}

.roze table.shadowBox td.side	{background-image:url(../gfx/shad_side_roze.gif);}
.roze table.shadowBox td.bot	{background-image:url(../gfx/shad_bot_roze.gif);}
.roze table.shadowBox td.hoek	{background-image:url(../gfx/shad_hoek_roze.gif);}

* html div.shadowBox, * html div.shadowBox div
{
	display:inline;
}



div#reacties div.blok p
{
	margin:0 0 0  215px
}

div#reacties div.user
{
	float:left;
}

/* Overzichten: */
td
{
	vertical-align:top;
}

table.overzicht
{
	width:100%;
	border-bottom:3px solid #CCC;
}

table.overzicht th, table.overzicht th
{
	line-height:15px;
	padding:4px 10px;
}

table.overzicht td
{
	padding:4px 10px;
}

table.overzicht caption
{
	font-weight:bold;
	text-align:left;
	font-size:15px;
	padding:10px 10px 0 10px;
}

table#teleTekst th, table#teleTekst caption
{
	padding-left:16px;
}

table#teleTekst th
{
	width:75px;
}

.groen caption	{background:#E2FFD5;}
.blauw caption	{background:#E9F4FF;}
.geel caption	{background:#FFF5B3;}
.roze caption	{background:#FFE4F6;}
.wit caption	{background:white;}

.groen tr.even th, .groen tr.even td
{
	background:#C0FFA4;
}
.lichtgrijs tr.even th, 
.lichtgrijs tr.even td,
tr.even th, 
tr.even td
{
	background:#e8e8e8;
}
.geel tr.even th, .geel tr.even td
{
	background:#FDDC69;
}

form#aanmeldForm3 td p
{
	margin:0 0 18px 0;
}

form#aanmeldForm3 table
{
	margin-top:15px;
}

/* Programmatips: */

div.progInfo
{
	width:180px;
}

div.progInfo img
{
	display:block;
	margin: 5px 0;
}

div.progInfo div
{
	text-align:center;
	padding:8px 8px 13px 8px;
	font-size:15px;
	line-height:23px;
	font-weight:bold;
	border:1px solid #E01722;
	background:white;

}

div.left div.progInfo
{
	margin-top:2px;
	margin-left:2px;
	margin-right:15px;
	float:left;
	/*height: 224px;*/
	z-index:100;
}

div.right div.progInfo
{
	margin-left:23px;
	float:right;
}

.clear
{
	clear:both;
}

table#persGidsOverz th, table#persGidsOverz td,
{
	 line-height:23px
}

div#dagNav
{ 
	border-bottom:3px solid #CCC;
	background:#e9e9e9;
}

div#dagNav a
{
	display:block;
	width:84px;
	line-height:23px;
	padding:8px 0;
	text-align:center;
	color: #000;
	/*border-left: 1px solid #4C96C6;*/
	border-left: 2px solid #4C96C6;
}

div#dagNav a.eerste
{
	border-left: 2px solid #E9E9E9;
}

div#dagNav a.actief
{
	color: #fff;
}

div#progDetails p
{
	clear:both;
	line-height:23px;
	margin:0;
}

div#progDetails p strong
{
	display:block;
	float:left;
	width:200px;
	font-weight:normal;
}
 

/***** advertentieruimte ******/

div#advertentieHome 
{
	text-align: center;
	border-bottom: 3px solid #ccc;
	height: 60px;
	margin:0;
	padding:0;
	overflow: hidden;
}

div#rightSkyscraper 
{
	position: absolute;
	height: 600px;
	width: 120px;
	top: 12px;
	left: 50%;
	margin-left: 388px;
}

/****** disclaimer *******/

span#disclaimer 
{
	float:right;
	padding:5px 10px 0 0;
}

span#disclaimer a
{
	color: gray;
	font-size: 8px;
	font-weight: bold;
	text-decoration: none;
}
