@charset "utf-8";
/* CSS Document */
.strong{
	font-weight: bold;
}

.socialmedia{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	width: 94%;
	padding: 2px 8px 0 8px;
	
	border-radius: 5px;
}

.tiny{
	font-size: 11px;
}

*{margin: 0}
img{border: none; max-width: 438px}

body{
	background: url(../images/background.png);
}

#container
{
	width: 980px;
	margin: auto;
}

h1{
	margin-top: 4px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	color: #000;
}

p, span, #content li{
	margin: 4px 0 20px 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	
	color: #000;
	
	width: 95%;
}


p strong{ font-family: Verdana; font-size: 14px }

	header
	{
		background: url(../images/header.png);
		
		height: 348px;
		width: 980px;
		margin: auto;
	}
	
	#link_home{
		position: absolute;
		
		display: block;
		width: 400px;
		height: 100px;
		margin: 70px 0 0 250px;
	}
	
	#container_content, #banner_content
	{
		background: url(../images/content.png);
		
		width: 980px;
		min-height: 850px;
		margin: auto;
		padding-bottom: 1px;
	}
	
	#banner_content{
		min-height: 1px;
		margin-top: 0px;
		background: url(../images/banner_content.png);
	}
	
		#banner_content img{
			margin: 10px 0 5px 215px;
		}
	
		#content
		{
			float: left;
			margin: -70px 0 0 214px;
			width: 458px;
		}
		
		#content_admin
		{
			float: left;
			margin: -70px 0 0 90px;
			width: 808px;
		}
		
			#content p img, #content span img{
				max-width:300px; 
				height:auto
			}
	
	nav{
		margin-left: -25px;
		margin-top: -120px;
		position: absolute;
	}
	
	nav ul{
		position: absolute;
		list-style: none;
	}

		nav ul li{
			margin-top: -2px;
			z-index: 999;
		}

	nav ul:nth-child(1){
		width: 219px;
		height: 143px;
		background: url(../images/menu/menu1.png) no-repeat;
		
		top: 0px;
		z-index: 10;
	}
	
		nav ul:nth-child(1) li{
			-moz-transform: rotate(-10deg);	
			-webkit-transform: rotate(-10deg);
			-ms-transform: rotate(-10deg);

			margin-left: -15px;
		}
		
			nav ul:nth-child(1) li:nth-child(1){
				margin-top: 15px;
				margin-left: -25px;
			}
			
			nav ul:nth-child(1) li:nth-child(2){
				margin-left: -20px;
			}
			
			nav ul:nth-child(1) li:nth-child(3){
				margin-left: -17px;
			}
			
			nav ul:nth-child(1) li:nth-child(5){
				margin-left: -12px;
			}
				
	nav ul:nth-child(2){
		width: 208px;
		height: 116px;
		background: url(../images/menu/menu2.png) no-repeat;
		
		left: 8px;
		top: 80px;
		z-index: 9;

	}
	
		nav ul:nth-child(2) li{
			margin-left: -20px;
			
			-moz-transform: rotate(1deg);
			-webkit-transform: rotate(1deg);
		}
		
		nav ul:nth-child(2) li:nth-child(1){
			margin-top: 63px;
		}
	
	nav ul:nth-child(3){
		width: 227px;
		height: 171px;
		background: url(../images/menu/menu3.png) no-repeat;
		
		top: 100px;
		z-index: 1
	}
	
		nav ul:nth-child(3) li{
			-moz-transform: rotate(-25deg);
			-ms-transform: rotate(-25deg);
			-webkit-transform: rotate(-25deg);
			margin-left: -10px;
		}
		
		nav ul:nth-child(3) li:nth-child(1){
			margin-top: 70px;
			margin-left: -20px;
		}
	
	nav ul:nth-child(4){
		width: 223px;
		height: 157px;
		background: url(../images/menu/menu4.png) no-repeat;
		
		top: 160px;
	}
	
		nav ul:nth-child(4) li{
			-moz-transform: rotate(16deg);
			-ms-transform: rotate(16deg);
			-webkit-transform: rotate(16deg);
			margin-left: 60px;
			z-index: 2;
		}
		
		nav ul:nth-child(4) li:nth-child(1){
			margin-top: 80px;
			margin-left: 90px;
			position: absolute;
		}
		
		nav ul:nth-child(4) li:nth-child(2){
			margin-top: 95px;
			margin-left: 85px;
			position: absolute;
			z-index: 999;
		}
		
		nav ul:nth-child(4) li:nth-child(3){
			margin-top: 115px;
			margin-left: 80px;
			position: absolute;
			z-index: 999;
		}
	
		nav ul li a{
			color: #000;
			font-family: Verdana, Geneva, sans-serif;
			font-size: 16px;
			text-decoration: none;
		}
		
#banner1
{
	position: absolute;
	margin-left: -590px;
	margin-top: 210px;
}

