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

html {
height:100%;
width:100%;
}

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#000;
	text-align:left;
	line-height:18px;
	height:100%;
	width:100%;
	margin:0px;
	margin-top:20px;
	padding:0px;
	background-color:#322c23;
	background-image:url('../images/bg_body2.jpg');
	background-repeat:repeat;
}


.normal {
	color:#555555;
}

.header {
	font-size:14px;
	color:#545b2f;
}

.rood {
	font-size:14px;
	font-weight:bold;
	color:#dc0000;
}

.black {
	font-size:14px;
	font-weight:bold;
	color:#000;
}

.header_bold {
	font-size:14px;
	font-weight:bold;
	color:#545b2f;
}

.header_large {
	font-size:18px;
	letter-spacing:1px;
	color:#545b2f;
}

.header_bold_large {
	font-size:18px;
	letter-spacing:1px;
	font-weight:bold;
	color:#545b2f;
}


/* Divisions */

#bg_main_top {
	margin: 0 auto 0 auto;
	position:relative;
	width:1101px;
	height:85px;
	overflow:hidden;
	background-image:url('../images/bg_main_top.gif');
	background-repeat:no-repeat;
}

#bg_main_bottom {
	margin: 0 auto 0 auto;
	position:relative;
	width:1101px;
	height:91px;
	overflow:hidden;
	background-image:url('../images/bg_main_bottom.gif');
	background-repeat:no-repeat;
}

#maincontainer {
	margin: 0 auto 0 auto;
	position:relative;
	width:1101px;
	height:auto;
	overflow:hidden;
	background-image:url('../images/bg_main_middle.gif');
	background-repeat:repeat-y;
}


	#left {
		position:relative;
		float:left;
		clear:none;
		height:auto;
		width:800px;
		overflow:hidden;
		margin:0px;
		padding:0px;
		text-align:center;
	}

	#box {
		position:relative;
		float:left;
		clear:none;
		height:auto;
		width:550px;
		margin-left:85px;
		overflow:hidden;
		padding:0px;
		text-align:center;
	}
		
		#movie_frame {
			position:absolute;
			height:317px;
			width:550px;
			top:253px;
			left:85px;
			overflow:hidden;
			background:url(../images/movieframe2.gif);
			background-repeat:no-repeat;
			background-position:center;
			margin:0px;
			padding:0px;
			text-align:center;
		}
		
	#right {
		position:relative;
		float:left;
		clear:none;
		height:auto;
		width:301px;
		overflow:hidden;
		text-align:left;
		padding-top:85px;
	}
	
	#bottom {
		position:relative;
		float:left;
		clear:both;
		height:auto;
		width:1101px;
		overflow:hidden;
		margin:0px;
		padding:0px;
		padding-top:42px;
		text-align:center;
	}

.curve_top {
	background-image:url('../images/curve_top.gif');
	background-repeat:no-repeat;
	height:33px; 
	width:13px; 
}

.curve_middle {
	background-image:url('../images/curve_middle.gif');
	background-repeat:repeat-y;
	height:auto; 
	width:13px;
	overflow:hidden;
	padding-top:15px;
}

.curve_bottom {
	background-image:url('../images/curve_bottom.gif');
	background-repeat:no-repeat;
	height:33px; 
	width:13px; 
}

.curve_line {
	padding-top:15px;
	padding-left:5px;
}


.bg_curves {
	background-image:url('../images/curves.gif');
	background-repeat:no-repeat;
	height:140px; 
	width:665px; 
	padding-top:21px; 
	padding-left:27px;
}

.bg_episode {
	background-image:url('../images/bg_episode.gif');
	background-repeat:no-repeat;
	background-position:top right;
	padding-top:6px;
	width:30px;
}

.bg_episode:hover {
	background-image:url('../images/bg_episode_hover.gif');
	background-repeat:no-repeat;
	background-position:top right;
	padding-top:6px;
	width:30px;
}

