body {
text-align: center;
background-color: #919191;
}

a {
color:#CCCCCC;
}
 
a:Hover {
color:#CCCCCC;
} 

a:Visited {
color:#CCCCCC;
}

td {
color:#CCCCCC;
}

.h1top {
font-weight: lighter;
color: #0099FF;
font-size: 2em;
padding-bottom: 1em;
}

h1 {
font-weight: lighter;
color: #0099FF;
}

.container {
margin: 0 auto 0 auto;
/* display: block; */ 
position: relative;
width: 775px;
height: 100%;
background-color: #333333;
text-align: left;
}

.navbar {
margin-top: 20px;
height: 24px;
background-image: url("navigatie2.jpg");
}

.header {
width: 775;
height: 117;
background-image: url("header09.jpg")
}

.wcterreur {
width: 775px;
height: 23px;
background-image: url("piece.gif");
margin-top: 5px;
}

.mono {
width: 775px;
height: 23px;
background-image: url("mono.gif");
margin-top: 5px;
}

.left {
width: 175px;
padding: 0;
margin: 8px;
float: left; 
clear: both;
}

.content {	
	text-align: left;
	padding: 24px 12px 24px 12px;
	float:right;
	width: 560px;
	/* height: 100%; */
	position: relative;
	font: 16px Trebuchet MS, Arial, Verdana, Tahoma;
	color: #CCCCCC;
}


ul.vertical, ul.vertical li {

	margin:0;
	padding:0;
	list-style-type:none;
	font-size:100%;
	}

ul.vertical {
	border:1px solid #4242c0;
	position:absolute;
	z-index:1000;
	cursor:default;
	width: 157px;
	/* left:1em; */
	/*- top:4.05em; */
	background-color: #000000;
	height: 172px;
	padding: 8px 8px 0 8px;
	}

ul.vertical li {
	position:relative;
	text-align:left;
	cursor:pointer;
	cursor:hand;
	width: 157px;
	margin: 0px 0 0 0;
	}

ul.vertical ul {
	z-index:1020;
	cursor:default;
	position:absolute;
	width:8.2em;
	margin:-0.5em 0 0 9.7em;
	top:-100em;
	left:-1px;
	padding:0px 0 0 0;
	background: black;
	border-top:1px solid #4242C0;
	border-left:1px solid #4242C0;
	border-right:1px solid #4242C0;
	}
	
ul.vertical ul a:hover {
background-color: #C0C0C0;
/* background-color: #EEEEEE; */
color: #000040;
}

ul.vertical ul li {
	width:8.2em;
	border-bottom:1px solid #4242C0;
	}

ul.vertical ul ul {
	margin:-0.5em 0 0 7.7em;
	}

@media Screen, Projection { 
	ul.vertical li:hover > ul { top:0 }
	}

ul.vertical a, ul.vertical a:visited {
	display:block;
	cursor:pointer;
	cursor:hand;
	/* background:#000; */
	/* border:1px solid #edbb85; */
	padding:0;
	padding-bottom: 2px;
	font:normal normal bold 14px tahoma, verdana, sans-serif;
	color:#CCCCCC;
	text-decoration:none;
	/* letter-spacing:1px; */
	}
	
ul.vertical a:hover, ul.vertical a:focus, ul.vertical a.rollover, ul.vertical a.rollover:visited {
	/* background:#ffefcf; */
	color:#CE0000;
	}



@media screen, projection {
	* html ul.vertical li {
		display:inline; 
		f\loat:left; 
		/* background:#ffffff; */		}
	}
* html ul.vertical li { position:static; }
* html ul.vertical a { position:relative; }
ul[class^="vertical"] ul { display:none; }
ul[class^="vertical"] ul { displa\y:block; }