html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}
html{
	height:100%;
	background:#000;
	}
body {
	margin:0;
	color:#BDBDBD;
	font-family:Arial;
	font-weight: normal; 
	font-style: normal;
	font-size:14px;
	line-height:1.6em;
	-moz-osx-font-smoothing: grayscale;
	height: 100%;
	min-height: 700px;
}
img {border-style:none;}
a {
	text-decoration:underline;
	color:#d4ba4f;
}
a:hover {text-decoration:none; color:#fff;}
a:active {background-color: transparent; color:#fff;}
p{margin-bottom:15px;}
ul{
	list-style-type:disc;
	margin-left:13px;
	margin-bottom:15px;
	}
ul li{
	list-style-type:disc;
	}
/*a:visited{color:#2e3192;}*/
h1 {
	font-size:30px;
	font-family: 'Chronicle Display A', 'Chronicle Display B'; 
	font-weight: 400; 
	font-style: italic;
	color:#000;
	background:url(../images/lijn.png) bottom center no-repeat;
	padding-bottom:15px;
	margin-bottom:25px;
	}
	
.left {
    float: left;
	box-sizing: border-box;
	width: 30%;
position: relative;
height: 100%;
min-height: 100%;
background-size: cover;
background-position: center center;
}

.right{
	float: right;
	box-sizing: border-box;
	width: 40%;
text-align: center;
position: relative;
height: 100%;
min-height: 100%;
background-size: cover;
background-position: center center;
	}
	
.container{
	display: table;
height: 100%;
width: 100%;
padding: 0px;
	}
.content{
	display: table-cell;
vertical-align: middle;
padding: 0px 0px 0 200px;
	}
.logo{
	margin-left:-90px;
	margin-bottom:45px;
	}
.lijn{
	width:60px;
	height:1px;
	background:#435364;
	margin-bottom:15px;
	}
.left .container .nav{
	width:274px;
	height:100%;
	right:-139px;
	position:absolute;
	background:#f6f6f6;
	z-index:100;
	}
.nav .container{
	margin-top:-50px;
	}
.nav ul{
	margin-top:20px;
	padding-left:30px;
	padding-right:30px;
	}
.nav ul li{
	border-top:1px dotted #ccc;
	}
.nav ul li:last-child{
	border-bottom:1px dotted #ccc;
	}
.nav ul li a{
	font-size:11px;
	text-transform:uppercase;
	display:block;
	padding:12px;
	}
.nav ul ul{
	margin-top:-10px;
	}
.nav ul ul li{
	border:none;
	}
.nav ul ul li:last-child{
	border:none;
	margin-bottom:5px;
	}
.nav ul ul li a{
	text-transform:none;
	padding:4px;
	font-size:13px;
	}
.active{
	font-weight:bold;
	color:#000;
	}
.credits{
	position:absolute;
	bottom:20px;
	width:274px;
	text-align:center;
	}
.credits p{
	font-size:10px;
	line-height:20px;
	margin-top:30px;
	}
.tekstrechts{
	width:350px;
	padding-left:139px;
	margin:0 auto 0 auto;
	
	}
.tekstlinks{
	width:350px;
	padding-right:139px;
	margin:0 auto 0 auto;
	
	}

.tekstrechts p{
	text-transform:uppercase;
	line-height:20px;
	}
.thumb{
	float:left;
	margin:10px;
	height:64px;
	width:64px;
	}
.thumb a{
	display:block;
	height:64px;
	width:64px;
	}
.thumb a:hover{
	opacity:0.5;
	}
.closebtn{
	position:absolute;
	right:0px;
	z-index:200;
	}
.navbtn{
	position:absolute;
	right:0px;
	z-index:210;
	top:50%;
	}
.cycle-slideshow{
	height:330px;
	margin-left:6px;
	margin-bottom:20px;
	}
.slide{
	width:344px;
	height:336px;
	}
.mobile-images{
	display:none;
	}
.tekstrechts p{
	text-transform:uppercase;
	line-height:20px;
	padding: 0 35px 0 35px !important;
	}
strong{
	font-weight:bold;
	color:#d4ba4f;
	}
.formulier{
	width:100%;
	margin-top:30px;
	}
.formulier td{
	text-transform:uppercase;
	line-height:20px;
	text-align:left;
	padding: 8px 8px 8px 8px;
	border-top:1px dotted #ccc;
	vertical-align:top;
	}
.formulier input, textarea{
	border:none;
	width:100%;
	resize:none;
	}
.formulier .verzendbtn{
	
font-weight: bold;
background:none;

border-top: 1px solid #2E3044;
border-bottom: 1px solid #2E3044;
padding: 5px 0px;
text-align: center;
	}
.formulier .verzendbtn #verzenden{
	background-color: transparent;
	text-transform: uppercase !important;
	outline: none none;
	cursor:pointer;
	border: none !important;
	border-width:0px;
	}
label.error{
	font-size:8px;
	color:#FF0004;
	}
.error{
	
	}
.homealt{
	display:none;
	float:right;
	clear:both;
	}
.sv{
	position:absolute;
	right:0px;
	bottom:20px;
	}
	
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 990px) {
	.vegas-background{
		display:none !important;
		}
	
	.nav .container{
	margin-top:0px;
	}
	body{
		min-height:inherit;
		}
	
	.homealt{
		display:block;
		width:100%;
		
		}
	.homealt img{
		width:100%;
		height:auto;
		}
	
	.left{
		display:inherit;
		position: relative;
		width:100%;
		
		min-height:inherit;
		}
	.sv{
		display:none !important;
		}
	.right{
	float: left;
	display:block;
	position:relative;
	width: 100%;
	height:auto;
	
	min-height:inherit;
	
	}
	.credits{
		display:none;
		}
	.container{
	display: block;
height: auto;
width: 100%;

	}
.content{
	display: block;
vertical-align: top;
padding:30px !important;
	}
	.logo{
		margin-left:0px;
		}
	
.left .container .nav{
	width:100%;
	height:auto;
	right:0px;
	position:absolute;
	background:#f6f6f6;
	z-index:100;
	padding-bottom:30px;
	}
	.tekstrechts{
	width:100%;
	padding-left:0px;
	margin:0 auto 0 auto;
	margin-top:50px;
	margin-bottom:50px;
	}
	
	.thumbnails{
		display:none !important;
		}
	.mobile-images{
		display:block;
		padding:10px;
		}
	.mobile-images img{
		width:100%;
		height: auto;
		margin-bottom:10px;
		}
	
	}
