body { 
	background: #c1bfcd; 
	font-family: Arial, Helvetica, Tahoma, clean, sans-serif;
	font-size:12px;
	color:#000;
	line-height:185%;
	text-align: left;	
	margin: 0;
	height:100%;
}

 

/*
=============
LAYOUT STYLES
=============
*/
 
div.wrapper {
	width: 954px;
  position: absolute;
  left: 50%;
  margin-left: -485px;
}

div.main {
	width: 954px;
  background: #fff;
  background: url('../images/main_bg_met_linkerkolom.png');
}
 
div.top {
	width: 954px;
	height:136px;
}

div.help {
	width: 914px;
	position: relative;
	top:95px;
	text-align: right;
}
 
div.onderstuk {
	background: url('../images/onderstuk_bg.png') #a68bbc left bottom;
	height: 32px;
	width: 954px;
}
div.footer {
	background: url('../images/footer_bg.png') #a68bbc left bottom;
	height: 72px;
	width: 954px;
}

div.menu {
	width: 268px;
	float:left;
	position: relative;
	left: 32px;
}


div.menu { 
	color: #201a5f;   
}

.menu ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.menu  li {
	list-style: none; 
	padding-left: 15px;
	margin: 0px; 
}


div.content {
	width: 593px;
	float: left;
	position: relative;
	left: 60px;
} 

div.option {
	width: 138px;
	float: left;
}

.menuitem  li a:link, .menuitem  li a:visited{ 
	color:#201a5f;
	text-decoration: none;
}

.menuitem  li a:hover { 
	color:#201a5f;
	text-decoration: none; 
} 

.menuitem  li a:link.active, .menuitem  li a:visited.active{
	color: #201a5f;
}

div.prev {
	width: 290px;
	text-align: left;
	float: left;
	font-size: 12px;
}

div.next {
	width: 290px;
	text-align: right;
	float: left;
	font-size: 12px;
}

a:link.prevnext, a:visited.prevnext{ 
	color:#57ab25;
	text-decoration: none;
	font-weight: bold;
}

a:hover.prevnext { 
	color:#57ab25;
	text-decoration: underline; 
	font-weight: bold;
} 

div.timestamp {
	width: 220px;
	height: 20px;
	position: relative;
	left: 20px;  
	vertical-align:bottom;
	text-align: center;
}
	

.footer UL
{
	position: relative;
	padding-bottom: 0px;
	list-style-type: none;
	margin: 0px 40px 0px 30px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}
.footer UL LI
{
	padding-bottom: 0px;
	line-height: 20px;
	margin: 0px 15px 0px 0px;
	padding-left: 0px;
	padding-right: 0px;
	display: inline;
	float: left;
	color: #fff;
	font-size: 13px;
	padding-top: 15px;
}
.footer UL LI.footer_rechts
{
	text-align: right;
	margin: 0px;
	display: inline;
	float: right;
}
.footer UL LI A
{
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}
.footer UL LI.footer_rechts A
{
	padding-bottom: 0px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 0px;
}

/*
==============
GENERAL STYLES
==============
*/
h1 {  
 	font-size:13pt;  
 	color: #fff;
}

h2 {  
 	font-size:10pt;  
	color: #FFC20E;
}
 
img {
	border: 0px;
}

a:link, a:visited{ 
	color:#201a5f;
	text-decoration: none;
	font-weight: bold;
}

a:hover { 
	color:#201a5f;
	text-decoration: underline; 
	font-weight: bold;
} 

span.red {
	background: red;
	color: white;
	font-weight: bold;
	padding-left:4px;
	padding-right:2px;
}

span.orange {
	background: orange;
	color: white;
	font-weight: bold;
	padding-left:4px;
	padding-right:2px;
}

span.green {
	background: green;
	color: white;
	font-weight: bold;
	padding-left:4px;
	padding-right:2px;
}
	 
span.warning {
 	color: red;
}

/*
======================
MODULE SPECIFIC STYLES
======================
*/

/* resultatenpagina */
table.resultaten { 
}
 
td.res_cat {
	width: 250px;
}
td.res_score {
	width: 50px; 
	text-align: center;
}
td.res_score_total {
	width: 50px; 
	text-align: center;
	font-size: 16px;
}


/*
===========
FORM STYLES
===========
*/


label.edit {
	width:100px;
	float:left;
}
 
input.regform{
	float:left; 
	border: 1px solid #c2c1cf;
	color: #201a5f; 
	width: 290px; 
	font-size:9pt; 
	font-family:Arial, Helvetica, Verdana,  sans-serif;
	float:left;
}

select.regform{
	float:left; 
	border: 1px solid #c2c1cf;
	color: #201a5f; 
	width: 290px; 
	font-size:9pt; 
	font-family:Arial, Helvetica, Verdana,  sans-serif;
	float:left;
}

textarea {
	width: 400px;
	height: 150px;
} 
 

textarea.edithigh {
	float:left;
	border:1px solid #ccc;  
	color: #444; 
	width: 500px; 
	height:150px;
	font-size:9pt;
	overflow:auto;
	font-family:Arial, Helvetica, Verdana,  sans-serif;
}
input.contact{
	float:left; 
	background: url('../images/green_transp.png') ; 
	border: 1px solid #ccc;
	color: #fff; 
	width: 500px; 
	font-size:9pt; 
	font-family:Arial, Helvetica, Verdana,  sans-serif;
	float:left;
}
textarea.contact {
	float:left;
	background: url('../images/green_transp.png') ; 
	border:1px solid #ccc;  
	color: #fff; 
	width: 500px; 
	height:85px;
	font-size:9pt;
	overflow:auto;
	font-family:Arial, Helvetica, Verdana,  sans-serif;
}


input.submit{
	float:left;
	border:0px; 
	background: #c2c1cf;   
	color: #201a5f;  
	height: 24px;
	font-size:11px;  
	font-family:Arial, Helvetica, Verdana,  sans-serif;
	font-weight: bold;
	text-align: center; 
	margin-right: 10px;
	float: left;
}