html {
	height: 100%;
}

body {
	height: 90%;
	font-size: 0.8em; /* is about 9pt but resizable in IE */
	line-height: 1.3em;
	font-family: Helvetica, Arial, sans-serif;
	background-image: url(../img/behang.jpg);
	background-repeat: repeat-y;
}

div#preload {
	visibility: hidden;
	background-image: url(../img/logo-over.gif); /* TEMP */
}

div#menubar {
	position: absolute;
	top: 0;
	left: 0;
	width: 405px;
	height: 95%;
}

div#menucenter {
	position: absolute;
	top: 28%;
	left: 0px;
}

div#logo a {
	position: absolute;
	top: -10px;
	left: 0px;
	height: 213px;
	width: 325px;
	background-image: url(../img/logo.gif);
	background-repeat: no-repeat;
}

div#logo a:hover {
	background-image: url(../img/logo-over.gif);
}

div#menubiografie a {
	position: absolute;
	top: -105px;
	left: 19px;
	height: 149px;
	width: 158px;
	background-image: url(../img/menubiografie.gif);
}

div#menubiografie a:hover:before {
	text-decoration: none;
	display: inline;
}

div#menubiografie a:hover {
	background-image: url(../img/menubiografie-over.gif);
}

div#menuportfolio a {
	position: absolute;
	top: -150px;
	left: 174px;
	height: 182px;
	width: 149px;
	background-image: url(../img/menuportfolio.gif);
}

div#menuportfolio a:hover {
	background-image: url(../img/menuportfolio-over.gif);
}

div#menucontact a {
	position: absolute;
	top: 280px;
	left: 49px;
	height: 143px;
	width: 116px;
	background-image: url(../img/menucontact.gif);
}

div#menucontact a:hover {
	background-image: url(../img/menucontact-over.gif);
}

div#menunieuws a {
	position: absolute;
	top: 133px;
	left: 181px;
	height: 132px;
	width: 136px;
	background-image: url(../img/menunieuws.gif);
}

div#menunieuws a:hover {
	background-image: url(../img/menunieuws-over.gif);
}

div#menumaatwerk a {
	position: absolute;
	top: 130px;
	left: 43px;
	height: 120px;
	width: 133px;
	background-image: url(../img/menumaatwerk.gif);
}

div#menumaatwerk a:hover {
	background-image: url(../img/menumaatwerk-over.gif);
}

div#menulinks a {
	position: absolute;
	top: 306px;
	left: 202px;
	height: 121px;
	width: 104px;
	background-image: url(../img/menulinks.gif);
}

div#menulinks a:hover {
	background-image: url(../img/menulinks-over.gif);
}

div#content {
	position: absolute;
	top: 0px;
	left: 430px;
	width: 510px;
}

div#paginalogo {
	position: relative;
	right: 0px;
	width: auto;
	float: right;
	clear: both;
	padding: 0.5em;
	margin: 0.5em;
	height: 70px;
}

div#paginalogo h1 {
	display: inline;
	font-size: 1.8em;
	font-weight: normal;
	line-height: 0.5em;
	margin: 0.5em;
	vertical-align: 200%;
}

div#contentmain {
	position: absolute;
	width: 420px;
	top: 100px;
}

body.portfolio div#contentmain {
	width: 410px;
}

div#subnav {
	position: absolute;
	left: 840px;
	width: 50px;
	bottom: 40px;
	text-decoration: none;
	border: 0;
}

div#subnav * {
	text-decoration: none;
	border: 0;
}

div#subnav img#terug {
	position: absolute;
	left: 0px;
}

div#subnav img#vooruit {
	position: absolute;
	left: 40px;
}

p.portfoliotitel {
	position: absolute;
	top: 410px;
	left: 0px;
}

body.index  div#contentmain {
	top: 10px;
	width: 420px;
}

body.contact div#contentmain {
	top: 310px;
}

body.contact div#content img#portretannet {
	top: 0px;
	left: 0px;
	float: right;
	display: block;
}

body.links div#content ul {
	list-style-type: none;
	line-height: 1.8em;
}

body.nieuws div#contentmain h1 {
	font-size: 1.2em;
}

body.nieuws div#contentmain h2 {
	font-size: 1.0em;
}

body.nieuws div#contentmain table {
	width: 420px;
}

body.nieuws div#contentmain table tr td {
/*	width: 120px; */
	vertical-align: top;
	margin: 0;
	padding: 0;
}

body.nieuws div#contentmain table tr td p {
/*	width: 120px; */
	vertical-align: top;
	margin: 0;
	padding: 0;
}

table td {
	vertical-align: top;
}

a img {
	border-style: none;
}

div#language_choice {
	position: absolute;
	bottom: 20px;
	right: 10px;
	width: 80px;
	height: auto;
}