iframe {
	margin: 0; padding: 0;
	height:100%; width: 100%;
	border:none;
	display:block;
	overflow: hidden;
}

html {
	margin: 0; padding: 0;
	height:100%;
	background: #000000;
}

body {
	margin: 0; padding: 0;
	height:100%;
	font-size: 13px;
	color: #e0e0e0;
	font-family: Times new roman;
	background: #000000;
}

#introcontainer {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000000;
	padding: 0; margin: 0;
	top: 0;
}

#sitecontainer {
	position:relative;
	min-height: 100%;
}

#headercontainer {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 70px;
	background: #1f1f1f;
}

#menucontainer {
	position: relative;
	margin: 0 auto;
	height: 70px;
	width: 900px;
}

.menu-middle-separator {
	display: none;
}

#langcontainer {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 16px;
	line-height: 70px;
	height: 70px;
	width: 80px;
}

#homecontainer {
	position: absolute;
	top: 0;
	left: 20px;
	font-size: 16px;
	line-height: 70px;
	height: 70px;
	width: 80px;
}

#headerlogo {
	position: relative;
	float: left;
	height: 70px;
	width: 300px;
	background: url(images/logo.png) no-repeat center;
}

#headerlogo-en {
	position: relative;
	float: left;
	height: 70px;
	width: 300px;
	background: url(images/logo-en.png) no-repeat center;
}

#headerlogo-inverse {
	position: absolute;
	height: 70px;
	width: 100%;
	background: url(images/logo-inverse.png) no-repeat left;
	z-index: 10;
	bottom: 15px;
}

#headerlogo-inverse-en {
	position: absolute;
	height: 70px;
	width: 100%;
	background: url(images/logo-inverse-en.png) no-repeat left;
	z-index: 10;
	bottom: 15px;
}

#headerlogo-index {
	position: relative;
	height: 150px;
	width: 400px;
	background: url(images/logo-inverse2.png) no-repeat left;
}

#langbar-index {
	position: relative;
	height: 50px;
	width: 400px;
	font-size: 32px;
	font-family: Bookman Old Style;
	text-align: center;
	color: #222222;
}

#langbar-index a { color: #222222; }
#langbar-index a:hover { color: #888888; text-decoration: none; }

.menubar-left, .menubar-right {
	position: relative;
	float: left;
	width: 300px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 70px;
}

.menubar-left {
	text-align: right;
}

.menubar-right {
	text-align: left;
}

.menu, .menu ul {
	list-style-type:none;
	margin: 0;
}

.menu li{
	display: inline-block;
	*display: inline;
	zoom: 1;
	cursor: pointer;
}

.menu li:first-child{
	margin-left: -40px;
}

.menu li a{
	color: #c9c9c9;
	padding: 5px 10px;
	text-decoration: none;
}

.menu li:hover a{
	color: #fff;
	text-decoration: none;
}


.menu li:hover ul li a{
	color: #c9c9c9;
}

.menu li:hover ul li:hover a{
	color: #fff;
}

.menu li ul{
	line-height: 15px;
	display: none;
	position: absolute;
    list-style-type:none;
    width: 230px;
    padding:0px;
    margin-top: -2px;
    margin-left: -6px;
    z-index: 10000;
    border: solid 1px #c9c9c9;
    border-top: 0;
}

.menu li ul li:first-child{
	margin-left: 0px;
}

.menu li:hover ul {
	display: block;
}

.menu li ul li{
	padding-left: 16px;
	padding-top: 5px;
	padding-bottom: 15px;
	width: 214px;
	background: #1f1f1f;
	text-align: left;
	word-wrap: break-word;
	
}

.menu li ul li a{
	padding: 5px 0px;
}

#bodycontainer {
	position: relative;
	margin: 0 auto;
	width: 100%;
	padding-bottom: 50px;
}

#bodycontent {
	position: relative;
	width: 80%;
	padding: 60px 10%;
	font-size: 14px;
	overflow: hidden;
	color: #e0e0e0;
}

#bodyfullwidth {
	position: relative;
	width: 100%;
	float:left;
}

#blogitem {
	border-bottom: #e0e0e0 1px solid;
	margin-bottom: 25px;
}

#indexcontainer {
	position: absolute;
	width: 100%;
}

#bodyindex {
	width: 400px;
	height: 200px;
	position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -200px;
}

#bodyintro2 {
	position: relative;
	margin: auto;
}

#bodyintro2 img {
    display: block;
    margin: auto;
}

#introlinks {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10;
	color: #222;
	font-size: 3.2vmin;
	font-style: italic;
	font-family: Bookman Old Style;
}

#introlinks2 {
	position: relative; 
	width: 100%; 
	color: #222;
	font-size: 1.8vmin;
	font-style: italic;
	font-family: Bookman Old Style;
}

#introlink {
	position: absolute;
	height: auto;
}

#introlink a {
	color: #222;
	opacity: 0;
	text-decoration: none;
}

#introlink.recentwerk {
	width: 100%;
	text-align: center;
	padding-top: 0.5%;
	z-index: 15;
}

#introlink.webshop {
	width: 100%;
	text-align: center;
	/*top: calc(44vw - 10px);
	padding-top: 39.5%;*/
	z-index: 11;
}