#headline{
	width: 440px;
	height: 185px;
	
	background: url(../images/homepage/nieuws/headline.png);
}

	#headline_div{
		background: url(../images/homepage/nieuws/headline/background.png);
		
		float: left;
		width: 100%;
		height: 55px;
		margin-top: 130px;
	}
	
		#headline_kop, #headline_text{
			font-family: Arial, Helvetica, sans-serif;
			
			text-align: right;
			padding-right: 10px;
		}
		
		#headline_kop{
			color: #ee7100;
			font-size: 17pt;
			background-color: transparant;
			
			padding-top: 5px;
		}
		
		#headline_text{
			font-size: 12px;
			color: #fff;
		}
	
.highlight{
	background: url(../images/homepage/highlights/background.png);
	width: 211px;
	float: left;
	
	margin: 5px 18px 10px 0;
	min-height: 95px;
	
}

	.highlight h3{
		color: #fff;
		
		font-family: Verdana, Geneva, sans-serif;
		font-size: 13px;
		font-weight: 100;
		
		text-align: right;
		margin: 10px 15px 0 0;
	}
	
	.highlight .small{
		color: #fff;
		text-align: right;
		margin: 7px 10px 0 0;
		width: 103px;
		float: left;
		font-size: 10px;
	}
	
	.highlight img{
		float: left;
		margin: 5px;
	}
	
		.highlight a{
			color: #fff;
			text-decoration: none;
			font-style: italic;
		}

#news{ min-height: 380px }
#news_news{ min-height: 837px }
.newsitem{ margin-bottom: 10px }
	.newsitem img{ float: left }
	.newsitem .n_content{ width: 360px; margin-left: 70px }
	.newsitem .n_content h1{
		font-family: Verdana, Geneva, sans-serif;
		font-size: 16px;
		color: #000;
	}
	
	.newsitem .n_content .read_more{
		float: right;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 10px;
	}
	
		.newsitem .n_content .read_more a{
			color: #000;
		}
		
	.article p{
		margin-top: -25px;
	}
	
	.article{margin-bottom: 14px; float: left; margin-top: 16px}
	.article_by{font-style: italic; margin-bottom: 7px}
		.article_by span{font-size: 11px}
	.article_img{margin: 9px 9px 0 9px;}	

#vlaggen{
	width: 200px;
	
	margin-left: auto;
}

	#vlaggen img{ position: absolute }

	#vlaggen a{ display: block; position: absolute; }
	#vlaggen a:nth-child(1){
		margin-top: 37px;
		margin-left: -10px;
	}
	
	#vlaggen a:nth-child(2){
		margin-top: 76px;
		margin-left: 55px;
	}

#right_menu{
	position: absolute;
	top: 230px;
	margin-left: 680px;
	width: 230px;
}

	#right_menu .h2{
		border-bottom: solid 1px #f60;
		margin: 10px 0 10px 0;
	}
	
	#right_menu h2{
		color: #f60;
		font-size: 15px;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	#right_menu p{
		color: #fff;
		font-family: Verdana, Geneva, sans-serif;
	}
	
		#right_menu p a{
			color: #fff;
		}

.div-errors{
	display: none;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	background: #C00;
	width: 290px;
	height: 17px;
	padding: 5px;
	font-size: 13px;
	
	-moz-border-radius: 4px;
}

.table{
	width: 440px;
	background: #ececec;
	
}

	.table th{
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 16px;
		background: #000;
		color: #fff;
		padding: 4px;
	}
	
	.table td{
		background: #fff;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		
		text-align: center;
	}
	
		.table td a{color: #000}
	
	.table_td_padding{
		margin-bottom: 50px;
	}
	
	.table_td_padding td{
	padding: 8px;
}
.pagination{ margin-bottom: 32px}
.pagination span{float: left; font-family: Tahoma, Geneva, sans-serif; font-weight: bold; font-size: 15px}
	.pagination .button{
		background: #000;
		font-weight: bold;
		font-size: 10px;
		float: left;
		padding: 0px;
		margin-left: 6px;
		z-index: 999;
		margin-bottom: 10px;
		min-width: 27px;
		text-align: center;
		border-radius: 5px;
		height: 25px;
		line-height: 25px;
	}
	
	.pagination .button-selected{
		-moz-box-shadow: 1px 1px 0 #000;
		background: #fff;
		z-index: 999;
	}
	
		.pagination .button a{
			color: #fff;
			text-decoration: none;
			font-family: Arial, Helvetica, sans-serif;
		}
		
		.pagination .button-selected a{ color: #000 }
		
	.pagination_e{
		float: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		line-height: 30px;
	}

#first{
	margin: 27px 0 0 0;
	border: solid 1px #333;
	
	padding: 8px 8px 50px 8px;
	width: 92%;
} 

	#first p{ font-size: 13px }
	#first img{ margin-bottom: 20px; clear: both;}
	#first #button, .review .button, .review .buttonL{
		background: #000;
		color: #fff;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		padding: 4px;
		width: 75px;
		height: 20px;
		line-height: 20px;
		float: right;
	}
	
	.review .button, .review .buttonL{
		padding:4;
		width: 75px;
		height: 20px;
		line-height: 20px;
		margin-top: -12px;
	}
	
	.review .buttonL{float: left}
	.review em{
		font-size: 11px;
	}
	
	.review{
		border: solid 1px black;
		width: 92%;
		padding: 8px;
		margin-top: 6px;
		min-height: 20px;
	}
	
		.review a{
			color: #000;
			font-size: 12px;
			font-family: Arial, Helvetica, sans-serif;
			display: block;
			width: 80%;
		}
	
		#first #button a, .review .button a{ color: #fff; font-size: 14px }
		.review .button a{font-size: 11px; float: left}

