@charset "utf-8";
html {
	height: 100%;
	overflow: hidden;
}	
body {
	background-color: #dac2aa;	/* IE EN FF MOETEN zowel de html tag als de body tag op 100% hebben staan, anders werkt het niet */
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-style: normal;
	font-weight: normal;
	color: #E7E1C1;
	overflow: hidden;
}
div#outer {
	width: 900px;
	margin-left: -450px;
	position: absolute; /* dit is erg belangrijk! */
	min-height: 100%;
	left: 50%;
	overflow: hidden;
	background-color: #FF9966;
	height: 100%;
}
div#header {
	position:relative;
	left:0;
	top:0;
	width:900px;
	height:220px;
	z-index:1;
	background-color: #00FFFF;
}
div#header-tlc {
	background-image: url(../images/tlc.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 36px;
	width: 36px;
	position: absolute;
	left: 0px;
	top: 0px;
}
div#header-trc {
	background-image: url(../images/trc.jpg);
	background-repeat: no-repeat;
	position: absolute;
	left: 856px;
	top: 0px;
	height: 32px;
	width: 44px;
}
div#header-tsb {
	background-image: url(../images/tsb.jpg);
	background-repeat: repeat-x;
	position: absolute;
	height: 32px;
	width: 820px;
	left: 36px;
	top: 0px;
}
div#header-rsb {
	background-image: url(../images/rsb.jpg);
	background-repeat: repeat-y;
	height: 188px;
	width: 44px;
	position: absolute;
	left: 856px;
	top: 32px;
}
div#header-lsb {
	background-image: url(../images/lsb.jpg);
	background-repeat: repeat-y;
	height: 188px;
	width: 36px;
	position: absolute;
	left: 0px;
	top: 32px;
}
div#header-img  {
	position: absolute;
	left: 36px;
	top: 32px;
	background-image: url(../images/header-820.jpg);
	background-repeat: no-repeat;
	height: 152px;
	width: 820px;
}
div#header-img h1 {
	font-size: 9px;
	display: none;
}
div#header-bar {
	background-color: #898677;
	position: absolute;
	height: 36px;
	width: 820px;
	left: 36px;
	top: 184px;
}
div#header-bar  h1 {
	font-size: 0.8em;
	text-align: center;
	margin: 0px;
	padding-top: 10px;
	letter-spacing: 0.05em;
}
div#container {
	width: 900px;
	position: fixed;
	background-color: #CC0033;
	top: 220px;
	bottom: 72px;
	margin-left: -450px;
	left: 50%;
}
div#container-lsb {
	background-image: url(../images/lsb.jpg);
	background-repeat: repeat-y;
	width: 36px;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
}
div#container-rsb {
	background-image: url(../images/rsb.jpg);
	background-repeat: repeat-y;
	width: 44px;
	height: 100%;
	position: absolute;
	left: 856px;
	top: 0px;
}
div#content {
	position: absolute;
	top: 0px;
	right: 0px;
	left: 36px;
	width: 820px;
	overflow: auto;
	background-color: #898677;
	bottom: 0px;
}
div#footer {
	height: 72px;
	width: 900px;
	position: absolute;
	bottom: 0px;
	bottom: 0px;
	margin-top: -95px;
	z-index: 100;
}
div#footer-lsb {
	background-image: url(../images/lsb.jpg);
	background-repeat: repeat-y;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 36px;
	width: 36px;
}
div#footer-rsb {
	background-image: url(../images/rsb.jpg);
	background-repeat: repeat-y;
	position: absolute;
	z-index: 2;
	height: 36px;
	width: 44px;
	left: 856px;
	top: 0px;
}
div#footer-blc {
	position:absolute;
	left:0px;
	top:36px;
	width:36px;
	height:36px;
	z-index:2;
	background-image: url(../images/blc.jpg);
	background-repeat: repeat;
}
div#footer-brc {
	background-image: url(../images/brc.jpg);
	background-repeat: no-repeat;
	position: absolute;
	height: 36px;
	width: 44px;
	left: 856px;
	top: 36px;
}
div#footer-bsb {
	background-image: url(../images/bsb.jpg);
	background-repeat: repeat-x;
	position: absolute;
	height: 36px;
	width: 820px;
	left: 36px;
	top: 36px;
}
div#footer-menu {
	height: 36px;
	width: 820px;
	position: absolute;
	left: 36px;
	top: 0px;
	background-color: #898677;
	font-size: 0.95em;
	font-weight: 600;
	color: #e7e1c1;
	margin: 0px;
	padding: 0px;
}
div#footer-menu  ul {
	font-size: 0.95em;
	font-weight: 600;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	position: relative;
}
div#footer-menu li {
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #e7e1c1;
	height: 36px;
	list-style-type: none;
	line-height: 36px;
	padding-left: 21px;
	padding-right: 20px;
	float: left;
}
div#footer-menu  li#right-knop {
	border-right-style: none;
}
div#footer-menu ul li a:link { /* in FF wil dit nog niet erg (verwijder de history) */
	text-decoration: none;
	color: #e7e1c1;
	background-color: #898677;
}
div#footer-menu ul li a:visited {
	text-decoration: none;
	color: #e7e1c1;
	background-color: #898677;
}
div#footer-menu  ul li:hover {
	/*	color: #A09383; Tja, dit werkt niet? */
	background-color: #EDE6D4;
	display: block;
}
div#footer-menu  ul li:hover a {
	color: #A09383; /* maar dit wel! */
	background-color: #e7e1c1;
}
div#footer p {
	font-size: 9px;
	color: #e7e1c1;
	position: relative;
	top: 40px;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

div#footer-menu  ul li a:hover {
	color: #a09383;
	background-color: #e7e1c1;
}
#copyright a {
	text-decoration: none;
	color: #E7E1C1;
}
.datum, .city, .adres, .route {
	text-align: center;
}