body {
	margin: 0em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #2F2420;
	line-height: 115%;
#	background-color: #e5c9a1;
	background-color: #fbf4ea;
	padding-top: 2em;
}

/* opbouw site */

#wrapper {
	position: relative;
	height: 43.75em;
	width: 62.375em;
	margin: auto;
	z-index: 0;
	/*background-image: url('/media/1006/achtergrondkopvoet.jpg');*/
}
#miniaturen {
	position: absolute;
	left: 0em;
	top: 2.8em;
	margin: 0em;
	width: 30.5em;
	height: 37em;
	overflow: auto;
}
#wisselendefotos {
	position: relative;
	left: -0.2em;
	left: -0.5em;
	top: 1.55em;	
}

#MenuTekst {
	position: absolute;
	left: 35.3em;
	top: 10em;
	font-size: 90%;
	width: 23.9em;
	height: 33.5em;
	overflow: auto;
	z-index:10;
}
#WerkStaand {
	position: absolute;
	left: 32.6875em;
	top: 8em;
#	width: 21.125em;
	width: 20.125em;
	height: 30.125em;
	overflow: auto;
}
#WerkLiggend {
	position: absolute;
	left: 32.6875em;
	top: 8em;
	width: 30.125em;
	height: 30.125em;
	overflow: auto;
}

#WerkTitel {
	position: absolute;
	width: 40em;
	height: 1.2em;
	overflow: auto;
	color:#6c1a12;
	font-size: 83%;
	line-height: 1em;
	top: 49.3em;
#	top: 49.6em;
	left: 39.5em;
}

#WerkTechniek {
	position: absolute;
	width: 40em;
	height: 1.1em;
	overflow: auto;
	color:#6c1a12;
	font-size: 83%;
	line-height: 1em;
	top: 50.8em;
#	top: 50.9em;
	left: 39.5em;
}

#Contact {
	position: absolute;
	z-index:20;
	left: 40.4em;
	top: 10.5em;
	font-size: 80%;
	width: 26.2em;
	height: 37em;
	overflow: auto;

}

/* menu */

#hoofdmenu {
	position: absolute;
	top: 0em;
	right: 0em;
	padding: 0.2em 2em 0em 0em;
	margin: 0em;
	z-index: 10;
	font-size: 83%;
	font-weight: bold;
	color: #fbf4ea;
    margin-right:0px;
}
#hoofdmenu li {
	float: left;
	padding-right: 3.05em;
	list-style: none;
	outline: none;
}
#hoofdmenu li a {
	text-decoration: none;
	color: #fbf4ea;
}
#hoofdmenu li a:hover {
	color:#6c1a12;
}

#hoofdmenu .active a{
	color: #6c1a12;
}

#hoofdmenu li  {
	text-decoration: none;
	color: #fbf4ea;
}
#hoofdmenu li:hover {
	color:#6c1a12;
}
#hoofdmenu .active{
	color: #6c1a12;
}

#menu {
	position: absolute;
	top: 4em;
	left: 70em;
	width: 15em;
	padding: 0em; 0em; 0em; 0em;
	margin: 0em; 0em; 0em; 0em;
	font-size: 75%;
	font-weight: bold;
}

#menu .active a {
	color: #6c1a12;
}

#menu .inactive a {
	color: #2F2420;
}

#menu li {
	list-style: none;
	outline: none;
	line-height: 175%;
}

#menu li a {
	text-decoration: none;
	color: #2F2420;
}

#menu li a:hover {
	color:#6c1a12;
}


#menu li .active a{
	color: #6c1a12;
}

.hide{
	display: none;
}

.show{
	display: block;
}
#menu li ul{
	padding-left: 0.7em;
	font-size: 90%;
}

/* tekst */

p {
	font-size: 75%;
	margin: 0em;
	padding-top: 0em;
	padding-right: 1em;
	padding-bottom: 0.2em;
	padding-left: 1em;
}

cursief {
	padding: 0em 1.5em 0.1em 1em;
	margin: 0em;
	font-style: italic;
}

h1  {
	font-size: 10%;
	text-indent: -9999em;
}

h2 {
	font-size:75%;
	font-weight: bold;
	color:#6c1a12;
	margin: 0em;
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 0em;
	padding-left: 1em;
}

titel {
	font-weight: bold;
	color:#6c1a12;
	line-height: 1em;
}
	

#logo {
	position: absolute;
	top: 55.4em;
	left: 74em;
	width: 15em;
	font-size: 75%;
	font-weight: bold;
}

rood {
	font-family:Arial, Helvetica, sans-serif;
	color:#600;
}

wit {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFC;
}

#techniek {
	position: absolute;
	width: 75em;
	height: 3em;
	overflow: auto;
	color:#6c1a12;
	font-size: 83%;
	line-height: 1em;
	top: 49.5em;
	left: 1.5em;
}
/* afbeeldingen */

.daansrvandriel {
	position: absolute;
	right: 1.2em;
	top: 3em;
	width: 96px;
	height: 96px;
}
	 
/*.daansrvandriel img:hover {
	outline: solid medium #2F2420;	
}*/

.ceesvandriel {
	position: absolute;
	right: 1.2em;
	top: 10.5em;
	width: 96px;
	height: 96px;
}

.ninivandriel {
	position: absolute;
	right: 1.2em;
	top: 18em;
	width: 96px;
	height: 96px;
}

.daanjrvandriel {
	position:  absolute;
	right: 1.2em;
	top: 25.5em;
	width: 96px;
	height: 96px;
}

.janvandriel {
	position: absolute;
	right: 1.2em;
	top: 33em;
	width: 96px;
	height: 96px;
}

.nieuw {
	position: absolute;
	right: 1.2em;
	top: 33em;
	width: 96px;
	height: 96px;
}

/* naam-images */
.galerienaamimg {
	position: absolute;
	right: 9.2em;
	top: 3em;
	width: 17.875em;
	height: 4.5625em;
	border: none;
}
.daansrnaamimg {
	position: absolute;
	right: 9em;
	top: 3em;
	width: 16.125em;
	height: 3.5em;
	border: none;
}
.ceesnaamimg {
	position: absolute;
	right: 9.6em;
	top: 3.7em;
	width: 9.0625em;
	height: 2.9375em;
	border: none;
}


.nininaamimg {
	position: absolute;
	right: 9.4em;
	top: 3em;
	width: 11.625em;
	height: 3.5em;
	border: none;
}

.daanjrnaamimg {
	position: absolute;
	right: 9em;
	top: 3em;
	width: 15.75em;
	height: 3.5em;
	border: none;
}

.jannaamimg {
	position: absolute;
	right: 9.4em;
	top: 3.2em;
	width: 9.375em;
#	height: 3.3125em;
	border: none;
}


.contactnaamimg {
	position: absolute;
	right: 9em;
	top: 3.125em;
	width: 17.875em;
	height: 3.25em;
	border: none;
}


.nieuwnaamimg {
	position: absolute;
	right: 9em;
	top: 3.125em;
	width: 17.875em;
	border: none;
}

/* database objecten */

.kunstwerkklein {
	float: right;
	margin: 0em 0.8em 0.8em 0em;
	border: none;
    width:80px;
    height:80px;
    overflow:hidden;
}
.kunstwerkklein img{
	width: 5em;
	height: 5em;
}
 
.kunstwerkklein:hover{
	outline: solid medium #2F2420;	
	}
	

.currentklein{
	outline: solid medium #2F2420;	
}

.kunstwerk {
	position: absolute;
	left: 0em;
	bottom: 0em;
}