
@charset "utf-8";
#test123{ background-color:#009900; width:100px; height:100px; display:none}
/*begin test_popup */
#gidsdetail_home{ display:none;height:auto;left:150px;position:absolute;top:260px;width:329px;z-index:20;}
	#gidsdetail_home_top{background-image:url(../images/uitzending_detail_top.gif);background-repeat:no-repeat;height:50px;width:329px;}
	#gidsdetail_home_content{background-color:#FFFFFF;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC; overflow:hidden;}
		#gidsdetail_home_content img{float:right;padding:5px 10px 0;width:100px;}
		#gidsdetail_home_content h3{height:auto;line-height:1em;margin-left:10px;position:absolute;top:10px;width:250px;font-size:1.2em;}
		#gidsdetail_home_content p{ margin-left:10px;line-height:1.5em;font-size:1.1em; padding-right:5px}
		#gidsdetail_home_content p img { display:none}
		#gidsdetail_home_content span{color:#555555; position:absolute;top:35px; left:10px;font-size:1.1em;}
		
		
	#gidsdetail_home_bottom{background-image:url(../images/uitzending_detail_bottom.gif);background-repeat:no-repeat;height:25px;width:329px;}
	#gidsdetail_home_close{left:300px;position:absolute;top:5px;}
	

/*end test_popup */


/*Begin styles content_container_01 */
#content_container_01{
width:923px;
height:auto;
overflow:hidden;
margin:0px;
padding:0px;
}

#gids{
width:178px;
height:352px;
margin:0px;
padding:0px;
float:left;
}

.gids-titel{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
font-weight:bold;
letter-spacing:0.1em;
}

#gids h2{
background-image:url(../images/gids.gif);
background-repeat:no-repeat;
background-position:left top;
margin:5px 0px 10px 0px;
padding-bottom:4px;
}

#aankeiler_01{
width:528px;
height:352px;
margin:0px;
padding:0px;
float:left;
}


#programma-caroussel{
margin:0px; padding:0px; float:left;
}

#programma-caroussel h2{
background-image:url(../images/uitgelicht_nps.gif);
background-repeat:no-repeat;
background-position:left top;
margin:5px 0px 10px 0px;
padding-bottom:4px;
}
#programma-caroussel h2 a{
text-decoration:none;
}

#left_content{
width:706px;
height:auto;
float:left;
background-color:#EFEFEF;
}
/* End content 01  */




/* Begin content 02 */
#content_container_02{margin-top:20px;width:923px;height:230px;overflow:hidden; }

/* Begin blokken aankeilers en uitgelicht */
#mini-programma-module h3{
font-size:1.1em;
/*letter-spacing:0.1em; aangepast i.v.m. verdana*/
color:#555555;
margin:0px;
padding:0px;
}

#mini-programma-module h3 img{
margin:2px 0px 0px 0px;
}

