html, body { height: 100%; }
body { margin: 0; padding: 0; font: normal 11px verdana, serif; }
/*body { behavior:url("csshover.htc"); }*/

#container { width: 100%; height: 100%; background: #000; }
#header_bg { background: transparent url(../images/header_bg.gif) left top repeat-x; height: 223px; }
#header { position: relative; height: 223px; background: transparent url(../images/bovenbalk1.jpg) left top no-repeat; }
body#homepage #header { height: 58px; background: #000 url(../images/header_bg.jpg) left top repeat-x; }
#header img.logo { position: absolute; top: 20px; left: 10px; }

img { display: block; border: 0; }
h1.paginatitel { z-index: 1; display: block; position: absolute; top: 157px; right: 10px; text-align: right; font: bold 20px verdana, serif; color: #c2121d; }
* html h1.paginatitel { top: 170px; }
a { color: #c2121d; }

h2 { font: bold 18px verdana, serif; color: #c2121d; margin-bottom: 16px; }
h3 { font: bold 13px verdana, serif; }
body#homepage h1 { display: none; }

#utils { position: absolute; width: 200px; height: 140px; background: transparent url(../images/util_bg.gif) left top no-repeat; right: 0px;   }
body#homepage #utils { background-image: url(../images/util_home_bg.gif); height: 40px; }
#utils ul { margin: 5px 0 0 30px; padding: 0; list-style: none; }
#utils li { float: left; margin: 0 0px; }
#utils a { color: #fff; padding: 0 5px; border-right: 1px solid #fff; }
#utils a.last { border-right: none; }

#breadcrumbs { position: absolute; bottom: 4px; right: 10px; color: #fff; font-weight: bold; }
#breadcrumbs a { font-size: 9px; color: #fff; font-weight: bold; text-decoration: none; }
#breadcrumbs a:hover { text-decoration: underline; }

#content { overflow: hidden;  border-right: 0px solid #c2121d; background: #fff url(../images/left_bg.gif) left top repeat-y; }
* html #content { width: 100%;  }
body#homepage #content {background: #fff url(../images/content_bg.jpg) right top no-repeat; }
#content .left { width: 226px; float: left; padding: 10px 6px; }
#content .right { margin-left: 245px; padding: 10px 6px; }
* html #content .right { height: 1%; }
.paragraaf { color: #66816f; overflow: hidden; }
.paragraaf { height: 1%; }
.paragraaf strong { color: #000; }
body#homepage .paragraaf { width: 440px; padding-left: 15px; }
#content .left .img_holder { position: relative; margin-bottom: 20px; height: 88px; width: 225px;}
#content .left .img_holder .banner_ronding { position: absolute; top: 0; left: 0; z-index: 1;height: 88px; width: 225px; background: transparent url(../images/banner_ronding2.gif) left top no-repeat; }

.nieuws h3 { margin-bottom: 0; }
.backbutton { float: left; margin-left: 5px;}
.forwardbutton { float: right;margin-right: 10px; }
* html .forwardbutton { margin-right: 5px; }

ul.homelinks { position: absolute; margin: 0; padding: 0; list-style: none; top: 68px; right: 0;  }
a.homelink1 { position: absolute; /*left: 650px; top: 75px; */width: 310px; height: 50px; text-indent: -9999px; }
a.homelink2 { position: absolute; /*left: 690px; top: 132px; */width: 270px; height: 50px; text-indent: -9999px; }
a.homelink3 { position: absolute; /*left: 650px; top: 190px; */width: 310px; height: 50px; text-indent: -9999px; }
a.homelink4 { position: absolute;/* left: 690px; top: 252px; */width: 270px; height: 50px; text-indent: -9999px; }
a.homelink1 { top: 7px; left: 640px; left: auto; right: 0; }
a.homelink2 { top: 65px; left: 680px; left: auto; right: 0; }
a.homelink3 { top: 122px; left: 640px; left: auto; right: 0; }
a.homelink4 { top: 183px; left: 680px; left: auto; right: 0; }

#footer { min-height: 86px; background: #000 url(../images/footer_bg.gif) left top no-repeat; }
* html #footer { height: 86px; }
#footer .text { float: right; margin: 70px 10px 0 0; }
#footer .text ul { margin: 0; padding: 0; list-style: none; }
#footer .text li { float: left; color: #fff; padding: 0 5px; border-right: 1px solid #fff; }
#footer .text li.last { border-right: 0; }
#footer .text a { color: #fff; text-decoration: none; }
#footer .text a:hover { text-decoration: underline; }
#footer .banner { overflow: hidden; clear: both; margin-bottom: 20px; padding: 20px 0 20px 0; }
#footer .banner ul { margin: 0; padding: 0; list-style: none; }
#footer .banner li { float: left; margin-left: 11px; }
#footer .banner .img_holder { position: relative; height: 88px; width: 225px; }
#footer .banner .img_holder .banner_ronding { position: absolute; top: 0; left: 0; height: 88px; width: 225px; background: transparent url(../images/banner_ronding.gif) left top no-repeat; }


#nav { position: absolute; top: 59px; left: 0; z-index: 2 !important;}
body#homepage #nav { top: 39px; }
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;

}

#nav a {
	display: block;
	width: 100%;
	font: bold 12px arial, helvetica, sans-serif;
color: #fff; 
background: #000;
text-decoration: none;
margin: 0;
padding: 2px 3px;
	border:1px solid #66816f;border-width: 0 1px;
}

#nav a:hover { background: #c2121d; }

#nav li:hover, #nav li.hover { position: static; }

#nav li li { width: 150px; }
* html #nav li { width: 1%; }
* html #nav li li { width: 100%; }

#nav li { /* all list items */
	float: left;

	/*width: 9em;*/ /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	/*width: 9em;*/
	width: 150px;
	z-index: 3;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-and-above-level lists */	margin: -20px 0 0 157px; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */ left: auto; }

#nav li.meer a { background: #000000 url(../images/menu_meer.gif) right top no-repeat; }
#nav li.meer li a { background: #000; }
#nav li.meer a:hover { background: #c2121d url(../images/menu_meer.gif) right top no-repeat; }
#nav li.meer li a:hover { background: #c2121d; }