#introlink.contact {
	width: 100%;
	text-align: center;
	/*top: calc(52vw - 10px);
	padding-top: 46vw;*/
	z-index: 10;
}

#introlink.serie2 {
	width: 50%;
	text-align: center;
	padding-top: 3.5%;
	z-index: 14;
}

#introlink.artnouveau {
	left: 50%;
	width: 50%;
	text-align: center;
	padding-top: 3.5%;
	z-index: 14;
}

#introlink.serie1 {
	width: 20%;
	text-align: center;
	padding-top: 6%;
	z-index: 13;
}

#introlink.deprehistorie {
	left: 80%;
	width: 20%;
	text-align: center;
	padding-top: 6%;
	z-index: 13;
}

#introlink.werkinvoorbereiding {
	width: 20%;
	text-align: center;
	padding-top: 34%;
	z-index: 12;
}

#introlink.teksten {
	left: 85%;
	width: 15%;
	text-align: center;
	padding-top: 34%;
	z-index: 12;
}

.fancybox img {
	margin: 5px;
	border: 1px solid #cccccc;
	width: 140px;
	height: 140px;
}

.fancybox:hover img {
	margin: 0px;
	width: 150px;
	height: 150px;
}

.fancybox-title {
	font-size: 24px!important;
	text-align: center;
}

.fancybox-title a {
	color: #444;
}

.fancybox-title a:hover {
	color: #000;
}

#body-img {
	position: relative;
	width: 30%;
	margin-right: 5%;
	float:left;
}

#body-img img {
	position: relative;
	width: 100%;
	margin-bottom: 20px;
}

#body-text {
	position: relative;
	width: 65%;
	float:left;
}

#footercontainer {
	position:absolute;
   	bottom:0;
	width: 100%;
	height: 50px;
	font-size: 14px;
}

#footercontent {
	position: relative;
	width: 900px; 
	height: 40px;
	padding-top: 10px;
	text-align: center;
	margin: 0 auto;
	border-top: 1px solid #e0e0e0;
}

a { color: #c9c9c9; }
a:hover {  color: #fff; }

h1 {
	margin: 0; padding: 0;
	font-size: 24px;	
}

h2 {
	margin: 0; padding: 0;
	font-size: 18px;	
}

@media (max-width: 930px) {
	#menucontainer {
		width: 100%;
	}
	
	#headerlogo, #headerlogo-en {
		width: 100%;
	}
	
	#langcontainer, #homecontainer {
		top: 60px;
		z-index: 100;
	}
	
	.menubar-left {
		position: absolute;
		width: 50%;
		left: 0;
		text-align: left;
		z-index: 100;
	}
	
	.menubar-right {
		position: absolute;
		width: 50%;
		right: 0;
		text-align: right;
		z-index: 100;
	}
	
	#footercontent {
		width: 600px;
	}
	
	#introlinks {
		font-size: 2.2vmin;
	}
	
	#bodyindex {
		height: 112.5px;
		width: 300px;
	    margin-top: -90px;
	    margin-left: -150px;
	}
	
	#headerlogo-index {
		height: 112.5px;
		width: 300px;
		background-size: 100%;
	}
	
	#langbar-index {
		width: 300px;
		font-size: 24px;
	}
	
	#body-img {
		width: 100%;
		margin-right: 0px;
	}
	
	#body-text {
		width: 100%;
	}
}

@media (max-width: 620px) {
	
	#menucontainer, #headercontainer {
		width: 100%;
		height: 140px;
	}
	
	#langcontainer, #homecontainer {
		top: 0;
	}
	
	#headerlogo, #headerlogo-en {
		position: absolute;
		width: 100%;
		top: 0;
	}
	
	.menubar-left, .menubar-right {
		margin-top: 70px;
	}
	
	.menubar-left {
		width: 60%;
	}
	
	.menubar-right {
		width: 40%;
	}
	
	.menubar-left ul {
		text-align: right;
	}
		
	.menubar-right ul {
		text-align: left;
	}
	
	#footercontent {
		width: 100%;
	}
	
	.menu-middle-separator {
		display: inline-block;
	}
	
	#introlinks {
		font-size: 1.8vmin;
	}
	
	#bodyindex {
		height: 75px;
		width: 200px;
	    margin-top: -60px;
	    margin-left: -100px;
	}
	
	#headerlogo-index {
		height: 75px;
		width: 200px;
	}
	
	#langbar-index {
		width: 200px;
		font-size: 16px;
	}
}

@media (max-width: 425px) {
	#menucontainer, #headercontainer {
		height: 210px;
	}
	
	.menubar-left, .menubar-right {
		width: 100%;
	}
	
	.menubar-left  {
		margin-top: 70px;
	}
	
	.menubar-right  {
		margin-top: 140px;
	}
	
	.menubar-left ul, .menubar-right ul {
		text-align: center;
	}
	
	.menu-middle-separator {
		display: none;
	}
	
	#bodyindex {
		height: 56.25px;
		width: 150px;
	    margin-top: -45px;
	    margin-left: -75px;
	}
	
	#headerlogo {
		background-size: 40%;
	}
	
	#headerlogo-index {
		height: 56.25px;
		width: 150px;
	}
	
	#langbar-index {
		width: 150px;
	}
	
	#introlinks {
		font-size: 1.2vmin;
	}
	
	#bodyintro {
	    padding-top: 70px;
	}
}