html, body, div, p, img, .menu ul, h1, h2, form {
	padding: 0;
	margin: 0;
	border: 0;
	}
.menuletter, .active
{
	margin-left: 5px;
}
body {
	background: #F4F7F9 url(../images/background.gif) repeat-y left top;
	text-align: center;
	}

		* html, * html body
		{
			margin:0;
			padding:0;
			height:100%;
			overflow:hidden;
		}

#header {
	width: 100%;
	height: 93px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: #fff;
	}


    #header p.nav
    {
	height: 0.9em;
	text-align: right;
	text-valign: top;
	font-family: Lucida Sans Unicode, Lucida Sans, Trebuchet MS, Verdana, sans-serif;
	color: #6294C5;
	font-size: 0.7em;
	margin-bottom: 0px;
	margin-bottom: 2px;
	font-weight: 100;
	}

#header p.top {
	text-align: right;
	width: 100%;
	height: 59px;
	background: #69C url(../images/header.gif) repeat-x left top;
	}

#header p.top img.logo {
	float: left;
	margin: 11px 0px 0px 13px;
	border: 0;
	}

#header p.top span.ibig {
	float: right;
	display: block;
	width: 200px;
	height: 59px;
	}

#header p.sub {
	width: 100%;
	height: 24px;
	background: #6294C5;
	border-top: 1px solid #fff;
	text-align: right;
	}

#header p.sub img {
	margin: 6px 6px 6px 0px;
	}

#main {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	
	text-align: left;
	padding-bottom:3em;
	}
	
	* html #main 
	{
		padding:0;
		height:93%;
		overflow:auto;
	}
	

#main div.head {
	overflow: hidden;
	height: 14px;
	background: #E9EFF4 url(../images/head.gif) repeat-x left top;
	}

#main div.menu {
	width: 105px;
	float: left;
	border-right: 1px solid #fff;
	
	padding-bottom:3em;
	
	}

#main div.menu div {
	width: 105px;
	height: 12px;
	margin-top: 0px;
	
	font-size: 0;
	border-top: 1px solid #fff;
	}

#main div.content
{
		height: 1%;
	margin-left: 106px;
	padding: 3px 6px 4px 4px;
}	
	
#main div.content, #main div.content, #main div.content td,  #main div.content th, .warning td,  #main div.content .inside td, .tekst 
{
	color: #394654;
	font-size: 0.9em;
	font-family: Lucida Sans Unicode, Lucida Sans, Trebuchet MS, Verdana, sans-serif;
}

#main div.content div {
	margin: 4px 2px 1px 2px;
	}

#main div.content div p {
	margin-bottom: 5px;
	}

#footer {
	clear: both;
	width: 100%;
	height: 30px;
	border-top: 1px solid #fff;
	background: #81AAD3 url(../images/footer.gif) repeat-x left top;
	text-align: right;
			position:fixed;
			bottom:0px;
			width:100%;
			
	}
	
	* html #footer 
	{

			height:7%;
			text-align:right;
			padding-top:1%;
	}

#footer span {
	margin-top: 3px;
	margin-right: 6px;
	height: 10px;
	color: #fff;
	font-size: 0.8em;
	font-family: Lucida Sans Unicode, Lucida Sans, Trebuchet MS, Verdana, sans-serif;
	
	}

#footer div.footer2 {
	clear: both;
	width: 100%;
	height: 10px;
	border-top: 1px solid #fff;
	background: #6294C5;
	font-size: 0;
	margin:0;
	}

p.navhead {
	overflow: hidden;
	width: 105px;
	height: 14px;
	background: #EFF4F8;

	}

p.navhead img, div.head img {
	margin-bottom: 3px;
	}

ul.nav {
	font-size: 0.8em;
	width: 105px;
	background: #EFF4F8;

	}

ul.nav li {
	margin: 0;
	list-style: none;
	}

ul.nav li a, .navkop, .active, .menuletter {
	color: #8399AA;
	font-size: 0.8em;
	font-family: verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	text-transform: capitalize;
	}
	ul.nav li a, .menuletter
	{
	color: #394654;
	}

	
	.navkop {
	font-size: 0.5em;
	font-weight: bold;
	color: white;
	margin-left: 0.3em;
	margin-bottom: 3em;
	font-family: verdana, arial, helvetica, sans-serif;
	}

ul.nav li a:hover {
	text-decoration: underline;
	}

ul.nav li a.active, .active {
	font-weight: bold;
	}

a {
	color: #8399AA;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}

.user {
	color: #8399AA;
	font-size: 0.8em;
	font-family: verdana, arial, helvetica, sans-serif;
	font-style: italic;
	}

.breadcrumbs {
	color: #8399AA;
	}

.bladwijzer {
	text-align: right;
	color: #8399AA;
	}

h1 {
	margin-bottom: 5px;
	margin-left: -3px;
	color: #394654;
	font-size: 1.1em;
	font-family: Lucida Sans Unicode, Lucida Sans, Trebuchet MS, Verdana, sans-serif;
	font-weight: bold;
	}

h2 {
	margin-top: 1px;
	color: #394654;
	font-size: 1em;
	font-family: Lucida Sans Unicode, Lucida Sans, Trebuchet MS, Verdana, sans-serif;
	
	}
h3 {
	margin-top: 1px;
	color: #394654;
	font-size: 0.9em;
	font-family: Lucida Sans Unicode, Lucida Sans, Trebuchet MS, Verdana, sans-serif;
    font-weight: bold;
}	

.loginfield {
	margin: 0;
	margin-left: 2px;
	margin-bottom: 2px;
	border-bottom: 1px solid #F2F2F2;
	border-right: 1px solid #F2F2F2;
	border-top: 1px solid #A1A1A1;
	border-left: 1px solid #A1A1A1;
	color: #394654;
	font: 10px verdana, arial, sans-serif;
	}

.loginbutton, .submitbutton {
	margin: 3px;
	background: #DFE8EF;
	border-bottom: 1px solid #8399AA;
	border-right: 1px solid #8399AA;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #8399AA;
	font: 10px verdana, arial, sans-serif;
	}

	



span.left
{
clear: both;
float: right;
text-align: left;
font-size:100%;
}  

span.right
{
text-align: right; 
 font-size:100%;
}
.kader {border: 2px solid #6294C5;}  
.goed {border: 2px solid green;}
.inside td,.progressbar td{border:0; font-size:100%; text-align: left;}
.progressbar{background: silver;}
.feedback, .fout, .warning, .table_rechts_fout 
{
 border: 2px solid red;
        padding: 3px;
        text-indent: 4px;
		font-size:100%;
        margin: 8px;
}  
.warning td{border:0; font-size:100%; }
.warning{text-align: center; width: 50%; margin-left:25%;}

.foutlinks {border-left: 1px red solid; border-top: 1px red solid; border-bottom: 1px red solid;}
.foutmidden {border-top: 1px red solid; border-bottom: 1px red solid;}
.foutrechts {border-right: 1px red solid; border-top: 1px red solid; border-bottom: 1px red solid;}

.verticaltext 
{
writing-mode: tb-rl;
filter: flipv fliph;
}

.optionrange{width: 50px; text-align: center; text-valign:top;}
.wit{color: white; font-size:1.1em; font-weight:bold;}