/* text-align: center; in de body zorgt ervoor dat de boel (de div kaderwrap) gecentreerd wordt in ie */

body {
   background-image: url(images/achtergrond.jpg);
	margin: 10px;
	padding: 0 0 0 0;
	text-align: center;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	color: #8B4513;
	height: 100%;
}

/* hieronder hack: overschakelen naar traditionele boxmodel ipv w3c boxmodel om width en height overal hetzelfde te krijgen, 
werkt alleen bij geen doctype in html, wel doctype gebruiken? dan boxmodel declareren met tantek hack http://www.thenoodleincident.com/tutorials/box_lesson/index.html */

div {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Hieronder de kaderwrap div, omspant alle andere divs, zorgt voor vaste breedte van 752px */

#kaderwrap {
	background-image: url(images/achtergrondwit.jpg);
	width: 752px;
	padding: 0px;
	border: none;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	height: auto;
	position: relative;
	top: 10px;
}


#logo {
	background-image: url(images/achter_boven1.jpg);
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 190px;
	z-index: 1;
}

#logo img {
	margin: 10px 0px 0px 6px;
}

#navi {
	position: relative;
	top: -110px;
	left: 125px;
	z-index: 2;
}

#margelinks {
	position: absolute;
	top: 165px;
	left: 0px;
	width: 165px;
	height: auto;
	margin: 0px 10px 0px 10px;
	font-size: 0.80em;
	text-align: center;
}

#content {
	position: relative;
	top: -40px;
	left: 125px;
	width: 570px;
	height: auto;
	padding: 0px 0px 30px 0px;
	font-size: 0.80em;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
}

#content p.lead {
	color: #8B4513;
	font-weight : bold;
}

#content h1, #content h2, #content h3 {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	color: #8B4513;
	background-color : transparent;
}

#content h1 {
	font-size: 1em;
}	

#content h2 {
	font-size: 0.90em;
	display: inline;
}		

#content h3 {
	font-style: italic; 
	font-size: 0.80em;
	font-weight: normal;  
	display: inline;
}

#content a {
	text-decoration : none;
	font-weight: bold;
	font-size: 90%;
}

#content a:link {
	color : #8B4513;
}

#content a:active {
	color: #D2691E;
	text-decoration: underline;
}

#content a:visited {
	color: #A52A2A;
}

#content a:hover {
	color: #D2691E;
	text-decoration: underline;
}

.right {
	text-align: right;
}

/* hieronder de div die de footer en tekstnav omspant */

#bottom {
	position: relative;
	background-image: url(images/achter_onder.jpg);
	width: 100%;
	height: 85px;
	border: none;
}
	
/* hieronder de span voor het adresonderaan de pagina */	
	
.textnav {	
	font-size: 60%;
	text-align: center;
}

.textnav a{ 
	color: #000033;  
}

.textnav a:hover {
	color: #000033;
	text-decoration: none;
	background-color: transparent;
}	
.menu a:active {
	color: #000033;
	text-decoration: none;
	font-weight : bold;
	font-variant : small-caps;
}
.menu a:visited {
	color: #000033;
	text-decoration: none;
	font-size: smaller;
	font-weight : bold;
	font-variant : small-caps;
}
.menu a:link {
	color: #000033;
	text-decoration: none;
	font-size: smaller;
	font-weight : bold;
	font-variant : small-caps;
}
.menu a:hover {
	color: #000033;
	text-decoration: none;
	font-weight : bold;
	font-variant : small-caps;
}
table{
	background-image: url(images/achter_tabel.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 0 0 0 0;
	border: medium;
	border-color: #AB743C;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	color: #8B4513;
	height: 100%;
}