@charset "utf-8";
/* CSS Document */
	body { font:normal .7em/1.6em Verdana, Helvetica, sans-serif; color:black;  background-color:#9b9b9b; }
        #container { position:relative;	width:800px; background:white; margin:-16px auto; /* half of width */	z-index:10;}
					#inner-container { margin-left:30px;}
						#inner-left { float:left; width:180px; }
							#inner-center { float:left; left:210px; width:350px; }
								#inner-right { float:left; left:560px; padding-left:30px; width:180px; margin-right:30px; }
								
img, a img { 
	border:0;
}

#header { height:140px;	width:100%;	clear:both; }
	#header h1 a { text-indent:-9999px;	background:url(../images/header.gif) left top no-repeat; height:138px;	width:800px; z-index:100; display:block; }

a {
	color:#d80f17;
	text-decoration:none;
}

a:hover {
	color:#666666;
}

hr {
	border: none 0; 
	border-top: 1px solid #d80f17;
	height: 1px;
}

ul, ol { margin:0 0 0 26px; padding:0 0 6px 0; }
ul.questions { list-style:disc; padding:0; }
ul.home { margin:-10px 0 0 26px; padding:0 0 1em 0; }
li { margin:0; padding:0; }

.test {	margin:0 0 0 -6px; }

/* menu */

#menu {
	height:26px;
	width:770px;
	background:#000000 url(../images/menu.gif) left top repeat-x;
	clear:both;
	line-height:26px;
	padding-left:30px;
	font-family:Arial, Helvetica, sans-serif;
	color:white;
	font-size:14px;
	font-weight:bold;
}

#menu a {
	color:#ffffff;
	text-decoration:none;
	letter-spacing:0px;
}

#menu a:visited {
	color:#ffffff;
	text-decoration:none;
}

#menu a:hover {
	color:#999999;
	text-decoration:none;
}

#menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display:block;
	float:left;
}

#nav li li a {
	color:#ffffff;
	display: block;
	font-weight: normal;
	background-color: #d80f17;
	padding: 0px 10px 0px 10px;
	border-left: solid 1px white;
	height: 26px; /* als hoogte weg of min-height is werkt menu niet in IE ?? */
	line-height: 26px;
	text-decoration: none;
}

#nav li li a:hover {
	display: block;
	font-weight: normal;
	padding: 0px 10px 0px 10px;
	height:26px;
	line-height:26px;
	text-decoration: none;
	color:#999999;
}

#nav li {
	float: left;
	position: relative;
	cursor: default;
	display:block;
}

#nav li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: -7px;
}

/*#nav li>ul {
	top: auto;
	left: auto;
	color:#fff;
}*/

#nav li li {
	display: block;
	float: none;
	border: 0;
}

#nav li:hover ul, #nav li.over ul {
	display: block;
}

#footer {
	clear:both;
	font-size:10px;
	color:#999;
	text-align:left;
	padding:0 0 0 1em;
	line-height:2em;
}

#footer a {
	color:#999;
	text-decoration:underline;
}

#footer a:hover {
	text-decoration:none;
}