.blok{width:224px;height:210px;margin-right:9px;float:left;}
	.blokbreed{width:300px;height:210px;float:left; padding:0; margin:0;}
	.blokbreed_top{ width:300px; height:23px;}
		.active{background-image:url(../images/blokbreed_top.gif); background-repeat:no-repeat;}
		.inactive{background-image:url(../images/blokbreed_top_inactive.gif); background-repeat:no-repeat;} 
	.blokbreed_top h3{font-size:1.1em;padding:5px 0 0 25px;width:205px;}
	.blokbreed_top h3.nolink{padding:5px 0 0 10px;}
	.blokbreed_top h3 a{color:#555555;}
	
	.blokbreed_content{width:298px; height:175px;border-right:#eaeaea 1px solid; border-left:#eaeaea 1px solid;font-size:1.1em;line-height:1.6em; overflow:hidden}
	.blokbreed_content ul{height:auto;margin:0 0 0 8px;padding:5px 0 10px;width:auto;}
	.blokbreed_content li{background-image:url(../images/bg_arrow.gif);background-position:0 0;background-repeat:no-repeat;	margin:0 0 2px;padding:0 6px 4px 12px;}
	
	.blokbreed_content li.weblog{ background-image:none;padding:0 6px 4px 0; height:38px; }
	.blokbreed_content li.weblog img{ border:1px solid #ccc}
	.blokbreed_content li.weblog a{ position:absolute; margin-left:17px; height:34px; width:210px; overflow:hidden}
	
	.blokbreed_content ul.aankeiler_02{height:auto;margin:0 0 0 8px;padding:5px 0 10px;width:auto;}
	.blokbreed_content ul.aankeiler_02 li{ background-image:none;overflow:hidden; height:53px; margin-bottom:5px; padding:0}
	.blokbreed_content ul.aankeiler_02 li img.aankeiler_02{ height:53px; width:99px; background-color:#cccccc; margin-top:3px; overflow:hidden}	
	.blokbreed_content ul.aankeiler_02 li img.arrow, .blokbreed_content li.weblog img.arrow{position:absolute;margin-left:7px; border:none}
	.blokbreed_content ul.aankeiler_02 li a{ position:absolute; margin-left:17px; height:53px; width:170px; overflow:hidden}
	.blokbreed_content a strong{color:#2971A7; }
	.marginrechts{margin-right:11.5px;}
	.blokbreed_bottom{background-image:url(../images/blokbreed_bottom.gif); background-repeat:no-repeat; width:300px; height:12px;}

.blok_top h3{
color:#555555;
font-size:1.1em;
/*letter-spacing:0.1em;aangepast i.v.m. verdana*/
padding:5px 0 0 10px;
}
.blok_top h3 img{
padding-top:-2px;
}
.blok_last{
width:224px;
height:210px;
float:left;
}

.blok_top{
height:23px;
width:224px;
background-image:url(../images/blok_top.gif);
background-repeat:no-repeat;
}
.blok_top_actief{
height:23px;
width:224px;
background-image:url(../images/blok_top_actief.gif);
background-repeat:no-repeat;
overflow:hidden;
}

.blok_top_actief h3{
font-size:1.1em;
height:20px;
padding:5px 0 0 25px;
width:205px;
}
.blok_top_actief h3 a, #mini-programma-module h3 a{
color:#555555;
}

.blok_content{
height:160px;
width:216px;
overflow:hidden;
padding:3px 3px 3px 3px;
background-color:#FFFFFF;
border-right:#c5c5c5 1px solid;
border-left:#c5c5c5 1px solid;
}

.blok_content a strong{color:#2971a7;}

.blok_content ul{
width:auto;
height:auto;
/* margin:0px 0px 0px 20px; */
/* padding:5px 0px 10px -10px; */
margin:0px 0px 0px 8px;
padding:5px 0px 10px 0px;
/*line-height:2em;aangepast i.v.m. verdana*/
}
.blok_content li{
background-position:0px 0px;
background-image:url(../images/bg_arrow.gif);
background-repeat:no-repeat;
margin:0px 0px 2px 0px;
padding:0px 6px 4px 12px;
font-size:1.1em;
line-height:1.1em;
}

.blok_bottom{
height:20px;
width:224px;
width:auto;
background-image:url(../images/blok_bottom.gif);
background-repeat:no-repeat;
}

/* End content 02 */

/* --- GIDS --- */
	/*#gids {margin:20px 20px 20px 20px; float:left;} /* positioneer de module hiermee */

#gids-wrapper{width:146px; }
#gids-wrapper h2 a{
text-decoration:none;
}

.gids-content{height:253px; overflow:hidden; }
	
/* gids accordion */	
#gids ul li { width:147px; padding-bottom:0px; border:0; }
#gids ul li#gids-vandaag { background: transparent url(../images/menu_bovenkant.gif) 0 0 no-repeat;}
#gids ul li#gids-morgen { background: transparent url(../images/menu_midden.gif) 0 0 no-repeat;}
#gids ul li#gids-week { background: transparent url(../images/menu_onderkant.gif) 0 0 no-repeat; }
#gids ul li#gids-vandaag.current { background: transparent url(../images/menu_bovenkant_actief.gif) 0 0 no-repeat; }
#gids ul li#gids-morgen.current { background: transparent url(../images/menu_midden_actief.gif) 0 0 no-repeat; }
#gids ul li#gids-week.current { background: transparent url(../images/menu_midden_actief.gif) 0 0 no-repeat;}

.gids-titel {padding:4px 0 4px 5px; display:block; position:relative; }
#gids ul li a img{ position:absolute;right:10px; top:9px; }
#gids ul li a strong{ color:#555;font-size:1.2em;}#gids ul li a:hover strong{ text-decoration:underline;}
#gids ul li.current a strong{ color:#fff;}
			
.gids-content{ border-right:1px solid #dfdfdf; border-left:1px solid #dfdfdf; }		
#gids ul li ul { margin-left:2px;}
#gids ul li ul li {overflow:hidden; width:100%; margin-top:5px; padding-bottom:0px;}
#gids ul li ul li img { float:left; margin:0px 5px 0 0; z-index:10;}
#gids ul li ul li a { font-size:1.1em; float:left; width:115px;}			
#gids ul li#gids-vandaag .gids-content a,
#gids ul li#gids-morgen .gids-content a,
#gids ul li#gids-week .gids-content a,
#gids ul li#gids-vandaag.current .gids-content a,
#gids ul li#gids-morgen.current .gids-content a,
#gids ul li#gids-week.current .gids-content a{ background:none; }
#gids ul li h3{ display:none;}
		
#gids-vandaag-digitaal,
#gids-morgen-digitaal,
#gids-week-digitaal{padding-bottom:10px;}	
#tabs-3{ border-bottom:1px solid #dfdfdf; }	
			
/* gids tabs */		
/*.ui-tabs-hide { display: none; }*/	
.ui-tabs-hide { position: absolute;
    left: -10000px;
}	
#gids ul li ul.tabs-menu{ overflow:hidden; width:142px; padding:3px 0 0px 0px; height:25px;}
#gids ul li ul.tabs-menu li {float:left; width:47px; height:18px; border:0; border-bottom:1px solid #b9b9b9; height:17px;}
#gids ul li ul.tabs-menu li.ui-tabs-selected {border-bottom:0; width:47px; height:18px;  background: transparent url(../images/tab-background.gif) 0 0 no-repeat;}	
#gids ul li ul.tabs-menu li a{background:none; color:#ff0; display:inline; padding:0; padding-top:2px; text-align:center; width:47px; display:block;}
#gids ul li ul.tabs-menu li a strong{color:#555;font-size:0.9em; position:relative; left:0; top:0;} 

/* --- PROGRAMMA CAROUSSEL --- */
#programma-caroussel{float:left;} /* positioneer de module hiermee */
#programma-caroussel-wrapper{ position:relative; width:498px; height:315px;}
#programma-caroussel img{position:absolute;top:0px;}


#programma-caroussel img.overlay{position:absolute;top:0px;}
#programma-caroussel .ui-tabs-panel h3{position:absolute;top:3px; left:10px; color:#fff; font-size:2.0em; text-transform:uppercase; z-index:1;}
#programma-caroussel .ui-tabs-panel strong{position:absolute;top:27px; left:10px; color:#fff; font-size:1.6em; z-index:1;}
#programma-caroussel .ui-tabs-panel p{position:absolute;bottom:75px; left:10px; color:#fff; font-size:1.1em; line-height:1.4em; width:150px; z-index:1;}
#programma-caroussel .ui-tabs-panel .balk{position:absolute;top:245px; left:0px; width:498px; height:22px; background:#000; opacity: 0.5;-moz-opacity: 0.5;filter:alpha(opacity=50); text-align:right; z-index:1;}
#programma-caroussel .ui-tabs-panel a{ position:absolute;top:250px; left:400px; color:#fff;font-size:1.1em; z-index:1;
font-weight:bold;/*toevoeging i.v.m. verdana*/}
#programma-caroussel .ui-tabs-panel a img{position:absolute; top:1px; right:-15px;}
		
#programma-caroussel .caroussel-tabs { overflow:hidden; width:496px; position:absolute; top:267px; border-right:1px solid #c5c5c5; border-left:1px solid #c5c5c5; border-bottom:1px solid #c5c5c5; }
#programma-caroussel .corners .bottom-left{position:absolute; top:311px; left:0px;}
#programma-caroussel .corners .bottom-right{ position:absolute; top:310px; right:0px;}
				
#programma-caroussel .caroussel-tabs li { position:relative; padding:5px 0 0 5px; width:160px; height:43px; float:left; background:#ebebeb; list-style-position:inside; list-style-image: url('../images/arrow.gif')}
#programma-caroussel .caroussel-tabs li a { color:#2971a7; 
font-size:1.1em;/*toevoeging i.v.m. verdana*/}
#programma-caroussel .caroussel-tabs li a strong { color:#2971a7; }
#programma-caroussel .caroussel-tabs li a em { color:#2971a7; position:absolute; left:17px; width:145px; font-style: normal; text-align:left; }
#programma-caroussel .caroussel-tabs li.ui-tabs-selected { padding-top: 3px; list-style:none; border-top:2px solid #757575; height:41px; background:#f7f7f7;}
#programma-caroussel .caroussel-tabs li.ui-tabs-selected a{ color:#757575; margin-left:12px;}
#programma-caroussel .caroussel-tabs li.ui-tabs-selected a strong{ color:#757575;}
#programma-caroussel .caroussel-tabs li.ui-tabs-selected a em{color:#757575; }
		
/* --- MINI PROGRAMMA MODULE --- */
#mini-programma-module{ float:left; width:224px; height:210px; position:relative; margin-right:9px;}
#mini-programma-module h3{width:205px; height:39px; padding:5px 0 0 25px; font-size:1.1em; background: transparent url(../images/blok_top_actief.gif) 0 0 no-repeat;}
/*#mini-programma-module h3 img{position:absolute;top:5px;left:10px;}*/
#mini-programma-wrapper {border:1px solid #dfdfdf; width:222px; height:185px; margin-top:-21px;}
.mini-programma-tabs{ margin-left:116px;}
.mini-programma-item img{width:116px;overflow:hidden;margin-left:1px;}

#mini-programma-module .bekijk_meer_bg{background-color:#000;opacity:0.5;filter: alpha(opacity=50);z-index:2;margin-top:-24px;height:22px;width:116px;margin-left:1px;}
#mini-programma-module .bekijk_meer{bottom:-5px;padding-left:10px;position:absolute;height:22px;width:116px;z-index:3;font-size:1.1em;font-weight:bold;color:#FFFFFF;}
#mini-programma-module .bekijk_meer a{color:#FFFFFF;}
#mini-programma-module .bekijk_meer img{width:11px; height:11px;padding-left:3px;top:2px;position:absolute;}

.mini-programma-tabs li{ width:106px; height:62px; background: transparent url(../images/mini-module-background.gif) 0 0 no-repeat;}
.mini-programma-tabs li a{ font-size:1.1em; width:100px; height:62px; margin-left:4px; display: table;}
.mini-programma-tabs li a:hover {color:#555555;}
.mini-programma-tabs li a strong{display:table-cell; vertical-align: middle;}
.mini-programma-tabs li.ui-tabs-selected a strong{ color:#fff; }
.mini-programma-tabs li.ui-tabs-selected a:hover{ color:#fff; }
.mini-programma-tabs li .ui-tabs-hide{display:inline;}
.mini-programma-item { position:absolute;top:24px; left:0px;}
.corners .bottom-left{position:absolute; bottom:-1px; left:-2px;}
.corners .bottom-right{ position:absolute; bottom:-1px; right:-1px; }
		
		

