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

* {
	padding:			0;
	margin:				0;
	border:				0;
}

html, body
{
	height: 100%;
}

body
{
	background-image:	url(../image/bg.gif);
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			0.7em;
	color:				#414043;
}

.bold	{ font-weight:	bold; 	}
.italic	{ font-style:	italic; }
.block	{ display:		block; 	}

.flLeft { float:		left; }
.flRight{ float:		right; }

a
{
	color:				#414043;
	text-decoration:	none;
}

a:hover
{
	color:				#414043;
	border-bottom:		1px dotted #414043;
}

a.more {
	display:			block;
	margin:				10px 0 0;
	font-weight:		bold;
	text-align:			center;
}

a:hover.more {
	border:				none;
	color:				#f7941d;
}

#box_left_top a, 
#box_center_top a, 
#box_right_top a, 
#box_right_small_top a,
#box_page_top a {
	color:				#fff;	
}

#box_left_top a:hover, 
#box_center_top a:hover, 
#box_right_top a:hover, 
#box_right_small_top a:hover,
#box_page_top a:hover {
	border:				none;
}

h1	{ font-size:20px; color:#414043; font-weight:bold; }
h2	{ font-size:20px; color:#414043; font-weight:bold; }
h3	{ font-size:13px; color:#f7941d; font-style:italic; }

p {
	margin-bottom:		10px;	
}

#wrapper
{
	background-image:	url(../image/bg_line.gif);
	background-repeat:	repeat-x;
	min-height: 		100%;
	height:				auto !important; /* voor moderne browsers */
	height:				100%; /* voor IE */
	position:			relative;
}

#container_wrapper
{
	width:				1217px;
	margin:				0px auto;
	padding-bottom: 	170px;
	position:			relative;
}

#header {
	width:				1217px;
	height:				244px;
	position:			relative;
	overflow:			hidden;
}

#header div.shadowright,
#header div.shadowleft {
	width:				85px;
	height:				244px;
	position:			absolute;
	top:				0;
}

#header div.shadowleft {
	background:			url(../image/bg-shadow-left.png) no-repeat;
	left:				0;
}

#header div.shadowright {
	background:			url(../image/bg-shadow-right.png) no-repeat;
	right:				0;
}

#header div.headerimage {
	width:				1047px;
	height:				244px;
	position:			absolute;
	top:				0;
	left:				85px;
	z-index:			40;
}

#header div.headerimage img.header {
	width:				1047px;
	height:				244px;
}

#header div.language {
	position:			absolute;
	top:				0;
	right:				50px;
	z-index:			50;
	padding:			0 0 0 25px;
	width:				193px;
	height:				39px;
	background:			url(../image/bg-lang.png) no-repeat top left;
}

#header div.language a {
	display:			inline-block;
	color:				#fff;
	margin:				8px 30px 0 0;
}

#header div.language a:hover {
	border-bottom:		none;
	color:				#ccc;
}

#header div.language a.active {
	color:				#ccc;
}

#header div.lustrum {
	width:				492px;
	height:				148px;
	position:			absolute;
	top:				51px;
	left:				350px;
	z-index:			101;
}

#header div.lustrum a {
	width:				492px;
	height:				0px;
	padding-top:		150px;
	overflow:			hidden;
	display:			block;
	background:			url(../image/img-5jaar.png) no-repeat 0 0;
}

#header div.lustrum a:hover {
	border-bottom:		none;
	background-position:0 -150px;
}

#header div.autograph {
	width:				127px;
	height:				118px;
	position:			absolute;
	top:				100px;
	left:				129px;
	background:			url(../image/img-autograph.png) no-repeat;
	z-index:			100;
}

#container
{
	width:				1086px;
	margin:				0px auto;
}

#logo
{
	position:			absolute;
	top:				190px;
	right:				0px;
	width:				460px;
	height:				231px;
	background-image:	url(../image/logo.png);
	z-index:			50;
}

#menu
{
	width:				1086px;
	height:				39px;
	/*padding-top:		61px;*/
}

#menu a,
#submenu a {
	outline:			none;	
}

#menu a:hover, 
#submenu a:hover
{
	border-bottom:		none;
}

#menu ul li
{
	display:			inline;
	list-style:			none;
	padding:			0px 20px 0px 20px;
	height:				39px;
	float:				left;
}

#menu ul li a {
	display:			block;
	overflow:			hidden;
	height:				0;
	padding-top:		39px;
	float:				left;
}

