
html {
	height:100%; 
	max-height:100%; 
	padding:0; 
	margin:0; 
	border:0; 
	background: #F5E9DC;
	font-size:85%; 
	font-family: "trebuchet MS", tahoma, verdana, arial, sans-serif;
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow: hidden; 
	/* */ 
	}

body {
	height:100%; 
	max-height:100%; 
	overflow:hidden; 
	padding:0; 
	margin:0; 
	border:0;
	background: #F5E9DC;
	color: #260E0A;
	}

#content {
	display:block; 
	overflow:auto; 
	position:absolute; 
	z-index:3; 
	top:184px; 
	bottom:25px; 
	width:700px; 
	margin-left:-351px; 
	left:50%; 
	background:#fff8f0 url(../images/bg_700.gif);
	}

* html #content {
	top:0; 
	bottom:0; 
	height:100%;
	width:700px;
	border-top:183px #F5E9DC;
	border-bottom:210px solid #F5E9DC; /*margin-top plus footerhoogte plus 1*/
	margin-top: 184px;
	}

#head {
	position:absolute; 
	margin-left:-351px; 
	left:50%; 
	top:0; 
	width:700px; 
	min-width:700px; 
	height:183px; 
	background:#fff; 
	font-size:1em; 
	z-index:5; 
	border-bottom:1px solid #260E0A;
	}

a.nav1, a.nav2, a.nav3, a.nav4, a.nav5, a.nav6, a.nav7, a.nav8 {width:140px; height:183px; display:block; float:left; background:url(../images/logo.jpg); text-align:center; font-size:1.2em; font-weight:bold; color:#260E0A; text-decoration:none; 
line-height:25px; overflow:hidden;}

#head a .pad {display:block; width:140px; height:158px;background:transparent; border-bottom:1px solid #260E0A; cursor:pointer;}

a.nav1 {background-position: 0 183px;}
a.nav2 {background-position: -140px 183px;}
a.nav3 {background-position: -280px 183px;}
a.nav4 {background-position: -420px 183px;}
a.nav5 {background-position: -560px 183px;}

a.nav1:hover .button, a.nav2:hover .button, a.nav3:hover .button, a.nav4:hover .button, a.nav5:hover .button
 {display:block; width:140px; height:25px; background:#93441b; color:#fff; cursor:pointer;}

a.nav1:hover {background-position:0 0;}
a.nav2:hover {background-position:-140px 0;}
a.nav3:hover {background-position:-280px 0;}
a.nav4:hover {background-position:-420px 0;}
a.nav5:hover {background-position:-560px 0;}

#foot {
	text-align:center;
	position:absolute; 
	margin-left:-351px; 
	left:50%; 
	bottom:0; 
	width:700px; 
	min-width:700px; 
	height:25px; 
	background:url(../images/logo.jpg); background-position:right bottom;
	font-size:1em; 
	z-index:5; 
	border-top:1px solid #260E0A;
	font-weight:bold;
	}

* html #foot {
	bottom:0; width:700px; height:25px;
	}

#content a, #content a:hover, #content a:active, #content a:focus, #content a:visited {
color: #93441b; text-decoration: none;
}

#content a:hover {
 border-bottom: 1px solid #93441b;
}

#content p {
	padding:0 8px; text-align:justify; margin: 0 0 2em 0;
	}

.container {text-align: center; margin: 0 0 25px 0;}
.container img {margin: 0 auto; display:block;}
.container span {margin-left: 8px; margin-right: 8px;}
.left {float:left; margin:10px;}
.right {float:right; margin:10px;}
.small {font-weight: normal; font-size: 0.8em;}

#foot a, #foot a:hover, #foot a:active, #foot #a:visited {color:#260E0A; text-decoration: underline;}
#foot .right {height: 25px; float: right; margin: 0 10px; border: none;}
#foot .left {height: 25px; float: left; margin: 0 10px; border: none;}


div.lefttext {float:left; width:335px; text-align:justify; clear: left;}
div.righttext {float:right; width:335px; text-align:justify; clear: right;}

* html .lefttext {float:left; width:345px; text-align:justify;}
* html .righttext {float:right; width:345px; text-align:justify;}

h1, h2, h3, td, dl, em { padding: 0 0 0 8px;}
h1 {font-size: 2.1em; font-weight: bold; margin: 12px 0; display: block;}
h2 {font-size: 1.5em; font-weight: bold; margin: 12px 0 0 0;}
h3 {font-size: 1.2em; font-weight: bold; margin: 12px 0 0 0;}

dt {padding-left: 19px; background: url(../images/li.gif) no-repeat left 5px; margin-top: 8px;}
dd {font-style: italic;}

li {list-style-type: none;}