html, body { margin: 15px 5px 5px 5px; padding: 0; font-family: verdana; font-size: 12px; }
img { border: 0; }
table { width: 100%; height: 100%; }
table td { vertical-align: top; text-align: center; }

#container {
	position: relative;
	background: #FFF;
	width: 795px;
	min-height:593px;
	border: 4px solid #000;
	margin: 0 auto;
	text-align: left;
	
	_width: 803px;
	_height: 601px;
}
#container.archief
	{height:1000px}
	
#content img{float:left; margin:0 10px 10px 0}
p.titel {font-weight:bold; color:#990066;}
span.datum {font-weight:normal; color:#333333;}

#content table td {font-size:0.9em; text-align:left}

#left { 
	position: absolute;
	background: #714E95;
	width: 167px;
	height: 100%;
}
#top-image { position: absolute; z-index: 10; border-bottom: 4px solid #000; }
#bottom-image { position: absolute; z-index: 10; bottom: 48px; }
#hartje { position: absolute; top: 83px; z-index: 10; }

#mainMenu { position: absolute; top: 300px; left: 55px; }
#mainMenu ul { font-size: 12px; list-style: none; margin: 0; padding: 0; }
#mainMenu ul li { text-transform: uppercase; line-height: 20px; }
#mainMenu ul li.selected { font-weight: bold; }
#mainMenu ul li a { text-decoration: none; color: #FFF; }
#mainMenu ul li.selected a { text-decoration: none; color: #FFF; }
#mainMenu ul li a:hover { text-decoration: underline; color: #FFF; }
#container h1.mainMenu {margin-top:20px; }


a span{display:none;  }
 a:hover span {display:block; position:absolute; left:-10px; top:-30px; margin-left:0;padding:5px; color:#000; background-color:#FFFFFF; width:160px;  padding:5px; border:1px solid #990066; z-index:1000}

#subMenu {
	position: absolute;
	top: 225px;
	left: 25px;
	min-height:500px;
}
#subMenu.archief {height:500px; overflow:auto}
#subMenu h1 { font-size: 12px; margin: 0 0 20px 0; color: #FFF; }
#subMenu ul { font-size: 12px; list-style: none; margin: 0 0 0 5px; padding: 0; }
#subMenu ul.mainMenu { text-transform: uppercase; margin: 15px 0 0 0;}
#subMenu ul li { line-height: 20px; }
#subMenu ul li.selected { font-weight: bold; }
#subMenu ul li a { text-decoration: none; color: #FFF; }
#subMenu ul li.selected a { text-decoration: none; color: #FFF; }
#subMenu ul li a:hover { text-decoration: underline; color: #FFF; }


#logo {
	position: relative;
	top: 0;
	left: 208px;
	border-bottom: 4px solid #000;
	
	_margin: 0 -1px 0 0;
}
#tapijt {
	position: absolute;
	background: url('/images/tapijt.gif');
	background-repeat: repeat-y;
	top: 0;
	left: 167px;
	width: 41px;
	height: 100%;
	z-index:1;
}
#menu {
	position: relative;
	background: url('/images/navigation-bg.gif');
	width: 573px;
	height: 33px;
	left: 208px;
	padding: 9px 0 0 14px;
	z-index: 10;
	
	_width: 587px;
	_height: 42px;
	_top: -3px;
	_right: -1px;
}
#menu ul { list-style: none; margin: 0; padding: 0; }
#menu ul li { float: left; }

#datum { position: absolute; top: 9px; right: 0; }
#datum ul { list-style: none; margin: 0 15px 0 0; padding: 0; }
#datum ul li { float: left; margin: 0 1px 0 0; }

#frontContent { 
	position: absolute; 
	width: 587px; 
	height: 465px; 
	bottom: 0; 
	left: 108px; 
	z-index: 20;
	
	_width: 587px;
	_height: 465px;
}
#image { position: absolute; bottom: 0; left: 0; }
/*#quote1 { position: absolute; bottom: 16px; left: 0; z-index: 30; width:100px; margin:0;}*/
#quote1 { position:relative; width:200px; margin:0;}
#quote2 { position: absolute; bottom: 6px; right: -7px; z-index: 30; }
#quote1 p, #quote2 p { font-size: 11px; line-height: 14px; }
#quote1 p a, #quote2 p a { color: #70250E; text-decoration: none; }

#content { 
	position: relative; 
	left: 208px;
	width: 547px; 
	padding: 10px 20px 10px 20px;
	
	_width: 587px;
	_height: 465px;
}

#content p { font-size: 12px; line-height: 18px; }
#content p a { color: #000; }
#content ul li { font-size: 12px; line-height: 20px; }
#image { position: absolute; bottom: 0; left: 100px; _bottom: -2px; }
#logo-nieuw
	{position:absolute; top:80px; left:25px; z-index:100}