@import url("xhtml5reset-1.6.1.css");
@import url("fonts.css");
@import url("nivo-slider.css");
@import url("slider.css");
@import url("colorbox.css");

body, textarea, input	{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #2c2c2c;
}

body, a	{
	color: #fff;
}

html	{
	background: #090909;
}

html { 
  background: url(../images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.button	{
	display: inline-block;
	padding: 10px 10px;
	position: relative;
	font-family: ITCAvantGardeGothicStdBdCn;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	border: none;
	
	-webkit-border-radius: 5px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
	border-radius: 5px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
}

	.button.grey	{
		color: #474948;
		
		background: rgb(244,246,245); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(244,246,245,1) 0%, rgba(212,212,212,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,246,245,1)), color-stop(100%,rgba(212,212,212,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(244,246,245,1) 0%,rgba(212,212,212,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(244,246,245,1) 0%,rgba(212,212,212,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(244,246,245,1) 0%,rgba(212,212,212,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(244,246,245,1) 0%,rgba(212,212,212,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f6f5', endColorstr='#d4d4d4',GradientType=0 ); /* IE6-9 */
	}

	.button.next	{
		padding-right: 39px;
		}

		.button.next:after	{
			content: "";
			width: 19px;
			height: 20px;
			display: block;
			position: absolute;
			right: 13px;
			top: 9px;
			background: url(../images/arrow-next.png);
		}

		.button.next:hover:after	{
			right: 10px;
		}
		
select,
textarea,
input[type=text],
input[type=email],
input[type=number],
input[type=password]	{
	border: 1px solid #ccc;
	padding: 4px;
	margin: 0 0 3px 0;
	-webkit-border-radius: 0;
}

.container{
width: 958px;
margin: 0 auto;
padding: 0 0 20px 0;
background: rgb(9, 9, 9);
background: rgba(9, 9, 9, .8);
}

	.container .logo{
	position: relative;
	float:left;
	z-index: 999;
	}
	
	.container .menu{
	position: relative;
	float:left;
	width: 738px;
	height: 92px;
	background: #161616;
	z-index: 999;
	}
	
		.container .menu .top{
		height:25px;
		margin-top: 18px;
		margin-right: 6px;
		text-align: right;
		background: url('../images/menu_top_line.jpg') 0px 23px repeat-x;
		}
			
			.container .menu .top a{
			font-size: 12px;
			color: #9a9a9a;
			margin-right: 18px;
			text-decoration: none;
			}
			
			.container .menu .top a:hover{
			color: #fff;
			}
			
			.container .menu .top a.actief{
			color: #fff;
			}
		
		.container .menu .buttons{
		height:25px;
		text-align: right;
		margin-top: 14px;
		}		
			
			.container .menu .buttons a{
			font-family: ITCAvantGardeGothicStdBdCn;
			font-size: 15px;
			color: #ffffff;
			margin-right: 22px;
			text-transform: uppercase;
			text-decoration: none;
			}
			
			.container .menu .buttons a:hover{
			color: #b2713a;
			}
			
			.container .menu .buttons a.actief{
			color: #b2713a;
			}
		
		.header	{
			clear: both;
		}
		
		.container .content{
		margin-left: 38px;
		width: 920px;
		margin-top: 47px;
		}
		
			.container .content .links{
			width: 670px;
			float:left;
			}
			
				.container .content .links h1{
				font-family: ITCAvantGardeGothicStdBdCn;
				font-size: 22px;
				color: #ffffff;
				text-transform: uppercase;
				margin-bottom: 35px;
				}
				
				.container .content .links p{
				font-size: 13px;
				color: #ffffff;
				line-height: 14px;
				width: 605px;
				}
				
				.container .content .image-holder	{
					height: 159px;
					display: block;
					overflow: hidden;
					margin: 0 0 15px 0;
				}
				
				.container .content .links a.entry{
				font-weight: bold;
				font-size: 12px;
				color: #ffffff;
				height: 199px;
				text-transform: uppercase;
				border-bottom: 1px solid #272727;
				margin-bottom: 17px;
				width: 212px;
				display:block;
				text-decoration: none;
				float:left;
				margin-right: 7px;
				
				}
				
					.container .content .links a.entry:hover{
					border-bottom: 1px solid #ffffff;
					}
				
					.container .content .links a.entry img{
					clear:both;
					width: 212px;
					margin-bottom: 14px;
					}
					
				.container .content .links .contactform {
					margin-top: 30px;
				}
				
				.container .content .links .contactform input{
				width: 150px;
				font-size: 10px;
				color: #000000;
				margin-bottom: 5px;
				
				}
				
				.container .content .links .contactform textarea{
				width: 148px;
				font-size: 10px;
				color: #000000;
				height: 100px;
				}
				
				.container .content .links ul{
				font-size: 12px;
				color: #ffffff;
				list-style-type:square
				}
					
					.container .content .links ul a{
					font-size: 12px;
					color: #ffffff;
					text-decoration: none;
					}
					
					.container .content .links ul a:hover{
					color: #b2713a;
					}
				
				.container .content .links ol{
				font-size: 12px;
				color: #ffffff;
				list-style-type:square
				}
					
					.container .content .links ol a{
					font-size: 12px;
					color: #ffffff;
					text-decoration: none;
					}
				
					.container .content .links ol a:hover{
					color: #b2713a;
					}
			
			.container .content .rechts{
			width: 220px;
			float:left;
			
			}
				
				.container .content .rechts h1{
				font-family: ITCAvantGardeGothicStdBdCn;
				font-size: 22px;
				color: #ffffff;
				text-transform: uppercase;
				margin-bottom: 17px;
				}
				
				.container .content .rechts p{
				font-size: 13px;
				line-height: 16px;
				margin-top: 55px;
				margin-bottom: 20px;
				}
				
				.container .content .rechts a.nieuw{
				font-weight: bold;
				font-size: 12px;
				color: #ffffff;
				height: 199px;
				text-transform: uppercase;
				border-bottom: 1px solid #272727;
				margin-bottom: 17px;
				width: 220px;
				display:block;
				text-decoration: none;
				}
				
					.container .content .rechts a.nieuw:hover{
					border-bottom: 1px solid #ffffff;
					}
				
					.container .content .rechts a.nieuw img{
					clear:both;
					width: 220px;
					margin-bottom: 14px;
					}
				
				.container .content .rechts a.contact{
				display:block;
				
				}
		

		.container .footer{
		clear:both;
		padding-left: 37px;
		margin-top: 100px;
		border-top: 1px solid #272727;
		height: 20px;
		padding-top: 32px;
		float:left;
		width: 958px;
		}
		
			.container .footer a.link{
			float:left;
			display:block;
			margin-right: 20px;
			color: #9a9a9a;
			font-size: 12px;
			text-decoration: none;
			}
			
			.container .footer a.link.actief{
			text-decoration: underline;
			}
			
			.container .footer a.link:hover{
			color: #ffffff;
			}
			
			.container .footer a.icon{
			float:right;
			margin-right: 29px;
			}
				

.flexslider	{
	border: none;
}
				
.flex-caption {
	position: absolute;
	font-family: ITCAvantGardeGothicStdBdCn;
	font-size: 30px;
	color: #292929;
	line-height: 40px;
	background: url('../images/vak_rechts.png') no-repeat;
	height: 308px;
	width: 351px;
	padding: 69px 56px 0 56px;
	margin: 0;
	right: 0;
	bottom: 98px;
}

.flexslider .flex-control-paging	{
	position: absolute;
	z-index: 11;
	bottom: 148px;
	width: 400px;
	right: 0;
	text-align: left;
}