#menu ul li a.home 		{ width:35px; background:url(../image/menu_home.gif) no-repeat top left; }
#menu ul li a.actueel 	{ width:46px; background:url(../image/menu_actueel.gif) no-repeat top left; }
#menu ul li a.players 	{ width:45px; background:url(../image/menu_players.gif) no-repeat top left; }
#menu ul li a.media 	{ width:67px; background:url(../image/menu_multimedia.gif) no-repeat top left; }
#menu ul li a.aanbod 	{ width:48px; background:url(../image/menu_aanbod.gif) no-repeat top left; }
#menu ul li a.zakelijk 	{ width:48px; background:url(../image/menu_zakelijk.gif) no-repeat top left; }
#menu ul li a.contact 	{ width:49px; background:url(../image/menu_contact.gif) no-repeat top left; }
/*english*/
.en #menu ul li a.actueel 	{ width:47px; background:url(../image/menu_actueel_en.gif) no-repeat top left; }
.en #menu ul li a.media 	{ width:45px; background:url(../image/menu_gallery_en.gif) no-repeat top left; }
.en #menu ul li a.aanbod 	{ width:41px; background:url(../image/menu_aanbod_en.gif) no-repeat top left; }
.en #menu ul li a.zakelijk 	{ width:57px; background:url(../image/menu_business_en.gif) no-repeat top left; }

#menu ul li a:hover
{
	background-position:0px -39px !important;
}

#menu ul li a.active
{
	background-position:0px -39px !important;
}

#submenu
{
	float:				left;
	width:				1086px;
	height:				48px;
	margin-top:			0px;
}

#submenu ul li
{
	display:			inline;
	list-style:			none;
	margin:				0px 18px;
	float:				left;
}

#submenu ul li a {
	display:			block;
	/*margin:				0 15px;*/
	padding:			15px 0 0 15px;
	height:				33px;
	font:				12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background:			url(../image/img-arrow.gif) no-repeat center left;
	float:				left;
}

#submenu ul li a:hover {
	opacity:			0.5;	
}

#content
{
	width:				1086px;
	line-height:		1.5;
	padding:			0px;
	margin:				30px auto;
}

#left, #center, #right
{
	float:				left;
	margin:				0px 14px;
}

#right_small
{
/*	float:				left;*/
	margin:				10px 0 10px 0;
}

#box
{
	float:				left;
	height:				188px;
}

#box_left_top, 
#box_center_top, 
#box_right_top, 
#box_right_small_top,
#box_page_top
{
	font-family:		"Trebuchet MS";
	font-size:			180%;
	color:				#fff;
	position:			relative;
	padding:			4px 10px;
	height:				32px; /*40px*/
}

div.referenties-box {
	height:				163px;
	overflow:			hidden;
}

div#page #box_page {
	padding-top:		20px;
}

div#page #box_page table tr {
	vertical-align:		top;
	background:			url(../image/bg-table.gif) repeat-x bottom left;
}

div#page #box_page table td {
	text-align:			left;
	/*border-bottom:		1px solid #999;*/
	padding-bottom:		27px;
}

table tr td.coltop {
	background:			#414043;
	color:				#fff;
	padding:			5px !important;
}

div#page #box_page ul {
	list-style:			inside;
	margin-top:			10px;
}

div#page #box_page ul li {
	margin:				3px 0px;
}
#box_left_top
{
	width:				239px; /*259px*/
	background:			url(../image/top_left.png) no-repeat;
}

#box_left
{
	width:				237px;
	margin:				-10px -3px 0px 0px;
	padding:			16px 10px 6px 10px;
	text-align:			justify;
	background-color:	#f3f3f3;
	border-left:		1px solid #c4c4c4;
	border-right:		1px solid #c4c4c4;
	z-index:			0;
}

#box_left ul.referenties
{
	list-style:			none;
}

#box_left ul.referenties li
{

}

#box_left_bottom
{
	width:				259px;
	height:				11px;
	background:			url(../image/bottom_left.png) no-repeat;
	margin:				0 0 20px 0;
}

#box_center_top
{
	width:				305px; /*325px*/
	background:			url(../image/top_center.png) no-repeat;
}

#box_center
{
	width:				303px;
	margin:				0px -3px -10px 0px;
	padding:			6px 10px 16px 10px;
	text-align:			justify;
	background-color:	#f3f3f3;
	border:				1px solid #c4c4c4;
	z-index:			0;
	position:			relative;
}

a.important,
#page a,
#box_center a,
p.news a {
	color:				#f7941d;
	font-weight:		bold;
}

#box_center ul li span.read-more a {
	color: 				#414043;
}

