* {
   margin: 0;
   padding: 0;
}
html,body {
	height: 100%; /* HEEL BELANGRIJK! */
	background: #CDE3F1; /*#0072B9;*/
	color: #444445;
	font-size: .9em;
	font-family: "Gill Sans MT", "Trebuchet MS",helvetica, arial, verdana, sans-serif;
}

.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(textback-1000.png);*/
	background-color: #0072B9;
	background-repeat: repeat-y;
}
#header {
	height: 312px;
	background: #0072B9;
	
}
#content{
	width: 1000px;
   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: 56px;
    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: 277px;
    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: 311px;
    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: 304px;
    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: 588px;
    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: 892px;
    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: 615px;
    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: 100%;
	background-image: url("../images/groen-onder.png");
	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;
	overflow: hidden;
}
#logo{
position: absolute;
	Z-INDEX: 20;
	left: 50px;
	top: 5px;
	width: 160px;
	Height:90px;
}
#groen {
	position: absolute;
	Z-INDEX: 2;
	left: 0;
	top: 132px;
	width: 100%;
	height: 189px;
	background-image: url("../images/groen-1000.png");
	background-repeat: repeat-x;
}
#balk-groen1 {
	Z-INDEX: 3;
	position: absolute;
	top: 138px;
	left: 640px;
	width: 3px;
	height: 180px;
}
#balk-groen2 {
	Z-INDEX: 3;
	position: absolute;
	top: 138px;
	left: 950px;
	width: 3px;
	height: 180px;
}
#foto{
	Z-INDEX: 3;
	position: absolute;
	left: 53px;
	top: 134px;
	width: 280px;
	height: 185px;
}
#payoff{
	Z-INDEX: 3;
	position: absolute;
	left: 350px;
	top: 156px;
	width: 280px;
	height: 150px;
	font-family: "Book Antiqua",serif;
	font-size: 19pt;
	color: #ABD56F;
	line-height: 140%;
	font-weight: bold;
	letter-spacing: 1px;
}
#locatie{
	Z-INDEX: 3;
	position: absolute;
	left: 660px;
	top: 150px;
	width: 280px;
	height: 70px;
	color: #ABD56F;
	text-align: right;
	font-size: 13pt;
	
}
#login{
	Z-INDEX: 4;
	position: absolute;
	left: 660px;
	top: 240px;
	width: 280px;
	height: 70px;
	color: #ABD56F;
	font-size: 13pt;
	color: White;
	line-height: 150%;
}
.wit{
	color:white;
}
#bloemlinks{
	z-index: -1;
	position: absolute;
	bottom: 32px;
	left: 0px;
	width: 53px;
	height: 403px;
	background-image: url("../images/bloemlinks.png");
	background-repeat: no-repeat;
	 
}#bloemrechts{
	z-index: -1;
	position: absolute;
	bottom: 32px;
	left: 952px;
	width: 48px;
	height: 404px;
	background-image: url("../images/bloemrechts.png");
	background-repeat: repeat;
	 
}

.titelkolom{
	font-size: 16pt;
	color: #0072BB;
	padding-left: 10px;
	font-weight: lighter;
	height: 70px;
	/*text-transform: capitalize;*/
}
#streepwit{
	
	top: 400px;
	left: 55px;
	height: 2px;
	width: 896px;
	 background-image: url("../images/streepwit-horizontaal.png"); 
	position: absolute;
}
#gblpagetext{
 	left: 56px;
	width: 892px;
	position: absolute;
	text-align: right;
	top:321px;
	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;
 
}
TD.mid {
	VERTICAL-ALIGN: middle;
}
H1 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 14pt;
	COLOR: #0072B9;
}
H2 {
		FONT-WEIGHT: bold;
	FONT-SIZE: 11pt;
	COLOR: #333333;
}

fieldset { margin:10px; border:1px solid #D8EAF4;;padding:0.5em;   }

legend {
	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;
	border-top-style: none;
	border-bottom-style: none;
	background-color: #D8EAF4;
	border-right-style: none;
	border-left-style: none;
}
.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;
}
#kolomA {
	WIDTH: 446px;
	 LEFT: 60px;
	 /*POSITION: absolute;	overflow-y:auto;  Z-INDEX: 9;
    overflow-x:hidden; 
	 TOP: 390px; 
	margin:10px;
	HEIGHT: 420px;*/
	float:left

}
#kolomB {
	WIDTH: 633px;
	 /*POSITION: absolute;	overflow-y:auto;  Z-INDEX: 10;margin:10px;
    overflow-x:hidden; 
	 LEFT: 516px;
	 TOP: 390px; 
	HEIGHT: 420px;*/
	float:left
}
#kolomAA {
    width: 277px;
    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 */
}
#kolomAA h2, #kolomAA p  {
   padding: 10px; 
}
#kolomBB {
z-index:100;
   width: 588px;
    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 */
}
#kolomBB h2, #kolomBB p  {
   padding: 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;
}