div#debug {
	position: absolute;
	left: 1000px;
	top: 20px; 
}

#topFiller {
	position: absolute;
	top: 0px;
	left: 116px;
	height: 10px;
	width: 800px;
	background: #FF9900;
	visibility: visible;
}

/*Normale header, 225px hoge images*/
#mainContainer1 {
	position:absolute;
	left: 116px;
	top: 300px;
	width: 402px;
	padding: 10px 199px 10px 199px;
	visibility: visible;
}

/* Afleveringspagina header, met header van 450px hoog*/
#mainContainer2 {
	position:absolute;
	left:116px;
	top:525px;
	width: 412px;
	padding: 10px 199px 10px 199px;
}

/* Smalle header + Alleen linker (smalle) kolom en rechter (brede) kolom */
#mainContainer4 {
	position:absolute;
	left: 116px;
	top: 195px;
	width: 601px;
	padding: 10px 12px 10px 199px;
}

/* Smalle header + Volledige breedte */
#mainContainer5 {
	position:absolute;
	left: 116px;
	top: 195px;
	width: 776px;
	padding: 10px 12px 10px 12px;
}

/* Gewone header + Volledige breedte */
#mainContainer6 {
	position:absolute;
	left: 116px;
	top: 300px;
	width: 601px;
	padding: 10px 12px 10px 12px;
}

#mainKolom1 {
	position: absolute;
	float: none;
	width: 174px;
	margin: 0;
	padding: 0;
	left: 10px;
	top: 10px;
	visibility: visible;
}


#mainKolom4 {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 10px;
	left: 615px;
	width: 174px;
	visibility: visible;
}

#mainKolom234 {
	position:relative;
	float:left;
	width:604px;
	margin:0 0 10px 0;
	}
#mainKolomIN234 {
	position:relative; 
	left:10px; 
	/*top:10px; */
	width:584px;
}

#VLAANDERENPOSITIEFlogo {
	position:absolute;
	top: 10px;
	left: 100px;
	visibility: visible;
}

#utilbar {
	position:absolute;
	left:116px;
	top:10px;
	width:800px;
	height:40px;
	background: #fff;
	visibility: visible;
}

#utilbar #utilities {
	position:relative;
	left: 200px;
}

#utilbar #utilities #zoekutil{
	position:relative;
	float: left;
	top: 7px;
}


#utilbar #utilities #menuutil{
	position:relative;
	float:left;
	top: 12px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF9900;
	margin-left: 5px;
}


#menuutil a {
	color: #FF9900;
	background: #fff;
	font-weight: normal;
}

#menuutil a:hover { color: #000; }


/* ---------------------------------------- topheader begin -----------*/
#topHeaderOmroeplink{
	position:absolute;
	left:856px;
	top:10px;
	width:60px;
	height:40px;
	background-color:#fff;
	visibility: visible;
}
/* ---------------------------------------- topheader eind -----------*/


/* ---------------------------------------- topmenu begin -----------*/
#topmenuDiv {
	position: absolute;
	width: 800px;
	left:116px;
	top:50px;
	height: 25px;
	background: #FF9900;
	visibility: visible;
}

#topmenu {
	position:relative;
	left:192px;
	height:25px;
	width: 608px;
}

table.topSubmenu {
	width: 184px;
	background-image: url(/images/menu_item_bg.gif);
	background-repeat: repeat_y;
}


/* ---------------------------------------- topmenu eind -----------*/

/* ----------------------------------------- hoofdnavigatie begin -------*/
#hoofdNavigatie {
	position: relative;
	/*border-top: 1px solid #A5DB24;
	border-bottom: 1px solid #A5DB24;*/
}

#binnenkortList + #hoofdNavigatie {
	position: relative;
	margin-top: -25px;
	border-top: 1px solid #FF9900;
	border-bottom: 1px solid #FF9900;
}

#hoofdNavigatieKop a {
	padding:0 12px 0 0px;
	text-transform: uppercase;
	font-size:13px;
	line-height:21px;
	font-weight: normal;
	font-family: "Arial Black";
	background-color:#fff;
	color:#000;
}

#hoofdNavigatieKop a:hover {
	color:#FF9900;
	text-decoration: none;
}

#hoofdNavigatie ul {
	margin: 0;
	padding: 0;
}

#hoofdNavigatie ul li {
	margin-left: 0;
	padding-left: 10px;
	list-style: none;
	background-image:url(/images/pijl_trans.gif);	
	background-repeat: no-repeat;
	background-position: 0px 6px;
}


#hoofdNavigatie ul li ul li{
	font-size: 10px;
	background-image: none;
}

/* ----------------------------------------- hoofdnavigatie eind -------*/


/* ----------------------------------------- gemistMiniIndex begin -------*/
#gemistMiniIndex {
	width: 210px;
	position:relative;
	left: 20px;
	top: -40px;	
}

#gemistMiniIndex .top {
	width: 210px;
	height: 10px;
	background:url(/images/gemist_top_bg.gif) top left no-repeat;
}

