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

div#base-header div#logo{
	position:absolute;
	left:6px;
	top:10px;
	}

div#navigation{
	position:absolute;
	left:0;
	top:0;
	width:213px;
	height:218px;
	background:url(/images/bg_nav.gif) 0 0 no-repeat;
	}
	div#navigation ul{
		margin:0;
		padding:33px 3px 3px;
		}
		div#navigation ul li{
			border-top:3px solid #000;
			padding:0;
			}
			div#navigation ul li a{
				display:block;
				text-decoration:none;
				overflow:hidden;
				text-indent:-20000px;
				width:207px;
				height:23px;
				background-repeat:no-repeat;
				background-position:0 0;
				}
				div#navigation ul li a.active,
				div#navigation ul li a:hover{
					color:#fff;
					background-position:0 -23px;
				}
				div#navigation ul li a.photo{
					background-image:url(/images/nav/onderschrift.gif);
				}
				div#navigation ul li a.audio{
					background-image:url(/images/nav/audio.gif);
				}
				div#navigation ul li a.video{
					background-image:url(/images/nav/video.gif);
				}
				div#navigation ul li a.news{
					background-image:url(/images/nav/news.gif);
				}
				div#navigation ul li a.column{
					background-image:url(/images/nav/column.gif);
				}
				div#navigation ul li a.listen{
					background-image:url(/images/nav/listen.gif);
				}
				div#navigation ul li a.cartoon{
					background-image:url(/images/nav/cartoon.gif);
				}
				div#navigation ul li a.ringtones{
					background-image:url(/images/nav/ringtones.gif);
				}




div#detail_content{
	margin:0 0 0 225px;
	position:relative;
	}
	div#detail_content div#week_days{
		position:absolute;
		top:85px;
		left:0px;
		width:98px;
		height:179px;
		overflow:hidden;
		padding-top:3px;
		background:url(/images/bg_days.gif) 0 0 no-repeat;
		}
		div#detail_content div#week_days div.day{
			margin:0 3px;
			width:92px;
			font-weight:bold;
			text-transform:uppercase;
			border-bottom:3px solid #000;
			}
			div#detail_content div#week_days div.day a,
			div#detail_content div#week_days div.day span{
				display:block;
				text-decoration:none;
				padding:4px 5px 5px;
				font-weight:bold;
				text-transform:uppercase;
				}
				div#detail_content div#week_days div.day a:hover{
					background-color:#000;
					color:#fff;
				}
			div#detail_content div#week_days div.day.active span{
				background-color:#000;
				color:#fff;
			}
			div#detail_content div#week_days div.day.inactive span{
				background-color:#ccc;
				color:#000;
			}
			
	div#title_info{
		position:absolute;
		left:0;
		top:0;
		width:323px;
		height:63px;
		background:url(/images/bg_detail_title.gif) 0 0 no-repeat;
		z-index:100;
		}
		div#title_info h1{
			margin:5px 0 0 8px;
		}
		div#title_info div.week-selector{
			position:absolute;
			left:5px;
			bottom:1px;
		}
		div#title_info div.week-number{
			position:absolute;
			left:138px;
			bottom:7px;
			text-transform:uppercase;
			font-weight:bold;
		}
		div#title_info div.date{
			position:absolute;
			left:215px;
			bottom:7px;
			text-transform:uppercase;
			font-weight:bold;
		}
	div#photo{
		position:absolute;
		left:170px;
		top:71px;
		width:315px;
		height:296px;
		margin-right:10px;
		overflow:hidden;
		z-index:10;
		}
	div#cartoon	{
		position:absolute;
		left:122px;
		top:88px;
		width:520px;
		height:258px;
		overflow:hidden;
		z-index:10;
		}
	
	div#taf_com{
		padding-top:400px;
		}
		div.page_items{
			width:98px;
			height:53px;
			background:url(/images/bg_taf_com_buttons.gif) 0 0 no-repeat;
			margin-bottom:20px;
			}
			div.page_items div{
				padding:7px 0 4px 5px;
				}
				div.page_items div a{
					text-decoration:none;
					text-transform:uppercase;
					font-weight:bold;
				}
				
				
				
/* 
*  SEND A FRIEND ============================================
*/
div.send-a-friend{
	display:none;
	width:325px;
	}
	div.send-a-friend div.title{
		background:transparent url(/images/bg_header_sendafriend.gif) 0 0 no-repeat;
		width:325px;
		height:30px;
		border-bottom:3px solid #000;
		text-indent:-2000px;
		overflow:hidden;
	}
	div.send-a-friend div.sub-title{
		background:transparent url(/images/bg_comments.gif) 0 0 repeat-y;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#000;
		padding:10px;
	}

div.send-a-friend-form fieldset{
	position:relative;
	border:0;
	padding:10px;
	margin:0;
	background:transparent url(/images/bg_comments.gif) 0 0 repeat-y;
	}	
	div.send-a-friend-form fieldset legend{
		color:#000;
		font-weight:bold;
	}
	div.send-a-friend-form fieldset label{
		float:left;
		width:85px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#000;
		padding-top:2px;
	}
	div.send-a-friend-form fieldset input.text{
		border:1px solid #000;
		width:200px;
		margin-bottom:10px;
		}
	div.send-a-friend-form fieldset textarea.text{
		border:1px solid #000;
		width:200px;
		height:100px;
		margin-bottom:10px;
		}
	div.send-a-friend-form fieldset select{
		border:1px solid #000;
	}

/* 
*  COMMENTS ============================================
*/
div.comments{
	display:block;
	width:325px;
	}
	div.comments div.title{
		background:transparent url(/images/bg_header_comments.gif) 0 0 no-repeat;
		width:325px;
		height:30px;
		border-bottom:3px solid #000;
		text-indent:-2000px;
		overflow:hidden;
	}

div.comments div.comment{
	width:305px;
	padding:10px;
	border-bottom:3px solid #000;
	background:transparent url(/images/bg_comments.gif) 0 0 repeat-y;
	}
	div.comment div.comment-txt{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#000;
	}
	div.comment div.comment-date{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#000;
		margin-bottom:4px;
	}

div.comments div.comment.news{
	width:305px;
	border-bottom:3px solid #000;
	padding:10px;
	}
	div.comments div.comment.news div.comment-avatar{
		float:left;
		padding:3px;
		background:url(/images/home/bg_quote_image.gif) 0 0 no-repeat;
		}
		div.comments div.comment.news div.comment-avatar img{
			width:75px;
			height:90px;
			margin-right:7px;
		}
	div.comments div.comment.news div.comment-content{	
		float:left;
		width:200px;
	}
	div.comment div.comment-txt{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#000;
	}
	div.comment div.comment-date{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#000;
		margin-bottom:4px;
	}


div.comments-form fieldset{
	position:relative;
	border:0;
	padding:10px;
	margin:0;
	background:transparent url(/images/bg_comments.gif) 0 0 repeat-y;
	}	
	div.comments-form fieldset legend{
		color:#94c239;
		font-weight:bold;
	}
	div.comments-form fieldset label{
		float:left;
		width:85px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#000;
		padding-top:2px;
	}
	div.comments-form fieldset input.text{
		border:1px solid #000;
		width:200px;
		margin-bottom:10px;
		}
	div.comments-form fieldset textarea.text{
		border:1px solid #000;
		width:200px;
		height:100px;
		margin-bottom:10px;
		}
	div.comments-form fieldset select{
		border:1px solid #cfcfcf;
	}