* {
   margin: 0;
   padding: 0;
}
html,body {
	height: 100%; /* HEEL BELANGRIJK! */
	background: White;
	color: #7A262e;
	font-size: 1em;
	font-family: Trebuchet MS, Verdana,  Helvetica, 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: White;
	background-repeat: repeat-y;
	background-image: url('../images/oranjebacktrans.jpg');
}
#header {
	height: 210px;
	
	
}
#logo{
	position: absolute;
	Z-INDEX: 10;
	left: 390px;
	top: 5px;
	width: 170px;
	Height: 170px;
}

#foto{
	Z-INDEX: 10;
	position: absolute;
	left: 60px;
	top: 5px;
	width: 280px;
	height: 170px;
}
#payoff{
	Z-INDEX: 10;
	position: absolute;
	left: 610px;
	top: 5px;
	width: 280px;
	height: 170px;
	font-family: "Book Antiqua",serif;
	font-size: 19pt;
	color: #FB5306;
	line-height: 140%;
	font-weight: bold;
	letter-spacing: 1px;
}
#slagzin{
	position: absolute;
	Z-INDEX: 12;
	left: 340px;
	top: 155px;
	width: 270px;
	Height: 20px;
	color: #EC5004;
	font-size: .6em;
 
	text-align: center;
}
#ticker{
	position: absolute;
	Z-INDEX: 20;
	left: 90px;
	top: 65px;
	width: 850px;
	Height: 25px;
	overflow: hidden;
	display:none;
}
#gblpagetext{
	Z-INDEX: 3;
	position: absolute;
	top: 210px;
	left:490px;
	width: 450px;
	height: 20px;
	
text-align:right;
	font-size: .8em;
	
}
#locatie{
	z-index: 10;
	position: absolute;
	left: 5px;
	top: 210px;
	width: 480px;
	height: 25px;
	font-size: .8em;

} 
#content{
	width: 900px;
   margin: 0;
   padding: 0;
}
#navbar {
	display: block;
	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: 50px;
    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: 845px;
    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;} 
	




.wit{
	color:white;
}


 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: #FB5306;
}
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: 1em;
}
.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;
}
#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;
}