#gemistMiniIndex .gb_container {
	padding: 10px 13px;
	background: url(\images/gemist_bg.gif) repeat-y;
}

#gemistMiniIndex .gb_content {
	width: 176px;
	border-top: 1px solid #FF9900;
	padding-top: 5px;
	margin-top: 5px;
}

#gemistMiniIndex a {
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color: #FF6600;
}

#gemistMiniIndex a:hover {
	color:#FFFFFF;
}

#gemistMiniIndex h3 {
	color: black;
	font-family: "Arial Black";
	font-size:13px;
	margin:0;
	text-transform:uppercase;	
}	

#gemistMiniIndex p.titel {
	font-size:11px;
	font-weight:bold;
}

#gemistMiniIndex p.datum {
	font-size:11px;
	color: #999999;
}
	
#gemistMiniIndex .bottom {
	width: 210px;
	height:10px;
	background:url(\images/gemist_bottom_bg.gif) top left no-repeat;
}

/* Programma navigatie rechts */
#progrechts {
	width: 210px;
	position:relative;
	left: 20px;
	top: 0px;	
}

#proglinks {
	width: 210px;
	position: relative;
	left: -53px;
	margin: 0;
	padding: 0;
}

#progrechts div.top, #proglinks div.top {
	width: 210px;
	height: 10px;
	background-image:url(\images/gemist_top_bg.gif);
	background-repeat: no-repeat;
}

#progrechts .gb_container, #proglinks .gbcontainer  {
	width: 210px;
	padding: 5px 0px 0px 0px;
	background: url(\images/gemist_bg.gif) repeat-y;
}

#progrechts .gb_container:after, #proglinks .gb_container:after{
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

#progrechts a, #proglinks a {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #FF6600;
}

#progrechts a:hover, #proglinks a:hover {
	color:#FFFFFF;
}
	
#progrechts div.bottom, #proglinks div.bottom {
	width: 210px;
	height: 10px;
	background:url(\images/gemist_bottom_bg.gif) top left no-repeat;
}

#progrechts ul, #proglinks ul {
	margin: 0px 10px;
	padding: 0;
	list-style: none;
}

#progrechts ul.top, #proglinks ul.top {
	border-bottom: 1px solid #FF9900;
	padding-bottom: 10px;
}

#progrechts ul li, ul.ikonen li, #proglinks ul li {
	position: relative;
	padding: 5px 0px 0px 20px;
	background-repeat: no-repeat;
	background-position: 0 .5em;
}

#proglinks ul li ul {
	margin: 0;
	padding: 5px 0px;
}

#proglinks ul li ul li {
	position: relative;
	padding: 0px 0px 0px 10px;
	margin: 3px 0px;
	background-image: url(\images/green_bullet.gif);
	background-repeat: no-repeat;
	/*background-position: 0 .5em;	*/
}

ul.ikonen {
	margin: 0;
	padding: 0;
	list-style: none;
}

li.leesverder {
	background-image: url(/typo3conf/ext/ll_programma/templates/images/icon_leesverder.gif);
}

li.bekijk {
	background-image: url(/typo3conf/ext/ll_programma/templates/images/icon_bekijk.gif);
}

li.luister {
	background-image: url(/typo3conf/ext/ll_programma/templates/images/icon_beluister.gif);
}

li.reageer {
	background-image: url(/typo3conf/ext/ll_programma/templates/images/icon_geefreactie.gif);
}

li.bekijkreacties {
	background-image: url(/typo3conf/ext/ll_programma/templates/images/icon_bekijkreacties.gif);
}

li.mail {
	background-image: url(/typo3conf/ext/ll_programma/templates/images/icon_mail.gif);
}

li.print {
	background-image: url(/typo3conf/ext/ll_programma/templates/images/icon_print.gif);
}

li.archief {
	background-image: url(/typo3conf/ext/ll_programma/templates/images/icon_archief.gif);
}

#progrechts select#aflarchief {
	position: relative;
	margin: 5px 15px;
	background: #bfbfbf;
	color: #000;
	width: 176px;
}

#progrechts select#aflarchief option {
	width: auto;
}

span.left {
	margin: 0px 15px;
	position: relative;
	float: left;
}

span.right {
	margin: 0px 15px;
	position: relative;
	float: right;
}

span.next {
	margin: 0px 15px 0px 0px;
	position: relative;
	float: left;
}

span.page {
	position: relative;
	float: left;
}


span.prev {
	margin: 0px 0px 0px 15px;
	position: relative;
	float: left;
}

/*span.prev a:hover {
	background-color: transparent;
}

span.next a:hover {
	background-color: transparent;
}*/

/* ----------------------------------------- gemistMiniIndex eind -------*/

/* ----------------------------------------- binnenkortMiniIndex begin -------*/
#binnenkortMiniIndex  {
	position: relative;
	left: -53px;
	top: -40px;
	margin: 0;
	padding: 0;
}

