body{
	margin:0;
	padding:0;

	text-align:center;
}

/* table */
table {
	width: 100%;
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: none none none none;
	border-collapse: collapse;
}
td {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	vertical-align:top;
}


div.main{
	width: 884px;
	margin: auto;
	padding: 0;
}
div.header{
	padding:0;
	padding-bottom: 10px;
}
.minimovieslogo{
	padding:6px 0 0 20px;
	
	font: normal 18px arial;
	color: white;
}
.channellogo{
	padding: 6px 0 0 0;
}


.menu{
	background:url(../img/menu.gif) no-repeat top right;
	text-align: right;
}

.menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.menu ul li {
	display: inline; 
}
.menu ul li a {
	text-decoration: none;
	padding: 24px;
	font: bold 12px tahoma;
	color: #ccc;
}
.menu ul li a:hover {
	color: #fff;
	text-decoration: underline;
}
div.flashplayer{
	margin: 30px 0;
}

div.base{
	width: 884px;

	margin: auto;
	margin-top: 10px;
	padding: 0;
}
	.linkerkolom{
		width: 173px;
	}
	.linkerkolom .title{
		margin-top: 10px;
		margin-left: 20px;

		padding: 6px 0 0 10px;
		text-align: left;
		
		height: 36px;
	}
	.linkerkolom .tekst{
		padding: 0 12px 0 10px;
		text-align: left;
	}
	.linkerkolom .links{
		padding: 10px 10px 0 8px;
		text-align: left;
	}
	.linkerkolom a{
		display:block;
		margin-bottom: 2px;
	}
	.top_links{
		height: 34px;
	}
	.top_marge_links{
		height: 34px;
	}
	.marge_links{
		width:12px;
	}
	.midden{
		/*width: 490px;*/
		/*height: 100%;*/
		margin: 0;
		padding: 0;

		text-align: center;
	}

	.breadcrumb{
		text-align: left;
		margin-left: 10px;
		margin-top: 6px;
		height: 20px;
	}
		.breadcrumb .item{
			display: inline;
			margin-right: 10px;
			margin-left: 10px;
		}
		.breadcrumb .item div.left{
			float:left;
			height: 17px;
			width:7px;
		}
		.breadcrumb .item div.center{
			float:left;
			background:url(../img/breadcrumb_center.gif) repeat-x;
			
			height: 17px;
			
			padding:0;
			margin:0;
			
			line-height: 17px;
		}
		.breadcrumb .item div.right{
			float:left;
			height: 17px;
			width:11px;
		}
		.breadcrumb .item div.center a{
			font: bold 10px tahoma;
			color: #ccc;
			text-decoration: none;
			
			line-height: 16px;
		}
		.breadcrumb .item div.center a:hover{
			color: #fff;
			text-decoration: none;
		}


	.midden .title{
		margin-top: 10px;
		margin-left: 10px;

		padding: 8px 0 0 10px;
		text-align: left;
		
		height: 59px;
	}

	table.clips{
		width: 452px;
	}
	.clips{
		margin: 10px 10px 20px 20px;
		
		text-align: left;
	}
	.clips .clipsmousover{
		cursor: pointer;
		cursor: hand;
	}
	.clips .clipsmouseout{
	
	}

	.midden .tekst{
		padding: 0 30px 10px 20px;
		text-align: left;
	}

	.midden .subtitle{
		margin-top: 10px;
		margin-left: 10px;

		padding: 6px 0 0 10px;
		text-align: left;
		
		height: 38px;
	}
	.rechterkolom{
		width: 173px;
	}
	.rechterkolom .title{
		margin-top: 10px;
		margin-left: 10px;
		
		padding: 6px 0 0 10px;
		text-align: left;
		
		height: 36px;
	}
	.rechterkolom .tekst{
		padding: 0 6px 0 4px;
		text-align: left;
	}
	.rechterkolom .device{
		margin-top: 10px;
		margin-left: 10px;
		padding: 2px 0 0 10px;
		text-align: left;
		height: 19px;
	}
	.rechterkolom .links{
		padding: 0px 20px 0 10px;
		text-align: left;
	}
	.rechterkolom a{
		display:block;
		margin-bottom: 2px;
	}
	.top_rechts{
		height: 34px;
	}
	.top_marge_rechts{
		height: 34px;
	}
	.marge_rechts{
		width:12px;		
	}

	div.footer{
		height: 31px;
		width: 471px;
		margin: auto;
		margin-top: 20px;
		margin-bottom: 40px;

		padding-top: 3px;
		text-align: center;
	}
	div.footer img{
		float: left;
		vertical-align: bottom;
		
		margin: 4px;
	}
	div.footer .tekst{
		float: left;
		vertical-align: bottom;
		display: inline;
		margin-left: 4px;
		text-align: left;
		padding: 0;
	}