body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #777;
	background-color: #444;
	text-align: center;
/* part 1 of 2 centering hack */
	}
a {
	text-decoration: none;
	font-weight: bold;
	color:  #ccc;
	outline: none;
	}
a:visited {
	color:  #ccc;
	}
a:active {
	color:  #ccc;
	}
a:hover {
	color: #ccc;
	text-decoration: underline;
	}
.ahem {
	display: none;
	}
strong, b {
	font-weight: bold;
	}
p {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
	font-size: 24px;
	line-height: 44px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h2 {
	font-size: 18px;
	line-height: 40px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h3 {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h4 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
img {
	border: 0;
	}
.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}
.tiny {
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
	}
#layout {
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto; 	/* opera does not like 'margin:20px auto' */
	 background: /*wit:  */  #fff; 
	/* background: /*grijs:   #666; */
	border: 5px solid #666;
	text-align:left; /* part 2 of 2 centering hack */
	width: 800px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 770px;
	}
html>body #layout {
	width: 770px; /* ie5win fudge ends */
	}
pre {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}
	
/* ADDED CSS: */
/* ========== Navigation Section ======== */
/* == Top nav == */

.nav1 
{
	/* height: 23px; */
	vertical-align: middle;
	text-align: center;
	background: url(../images/cellpic2.gif);
	padding: 0;
	margin: 0;
}
.nav_top { background-color: #4F4F4F; padding: 0; margin: 0; height: 22px; }
.nav_top li {  text-align: center; display: inline;  }	
.nav_top a:link, .nav_top a:visited { text-align: center; font-size: 11px;  font-weight: bold;	padding: 4px 8px 6px 8px; text-decoration: none; color: #EEEEEE; }
.nav_top a:link.active, .nav_top a:visited.active, .nav_top a:hover { color: #FFFFFF; background: url(../images/cellpic3.gif); height: 23px; }

/* == Left nav == */
/* --  */	
#navigatie {
	float: left;
	width: 120px; 
	list-style: 	none; /* bullets weg */
	margin: 			0;
	padding: 		0;		/* komt bij li's */
	border-top: 0px solid green;
}

#navigatie li {
	background: #C0DCB4 url(../images/cellpic3.gif);
	border-style: none none solid none;
	border-width: 1px 0px 1px 0px;
	border-color: Green;
	padding: 5px 0px 5px 15px;
	font-size: 12px;
	text-align: left;
	display: block;
}

#navigatie a 			{	text-decoration:			none;}
#navigatie a:link 	{	color: #fff;}
#navigatie a:visited {	color: #fff;}
#navigatie a:hover   {
	border-color: Lime;
	color: Green;
	display: block;
}
/* == End Left nav == */	


#header {
	padding: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto; 	/* opera does not like 'margin:20px auto' */
	background: /*wit:  */  #fff; 
	/* background: #666; */
	border: 15px solid #666;
	text-align:left; /* part 2 of 2 centering hack */
	width: 800px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 770px;
	}
html>body #header{
	width: 770px; /* ie5win fudge ends */
	}

#banner {
	background-color: #525252;
	background-image: url(../images/top_sinistermoon.gif);
	background-repeat: no-repeat;
	height: 105px;
	
}
#greenbar {
	height: 4px;
	background-color: #A2BA25;
	background-image: url(../images/cellpic3.gif);
}

#content
{
	float: right;
	padding: 10px 8px 20px 10px;
	margin: 10px;
	width: 600px;
	/* background-color: #fff; */
	border-left: 1px solid #333;
	color: Black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-indent: 2px;
	text-align: justify;
	min-height: 400px; 
}

#content a 					{	text-decoration:			none;}
#content a:link 			{	color: 					/*#37423F*/#A2BA25;}
#content a:visited	 	{	color: 					/*#37423F*/#A2BA25;}
#content a:hover  	 	{
	color: #373F42;
	text-decoration: underline;
}

/* #footer area: */
#copy 
{
	clear: both;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8px;
	text-align: center;
	padding: 0px 0px 0px 0px;
	position: relative;
	right: 5px;
	bottom: 5px;
	width: 100%;
	vertical-align: top;
}
#copy hr { border-color: #333; }
#copy a 					{	text-decoration: underline;  }
#copy a:link		 	{	color: #525252;				  }
#copy a:visited		{	color: #525252;				  }
#copy a:hover  		{  color: black;  font-style: italic;  }