html, body{
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0; } 
/* end hack */ 

body {
	color: #3f3f3f;
	font-size: 84%;
	font-family: Arial, "Trebuchet MS", verdana, Helvetica, SunSans-Regular, sans-serif;
	line-height: 140%;
	text-align: center;
	background-color: #590000;
}

html>body #outer {
	height: auto;
	}
/*for mozilla as IE treats height as min-height anyway*/

#outer{
	position:relative;
	width:900px;
	background: url(../algemeen/img/achtergrond-content.gif) repeat-y;
	margin:0 auto;
	padding: 0;
	text-align:left;
	}

#header {
	position:relative;
	top:0px;
	height:60px;
	background: url(../algemeen/img/achtergrond-top05.gif);
	z-index:5;
	}

#menu {
	position: relative;
	width: 100px;
	float: left;
	z-index:10;
	text-align: right;	
	top: 30px;
	}
	
#content {
	position: relative;
	left: 50px;
	width: 600px;
	float: left;
	margin: 0;
	z-index:10;
	min-height:450px; 
	}
	
#contentform {
	position: relative;
	left: 0px;
	width: 500px;
	float: left;
	margin: 0;
	z-index:10; 
	}

#clearfooter{
	clear:both;
	height:1px;
}
/*needed to make room for footer*/

#footer {
	position:relative;
	float:left;
	background: url(../algemeen/img/achtergrond-bottom.gif);
	background-repeat:no-repeat;
	left:0px;
	height:100px;
	width:900px;
}

#een-een { position:relative; width:500px; height:auto; background: url(../../algemeen/img/achtergrond-250.gif); border-top:1px dotted #990000; border-bottom:1px dotted #990000; margin-bottom: 1em; float:left; clear:both; }
#een-links { position:relative; width:230px; height:auto; float:left; padding: 0 10px 0 10px; clear:left; }
#een-rechts { position:relative; width:230px; float:right; clear:right; padding:0 5px 0 15px; }