@media (max-width: 767px){
	.vegas-background{
		display:none !important;
		}
	body{
		min-height:inherit;
		}
	.sv{
		display:none !important;
		}
	.nav .container{
	margin-top:0px;
	}
	.homealt{
		display:block;
		width:100%;
		
		}
	.homealt img{
		width:100%;
		height:auto;
		}
	.left{
		display:inherit;
		position: relative;
		width:100%;
		
		min-height:inherit;
		}
	.right{
	float: left;
	display:block;
	position:relative;
	width: 100%;
	height:auto;
	clear:both;
	min-height:inherit;
	
	}
	.credits{
		display:none;
		}
	.container{
	display: block;
height: auto;
width: 100%;
	}
	.logo{
		margin-left:0px;
		width:70%;
		}
	.logo img{
		width:100%;
		height:auto;
		}
.content{
	display: block;
vertical-align: top;
padding:30px !important;
	}
	
.left .container .nav{
	width:100%;
	height:auto;
	right:0px;
	position:absolute;
	background:#f6f6f6;
	z-index:100;
	padding-bottom:30px;
	}
	.tekstrechts{
	width:100%;
	padding-left:0px;
	margin:0 auto 0 auto;
	margin-top:50px;
	margin-bottom:50px;
	}
	.tekstrechts p{
		padding: 0 30px 0 30px;
		}
	.thumbnails{
		display:none !important;
		}
	.mobile-images{
		display:block;
		padding:10px;
		}
	.mobile-images img{
		width:100%;
		height: auto;
		margin-bottom:10px;
		}
	.tekstrechts p{
	text-transform:uppercase;
	line-height:20px;
	font-size:12px;
	padding: 0 50px 0 50px;
	}
	}