body { 
	margin: 50px 51px 50px 50px;
	padding: 0px; 
	background-color: #333366; 
	font: 10px verdana, arial, helvetica, sans-serif;
	color: #000;
}
h1 { 
	font-size: 28px;
	font-weight: bold;
	margin: 0px; 
	font-family: helvetica; 
	color: white;
}
h2 {
	color: #333366;
	}
h3 { 
	font-size: 28px;
	font-weight: bold;
	margin: 0px; 
	font-family: helvetica; 
	color: #66ff00;
}

h5 { 
	color: #ff9900;
}
div.padder { 
	padding: 15px; 
}

p {
text-align: left;
font-weight: normal;
font-size: 10px;
color: #fff;
padding: 0px 20px 0px 10px;
}

.p2 {
text-align: left;
font-weight: bold;
font-size: 11px;
color: #6699ff;
}

.p3 {
font-size: 10px;
color: #ff991d;
}

.p4 {
background-color: #333399;
font-size: 10px;
color: #fff;
}

.p5 {
font-size: 10px;
color: #333366;
}

.p6 {
font-size: 10px;
color: #ff9900;
}

.p7 {
font-size: 10px;
color: #66ff00;
}

.p8 {
font-size: 10px;
color: #ffffff;
}


A:link { color: #66ff00;}
A:visited { color: #66ff00;}
A:active { color: #66ff00;}
A:hover { color: #66ff00;}

#content { 
	position: relative; 
	margin: 0px auto 0px auto; 
	height: 100%; 
	background-color: #ffffcc;
	color: #000000;
	padding: 10 10 10 10;
}
#content2 { 
	position: relative; 
	margin: 0px auto 0px auto; 
	height: 100%; 
	background-color: #333366;
	color: #6699ff;
}


#header { 
	position: relative; 
	width: 100%; 
	height: 75px; 
	background-color: #009933; 
	text-align: left;
	margin: 0px; 
	white-space: nowrap;
}
#contentSection { 
	position: relative; 
	height: auto; 
	margin: 0px 200px 0px 0px;
	height: 600px; 
	overflow: auto;
	}
	
#contentSection2 { 
	position: relative; 
	height: 600px; 
	margin: 0px 200px 0px 0px;
	height: 550px; 
	overflow: auto;
	background: url("bloem.gif") no-repeat; 
	}
#menuSection { 
	position: absolute; 
	top: 0px; 
	right: 0px; 
	height: 700px; 
	width: 190px; 
	background-color: #333366; 
}
.menu
	{
	top			: 0;
	left		: 0;
	margin		: 0;
	padding		: 0;
	background: #009933 url("logo.gif") right no-repeat;
	height: 75px; } /*** must be set so the following absolutely positioned divs are 
			    placed correctly on initial load of the page***/ 
	border-bottom: 0px solid #000000; 
	}

#footer {  
	position: relative; 
	height: 40px; 
	margin: 15px 195px 0px 15px; 
	padding-top: 4px; 
	border-top: 1px solid #eaddc5; 
	font-size: 10px;
	font: italic; 
}

.class1 a:link {text-decoration: none; background: #009933; width: 200px; height: 22px; color: #fff; font: 12px;}
.class1 a:visited {text-decoration: none; background: #009933; width: 200px; height: 22px; color: #fff;}
.class1 a:active {text-decoration: none; background: #009933; width: 200px; height: 22px; color: #fff;}
.class1 a:hover {text-decoration: none; background: #00cc33; width: 200px; height: 22px; color: #fff;}

.class2 a:link {text-decoration: none; background: #ff9900; width: 200px; height: 22px; color: #fff;font: 12px;}
.class2 a:visited {text-decoration: none; background: #ff9900; width: 200px; height: 22px; color: #fff;}
.class2 a:active {text-decoration: none; background: #ff9900; width: 200px; height: 22px; color: #fff;}
.class2 a:hover {text-decoration: none; background: #fe7200; color: #fff;}

.class3 a:link {text-decoration: none; background: #cc3300; width: 200px; height: 22px; color: #fff;font: 12px;}
.class3 a:visited {text-decoration: none; background: #cc3300; width: 200px; height: 22px; color: #fff;}
.class3 a:active {text-decoration: none; background: #cc3300; width: 200px; height: 22px; color: #fff;}
.class3 a:hover {text-decoration: none; background: #b31400; color: #fff;}

.class4 a:link {text-decoration: none; background: #660000; width: 200px; height: 22px; color: #fff;font: 12px;}
.class4 a:visited {text-decoration: none; background: #660000; width: 200px; height: 22px; color: #fff;}
.class4 a:active {text-decoration: none; background: #660000; width: 200px; height: 22px; color: #fff;}
.class4 a:hover {text-decoration: none; background: #3c0000; color: #fff;}

.class5 a:link {text-decoration: none; background: #333366; width: 200px; height: 22px; color: #fff;font: 12px;}
.class5 a:visited {text-decoration: none; background: #333366; width: 200px; height: 22px; color: #fff;}
.class5 a:active {text-decoration: none; background: #333366; width: 200px; height: 22px; color: #fff;}
.class5 a:hover {text-decoration: none; background: #666699; color: #fff;}

.form 			   {font-family: Arial, Verdana, Helvetica;	font-size: 10px;  color: #000000;	background-color: #ffffff; border: 1px solid black;	width: 215px; vertical-align: middle;}
.form1 			   {font-family: Arial, Verdana, Helvetica;	font-size: 10px;  color: #3599fb;	background-color: #e9f3ff; border: 1px solid black;	width: 215px; vertical-align: middle;}

td.upper {
	color : #ffffff;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
hr {
	border: 1px dotted #66ff00;
	height: 1px;
}