body {
	background-color:	#D5E03C;
	font-family:		sans-serif;
}

#header {
	width:				100%;
	height:				85px;
	background:			url("../img/balk-up.png") bottom center repeat-x;
}

#footer {
	width:				100%;
	height:				156px;
	background:			url("../img/balk-down.png") top center repeat-x;
}

#container {
	overflow:			auto;
	width:				850px;
	margin:				0 auto;
}

#title {
	text-transform:		uppercase;
	width:				850px;
	height:				50px;
}

#title a {
	display:			block;
	width:				850px;
	height:				50px;
}

#title a:active {
	outline:			1px dotted #FFFFFF;
}

#top_menu {
	background-color:	#E80092;
	border-color:		#FFFFFF;
	border-width:		2px;
	border-style:		none;
	padding:			2px 0;
}

#top_menu ul {
	background-color:	#0162FF;
	border-color:		#FFFFFF;
	border-width:		2px;
	border-style:		solid none;
	overflow:			hidden;
	width:				840px;
	margin:				0;
	padding:			0 5px;
}

#top_menu li {
	list-style-type:	none;
	display:			block;
	float:				left;
}

#top_menu li#nav-over {
	width:				153px;
}
#top_menu li#nav-eindt {
	width:				138px;
}
#top_menu li#nav-dvd {
	width:				65px;
}
#top_menu li#nav-part {
	width:				100px;
}
#top_menu li#nav-con {
	width:				93px;
}
#top_menu li#nav-gezbel {
	width:				auto;
}
#top_menu li#nav-act {
	width:				93px;
}

#top_menu a {
	display:			block;
	padding:			.25em;
	font-size:			1.05em;
	font-weight:		bold;
	text-align:			center;
}

#top_menu a:link, #top_menu a:visited {
	color:				#FFFFFF;
	text-decoration:	none;
	border:				none;
}
#top_menu a:hover {
	background-color:	#E80092;
}
#top_menu a:focus, #top_menu a:active {
	outline:			1px dotted #FFFFFF;
}

#content-container {
	position:			relative;
}

#left_menu {
	position:			absolute;
	top:				0;
	bottom:				0;
	left:				0;
	width:				155px;
	color:				#FFFFFF;
	background-color:	#D00092;
	border-right:		1px solid #949494;
	padding:			.5em;
	font-weight:		bold;
	font-size:			.95em;
}

#left_menu ul {
	margin-left:		0;
	list-style-type:	none;
	line-height:		1.5em;
}

#left_menu ul ul {
	margin-left:		1.5em;
	list-style-type:	disc;
}

#left_menu a {
	display:			block;
	border-color:		#D00092;
	border-width:		1px;
	border-style:		solid none;
}
#left_menu a:link, #left_menu a:visited {
	color:				#FFFFFF;
	text-decoration:	none;
}
#left_menu a:hover {
	border-color:		#FFFFFF;
}
#left_menu a:focus, #left_menu a:active {
	outline:			1px dotted #FFFFFF;
}

#kk, #ccm, #vlor {
	text-align:			center;
	margin-bottom:		1em;
}

#kk a:hover, #ccm a:hover, #vlor a:hover {
	background-color:	transparent;
}

#content {
	overflow:			hidden;
	width:				auto;
	min-height:			45em;
	background-color:	#FFFFFF;
	color:				#505050;
	padding:			.75em 1.5em .75em 3em;
	margin-left:		155px;
	font-size:			.9em;
	line-height:		1.4em;
	text-align:			justify;
}

#breadcrumbs {
	color:				#606060;
	font-size:			.75em;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:		bold;
	margin-top:			.25em;
	margin-bottom:		.5em;
	text-align:			left;
}
h1 {
	font-size:			1.32em;
}
h2 {
	font-size:			1.24em;
}
h3 {
	font-size:			1.16em;
}
h4 {
	font-size:			1.08em;
}
h5 {
	font-size:			1.00em;
}
h6 {
	font-size:			0.92em;
}

p, ul, ol, dl, table, fieldset {
	margin:				.5em 0 1.33em 0;
}

ul, ol, dl, table, fieldset {
	text-align:			left;
}

dt {
	margin-top:			1.33em;
}

dd {
	margin-bottom:		.5em;
	margin-left:		2.5em;
}

th, td {
	padding:			0 .25em;
}

a:link:hover, a:visited:hover {
	color:				#D5E03C;
	background-color:	#505050;
}
a:link:focus, a:link:active, a:visited:focus, a:visited:active {
	text-decoration:	none;
	color:				#E80092;
	background-color:	transparent;
	outline:			1px dotted #E80092;
}
/* after :hover, :focus, :active for IE6's sake */
a:link {
	color:				#005A94;
	text-decoration:	none;
	border-bottom:		1px solid #0068A5;
}
a:visited {
	color:				#0068A5;
	text-decoration:	none;
	border-bottom:		1px dotted #0068A5;
}