#box_right_top
{
	width:				393px; /*413px*/
	background:			url(../image/top_right.png) no-repeat;
}

#box_right
{
	width:				395px;
	margin:				-10px -3px 0px 0px;
	padding:			16px 10px 6px 10px;
	text-align:			justify;
	z-index:			0;
}

#box_right_small_top
{
	width:				181px; /*201px*/
	background:			url(../image/top_right_small.png) no-repeat;
}

#box_right_small
{
	width:				179px;
	margin:				-10px 0px 0px 0px;
	padding:			16px 10px 6px 10px;
	text-align:			justify;
	background-color:	#f3f3f3;
	border-left:		1px solid #c4c4c4;
	border-right:		1px solid #c4c4c4;
	z-index:			0;
}

#box_right_small_bottom
{
	width:				201px;
	height:				11px;
	background:			url(../image/bottom_right_small.png) no-repeat;
}

.box_networks {
	width:				395px;
}

.box_networks h2 {
	display:			inline-block;
	font-size:			16px;
	float:				left;
	margin:				0 5px 0 0;
}

#page_box_center
{
	width:				400px;
	text-align:			justify;
}

#box_page_top
{
	width:				510px; /*510*/
	background:			url(../image/top_page.png) no-repeat;
}

#box_page
{
	width:				508px;
	margin:				-10px -3px 0px 0px;
	padding:			16px 10px 6px 10px;
	text-align:			justify;
	background-color:	#f3f3f3;
	border-left:		1px solid #c4c4c4;
	border-right:		1px solid #c4c4c4;
	z-index:			0;
}

#box_page_bottom
{
	background:			url(../image/bottom_page.png) no-repeat;
	width:				530px;
	height:				9px;
}

#page
{
	float:				left;
	text-align:			justify;
}

#footer
{
	background-color:	#414043;
	background-image:	url(../image/footer_bg.gif);
	background-repeat:	repeat-x;
	position: 			absolute;
	width:				100%;
	bottom: 			0;
}

#footer a {
	color:				#fff;	
}

#footer a:hover {
	color:				#ccc;	
}

#footer .content
{
	width:				1217px;
	margin:				0px auto;
	padding:			16px;
	color:				#fff;
}

#footer .content .menu
{
	float:				left;
	margin:				0px 25px;
}

#footer .content ul
{
	list-style-type:	none;
}

#footer .content ul li.top a
{
	color:				#f7941d;
	font-weight:		bold;
	font-size:			105%;
	padding-bottom:		5px;
}

#footer .content ul li, #footer .content #contact-info
{
	line-height:		1.5em;
}

#footer .content #contact-info
{
	float:right;
}

#footer .content #contact-info .top
{
	color:				#f7941d;
	font-weight:		bold;
	font-size:			105%;	
}

#footer .content #copyright
{
	font-size:			90%;
}

.clear {
	clear:				both;
	height:				0;
	font:				0/0 serif;	
}

/* snelagenda */

.snelagenda-title
{
	font-weight:		bold;
	display:			block;
}

ul.snelagenda li
{
	list-style-type:	none;
	padding:			5px 0px;
	border-top:			1px dotted #434041;
}

ul.snelagenda li.first
{
	padding-top:		0px;
	border-top:			none;
}

ul.snelagenda li.odd, ul.snelagenda li.even
{
	background-color:	#f3f3f3;
	border:				1px solid #c4c4c4;
	margin:				3px 0px;
	padding:			10px;
}

ul.snelagenda li.even
{
	background-color:	#fcfcfc;
}

/* referenties */

.referenties-quote
{
	font-size:			110%;
}

.referenties-company, .referenties-author
{
	font-size:			90%;
	font-style:			italic;
	text-align:			right;
	display:			block;
}

.referenties-author
{
	font-size:			110%;
}

/* news */
.news-items
{
	width:				304px;
	height:				400px;
	overflow:			hidden;
	position:			relative;
}

.news-items li
{
	list-style-type:	none;
	background-color:	#f3f3f3;
}

.news-overlay
{
	width:				304px; /*304px*/
	height:				51px; /*35px*/
	background-color:	#404042;
	opacity:			0.65;
	/*filter:			alpha(opacity=65); /* IE patch */
	margin-top:			-55px;
	position:			relative;
}

.news-title
{
	width:				284px; /*304px*/
	height:				47px; /*35px*/
	color:				#fff;
	opacity:			1.0;
	font-family:		"Trebuchet MS";
	font-size:			20px;
	line-height:		20px;
	padding:			10px 10px 0 10px;
	margin-top:			-55px;
	margin-bottom:		10px;
	position:			relative;
}

