* {
	padding: 0;
	margin: 0;
}

html {
	overflow-y: scroll;
}

body
{
	background: url('img/bg-body.png') repeat-x #d5dbeb;
	font-family: Tahoma, Geneva, sans-serif;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

a {
	font-weight: bold;
	color: #0055d4;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1 {
	color: #0055d4;
	font-size: 150%;
	margin-top: 8px;
	margin-bottom: 8px;
	}

h2 {
	color: #0055d4;
	font-size: 130%;
	margin-top: 24px;
	margin-bottom: 8px;
}

h3 {
	color: #0055d4;
	font-size: 115%;
	margin-bottom: 8px;
}

p {
	font-size: 125%;
	margin-bottom: 12px;
	text-align: justify;
	line-height: 150%;
}

table {
	font-size: 125%;
	margin-bottom: 12px;
	text-align: justify;
	line-height: 150%;
	}

#left-pane .nobg {
	background-image: none;
	text-align: left;
	font-size: 15px;
	line-height: 160%;
}

.quote {
	font-size: 233%;
	color: #0055d4;
	font-style: italic;
	padding-right: 16px;
	vertical-align: middle;
}

.film {
	float: left;
	margin-right: 12px;
	border: 0;
}

.no {
	background-image: none;
	}

.cont-ul {
	margin-left: 40px;
	font-size: 15px;
	margin-bottom: 12px;
	text-align: justify;
	line-height: 150%;
}

.dl-t {
	font-size: 90%;
	font-weight: normal;
	}

.dl-i {
	border: 0;
	margin-right: 5px;
	}

.player-object {
	float: right;
	margin-right: 180px;
	margin-bottom: 10px;
}

label {
	font-weight: bold;
	}

#left-pane {
	width: 740px;
	float: left;
	padding-left: 12px;
	padding-top: 20px;
}

#right-pane {
	width: 244px;
	float: left;
	margin-left: 16px;
	margin-top: 56px;
}

#left-pane p {
	background-image: url('img/div-bg.png');
	background-repeat: repeat-x;
	padding: 12px;
	padding-left: 2px;
}


#left-pane .bordered {
	background-image: none;
	background-color: #eee;
	padding: 12px;
	font-size: 120%;
	border: 1px solid black;
}

hr {
	margin-top: 5px;
	margin-bottom: 12px;
	border: 0;
	height: 2px;
	background-color: #777;
	}

.border {
	border: 2px solid red;
}
#read-page {
	float: right;
	width: 85px;
	}
	#read-page img {
		border: 0;
		float: left;
		margin: 4px;
	}
	#read-page a {
		text-decoration: none;
		float: right;
		font-weight: bold;
		color: #0055d4;
		}

.div-left {
	float: left;
	}

.hl {
	color: #0055d4;
	font-weight: bold;
}

.bullet {
	margin: 4px;
}

.img-link {
	border: 0;
	margin-bottom: 32px;
}

.inset-right {
	padding: 12px;
	text-align: center;
	background-color: #fff;
	background-image: url('img/div-bg-2.png');
	background-repeat: no-repeat;
	margin-bottom: 32px;
	height: 185px;
	}
	.inset-right label {
		font-size: 110%;
		display: block;
	}
	.inset-right img {
		margin: 8px;
	}

.tall {
	background-image: url('img/div-bg-4.png');
	height: 270px;
}

#container-outer {
	background: url('img/shadow.png') repeat-y;
	width: 1044px;
	margin: 0 auto;
	}
	
#container-inner {
	width: 1024px;
	background-color: #feffef;
	margin: 0 auto;
}

#header {
	height: 160px;
	background-color: #feffef;
	position: relative;
	}
	#logo {
		float: left;
		margin-top: 20px;
		margin-left: 20px;
	}	
	#span {
		position: absolute;
		bottom: 0px;
		left: 12px;
		margin: 12px;
	}
	.header-span {
		color: #4d4d4d;
		font-size: 180%;
	}
	#header img#werkbalk-top {
		position: absolute;
		right: 20px;
		top: -1px;
	}
	#header img#werkbalk-bottom {
		position: absolute;
		right: 20px;
		top: 160px;
	}

#menu {
	height: 32px;
	border-top: 4px solid #0055d4;
	border-bottom: 4px solid #0055d4;
	background-color: #e0e6ee;
	}

#content {
	background-color: #feffef;
	padding: 12px;
}

#footer {
	height: 170px;
	border-top: 4px solid #555;
	background-color: #abbbe5;
	}
	#footer .info {
		width: 292px;
		float: left;
		height: 119px;
		margin-left: 12px;
		margin-top: 10px;
		padding: 16px;
		background-image: url('img/div-bg-3.png');
		}
		#footer .info h3 {
			margin-bottom: 16px;
			margin-top: 4px;
		}
		#footer .info p {
			text-align: left;
			}

/* Menu: */
.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	}
.menu ul{
	background: transparent;
	height:32px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		background: transparent url("images/seperator.gif") bottom right no-repeat;
		color:#333;
		display:block;
		font-weight:normal;
		line-height:32px;
		margin:0px;
		padding:0px 12px;
		text-align:center;
		text-decoration:none;
		border-right: 4px solid #0055d4;
		}
		.menu li a:hover, .menu ul li:hover a{
			background-color: #fed943;
			text-decoration:none;
			}
	.menu li ul{
		background:#e0e6ee;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border: 2px solid #0055d4;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;*/
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background-color: #e0e6ee;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:32px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		border: 2px solid #0055d4;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background-color: #fed943;
			border:0px;
			color:#333;
			text-decoration:none;
			border: 2px solid #0055d4;
			}
	.menu p{
		clear:left;
		}
#active {
	background-image: url('img/menu.png');
	background-position: center bottom;
}

.recensies {
	line-height: 120%;
	width: 660px;
	background-color: #eee;
	padding-left: 10px;
	padding-right: 10px;
	border: 2px solid #bbb;
	margin-bottom: 20px;
}