@charset "utf-8";
/* CSS Document */

html, body {
		margin:0px;
		padding:0px;
		background-color:#FFFFFF;
		font-family:Verdana, Geneva, sans-serif;
		font-size:100%;
}

img, div, input { behavior: url("../iepngfix/iepngfix.htc") }

a, a:visited, a:active {color:#000000; text-decoration:none; outline:none;}
a:hover {color:#000000; text-decoration:underline;}

h1{font-size:1.3em;}
h2{font-size:1.1em;}
h3{font-size:0.9em;}
p{font-size:0.75em; line-height:1.4em;}

/* kleuren */
.blauw{color:#3380b8;}
.blauw-bg{background-color:#3380b8;}
.grijs{color:#a59fad;}
.grijs-bg{background-color:#a59fad;}
.rood{color:#ce2828;}
.rood-bg{background-color:#ce2828;}
.oranje{color:#f27c01;}
.oranje-bg{background-color:#f27c01;}
.geel{color:#f3b639;}
.geel-bg{background-color:#f3b639;}
.groen{color:#7b9b46;}
.groen-bg{background-color:#7b9b46;}
.paars{color:#ab1982;}
.paars-bg{background-color:#ab1982;}

#placeholder {position:relative; width:1000px; height:auto; margin:0px; padding:0px;	margin-left:auto;	margin-right:auto; overflow:hidden;	background-color:#FFFFFF;}

#main-container {width:983px;	height:auto; margin:0px; padding:0px; margin-left:auto; margin-right:auto;	overflow:hidden; background-color:#FFFFFF;}

#header-logo {width:983px; height:99px; margin:0px; padding:0px;}
	#header-logo img{float:left; width:375px; height:99px; border:0;}
	#npo_menu #npo_button_container {width:80px; height:60px; float:right; margin:0; padding:35px 0 0 0;}

#menu-container {width:983px; height:29px; margin:0 0 18px 0; padding:0px; overflow:hidden; display:block;}
	#menu ul{margin:0px; padding:0px; height:29px; width:733px; overflow:hidden; float:left;}
	#menu ul li{height:29px; width:auto; float:left; margin:0; padding:5px 14px 0px 14px; font-size:0.85em; font-weight:normal; list-style:none; color:#FFFFFF; border-right:1px solid #FFFFFF;}
	#menu a, #menu a:hover, #menu a:visited, #menu a:active {color:#FFFFFF;}
	#menu a.active, #menu a.active:hover, #menu a.active:visited, #menu a.active:active {color:#000000;}
	#menu a:hover {text-decoration:underline;}
	#menu form {width:250px; height:29px; margin:0px; padding:0px; float:right; color:#FFFFFF;}
	.menu-zoek {width:248px; height:21px; margin:4px 4px 0 0; padding:0; float:right; color:#FFFFFF; overflow:hidden;}
	.menu-zoek .invoer {height:19px; width:221px; border:0px solid #999; font-size:0.7em; color:#9da7ad; margin:0; padding:2px 0 0 5px; float:left;}
	.menu-zoek .invoer-submit {height:21px; width:22px; border:0; margin:0 0 3px 0; padding:0px; float:left;}

#content-container {width:983px; height:auto; margin:0px; padding:0px; overflow:hidden;}

#content-links{width:217px; height:auto; float:left; margin:0; padding:0; border:1px solid #a2a9af;}
	#content-links .label {margin:9px 0 10px 10px; padding:0;}
		#label-nieuws{width:66px; height:12px; margin:5px 0 10px 0; padding:0; background-position:-384px -2px; text-indent:-9999px;}
		#label-overntr{width:82px; height:12px; margin:5px 0 10px 0; padding:0; background-position:-456px -2px; text-indent:-9999px;}
		#label-aboutntr{width:95px; height:12px; margin:5px 0 10px 0; padding:0; background-position:-543px -2px; text-indent:-9999px;}
	#content-links ul{width:217px; height:auto; margin:0 0 0 10px; padding:0; overflow:hidden; clear:both; list-style:none;}
	#content-links li{width:217px; height:auto; margin:0 0 10px 0; padding:0; overflow:hidden; clear:both; font-size:0.75em; line-height:1.25em;}
	#content-links li .link{width:190px; height:auto; margin:0px; padding:0; overflow:hidden; float:left; overflow:hidden;}
	#content-links li .leesverder{width:4px; height:9px; margin:2px 0 0 0; padding:0; float:left;}
	#content-links li .leesverder img{border:0;}

#content-midden{width:434px; height:auto; float:left; margin:0; padding:0 15px 0 15px; line-height:1.1em;}
	#content-midden h3{font-weight:bold; margin:1px 0 3px 0; padding:0;}
	#content-midden .datum{color:#4f4f4f; font-size:0.7em; font-weight:normal; margin:0 0 6px 0; padding:0}
	#content-midden a{text-decoration:underline;}
	#content-midden li, #content-midden td{font-size:0.75em; line-height:1.4em;}
	
#content-rechts{width:300px; height:auto; min-height:400px; margin:0; padding:0; float:left;}

#uitzendinggemist{width:298px; height:283px; float:left; margin:0px; padding:0px; border:1px solid #a2a9af; overflow:hidden;}
	#label-uitzendinggemist{width:165px; height:12px; margin:5px 0 10px 0; padding:0; background-position:-213px -2px; text-indent:-9999px;}
	#uitzendinggemist .label {margin:9px 0 10px 10px; padding:0;}
	#uitzendinggemist img{border:0;}
	#uitzendinggemist ul{width:290px; height:auto; margin:0 0 0 10px; padding:0px; overflow:hidden; clear:both; list-style:none;}
	#uitzendinggemist li{width:290px; height:28px; margin:0; padding:0; overflow:hidden; clear:both;}
/*
	#uitzendinggemist ul{width:260px; height:auto; margin:0; padding:3px 0 0 33px; overflow:hidden; clear:both; list-style:url(../img/btn-uitzendinggemist.jpg);}
	#uitzendinggemist li{width:260px; height:28px; clear:both;}
*/

	#uitzendinggemist .ug-logo {width: 15px; height:15px; float:left; margin:0 3px 0 0; padding:0;}
	#uitzendinggemist .ug-titel {width: 175px; height:auto; float:left; margin:0 0 0 2px; padding:0; font-size:0.75em; font-weight:normal; letter-spacing:-0.025em;}
	#uitzendinggemist .ug-datum {width: 75px; height:auto; float:right; color:#a0a9af; font-size:0.7em; font-weight:normal; letter-spacing:-0.025em;}
	#uitzendinggemist .naar-ug {width: 250px; height:auto; float:left; margin:3px 0 0 11px; padding:0; font-size:0.70em; font-weight:normal; letter-spacing:-0.025em;}

#footer-container {width:983px; height:170px; margin:20px 0 0 0; padding:0px; overflow:visible;}

	#advertentie{width:300px; height:270px; display:block; float:right; margin:-138px 0 0 5px; padding:30px 0 0 0;}
	span.advertentie {display: block; height:14px; font-size:0.6em; font-style:italic; color: #999; margin:0 0 5px 0; padding: 0; padding-left: 110px;}

	#overntr{width:983px; height:141px; margin:0px; margin-top:21px; padding:0 0 20px 0; font-size:0.6em; color:#FFFFFF;}

		#overntr table{width:676px; height:127px; border:0;}
		#overntr td{vertical-align:bottom;}
		#overntr td.logo{width:225px; vertical-align:bottom;}
/*		#overntr td.tekst{width:130px; margin:0; padding:0 0 0 5px; vertical-align:bottom;} */
		#overntr td.tekst{width:auto; margin:0; padding:0 20px 3px 5px; vertical-align:bottom;}
		#overntr img{margin:0 0 0 12px; padding:0px; border:0;}
		#overntr ul{list-style-type:none; margin:0; padding:0;}
		#overntr a, #overntr a:hover, #overntr a:active, #overntr a:visited{color:#FFFFFF;}

#copyright {width:983px; height:auto; margin:9px 0 10px 0; padding:0px; text-align:center; font-size:0.8em; font-weight:normal;}

	#zoek-tekst{float:left; margin:0 0 10px 10px; padding:0;}
		#zoek-tekst h2{margin:3px 0 10px 0; padding:0; font-size:1.1em; font-weight:bold; text-transform:uppercase;}


/* default kleur oranje */
#header-logo img{background-image:url(../img/logo-ntr-oranje.jpg);}
#overntr{background-color:#f27c01;}
#menu-container {background-color:#f27c01;}
#label-uitzendinggemist{background-image:url(../img/headers-oranje.gif);} 
#label-nieuws{background-image:url(../img/headers-oranje.gif);} 
#label-overntr{background-image:url(../img/headers-oranje.gif);} 
#label-about{background-image:url(../img/headers-oranje.gif);} 
#label-archief{background-image:url(../img/headers-oranje.gif);} 
#label-programmasaz{background-image:url(../img/headers-oranje.gif);} 
#label-programmasazarchief{background-image:url(../img/headers-oranje.gif);} 
#label-schooltv{background-image:url(../img/headers-oranje.gif);} 