.bg_today {
	background-image:url('../images/bg_episode_prod.gif');
	background-repeat:no-repeat;
	background-position:top right;
	padding-top:6px;
	width:23px;
}

.bg_today:hover {
	background-image:url('../images/bg_episode_prod_hover.gif');
	background-repeat:no-repeat;
	background-position:top right;
	padding-top:6px;
	width:23px;
}

.bg_prod {
	background-image:url('../images/bg_prod.gif');
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:6px;
	width:24px;
}

.bg_prod:hover {
	background-image:url('../images/bg_prod_hover.gif');
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:6px;
	width:24px;
}

.bg_prod2 {
	background-image:url('../images/bg_prod2.gif');
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:6px;
	width:24px;
}

.bg_prod2:hover {
	background-image:url('../images/bg_prod2_hover.gif');
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:6px;
	width:24px;
}

.bg_year {
	background-image:url('../images/bg_year.gif');
	background-repeat:no-repeat;
	width:46px;
	text-align:center;
	padding-top:3px;
}


/* Links */

a:link, a:visited, a:active {
	color: #000000;
	text-decoration:none;
}

a:hover {
	color:#910002;
	text-decoration:none;
}

a.final:link, a.final:active {
	color: #000000;
	text-decoration:none;
}

a.final:visited {
	color:#000000;
	text-decoration:none;
}

a.final:hover {
	color:#910002;
	text-decoration:none;
}


a.ep:link, a.ep:active {
	display:block;
	position:absolute;
	height:64px;
	width:23px;
	color: #000000;
	text-decoration:none;
}

a.ep:visited {
	display:block;
	position:absolute;
	height:64px;
	width:23px;
	color:#666;
	text-decoration:none;
}

a.ep:hover {
	display:block;
	position:absolute;
	height:72px;
	width:23px;
	font-size:16px;
	margin-top:-8px;
	color:#910002;
	text-decoration:none;
}

a.topmenu:link, a.topmenu:visited, a.topmenu:active {
	color: #000000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

a.topmenu:hover {
	color:#910002;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}


a.inprod:link, a.inprod:visited, a.inprod:active {
	display:block;
	float:left;
	margin-left:10px;
	margin-top:2px;
	padding:3px;
	color: #dc0000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	text-indent:5px;
	background-image:url('../images/bg_input.jpg');
	background-repeat:repeat-x;
	height:16px;
	width:120px;
	border:solid 1px #dc0000;
}

a.inprod:hover {
	color: #000;
	border:solid 1px #000;
}

.futprod {
	display:block;
	float:left;
	margin-left:10px;
	margin-top:2px;
	padding:3px;
	color: #777;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	text-indent:5px;
	background-image:url('../images/bg_input.jpg');
	background-repeat:repeat-x;
	height:16px;
	width:120px;
	border:solid 1px #000;
}

.storylines {
	display:block;
	float:left;
	margin-right:10px;
	margin-top:2px;
	padding:3px;
	color: #777;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	background-image:url('../images/bg_input.jpg');
	background-repeat:repeat-x;
	height:37px;
	width:140px;
	border:solid 1px #000;
}

/* Standaard elementen */

form {
	margin:0px;
	padding:0px;
}

img {
	margin:0px;
	padding:0px;
	border:none;
}
table {
}

tr {
	vertical-align:top;
}

td {
	vertical-align:top;
}

input.hintTextbox       { color: #888; }
input.hintTextboxActive { color: #000; }

textarea {
	vertical-align:middle;
	background-color:#ffffff;
	border: solid 1px #cccccc;
	font-size:11px;
}

select {
	vertical-align:middle;
	background-image:url('../images/bg_input.jpg');
	color:#333;
	border: solid 1px #6b6146;
}

input {
	vertical-align:middle;
	background-image:url('../images/bg_input.jpg');
	color:#333;
	border: solid 1px #6b6146;
}
button {
	vertical-align:middle;
	background-color:#f4d084;
	color:#000;
	border: none;
}