#binnenkortMiniIndex .top {
	width: 210px;
	height: 10px;
	padding: 0;
	margin: 0;
	background:url(/images/gemist_top_bg.gif) top left no-repeat;
	/*border: 1px solid black;*/
}

#binnenkortMiniIndex .gb_container {
	width: 210px;
	padding: 10px 13px;
	background: url(/images/gemist_bg.gif) repeat-y;
}

#binnenkortMiniIndex .gb_content  {
	width: 176px;
	border-top: 1px solid #FF9900;
}

#binnenkortMiniIndex a {
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color: #FF6600;
}

#binnenkortMiniIndex a:hover {
	color:#FFFFFF;
}

#binnenkortMiniIndex h3 {
	color: black;
	font-family: "Arial Black";
	font-size:13px;
	margin:0;
	text-transform:uppercase;	
}	

#binnenkortMiniIndex p.titel {
	font-size:11px;
	font-weight:bold;
	}
#binnenkortMiniIndex p.datum {
	font-size:11px;
	color: #999999;
}
	
#binnenkortMiniIndex .bottom  {
	width: 210px;
	height:10px;
	background:url(/images/gemist_bottom_bg.gif) top left no-repeat;
}



/* ----------------------------------------- binnenkortMiniIndex eind -------*/


#utilityAnker {
	position:relative;
	left:0px;
	width:241px;
	height:156px;
	padding:0px;
	margin: 0px -68px 30px -68px;
}

#utilityAnker #tekst {
	position:relative;
	left:141px;
	top:25px;
	width:100px;
	height:100px;
	text-align:center;
	}
#utilityAnker #tekst a {
	color:#fff;
}
#utilityAnker #bg {
	position:absolute;
	left:0px;
	top:0px;
	width:100px;
	height:100px;
	}
#utilityankerbellen {
	position:relative;
	left:-68px;
	width:159px;
	height:149px;
	background:url(../images/bg/utilityankerbellen.gif) left bottom no-repeat;
}


/* ----------------------------------------- tekstVak algemeen begin -------*/
.tekstVakBreed {
	position:relative;
	width: 400px;
	margin: 0;	
    padding: 0px 0px 12px 0px;
	color:#000;
	clear: left;
}

.tekstVakSmal {
	float: left;
	position: relative;
	width: 195px;
	margin: 0 10px 0 0;
	padding: 0px 0px 12px 0;
	color: #000;
}

.inleiding {
	font-size:12px;
	font-weight:bold;
	padding:0 0 3px 0;
}

.datum {
	font-size:11px;
	color:#858585;
	padding:0 0 3px 0;
}
/* ----------------------------------------- tekstVak algemeen eind -------*/



.titelbalkSmal blockquote {
	position:relative;
	top:0px;
	left:0px;
	width:190px;
	margin:0 0 0 0;
	padding:4px 0 0 0;
	background:url(/images/titelbalksmaltop.gif) top no-repeat;
	color:#000;
}
.titelbalkSmal p.titel {
	font-size:12px;
	font-weight: bold;
	color:#000;
	padding:0 12px 0 12px;
	background-color:#eee;
}

.titelbalkSmal p.voet {
	height:4px;
	font-size:1px;
	background:url(/images/titelbalksmalbottom.gif) top no-repeat;
}

/* ----------------------------------------- #homeTitelbalk begin -------*/
.homeTitelbalk blockquote {
	position:relative;
	top:0px;
	left:0px;
	width: 400px;
	margin:0;
	padding: 4px 0 10px 0;
	background:url(/images/hometitelbalktop.gif) top no-repeat;
	color:#000;
	clear: left;
}

.homeTitelbalk p.titel {
	font-size:12px;
	font-weight: bold;
	color:#000;
	padding: 0px 12px 0px 12px;
	background-color:#eee;
}

.homeTitelbalk p.titelgroen {
	font-size:12px;
	font-weight:bold;
	color:#000;
	padding:0 12px 0 12px;
	background-color:#eee;
}

.homeTitelbalk span.titel {
	display: block;
	font-size:12px;
	font-weight: bold;
	color:#000;
	padding: 0px 12px 0px 12px;
	background-color:#eee;
}

.homeTitelbalk span.titelgroen {
	display: block;
	font-size:12px;
	font-weight:bold;
	color:#000;
	padding:0 12px 0 12px;
	background-color:#eee;
}

.homeTitelbalk p.voet {
	height:4px;
	font-size:1px;
	background:url(/images/hometitelbalkbottom.gif) top no-repeat;
}

ul.errors {
	margin: 0px 0px 20px 0px;
	padding: 0;
}

ul.errors li {
	margin-left: 0;
	list-style: square;
	list-style-position: inside;	
	color: #F00; 
}

div.hilites {
	display: block; 
	position: relative;
	padding-bottom: 20px;
	clear: both;
	zoom: 1;
}

div.hilites #episode_thumb, div.hilites #episode_hl {
	position: relative;
	float: left;
	margin-right: 10px;
}

div.hilites:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