.news-date
{
	font-weight:		bold;
}

.read-more
{
	font-weight:		bold;
	background:			url(../image/read-more.gif) no-repeat left;
	padding-left:		15px;
}

div.news-side-images {

}

div.theimage {
	width:				304px;
	height:				228px;
	margin:				0 0 10px 0;
}

a:hover.photo {
	cursor:				default;
}

div.theimage img {
	left:				10px;
	position:			absolute;
	top:				10px;	
}

div.thumbs {
	width:				304px;
	height:				50px;
	margin:				0 0 20px;
}

div.sponsor {
	margin:				0 0 30px 0;	
}

img.sponsor-image {
	float:				left;
	margin:				0 15px 5px 0;
}

/* News cycle navigation */
#nav
{
	position:			absolute;
	top:				216px;
	left:				270px;
	z-index:			10;
	width:				36px;
	height:				12px;
}

#nav a 
{ 
	padding-top:		12px;
	background-image:	url(../image/news-circle.png);
	background-repeat:	no-repeat;
	font-size:			0%;
	color:				#b77a37;
	position:			relative;
	display:			inline-block;
	width:				12px;
	height:				0;
	float:				left;
}

#nav a:hover {
	border-bottom:		none;	
}

#nav a.activeSlide 
{ 
	background-image:	url(../image/news-circle-active.png);
	color:				#f7941d;
	
}

#nav a:focus 
{ 
	outline: 			none; 
}

/* Sponsors cycle */

.sponsors-items
{
	list-style-type:	none;
	width:				160px;
	height:				124px;
	overflow:			hidden;
	position:			relative;
	margin:				0px auto;
}

.sponsors-items li img {
	margin:				0 0 0 10px;
}

.page-news-date
{
	display:			block;
	background-color:	#414043;
	color:				#fff;
	font-size:			90%;
	padding:			2px;
	margin-bottom:		10px;
	border-bottom:		1px solid #f7941d;	
}

/* Archive */

table
{
	border-collapse:	collapse;
}

table tr th
{
	padding:			5px;
	background-color:	#414043;
	color:				#fff;
}

table tr td
{
	padding:			5px;
}

table tr td.odd, table tr td.even
{
	background-color:	#f3f3f3;
	/*border:			1px solid #c4c4c4;*/
	margin:				3px 0px;
	padding:			10px;
}

table tr td.even
{
	background-color:	#fcfcfc;
}

table.archive
{
	width:				500px;
	margin-top:			10px;
	text-align:			center;
}

/* fotos */
#content a.foto-item {
	display:			inline-block;
	width:				252px;
	border:				1px solid #dbdbdb;
	background:			url(../image/bg-fotos.jpg) repeat-x #fff;
	height:				104px;
	padding:			10px;
	text-decoration:	none;
	margin:				0 10px 10px 0;
	float:				left;
}

a:hover.foto-item {
	background:			url(../image/bg-fotos-active.jpg) repeat-x;
	border:				none;
	outline:			0;
}

a.foto-item img {
	width:				90px;
	height:				90px;
	border:				4px solid #fac27e;	
	float:				left;
	margin:				0 10px 0 0;
}

a.foto-item span.small {
	font-size:			10px;
	color:				#F7941D;
}

a.foto-item span.phototitle {
	display:			block;
	font-weight:		bold;
}

a:hover.foto-item img {
	border:				4px solid #F7941D;	
	outline:			none;
}

a.picture {
	float:				left;
	margin:				0 5px 5px 0;
	outline:			none;
}

a:hover.picture, a:hover.picture img {
	outline:			none;
	border:				none;
}

a.picture img {
	width:				90px;
	height:				90px;
	border:				4px solid #fac27e;
	outline:			none;
}

a:hover.picture img {
	border:				4px solid #F7941D;
}

/* forms */
div.form {
	float:				left;
	margin:				0 0 15px 0;
}

div.form p {
	margin:				0 0 15px 0;
	color:				#525252;
	font-size:			11px;
	float:				left;
	line-height:		20px;
}

div.form h2 {
	margin:				0 0 20px 0;
	display:			block;
	font-size:			130%;
}

div.form span.verplicht {
	float:				left;
	width:				10px;
	padding:			0 0 0 5px;
	color:				#f7941d;
}

div.form p.error {
	background:			#ef3125;
	color:				#fff;
	font-weight:		bold;
	padding:			5px;
}

