* {
   margin: 0;
   padding: 0;
}
html,body {
	height: 100%; /* HEEL BELANGRIJK! */
/*background: #CDE3F1;  */
	color: #444445;
	font-size: .9em;
	font-family:  helvetica, arial, verdana, sans-serif;
	background-image: url('../images/backimage.gif');
}

.clear {
   clear: both; /* deze class gaan we gebruiken om de  floats #kolom1, 2 en 3 te clearen. */
}
#container {
	z-index:10;
	
	min-height:640px;
	min-height: 100%;
	width: 100%;
	margin: 0 auto; /* deze div centreren */
	position: relative; /* De footer wordt absoluut gepositioneerd, relatief aan #container. Dus position: relative moet dan hier toegevoegd worden */
	background-position: top left;
	background-image: url('../images/backimage.gif');
	 
	background-repeat: repeat-y;
}
#header {
	height: 180px;
	 
	
}
#content{
	width: 100%;
   margin: 0;
   padding: 0;
}
#navbar {
	display: none;
	line-height: 30px; /* height, line-height en vertical-align: middle zorgen ervoor dat de inhoud van deze div altijd verticaal gecentreerd wordt. */
	vertical-align: middle;
	background: green;
}
#kolom0 {
    width: 40px;
    float: left;
    height: 500px;
    margin-bottom: 34px; /* dezelfde hoogte als de hoogte van #footer, anders zal de tekst in deze div onderaan achter de footer vallen omdat #footer absoluut gepositioneerd is */
}
#kolom1 {
    width: 200px;
    float: left;
    height: auto;
    margin-bottom: 34px; /* dezelfde hoogte als de hoogte van #footer, anders zal de tekst in deze div onderaan achter de footer vallen omdat #footer absoluut gepositioneerd is */
}
#kolom1 h2, #kolom1 p  {
   padding: 10px; 
}
#kolom2 {
    width: 300px;
    float: left;
    height: auto;
    margin-bottom: 34px; /* dezelfde hoogte als de hoogte van #footer, anders zal de tekst in deze div onderaan achter de footer vallen omdat #footer absoluut gepositioneerd is */
}	 
#kolom2 h2, #kolom2 p  {
   padding: 10px;  
} 
#kolom3 {
    width: 200px;
    float: left;
    height: auto;
    margin-bottom: 34px; /* dezelfde hoogte als de hoogte van #footer, anders zal de tekst in deze div onderaan achter de footer vallen omdat #footer absoluut gepositioneerd is */
}
#kolom3 h2, #kolom3  p {
 padding: 10px; 
}
#kolom12 {
    width: 500px;
    float: left;
    height: auto;
    margin-bottom: 34px; /* dezelfde hoogte als de hoogte van #footer, anders zal de tekst in deze div onderaan achter de footer vallen omdat #footer absoluut gepositioneerd is */
}
#kolom12 h2, #kolom12 p {
padding: 10px; 
}
#kolom13 {
	width: 700px;
	float: left;
	height: auto;
	margin-bottom: 34px; /* dezelfde hoogte als de hoogte van #footer, anders zal de tekst in deze div onderaan achter de footer vallen omdat #footer absoluut gepositioneerd is */
	 
}
#kolom13 h2, #kolom13 p {
padding: 10px; 
}
#kolom23 {
    width: 500px;
    float: left;
    height: auto;
    margin-bottom: 34px; /* dezelfde hoogte als de hoogte van #footer, anders zal de tekst in deze div onderaan achter de footer vallen omdat #footer absoluut gepositioneerd is */
}
#kolom23 h2, #kolom23 p{
padding: 10px; 

}
#footer {
	position: absolute;
	left: 0px;
	height: 34px;
	width: 840px;
	padding-left:  60px;
	line-height: 30px;
	vertical-align: middle;
	bottom: -2px;
	overflow: hidden;
}
body>#footer{  /* overruled msie */
	bottom: 0px;} 
	
#ticker{
	position: absolute;
	Z-INDEX: 20;
	left: 90px;
	top: 65px;
	width: 850px;
	Height:25px;
}
#logo{
position: absolute;
	Z-INDEX: 10;
	left: 30px;
	top: 5px;
	width: 700px;
	Height:144px;
}
#top{
position: absolute;
	Z-INDEX: 20;
	left: 30px;
	top: 5px;
	width: 700px;
	Height:144px;
}