#links{text-align: center}
#links a{
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

	#links h3{margin-bottom: 10px}

#ucp, .ucp-error, .ucp-good, .ucp-notice{
	background: #f7f7f7;
	padding: 8.5px;
	width: 425px;
	
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-radius: 5px;
}

	.ucp-error, .ucp-good, .ucp-notice{
		background: #febbbb; /* Old browsers */
		background: -moz-linear-gradient(top,  #febbbb 0%, #fe9090 83%, #ff5c5c 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#febbbb), color-stop(83%,#fe9090), color-stop(100%,#ff5c5c)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #febbbb 0%,#fe9090 83%,#ff5c5c 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #febbbb 0%,#fe9090 83%,#ff5c5c 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #febbbb 0%,#fe9090 83%,#ff5c5c 100%); /* IE10+ */
		background: linear-gradient(top,  #febbbb 0%,#fe9090 83%,#ff5c5c 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febbbb', endColorstr='#ff5c5c',GradientType=0 ); /* IE6-9 */

		border: none;
		margin-bottom: 8px;
		padding-top: 4px;
		padding-bottom: 8px;
	}
	
	.ucp-good{
		background: #a9db80; /* Old browsers */
		background: -moz-linear-gradient(top,  #a9db80 0%, #96c56f 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9db80), color-stop(100%,#96c56f)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #a9db80 0%,#96c56f 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #a9db80 0%,#96c56f 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #a9db80 0%,#96c56f 100%); /* IE10+ */
		background: linear-gradient(top,  #a9db80 0%,#96c56f 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9db80', endColorstr='#96c56f',GradientType=0 ); /* IE6-9 */
	}
	
	.ucp-notice{
		background: #fefcea; /* Old browsers */
		background: -moz-linear-gradient(top,  #fefcea 0%, #f1da36 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefcea), color-stop(100%,#f1da36)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* IE10+ */
		background: linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */
	}

	#ucp p, .ucp-error p, .ucp-good p, .ucp-notice p, #ucp a, .ucp-notice a, #ucp span{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #000;
		text-shadow: 1px 1px 1px #fff;
	}
	
		#ucp div div{
			float: left;
			width: 100px;
		}
		
		#ucp div p{
			line-height:30px;
		}
		
	#ucp input[type="submit"]{
		background: #fff;
		padding: 5px;
		font-size: 11px;
		border: none;
		
		box-shadow: 0 1px 1px #ccc;
	}
	
	#ucp input[type="submit"]:hover{
		box-shadow: inset 0px 2px 2px #ececec;
	}

#sets .set{float: left; width: 100px; margin-right: 10px;}
#sets .set_photo{
	float: left;
	
	border: solid 1px #b1b1b1;
	
	border-radius: 6px;
	padding: 5px 5px 0 5px;
	margin: 10px;
	
	background: #fff;
	
	box-shadow: 0 1px 2px #ccc;
}

	#sets span{
		font-size: 9px;
		margin: 0 0 0 10px;
		color: #555;
		padding: 0;
	}
	
	#sets h3{
		font-family: Verdana, Geneva, sans-serif;
		font-size: 15px;
		font-weight: 100;
		margin-left: 10px;
	}
	
	#sets h3 a{
		color: #000;
	}
	
		#sets h3 a:hover{
			background: #000;
			color: #fff;
		}

#crew_vacatures{
	position: absolute;
	margin-top: -175px;
	margin-left: 60px;
}

	#crew_vacatures, #crew_vacatures a{
		color: #fff;
		text-decoration: none;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 11px;
	}

footer
{
	background: url(../images/footer.png);
	
	width: 978px;
	height: 54px;
	
	margin: 0 auto 100px auto;
}

#copyright{
	width: 970px;
	text-align: center;
	padding-right: 100px;
	margin: -100px auto 100px auto;
}

	#copyright a{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-decoration: none;
		font-style: italic;
		
		color: #ececec;
	}
	
#iframe_div {
	position: absolute;
	z-index: 1;
	margin-top: -10px;
	height:160px;
	width:210px;
	overflow:hidden
}
#iframe_div iframe {height:158px;width:230px; overflow:hidden}
#iframe_overlay{
	background: #000;
	width: 210px;
	height: 50px;
	margin-top: -10px;
	z-index: 3;
	position: absolute;
}

.search{
	width: 150px;
	margin-left: auto;
	margin-right: auto;
}