div.links a {
	font-weight:		bold;
	color:				#f7941d;
}

/* video youtube controls */
.controls {
	background:			url(../image/bg-video.gif) repeat-x;
	width:				720px;
	height:				17px;
	padding:			6px 0 0 10px;
}

.controls a {
	margin:				0 5px 0 0;	
	background:			no-repeat;
	display:			inline-block;
}

.controls a:hover {
	border:				none;
	opacity:			0.6;
}

.controls a.btn-play {	
	display:			inline-block;
	width:				15px;
	height:				17px;
	background:			url(../image/btn-play.gif) no-repeat;
	outline:			none;
}

.controls a.btn-mute {
	display:			inline-block;
	width:				21px;
	height:				17px;
	background:			url(../image/btn-unmuted.gif) no-repeat;	 
	outline:			none;
}

/*****/
div.extraHeight {
	clear:				both;
	width:				100%;
	height:				10px;
}

div.videos a {
	font-size:			14px;
	font-weight:		bold;
}

img.reference {
	display:			inline-block;
	border:				1px solid #ccc;
	margin:				3px;
}

/* guestbook */
ul.guestbook {
	list-style:			none;
	margin:				20px 0 0 0;
}

ul.guestbook li {
	border:				1px solid #CCCCCC;
	margin:				0 0 10px 0;
}

ul.guestbook li.odd span.top {
	background-color:	#414043;
}

ul.guestbook span.top {
	display:			block;
	padding:			5px;
	background-color:	#999999;
	color:				#fff;
	border:				none;
}

ul.guestbook div.message {
	padding:			10px;
	background-color:	#f3f3f3;
}

ul.guestbook li.even div.message {
	background-color:	#f6f6f6;
}

form {
	margin:					20px 0 0 0;
}

label {
	width:				135px;
	height:				25px;
	margin-right:		10px;
	padding:			0 10px 0 0;
	float:				left;
	clear:				left;
	font-size:			95%;
	color:				#414043;
	text-align:			left;
	font-weight:		normal;
}

select, input, textarea {
	font-size:			11px;
	font-family:		"Trebuchet MS", Verdana, Arial;
	color:				#414043;
	width:				322px;
	margin:				0 0 10px 0;
	padding:			5px 0 0 5px;	
	float:				left;
	border:				1px solid #C4C4C4;
}

select {
	width:				334px;	
}

select option {
	padding:			3px;	
}

input.submit {
	cursor:				pointer;
	border:				0;
	margin:				0;
	padding:			0;
	color:				#fff;
	width:				141px;
	height:				30px;
	overflow:			hidden;
	border:				0;
	font-family:		"Trebuchet MS";
	font-size:			125%;
	font-weight:		bold;
	background:			url(../image/btn-send.gif) no-repeat;
}

input {
	display:				block;
	float:					left;
	height:					15px;
	margin:					0 0 10px 0;
	padding:				3px 5px;
	font:					11px Verdana, Arial, Helvetica, sans-serif;
	border:					1px solid #C4C4C4;
}

input.small {
	width:					90px;
}

input.default {
	width:					280px;
}

input.radio {
	width:					30px;
	float:					left;
	display:				block;
	border:					none;
}

label.contact {
	clear:					none;
	float:					left;
	width:					150px;
	margin:					0 10px 0 0;
	text-align:				left;
	font-weight:			bold;
	color:					#666;
	display:				block
}

textarea {
	float:					left;
	display:				block;
	overflow:				auto;
	width:					280px;
	height:					130px;
	padding:				5px;
	font:					11px Verdana, Arial, Helvetica, sans-serif;
	color:					#333;
	margin:					0 0 8px 0;
	border:					1px solid #C4C4C4;
}

div#other-wrapper label
{
	width:					10px;	
	text-align:				right;
	font-weight:			bold;
	color:					#666666;
}

p.error
{
	color:					#FF0000;
	font-weight:			bold;
	margin:					10px 0;
}

/* paginator */
ul.pagecount {
	list-style-type:	none;
	width:				100%;
	height:				20px;
	clear:				both;
	margin:				10px 0 10px 0;
}

ul.pagecount li {
	float:				left;
	height:				18px;
	margin:				7px 9px 0 0;
	color:				#797979;
}

ul.pagecount li a {
	float:				left;
	width:				20px;
	height:				20px;
	border:				1px solid #dcdcdc;
	background-color:	#e7e7e7;
	text-decoration:	none;
	text-align:			center;
}

div.lustrum img {
	margin:				6px 10px 6px 0;	
}