@charset "UTF-8";
/* CSS Document */

	@charset "utf-8";
	/* CSS Document */

      #container a  {
	       color: #1f99c8;
	       text-decoration: underline;
       }
      #container a:hover {
	       color: #000;
	       background: #1f99c8;
	       text-decoration: none;
      }    
      
      a.images:hover {
	       background: transparent;
      }

	h1, h2, h3, h4 {
		font-family: tahoma, verdana;
	}

	.item_br h2 {
		font-weight: bold;
	}

	#container h1 {
		color: #1f99c8;
		font-size: 14px;
		padding: 8px 0 0 0;
		position:absolute;	
	}

	#colB h4, #subcolB h3  {
		font-size: 14px;
	}

	body {
		background: #e6f5fa url(/static/images/body_back.jpg) top right no-repeat;
		font-family: Tahoma,Arial, Helvetica, sans-serif;
		font-size: 1em;
	}
	select, option {
		font-size: 10px;
	        font-family: tahoma;
	}
	strong {
		font-weight: bold;
	}
	.groen {
		color: #66cc33;
	}
	.wit {
		color: #fff;
	}
	#omroepnav {
			background: #E1E4E5;
			height: 25px;
			width: 100%;
		}
		#omroepnav .holder {
			width: 973px;
			margin: auto;
		}
	#container {
		position: relative;
		width: 952px;
		margin: auto;
		margin-top: 18px;
		padding-bottom: 45px;
	}
	/*cols */
	#colA, #colB {
		position: relative;
		float: left;
		width: 180px;
	}
	#colB {
		width: 754px;
		left: 15px;
	}
	
	/* col A */
	#logo {
		background: url(/static/images/telefilm.png) no-repeat;
		width: 180px;
		height: 222px;
		padding: 10px 0 0 0;
	}

	#logo a:hover {
	background: none;
	}

	#logo .top_m, #logo .bot_m, #nav .top_m, #nav .bot_m, #xtrnav .top_m, #xtrnav .bot_m, .kader .top_m, .kader .bot_m { 
		width: 157px;
	}
	
	#logo .mid, #nav .mid, #xtrnav .mid, .kader .mid {
		/*
			position: relative;
			float: left;	
		*/
		background: url(/static/images/bck_mid_logo.gif);
		width: 178px;
		padding: 0 0 0 1px;
	}
	
	#nav {
		/*
		position: relative;
		/*float: left;	*/
		margin-top: 5px;
	}
	

	#nav ul {
		padding: 0 0 0 14px;
	}

	#nav li {
		height: 22px;
		background: url(/static/images/li_nav.gif) no-repeat 0 6px;
		padding: 0 0 0 20px;
	}
	#nav a {
		color: #fff;
		font-weight: bold;
		text-decoration: none;
	}
	#nav a:hover {
		text-decoration: underline;
		background: none;
	}

	
	#subnav ul {
		padding: 0 0 10px 14px;
	}
	#subnav ul li {
		background: none;
		height: 14px;
	}
	#subnav a {
		color: #1f99c8;
		font-size: 11px;
		font-weight: normal;
		text-decoration: underline;	
	}
	#subnav a:hover {
		background: #1f99c8;
		color: #000;
		text-decoration: none;
	}
	#xtrnav ul li {
		font-family: tahoma, verdana;
		color: #1f99c8;
		font-size: 11px;
	}
	.button {
		/*
		position: relative;
		float: left;	*/
		margin-top: 15px;	
	}
	.button a:hover {
		background: none;
	}
	
	.katja, .win {
		background: url(/static/images/but_katja_zoekt_figuranten.png);
		width: 179px;
		height: 120px;
	}

	.win {
		background: url(/static/images/but_win_alle_telefilms.png);
		width: 179px;
		height: 120px;
	}	
	
	#xtrnav {
	/*
		position: relative;
		float: left;	
		margin-top: 15px;	*/
	}
	
	#xtrnav ul {
		margin:0px;
		padding: 0px 0px 0px 14px;
	}
	
	#xtrnav li {
		padding:0px;
		background: none;
		height: 12px;
		line-height: 14px;
		height: 14px;
	}
	#xtrnav a {
		color: #1f99c8;
		font-weight:normal;
		font-size: 11px;
		margin: 0 0 0 4px;
	}
	#xtrnav a:hover {
		color: #000;
		background: #1f99c8;
	}
	/* col B */
	#colB1, #colB2 {
		position: relative;
		float: left;
		width: 435px;	
	}
	 #colB2 {
		width: 319px;
		margin-left: -2px;
	 }

	/* rand type 1 */
	.top_l, .top_m, .top_r, .bot_l, .bot_m, .bot_r {
		position: relative;
		float: left;	
		width: 11px;
		height: 15px;	
	}
	.top_l {
		background: url(/static/images/hoek_l_b.png) no-repeat;
	}
	.top_m {
		background: url(/static/images/bck_b_m.png);
	}
	.top_r {
		background: url(/static/images/hoek_r_b.png) no-repeat;
	}
	.bot_l {
		background: url(/static/images/hoek_l_o.png) no-repeat;
	}
	.bot_m {
		background: url(/static/images/bck_m_o.png) repeat-x;
		height: 14px;
	}
	.bot_r {
		background: url(/static/images/hoek_r_o.png) no-repeat;
	}

	#colB1 .kader, #colB2 .kader  {
		margin-top: 15px;
	}

	 #colB2 .kader  {
		margin-left: 15px;
	}

	#colB2 .bot_m {
		border-bottom:1px solid #fff;
	}

	#colB1 .kader .top_m_2 {
		position: relative;
		float: left;	
		background: url(/static/images/bck2_b_m.png);
		width: 400px;
		height: 40px;
	}
	#colB1 .kader .top_m_2 div {
		float: left;	
		width: 400px;	
	}
	#colB1 .kader .top_m_2 div.link, #colB1 .kader .top_m_2 div.rss {
		text-align: right;
		padding: 10px 0 0 0;
	}
	#colB1 .kader .top_m_2 div.link a, #colB1 .kader .top_m_2 div.rss a, #colB .item .rss a, #colB .item_br .rss a  {
		background: url(/static/images/link_pijl.gif) right no-repeat;
		color: #fff;
		padding: 0 14px 0 0;
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
	}
	#colB1 .kader .top_m_2 div.rss a,  #colB .item .rss a, #colB div.kader_breed div.rss a {
		background: url(/static/images/rss.gif) right no-repeat;
		font-size: 10px;	
	}
	#colB1 .kader .mid div {
		padding: 10px 0 0 17px; 
	}

	.item_tv .dag {
		background: url(/static/images/bck_dag.gif) repeat-x;
		color: #fff;
		width: 100px;
		height: 17px;
		text-align: center;
		padding: 2px 0 9px 0;
		font-size: 11px;
		text-transform: uppercase;
		font-weight: bold;
	}

	#colB1 .item .foto {
		width: 100px;
	}
	.item .foto, .item .txt, .item_tv .foto, .item_tv .txt, .item .txt2 {
		position: relative;
		float: left;
		width: 110px;
	}
	.item .txt {
		width: 270px;
	}
	.item_tv .txt  {
		width: 150px;	
		padding: 8px 0 0 0;
	}
	.txt a:hover {
		background: #1f99c8;
		color: #000;
	}
	.item .txt2 {
		width: 270px;
		padding: 8px 0 0 15px;
	}
	.item .txt h2, .item .txt p, .item_tv .txt h2, .item_tv .txt p, .item .txt2 {
		color: #fff;
		font-weight: bold;
		font-size: 12px;
		line-height: 16px;
	}
	 .item_tv .txt  h2 {
		font-weight: normal;
	}

	 .item .txt p, .item_tv .txt p, .item .txt2 {
		font-size: 11px;
	 }
	.item .txt p, .item_tv .txt p, .item .txt2  {
		font-weight: normal;
		line-height: 14px;
	}
	.item .txt p.datum, .item_tv .txt p.datum {
		color: #a3a2a2;
		line-height: 16px;	
	}
	.item_tv .txt .prog {
		color: #a9a9a9;
		font-size: 12px;
		padding-bottom: 6px;
	}
	.item .ruler, .item_tv .ruler, .ruler {
		clear: left;
		position: relative;
		top: 8px;
		width: 382px;
		left: 15px;
		border-top: 1px solid #2f2f2e;
	}
	 .item_tv .foto {
		padding: 10px 0 0 15px;
	}
	.item_tv .prog_list {
		color: #a9a9a9;
		clear: left;
		position: relative;
		padding: 10px 0 0 15px;
		font-size: 11px;
	}
	 .prog_list li {
		line-height: 14px;
	 } 
	 
	.streep {
		position: relative;
		width: 304px;
		height: 1px;
		/*float: left;*/
		margin: 0;
		padding: 0;
		background: url(/static/images/bck_streep.gif);
	 }
	 
	 .kader .bekijk a {
		float: left;
		display: block;
		background: url(/static/images/bck_bekijk.gif) no-repeat;
		width: 68px;
		height: 28px;
		color: #fff;
		text-decoration: none;
		padding: 8px 0 0 8px;
		margin: 0 0 0 15px;
		font-size: 11px;
		text-transform: uppercase;
		font-weight: bold;
		text-decoration: underline;
	 } 
	.kader .bekijk a:hover {
		text-decoration: none;	
	}
	.kader .bekijk span {
		float: left;
		color: #fff;
		color: #A9A9A9;
		font-size: 11px;
		padding: 9px 0 0 0;
	}

	/* rand type 2 en 3 */
	.top_l_2, .top_m_2, .top_r_2, .bot_l_2, .bot_m_2, .bot_r_2, .top_l_3, .top_m_3, .top_r_3, .bot_l_3, .bot_m_3, .bot_r_3 {
		position: relative;
		float: left;	
		width: 17px;
		height: 40px;	
	}

	.top_l_3, .top_m_3, .top_r_3 {
		height: 58px;
	}

	#colB .kader_breed {
		margin-top: 15px;
	}

	#colB .kader_breed p {
		line-height: 16px;
	}

	#colB .kader_breed .mid {
		position: relative;
		float: left;	
		background: url(/static/images/bck_artikel.gif);
		width: 751px;
		padding: 0 0 0 1px;
	}

	#colB .kader_breed .bot_m_3 {
		width: 718px;
		height: 20px;	
	}

	#colB .kader_breed .selecteer {
		text-align: right;
		color: #fff;
		text-transform: uppercase;
		font-size: 9px;
		font-weight: bold;
		padding: 10px 0 0 0;
	        font-family: verdana;
	}

	#colB .kader_breed .top_m_3 div {
		position: relative;
		float: left;	
		width: 718px;	
	}
		
	#colB .kader_breed .top_m_3 {
		width: 718px;
	}

	#colB .item_br .foto {
		position: relative;
		float: left;
		padding: 0px 0 0 16px;
		width: 215px;
		height: 160px;
		clear: left;
	}

	#colB .item_br .rss {
		position: relative;
		float: left;
		width: 100px;
		padding: 4px 0 0 20px;
	}

	#colB .item .ruler_br, #colB .item_br .ruler_br {
		clear: left;
		position: relative;
		top: 8px;
		width: 700px;
		left: 15px;
		border-top: 1px solid #2f2f2e;
		margin-bottom: 8px;
	}

	#colB .item_br .navigatie {
		text-align: right;
		width: 50%;
		float: right;
		margin-right: 35px;
	}

	#colB .item_br .navigatie span {
		margin: 0 3px 0 3px;
		font-size: 11px;
	}

	#colB .item_br .navigatie a {
		font-size: 11px;
		color: #fff;
		text-decoration: none;
	}

	#colB .item_br .navigatie a:hover {
		color: #000;
		text-decoration: underline;
	}

	#colB .item_br .txt {
		position: relative;
		float: left;
		width: 508px;	
		color: #fff;
	}

	#colB .item_br .datum {
		padding: 0 0 3px 0;
	}

	#colB .item_br .meer {
		margin: 3px 0 0 0;
	}

	#colB .item_br .txt p {
		font-size: 12px;
	}	

	#colB1 .kader .bot_m_2 { 
		width: 400px;
		height: 20px;
	}

	#colB h2 {
		font-size: 18px;
		margin: 0 0 3px 0;
	}

	#colB1 h2 {
		font-size: 12px;
	}

	#colB1 .kader .mid {
		position: relative;
		float: left;	
		background: url(/static/images/bck_mid_colb1.gif);
		width: 433px;
		padding: 0 0 0 1px;
	}


	#colB1 .kader .info .but_vorige, #colB1 .kader .info .but_volgende, #colB1 .kader .info .txt {
		position: relative;
		float: left;
		width: 77px;
		height: 32px;	
	}
	#colB1 .kader .info .but_vorige a, #colB1 .kader .info .but_volgende a {
		background: url(/static/images/but_vorige.gif) no-repeat 0 7px;
		padding: 13px 20px 9px 20px;
		color: #fff;
		font-size: 11px;
		text-transform: uppercase;
		font-weight: bold;
		display: block;
	}
	#colB1 .kader .info .but_volgende {
		left: 23px;
	}
	#colB1 .kader .info .but_volgende a {
		background: url(/static/images/but_volgende.gif) no-repeat 0 7px;
		padding: 13px 20px 9px 5px;
	}
	#colB1 .kader .info .txt {
		width: 200px;
		left: 20px;
		padding: 20px 0 0 0;
		height: auto;
		font-size: 11px;
		color: #fff;
		text-align: center;
	}

	.top_l_2 {
		background: url(/static/images/hoek2_l_b.png) no-repeat;
	}
	.top_m_2 {
		background: url(/static/images/bck2_b_m.png);
	}
	.top_r_2 {
		background: url(/static/images/hoek2_r_b.png) no-repeat;
	}
	.bot_l_2 {
		background: url(/static/images/hoek2_l_o.png) no-repeat;
	}
	.bot_m_2 {
		background: url(/static/images/bck2_m_o.png) repeat-x;
	}
	.bot_r_2 {
		background: url(/static/images/hoek2_r_o.png) no-repeat;
	}

	.top_l_3 {
		background: url(/static/images/hoek3_l_b.png) no-repeat;
	}
	.top_m_3 {
		background: url(/static/images/bck3_b_m.png);
	}
	.top_r_3 {
		background: url(/static/images/hoek3_r_b.png) no-repeat;
	}
	.bot_l_3 {
		background: url(/static/images/hoek3_l_o.png) no-repeat;
	}
	.bot_m_3 {
		background: url(/static/images/bck3_m_o.png) repeat-x;
	}
	.bot_r_3 {
		background: url(/static/images/hoek3_r_o.png) no-repeat;
	}
	/* col 2 */

	#colB2 .kader .top_m_2 {
		width: 270px;
	}

	#colB2 .kader .top_m, #colB2 .kader .bot_m { 
		width: 282px;
	}
	#colB2 .kader .mid {
		background: url(/static/images/bck_mid_colb2.gif);
		width: 303px;
	}
	#colB2 .kader .top_m {
		background: url(/static/images/bck_b_m_hr.png) repeat-x;
	}

	/* artikel */

	#subcolA, #subcolB {
		position: relative;
		float: left;
		width: 476px;
		left: 15px;
		padding: 0 10px 0 0;
		border-right: 1px solid #2f2f2e;
	}

	#subcolA strong {
		color: #fff;
		font-weight: bold;
	}

	#subcolA p {
		color: #c2c1c1;
		font-size: 13px;
		line-height: 18px;
		padding: 0 0 10px 0;
	}	

	#subcolB {
		width: 230px;
		border: none;
		left: 20px;
	}

	#subcolB img {
		border: 10px solid #2f2f2e;
		margin: 8px 0 0 20px;
	}

	#subcolB .th_holder {
		position: relative;
		float: left;
		margin: 0 0 10px 20px;
	}

	#subcolB .thumb {
		float: left;
		padding: 6px 6px 0 0;
		margin: 0;
		border: none;
	}

	#subcolB h3 {
		clear: left;
		color: #1f99c8;
		font-weight: bold;
		margin: 8px 0 0 20px;
		padding: 0 0 6px 0;
	}  

	#subcolB h3 span {
		color: #c1c1c1;
		font-size: 11px;
		font-weight: normal;
	}

	#subcolB ul, #subcolA ul {
		margin: 2px 0 20px 20px;
	}

	 #subcolA ul {
		margin: 4px 0 20px 0;
	}

	#subcolB ul li a, #subcolA ul li a {
		background: url(/static/images/link_pijl2.gif) no-repeat 0 4px;
		font-size: 11px;
		color: #fff;
		text-decoration: none;
		padding: 0 0 0 10px;
	}

	#subcolB ul li a:hover {
		text-decoration: underline;	
	}

	/* contact */

	#colB .formulier {
		position: relative;
		float: left;
		background: #2f2f2e;
		width: 453px;	
		padding: 30px 0 0 18px;
	}

	#colB .formulier div {
		position: relative;
		float:left;
		margin-top: 10px;
		margin-bottom: 5px;
	}

	#colB .formulier div img {
		padding: 0 0 0 10px;
	}

	#colB .formulier label, #colB .formulier .fout  {
		position: relative;
		color: #fff;
		font-size: 11px;
		float: left;
	}

	#colB .formulier label {
		width: 100px;
	}
	
	#colB .formulier .fout {
		display:none;
		text-align: right;
		width: 302px;
		color: #df0303;
	}
	
	#colB .formulier .foutImg {
		display:none;
	}

	#colB .formulier label div {
		float: right;	
	}

	#colB .formulier input, #colB .formulier textarea {
		clear: left;
		float: left;
		background: #000;
		border: 1px solid #1f99c8;
		width: 400px;
		color: #fff;
	}

	#colB .formulier textarea {
		height: 100px;
	}

	#colB .formulier .txt {
		margin: 20px 0 0 0 ;
		height: 130px;
	}
	
	/* contact captcha  */
	#colB .formulier div.captcha {
		width:402px; 
		padding:0px; 
		margin-top:2px;
	}

	#colB .formulier div.captcha input.captcha {
		width:275px; 
		float:right;
	}
	
	#colB .formulier div.captcha img.captcha {
		margin:0px; 
		padding:0px;
	}

	#colB .formulier .verstuur {
		background: url(/static/images/but_verstuur.gif) no-repeat;
		width: 68px;
		height: 28px;
		border: none;
		cursor: pointer;
	}

	#colB .formulier .verstuur_div {
		padding: 0 46px 10px 0;
		float: right;
	}

	/* nieuwsartikel */
	#subcolA h2 {
		color: #fff;
		font-weight: bold;
		margin: 0px 0 10px 0;
	}

	#subcolA h3 {
		color: #fff;
		font-weight: bold;
		margin: 7px 0 10px 0;
	}

	#subcolA h4 {
		color: #1f99c8;
		font-weight: bold;
		margin: 14px 0 10px 0;
	}

	#subcolA p.datum {
		color: #7a7a7a;
		font-size: 10px;
		margin-top: -10px;
	}

	#subcolA table {
		width: 470px;
		color: #fff;
		font-size: 12px;
	}

	#subcolA td {
		padding: 0 0 0 6px;
		color: #c2c1c1;
		font-size: 11px;
		line-height: 24px;
	}

	#subcolA .oneven td {
		background: #242424;
	}

	#subcolA p img {
		float: left;
		padding: 0 12px 10px 0;
	}

	#subcolA .ruler {
		width: 470px;
		left: 0;
		top: 0;
	}

	#subcolB .ruler {
		width: 200px;
		top: 0px;
	}

	#subcolB .noborder {
		border: none;
	}

	#subcolB .data li a {
		background: none;
		font-size: 11px;
		color: #fff;
		text-decoration: none;
		padding: 0;
	}

	#subcolB ul.data {
		margin: 0 0 0 20px;
	}

	#subcolB ul.data li {
		color: #7a7a7a;
		font-size: 11px;
		line-height: 16px;
		margin-bottom: 3px;
	}

	#subcolB a.overzicht {
		background: url(/static/images/link_pijl2.gif) no-repeat 20px 4px;
		color: #1f99c8;
		padding: 0 0 0 30px;
		font-size: 11px;
	}
	
	#colB1 h2, #colB .item_tv h2 {
		font-size: 12px;
		font-weight: bold;
	}

	 
	/* overig */
	.clearfix:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
	}
	
      a  {
	       color: #1f99c8;
	       text-decoration: underline;
       }

      #colB .kader .bot_l_2 , #colB .kader .bot_m_2,  #colB .kader .bot_r_2  {
		height: 36px;
      }

#colB ul li a {
	text-decoration: underline;
}

#colB ul li a:hover {
	text-decoration: none;
}

/* Toegevoegd door Media Junkies : DL */
div.left-bottom {
	background:url(/static/images/left-bottom.gif) no-repeat 0px bottom; height:16px;
}

div.left-top {
	background:url(/static/images/left-top.gif) no-repeat 0px bottom; height:16px; overflow:hidden;
}

div.right-bottom {
	background:url(/static/images/right-bottom.gif) no-repeat; height:15px; overflow:hidden;
}

div.right-top h1 { margin-left:17px; }
/*div.right-top h1 { *margin-left:0px; }*/
div.right-top {
	background:url(/static/images/right-top.gif) no-repeat; height:40px; overflow:hidden;

/*"><h1 style="padding-left:17px;*/
}

/* Omroep.nl balk */
div#pbcn-background-bar {
	height: 31px; 
	width: 100%;
	z-index: 10002;
	background: #000 url('http://balk.omroep.nl/centrale-navigatie/images/bar/bar-background-middle-unused.gif') repeat-x scroll 0 0;
}

div#pbcn-container-bar {
	width: 960px;
	margin: 0 auto;
}