html, body{
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0; } 
/* end hack */ 

body { 
	background:#f6f5f0 url(../algemeen/img/achtergrond-body.gif) fixed;
	color: #555753;
	font-size: 84%;
	font-family: Arial, "Trebuchet MS", verdana, Helvetica, SunSans-Regular, sans-serif;
	line-height: 150%;
	text-align:center;
}

#outer{
	min-height:100%;
	width:740px;
	background:url(../algemeen/img/achtergrond-outer.gif) repeat-y center top;
	margin:0 auto;
	text-align:left;
	position:relative;
	height: 100%;
	padding: 0; }
#outer-index {
	background: url(../index/img/achtergrond.gif) repeat-y center top;
	text-align: left;
	margin: 0 auto 0;
	position: relative;
	width: 740px;
	height: 100%;
	min-height: 100%;
	padding: 0; }
html>body #outer{
	height:auto;
}
html>body #outer-index { height: auto; }
/*for mozilla as IE treats height as min-height anyway*/

#header {
	height:75px;
}
#menu {
	position: relative;
	width: 120px;
	float: left; }
#content {
	position: relative;
	right: 0;
	width: 600px;
	float: right;
	margin: 0; }
#clearfooter{
	clear:both;
	height:1px;
}
/*needed to make room for footer*/

#footer {
	position:absolute;
	bottom:0;
	float:left;
	left:520px;
	height:106px;
	width:200px;
}
/*Eerste float met een margin aan dezelfde kant (in dit geval 'left') zorgt in IE voor dubbele margin. Dit kan verholpen worden door 'display: inline' toe te voegen.*/
img {
	border-style: none;
}
/*basiskenmerken*/
a:link, a:visited, a:active { 
	color: #54524a;
	text-decoration: underline;
	clear: none; 
	}
	
a:hover {
	color: #54524a;
	text-decoration: underline;
	clear: none;
	}
	
H1 { color: #555753; font-weight: bold; position: relative; left: -20px; margin: 20px 0 5px; padding: 0; }
H1.ondertitel { color: #a09465; font-size: 100%; font-weight: normal; position: relative; margin-top: -10px; margin-bottom: 5px; }
	
H2 {
	color: #555753;
	font-size: 100%;
	font-weight: bold;
	font-variant: small-caps;
	line-height: 160%;
	margin: 15px 0 0;
	position: relative;
	}
	
H3 {
	color: #555753;
	font-size: 100%;
	font-weight: bold;
	line-height: 160%;
	margin: 15px 0 0;
	position: relative;
	}
	
H4 {
	color: #a09465;
	font-size: 100%;
	font-weight: normal;
	font-variant: small-caps;
	line-height: 160%;
	position: relative;
	margin: 15px 0 0 20px;
	}
	
H5 {
	color: #a09465;
	font-size: 100%;
	font-weight: normal;
	line-height: 160%;
	margin: 15px 0 0 20px;
	position: relative;
	}
.top { margin-top: 0; }
p {
	margin-top: 0;
	margin-bottom: 1.5em;
	}
p.inspring {
	margin-left: 20px;
	}
	
.cursief {
	font-style: italic;
	}
.center {
	text-align: center; }

acronym { border-bottom: 0 none; cursor: help;
	}
.superscript { color: maroon; font-size: 80%; vertical-align: 0.3em; }
acronym.dashed {
	border-bottom: dotted thin;
	border-bottom-color: #b8b8b4;
	cursor: help;	
	}
/*navigatiestructuur*/
#hoofdknoppen { line-height: 200%; background-color: #e4e0d3; text-align: left; position: relative; width: 120px; height: auto; z-index: 10; float: left; margin-top: 40px; }
a.menu:link, a.menu:visited, a.menu:active {
	text-decoration: none;
	}
	
a.menu:hover {
	text-decoration: underline;
	}
	
/*pagina*/

#kop {
	position: relative;
	top: 0;
	right: 0;
	float: right;
	}
	
#tekstalgemeen {
	text-align: left;
	position: relative;
	top: 25px;
	right: 50px;
	width: 500px;
	z-index: 1;
	float: right;
	margin: 0;
	padding: 10px 0 19px;
	display: inline; }
ul { list-style-type: square; }
table {
	margin: 0;
	padding: 0;
	border-style: none; }