@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
}
html, body, #bg, #bg table, #bg td {
	width:100%;
	height:100%;
	overflow:hidden;
}
/*html, body {min-height: 100%; overflow:auto;}*/
#bg {
	position: absolute;
	left: 0px;
	top: 0px;
}



#bg table{
	position:absolute;
	width:200%;
	height:200%;
	top:-50%;
	left:-50%;
	z-index:1;
}
#bg td { /*nodig om de achtergrondfoto gecentreerd op het scherm te krijgen */
	vertical-align:middle;
	text-align:center;
		z-index:1;
}
#bg img {
	min-height:50%;
	min-width:50%;
	z-index:1;
/*	margin:0 auto;*/
}
#balkboven {
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	z-index:2;
	border-top: 72px solid #000;
	border-bottom: 72px solid #000;
}

#container {
	width: 1000px;
	margin:0px auto;
	z-index: 5000;
	position:relative;
	height:100%;
}
#containerbuiten {
	width: 100%;
	z-index: 1000;
	position:absolute;
	height:100%;
	overflow: auto;
	left: 0px;
	top: 0px;
}
#content {position:absolute; top: 0px; left:212px; width:456px; height:100%; background-color:#fff; overflow:visible;}

.illustraties #content, .websites #content {left: 0px; }
.huisstijlen #content {left: 202px; }
.boeken #content {left: 212px;}
.bladfold #content, .infopanelen #content {left: 333px;}

#logo {position:absolute; left:680px;top:96px; background-image:url(../images/LogoAukje.png)}
#info {
	position: absolute;
	top: 72px;
	width:428px;
	height: 85px;
	background-color:#FFF;
	padding: 15px;
	border: thin outset #CCC;
	visibility: hidden;
}
h1, h2, h3, h4, h5, h6 {color: #C39;}

h1 {
	font-size: 24px;
	margin-top: 24px;
	margin-bottom: 24px;
}
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
p { font-size: 13px; }
dl {font-size: 13px; margin-top: 0px;}
dt {float:left; width: 110px; color: #C39; font-weight:bold; text-align:right;}
dd {padding: 0px 10px 10px 90px;}
#content a {
	color: #000;
	text-decoration: none;
}