* html #footer{
margin:-80px 0px 0px 0px;
}
* html #nonfooter{
height:100%;
}
body{
color:#666633;
height:100%;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0px;
}
html{
	background:url(../images/bg.gif);
	background-position:center;
	background-repeat:repeat-y;
	height:100%;
}
#content{
padding:0 0 80px;
}
#footer{
	margin:-80px auto 0px auto;
	position:relative;
	height:80px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#697b88;
}
#footer img{
	position:relative;
	top:4px;
	z-index:2;
}
#footer #colofon {
	position:relative;
	top:64px;
	z-index:4;
}
#footer #colofon a{
	color:#697b88;
	text-decoration:none;
}
#footer #colofon a:hover{
	color:#697b88;
	text-decoration:underline;
}
#nonfooter{
	border-bottom:1px solid #cccccc;/* keep opera happy */
	margin:0px auto;
	min-height:100%;
	text-align:center;
	width:954px;
}

.transparant 
{
    display:none;
}

/*HEADERTABEL*/

#headertabel {
	background-image:url(../images/header_bg.png);
	background-repeat:repeat-x;
	width:954px;
	background-color:#072f4c;
}
#maincontent {
	padding-left:25px;
}
#headertabel a {
	text-decoration:none;
	font-family:"Trebuchet MS";
	color:#507590;
	font-size:10px;
	letter-spacing:1px;
}
#headertabel a:hover {
	color:#F89903;
}
#headertabel a.headerhome {
	font-size:10px;
	position:relative;
	top:-2px;
	left:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#375F81;
	letter-spacing:0px;
}
#headertabel a.headerlogout {
	position:relative;
	top:-2px;
	left:855px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#375F81;
	letter-spacing:0px;
}
#headertabel a.headerhome:hover {
	color:#375F81;
	text-decoration:underline;
}
#headertabel a.headerlogout:hover {
	color:#375F81;
	text-decoration:underline;
}
#headertabel div.subtitel {
	text-align:center;
	position:relative;
	bottom:10px;
	font-family:"Trebuchet MS";
	color:#FAA01B;
	font-size:10px;
	letter-spacing:2px;
}
#header_bttm {
	background-image:url(../images/header_bottom.png);
	width:954px;
	height:47px;
}

/* end headertabel */


/* opmaak content */


.menu {
	font-family: verdana, Arial, sans-serif;
	 font-size: 11px;
	 BACKGROUND-COLOR: #F4EAAE;
	  color: #0072A8;
	 text-align: left 
}
.bottom {
	font-family: verdana, Arial, sans-serif;
	 font-size: 10px;
	 BACKGROUND-COLOR: #D0DAE0;
	  color: #0072A8;
	 text-align: center 
}
.bottomleft {
	font-family: verdana, Arial, sans-serif;
	 font-size: 10px;
	 BACKGROUND-COLOR: #D0DAE0;
	  color: #0072A8;
	 text-align: left
}
.menuor {
	font-family: verdana, Arial, sans-serif;
	 font-size: 10px;
	 BACKGROUND-COLOR: #FF8000;
	  color: #0072A8;
	 text-align: center 
}
.menubl {
	 font-family: verdana, Arial, sans-serif;
	 font-size: 10px;
	 BACKGROUND-COLOR: #0072A8;
	 color: #0072A8;
	 text-align: center 
}
.menuwit {
	 font-family: verdana, Arial, sans-serif;
	 font-size: 10px;
	 BACKGROUND-COLOR: #ffffff;
	 color: #0072A8;
	 text-align: center 
}
.tekst {
	font-family: verdana, Arial, sans-serif;
	font-size: 11px;
	color: #346f99;
	text-align: left;
	TEXT-DECORATION: none;
	padding: 5px 0 5px 0;
}

.tekstlicht {
	font-family: verdana, Arial, sans-serif;
	font-size: 11px;
	color: #dfe7ee;
	text-align: left;
	TEXT-DECORATION: none;
	padding: 5px 0 5px 0;
}