p 					{ margin-top: 0em; margin-bottom: 1em; }
h1					{ position: relative; margin:0em 0 1em 0; padding:0; color: #990000; font-size:260%; font-weight: normal;font-family:"Times New Roman", Times, serif;}
h2					{ position: relative; margin:1.7em 0 1em 0; padding:0; color: #990000; font-size:170%; line-height:1em; font-weight: normal;font-family:"Times New Roman", Times, serif;}
h3					{ position: relative; margin:1.6em 0 0em 0; padding:0; color: #990000; font-size:100%; font-weight: bold;}
h4					{ position: relative; margin:0.6em 0 0 0; padding:0; color: #990000; font-size:100%; font-weight: normal;}
h5					{ position: relative; margin:0.6em 0 0 0; padding:0; color: #333333; font-size:100%; font-weight: bold;}
h6					{ position: relative; margin:0.6em 0 0 0; padding:0; color: #333333; font-size:100%; font-weight: normal; font-style:italic;}
.ondertitel-h1 		{ color:#990000; font-size:100%; font-weight:normal; margin-top:-2em; margin-bottom:2.6em; font-family:Arial, Helvetica, sans-serif; }
.ondertitel-h2 		{ color:#990000; font-size:100%; font-weight:normal; margin-top:-1.5em; margin-bottom:1.7em; font-family:Arial, Helvetica, sans-serif; }
.afstandtopnul		{ margin-top:0; }
.afstandtop			{ margin-top:1em; }
.afstandtopdubbel	{ margin-top:2em; }
.afstandtophalf		{ margin-top:0.5em; }
.afstandbottom		{ margin-bottom:1em; }
.marginnul 			{ margin:0;	}
.klein 				{ font-size: 84%; line-height:120%;	}
.cursief 			{ font-style: italic; }

.agenda				{ margin: 0 auto 0 auto; }
ol 					{ padding:0 0 0 30px; margin:0; list-style-type:decimal; }
ul 					{ padding:0 0 0 16px; margin:0 0 1em 0; list-style-type:disc; }
li					{ list-style-position:outside; color:#3f3f3f;}
hr					{ height: 0; border: 0; border-top: 1px dotted #990000; }
.hrsolidred			{ height: 0; border: 0; border-top: 1px solid #990000; }
img 				{ border-style: none; margin:0px; padding:0px; border:0px; }
img.border			{ border: solid 1px #000; }
img.right			{ margin-left:10px; }
img.left			{ margin-right:10px; }
img.top				{ margin-bottom:10px; }


/*H1 { 
	color: #990000;
	font-size:260%;
	font-family:"Times New Roman", Times, serif;
	font-weight: lighter;
	position: relative;
	margin: 0.5em 0 0.75em 0;
	padding: 0; 
	}
	
.ondertitel {
	color: #990000;
	font-size: 100%;
	font-weight: normal;
	position: relative;
	margin-top:	-0.5em;
	margin-bottom: 5px;
	}
	
H2 {
	color: #990000;	
	font-family:"Times New Roman", Times, serif;
	font-size: 170%;
	font-weight: lighter;
	line-height: 110%;
	margin:1em 0 10px 0;
	position: relative;
	}
	
H3 {
	color: #990000;
	font-size: 110%;
	font-weight: bold;
	margin: 0;
	position: relative;
	}
	
H4 {
	color: #990000;
	font-size: 100%;
	font-weight: bold;
	position: relative;
	margin: 0;
	}
	
H5 {
	color: #990000;
	font-size: 100%;
	font-weight: normal;
	position: relative;
	margin:0;
	}

H5.ondertitel {
	color: #990000;
	font-size: 100%;
	font-weight: normal;
	position: relative;
	margin-top: -0.75em;
	margin-bottom: 15px;
	} 
	
ul {
	padding:0 0 1em 15px;
	margin:0;
	}	
	
	
	*/
			
.top {
	margin-top: 0;
	}

.blok {
	margin-top: 0;
	padding-right: 10px;
	}

.afstand {
	margin-top: 1em;
	}

.afstand-half {
	margin-top: 0.5em;
	}
		
.inspring10 {
	margin-left:10px;
	}

.inspring20 {
	margin-left:20px;
	}

/*p {
	margin-top: 1em;
	margin-bottom: 1em;
	}*/

p.bottom {
	margin-top: 1em;
	margin-bottom: 0;
	}

p.marginnul {
	margin:0;
	}
		
p.inspring {
	margin-left: 20px;
	}

.center {
	text-align:center;
	}
	
p.rechts {
	text-align:right;
	}

p.w250 {
	width:250px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	}

.w375 {
	width:375px;
	}
	
.w305 {
	width:305px;
	}
	
p.tabel {
	margin: 0 0 1.0em;
	}
	
.rood {
	color: #990000;
	}
	
sup { 
	vertical-align:top;
	}
	
img {
	border-style: none;
	margin:0px;
	padding:0px;
	border:0px;
	}

img.bottom {
	vertical-align:bottom;
	}
	
img.top {
	vertical-align:top;
	}
	
img.rechts {
	text-align:rechts;
	margin-left:10px;
	}

img.center {
	width:230px;
	left:10px;
	}	

/*basiskenmerken*/

a:link, a:visited, a:active { 
	color: #3f3f3f;
	text-decoration: underline;
	}
	
a.nodeco:link, a.nodeco:visited, a.nodeco:active { color: #3f3f3f; text-decoration:none; }
a.nodeco:hover			{ color: #3f3f3f; text-decoration:underline; }
	
a:hover {
	color: #3f3f3f;
	text-decoration: underline;
	}

a.rood:link, a.rood:visited, a.rood:active {
	color: #990000;
	text-decoration: underline;
	}
	
a.rood:hover {
	color: #990000;
	text-decoration: underline;
	}
		
/*navigatiestructuur*/

#hoofdknoppen {
	line-height: 180%;
	text-align: right;
	position: relative;
	width: 85px;
	float: left;
	z-index:7;
	}
	
a.menu:link, a.menu:visited, a.menu:active {
	color: #fff;
	text-decoration: none;
	}
	
a.menu:hover {
	color: #fff;
	text-decoration: underline;
	}
	
/*pagina*/
	
#tekstalgemeen {
	position: relative;
	top: 0px;
	left: 0px;
	width: 500px;
	z-index: 10;
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
	}
	
#infolinks {
	position: relative;
	width: 230px;	
	float: left;
	clear: none;
	left: 10px;
	}

#bloklinks {
	background-color: #F3E0D5
	position: relative;
	width: 230px;
	float:left;
	clear: none;
	left 10px;
	}
	
#inforechts {
	position: relative;
	width: 230px;	
	float: right;
	clear: right;
	right: 0px;
	}
	
#inforest {
	position: relative;
	width: 500px;	
	float: left;
	clear: none;
	left: 0px;
	text-align: left;
	}	

#fotolinks {
	position: relative;
	width: 250px;	
	float: left;
	clear: none;
	display: inline;
	}
	
#fotorechts {
	position: relative;
	width: 250px;
	height:auto;	
	float: right;
	clear: right;
	right: 0px;	
	}
	
table {
	color: #3f3f3f;
	font-size: 100%;
	font-family: Arial, "Trebuchet MS", SunSans-Regular, sans-serif;
	line-height: 120%;
	text-align: left;
	border:0;
	}

.borderred {
	border:solid 1px #990000;
	}

.collapse {
	border-collapse:collapse;
	}

td {
	vertical-align:top;
	}

input, textarea, select {
	font-family: Arial, "Trebuchet MS", SunSans-Regular, sans-serif;
	font-size: 84%;
	color: #3f3f3f;
	}
#tabelcontact {
	width: 500px;
	background: #F3E0D5;
	border: 1px solid #3f3f3f;
	}
#tabelcontact tr {
	vertical-align: top;
	}
.kolom1, input, textarea, select {
	width: 250px;
	}
.kolom1 {
	font-weight: bold;
}
input, textarea, select {
	font-size: 100%;
	border: 1px solid #3f3f3f;
}
.auto {
	width: auto;
	background-color:#fff;
	color:#990000;
	border: 1px solid #3f3f3f;
}