.wit{
	color:white;
}
 

.titelkolom{
	font-size: 16pt;
	color: #0072BB;
	padding-left: 10px;
	font-weight: lighter;
	height: 30px;
	/*text-transform: capitalize;*/
}
 
#gblpagetext{
 	left: 30px;
	width: 700px;
	position: absolute;
	text-align: right;
	top:170px;
	z-index:20;
}
#gblpagehelp{
	z-index: 10;
	position: absolute;
	left: 660px;
	top: 268px;
	width: 280px;
	height: 20px;
	color: #ABD56F;
	font-size: 13pt;
	color: White;
	line-height: 150%;
	background: #7AB51D;
}
 table{
 	padding-left:10px;
 }
td {
	VERTICAL-ALIGN: top;
	font-family: "Gill Sans MT", tahoma, arial, verdana, sans-serif; 
	font-size:1em;
 }
TD.bot {
	VERTICAL-ALIGN: bottom;
 
}
H1 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 14pt;
	COLOR: #0072B9;
}
H2 {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #333333;
}
.kop_blauw {
	FONT-WEIGHT: bold; color: #0072B9;
	font-size:1.2em;
}
.kop_oranje {
	FONT-WEIGHT: bold; color: #ff7638;
}
.kop_groen {
	FONT-WEIGHT: bold;
	color: #7AB51D;
}
.kop_geweest {
	FONT-WEIGHT: bold; COLOR: #aaaaaa;
}
.geweest {
	COLOR: #aaaaaa;
}
.inleiding {
	FONT-WEIGHT: bold;
}
HR {
	WIDTH: 100%;
	COLOR: #D8EAF4;
	HEIGHT: 2px;
}
.datum        { font-size: .5em; }
A:link {
	COLOR: Blue;
	TEXT-DECORATION: none;
}
A:active {
	COLOR: Gray;
	TEXT-DECORATION: none;
}
A:visited {
	COLOR: Navy;
	TEXT-DECORATION: none;
}
A:hover {
	COLOR: Black;
	/*background-color: #C2D6EF;*/
}
A.tekstlink:link {
color: #7AB51D;
	TEXT-DECORATION: none;
}
A.tekstlink:active {
	TEXT-DECORATION: none;color: #7AB51D;
}
A.tekstlink:visited {
	TEXT-DECORATION: none;color: #7AB51D;
}
A.tekstlink:hover {
	 color: #0072B9; TEXT-DECORATION: none;
}
A.witlink:link {
	COLOR: #ffffff; TEXT-DECORATION: none;
}
A.witlink:active {
	COLOR: #ffffff; TEXT-DECORATION: none;
}
A.witlink:visited {
	COLOR: #ffffff; TEXT-DECORATION: none;
}
A.witlink:hover {
	/*FONT-WEIGHT: bold;*/ COLOR: #0000a0;
}
IMG {
	  BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; 
}
img.b1{
	border: thin solid #D8EAF4;
	margin-right: 10px;}
	



.pad10{
	 padding-top: 5px;
	 padding-left: 10px;
	  padding-right: 10px;
}
 li{
	margin-left:30px;
	list-style: square outside  ;
}
.br5{
	line-height: 5px;
}
 
 
.datumedit{
	text-align: right;
	z-index: 30;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom:  2px;
}
.kix{
	font-family: "KIX Barcode";
	font-size:10pt;
}
.error{
	color:red;
}
 

/*Eric Meyer's based CSS tab*/

#tablist{
padding: 2px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font:  12px arial;
}

#tablist li{
list-style: none;
display: inline;
margin: 0;
}

#tablist li a{
text-decoration: none;
padding: 2px 0.5em;
margin-left: 2px;
border: 1px solid blue;
border-bottom: none;
background: white;
}

#tablist li a:link, #tablist li a:visited{
color: navy;
}

#tablist li a:hover{
color: #000000;
background: #C1C1FF;
border-color: blue;
}

#tablist li a.current{
background: #CDE3F1;
}