.tekstcenter {
	font-family: verdana, Arial, sans-serif;
	font-size: 11px;
	color: #346f99;
	text-align: center;
	TEXT-DECORATION: none;
	padding: 5px 0 5px 0;
}
.tekstgrijs { 
	font-family: verdana, Arial, sans-serif; 
	font-size: 11px; color: #808080; 
	text-align: left; 
	TEXT-DECORATION: none 
}

.tekstkl {
	font-family: verdana, Arial, sans-serif;
	font-size: 10px;
	color: #0072A8;
	TEXT-DECORATION: none;
	text-align: right;
}
.labelorbold {
	font-family: verdana, Arial, sans-serif;
	font-size: 11px;
	color: #FF8040;
	text-align: left;
	font-weight: bold
}

.labelor {
	font-family: verdana, Arial, sans-serif;
	font-size: 11px;
	color: #FF8040;
	text-align: left;
	TEXT-DECORATION: none
}

.labelorR {
	font-family: verdana, Arial, sans-serif;
	font-size: 11px;
	color: #FF8040;
	text-align: right;
	TEXT-DECORATION: none
}

.alertred {
	font-family: verdana, Arial, sans-serif;
	font-size: 11px;
	color: #FF0000;
	text-align: left;
	font-weight: bold
}

.button {
	font-family: verdana, Arial, sans-serif;
	font-size: 10px;
	BACKGROUND-COLOR: #dfe7ee;
	color: #0072A8}

.cleardefault {
	font-family: verdana, Arial, sans-serif;
	font-size: 10px;
	BACKGROUND-COLOR: #dfe7ee;
	color: #0072A8}
	
.tekstvet {
	font-family: verdana, Arial, sans-serif;
	font-size: 10px;
	color: #0072A8;
	text-align: left;
	font-weight: bold
}


.subtitel {
	font-family: verdana, Arial, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-align: left}
.titelor {
	font-family: verdana, Arial, sans-serif;
	font-size: 11px;
	color: #FF8000;
	text-align: left}

.titel {
	font-family: verdana, Arial, sans-serif;
	font-size: 12px;
	color: #0072A8;
	text-align: left;
	font-weight: bold}

select
{
	border:solid 1px #346f99;
}

A{
	color: #0072A8;
	text-decoration: none;
	text-decoration: underline;}
A:hover	{
	text-decoration: underline}

.link2{
	COLOR: #ffffff;
	FONT-FAMILY: verdana, Arial, sans-serif;
	FONT-SIZE: 10px;
	TEXT-DECORATION: none}
A.link2{
	COLOR: #ffffff;
	FONT-FAMILY: verdana, Arial, sans-serif;
	FONT-SIZE: 10px;
	TEXT-DECORATION: none}
A.link2:hover{
	COLOR: #ffffff;
	FONT-FAMILY: verdana, Arial, sans-serif;
	FONT-SIZE: 10px;
	TEXT-DECORATION: underline}

.link3{
	COLOR: #ffffff;
	FONT-FAMILY: verdana, Arial, sans-serif;
	FONT-SIZE: 10px;
	color: #0072A8;
	TEXT-DECORATION: none}
A.link3{
	COLOR: #ffffff;
	FONT-FAMILY: verdana, Arial, sans-serif;
	FONT-SIZE: 10px;
	color: #0072A8;
	TEXT-DECORATION: none}
A.link3:hover{
	COLOR: #ffffff;
	FONT-FAMILY: verdana, Arial, sans-serif;
	FONT-SIZE: 10px;
	color: #0072A8;
	TEXT-DECORATION: underline}
.balklinkslichtbackup {
	font-family: verdana, Arial, sans-serif;
	font-size: 11px;
	background-color: #0059B3;
	color: #ffffff;
	text-align: left
}
.balklinkslicht {
	font-family: verdana, Arial, sans-serif;
	font-size: 11px;
	background-color: #EBEBEB;
	color: #ffffff;
	text-align: left
}
.balklinkslicht_oran {
	font-family: verdana, Arial, sans-serif;
	font-size: 11px;
	background-color: #F4EAAE;
	color: #ffffff;
	text-align: left
}
.balklinkslicht2 {
	font-family: verdana, Arial, sans-serif;
	font-size: 11px;
	background-color: #9FC2DD;
	color: #0072A8;
	text-align: left
}
.balklinksdonker {
	font-family: verdana, Arial, sans-serif;
	font-size: 11px;
	background-color: #808080;
	color: #ffffff;
	text-align: left
}
.tabeltitel{
	font-family: verdana, Arial, sans-serif;
	font-size: 16px;
	color: #0072A8;
	text-align: left;
	font-weight: bolder;
}
.tabel1{
	font-family: verdana, Arial, sans-serif;
	font-size: 10px;
	border-bottom: solid #ffa100 1px;
	border-right: solid #ffa100 1px;
	color: #000000;
	padding: 2px 4px 2px 4px;
}
.tabel2{
	font-family: verdana, Arial, sans-serif;
	font-size: 10px;
	border-bottom: dashed #c2d4e3 1px;
	color: #000000;
	padding: 2px 4px 2px 4px;
}
.orange{
    color: #ffa100;
}
.padding{
    padding: 2px 4px 2px 4px;
}
.tabelFreq{
	font-family: verdana, Arial, sans-serif;
	font-size: 10px;
	background-color: #FF9F40;
	color: #ffffff;
	text-align: left
}
.tabelCrossTitle{
	font-family: verdana, Arial, sans-serif;
	font-size: 10px;
	background-color: #FFA100;
	color: #ffffff;
	text-align: left;
	font-weight: bold
}
.tabelCrossTitleLeft{
	font-family: verdana, Arial, sans-serif;
	font-size: 10px;
	background-color: #FFA100;
	color: #ffffff;
	text-align: left;
	font-weight: bold 
}
.tabelCrossOptions{
	font-family: verdana, Arial, sans-serif;
	font-size: 10px;
	background-color: #FFA100;
	color: #000000;
	text-align: left
}
.tabel2left{
	font-family: verdana, Arial, sans-serif;
	font-size: 10px;
	background-color: #FFF5CE;
	color: #000000;
	text-align: left 
}
.tabel2center{
	font-family: verdana, Arial, sans-serif;
	font-size: 10px;
	background-color: #FFF5CE;
	color: #000000;
	text-align: center 
}
.tabel1_period2{
	font-family: verdana, Arial, sans-serif;
	font-size: 10px;
	background-color: #ffa100;
	color: #0072A8;
	text-align: left 
}
.total_period1{
	font-family: verdana, Arial, sans-serif;
	font-size: 10px;
	background-color: #ffffff;
	color: #FF8040;
	text-align: left 
}
.total_period2{
	font-family: verdana, Arial, sans-serif;
	font-size: 10px;
	background-color: #ffffff;
	color: #0072A8;
	text-align: left;
	padding: 5px 0 5px 0;
}
.tabel2_period1{
	font-family: verdana, Arial, sans-serif;
	font-size: 10px;
	background-color: #dfe7ee;
	color: #000000;
	text-align: right;
	width: 40px;
}
.tabel2_period2{
	font-family: verdana, Arial, sans-serif;
	font-size: 10px;
	background-color: #dfe7ee;
	color: #000000;
	text-align: right;

	width: 40px;
}
.tabel3{
	font-family: verdana, Arial, sans-serif;
	font-size: 10px;
	border-bottom: dashed #c2d4e3 1px;
	color: #000000;
	text-align: left;
	width: 190px;
}
.antwoord {	
	font-family: verdana, Arial, sans-serif; 
	font-size: 10px; 
	color: #000000; 
	text-align: center
}
.kleinetekst { 
	font-family: verdana, Arial, sans-serif; 
	font-size: 8px; 
	color: #0072A8; 
	TEXT-DECORATION: none; 
	text-align: center 
}
.lijstitem { 
	font-family: verdana, Arial, sans-serif; 
	font-size: 11px; 
	color: #0072A8; 
	text-align: left; 
	TEXT-DECORATION: none 
}
.SectieTitel {
	font-family: verdana, Arial, sans-serif;
	font-size: 11px;
	color: #0072A8;
	text-align: left;
	font-weight: bold;
	height: 0px;
	padding:0px;
	padding-left:5px;
	margin: 0px;
	margin-bottom: 1px;
	vertical-align:top;
}
#containerul, #containerul ul{
	text-align:left;
	margin:0; /* Removes browser default margins applied to the lists. */
	padding:0; /* Removes browser default padding applied to the lists. */
}

#containerul li{
	margin:0 0 0 10px;
	padding:0 0 5px 4px;
	list-style-type:none;
	font-family: verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight:normal;
	line-height:13px;
	color: #0072A8;
	vertical-align: middle;
	background-position: center;
	background-color:#FFFFFF;
	text-indent:-4px;
}