/*
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
	color:				inherit;
	text-decoration:	inherit;
}

h1 a:link:hover, h2 a:link:hover, h3 a:link:hover,
h4 a::linkhover, h5 a:link:hover, h6 a:link:hover {
	color:				#B4B4B4;
}
*/

a.extli:link, a.extli:visited {
	padding-right:		10px;
	background-image:	url("../img/icon_extern.gif");
	background-repeat:	no-repeat;
	background-position:100% 50%;
}

ul {
	list-style-type:	disc;
	list-style-position:outside;
	margin-left:		1.5em;
}

ol {
	list-style-type:	decimal;
	list-style-position:outside;
	margin-left:		1.5em;
}

a.toplink {
	float:				right;
	font-variant:		small-caps;
	font-size:			.8em;
	text-decoration:	none;
	background-image:	url("../img/top.png");
	background-position:1px 50%;
	background-repeat:	no-repeat;
	padding:			0 1px 0 16px;
}
a.toplink:visited {
	background-image:	url("../img/top-visited.png");
}
a.toplink:hover {
	background-image:	url("../img/top-hover.png");
}
a.toplink:focus, a.toplink:active {
	background-image:	url("../img/top-active.png");
}

fieldset {
	border:				2px solid #E80092;
	padding:			.5em;
}

legend {
	border-color:		#E80092;
	border-width:		2px;
	border-style:		none solid;
	color:				#0068A5;
	font-weight:		bold;
	padding:			0 .25em;
}

.col {
	float:				left;
}
.col2 {
	width:				50%;
}
.col3 {
	width:				33.3%;
}
.col4 {
	width:				25%;
}
.col5 {
	width:				20%;
}

#news {
	float:				right;
	clear:				right;
	width:				235px;
	margin:				0 .75em 0 1.5em;
	padding-left:		1.5em;
	border-left:		1px solid #606060;
	color:				#606060;
}

#news div {
	border-bottom:		1px solid #D00092;
	margin-bottom:		2em;
}

#news h1 {
	color:				#D00092;
	text-transform:		uppercase;
	text-align:			right;
}

#news h2 {
	font-size:			1em;
}

.zoekinfo, #news .leesmeer {
	text-align:			right;
}

#dvd_menu {
	float:				right;
	width:				119px;
	margin:				0 -10px 0 10px;
	background-color:	inherit;
}

#dvd_menu .banner {
	display:			block;
	padding-bottom:		4px;
}

#videoExtra a {
	display:			block;
	padding:			.25em;
	background-repeat:	no-repeat;
	background-position:.25em 50%;
	text-decoration:	none;
}

#videoExtra a#videoWMP {
	background-image:	url("../img/icon_wmp.gif");
}
#videoExtra a#videoQT {
	background-image:	url("../img/icon_qt.gif");
}
#videoExtra a#videoHelp {
	background-image:	url("../img/icon_help.gif");
}

#videoExtra a img {
	padding-right:		.25em;
	vertical-align:		middle;
}

#videoExtra a span {
	text-decoration:	underline;
}
#videoExtra a:focus span, #videoExtra a:active span {
	text-decoration:	none;
}

#links-recent {
	clear:				both;
}

#ewpagerform {
	background-color:	#01AEF0;
	border-color:		#FFFFFF;
	border-width:		2px;
	border-style:		solid none;
	padding:			2px 0;
}

#ewpagerform fieldset {
	background-color:	#E80092;
	border-color:		#FFFFFF;
	border-width:		2px;
	border-style:		solid none;
	margin:				0;
	color:				#FFFFFF;
}

#ewpagerform a:visited {
	color:				#EEEEEE;
}
#ewpagerform a:link, #ewpagerform a:hover {
	color:				#FFFFFF;
}
#ewpagerform a:focus, #ewpagerform a:active {
	outline:			1px dotted #FFFFFF;
}

#ewpagerform .current {
	font-weight:		bold;
}

#ewpagerform .n-rec {
	float:				right;
}

.ewTableHeader {
	background-color:	#EEEEEE;
	text-align:			right;
}

.hidden {
	position:			absolute;
	left:				0;
	top:				-10000px;
	overflow:			hidden;
}
form div{
	clear:both;
	padding:7px;
}
form label{
	float:left;
	width:85px;
}
form .radios label{
	float:none;
}
form input{
	float:left;
}
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 padding: 5px;
 margin: 5px;
 display: block;
 width: 250px;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 width:250px;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}