#containerul li.menutitle{
	font-weight:bold;
}

#containerul .symbols{ /* Various styles to position the symbols next to the items in the menu. */
	margin:0 0 0 -10px;
    float:left;
    width:12px;
    height:1em;
    background-position:0 50%;
    background-repeat:no-repeat;
}

.dotline {
	border-bottom: none;
	padding: 1px;
	background: url(../images/dots.gif) repeat-x bottom;
}
.pagetitle {
	font-family: verdana, Arial, sans-serif;
	font-size: 20px;
	background-color: #ffffff;
	color: #e88005;
	text-align: left;
	font-weight: bold;
}
.pagetitlePopup {
	font-family: verdana, Arial, sans-serif;
	font-size: 14px;
	background-color: #ffffff;
	color: #e88005;
	text-align: left;
	font-weight: bold;
}
table.selectie {
	background-color:#f1f5f9;
	border: 1px #346F99 solid;
	margin: 15px 0px 30px 0px;
}

table.selectie2 {
	background-color:#f1f5f9;
	border: 1px #346F99 solid;
	margin: 15px 0px 5px 0px;
	color: #346f99;
	font-weight: bold;
}

/*  end opmaak content   */

/* HOMEPAGE */

div#headerhome {
	background-image:url(../images/header_home.png);
	width:954px;
	height:140px;
	background-repeat:no-repeat;
}
div#hometabel {
	margin:0px 173px 0px 173px;
}
p.hometitel {
	text-align:left;
}
p.hometitel a {
	font-family:"Trebuchet MS";
	font-weight:bold;
	color:#ee8322;
	font-size:16px;
	text-align:left;
	text-decoration:none;
}
p.hometitel a:hover {
	text-decoration:none;
}
p.hometitel img.floatleft {
	float:left;
	position:relative;
	bottom:9px;
	right:7px;
}
p.homelegende {
	font-family:"Trebuchet MS";
	color:#375f81;
	font-size:13px;
	text-align:left;
	margin-bottom:-20px;
}
#headerhome a {
	text-decoration:none;
	font-family:"Trebuchet MS";
	color:#507590;
	font-size:10px;
	letter-spacing:1px;
}
#headerhome a.headerlogout {
	position:relative;
	top:84px;
	left:440px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#375F81;
	letter-spacing:0px;
}
#headerhome a.headerlogout:hover {
	color:#375F81;
	text-decoration:underline;
}
#headerhome div.subtitel {
	text-align:center;
	position:relative;
	top:90px;
	font-family:"Trebuchet MS";
	color:#FAA01B;
	font-size:10px;
	letter-spacing:2px;
}

/*  end homepage   */

/* loginpage */

#login {
	margin-top:50px;
	font-size:11px;
	color:#375f81;
}
#login td {
	text-align:justify;
	padding:20px;
}
#login input {
	font-size:11px;
	color:#375f81;
}
#login table.logintabel {
	background-color:#B1C4D1;
	border: 1px #375f81 solid;
}
#login table.logintabel td {
	background-color:#cdd9e2;
	padding:5px;
}
#login table.logintabel td.donker {
	background-color:#B1C4D1;
	padding:5px;
}
#login a {
	color:#eb7810;
	text-decoration:none;
}
#login a:hover {
	text-decoration:underline;
}

.progress
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

.progress table
{
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: bottom;
	margin: 0px;
	padding: 0px;
}

.progress td
{
	text-align: center;
	vertical-align:bottom;
}

.left
{	
	text-align:left;
}