li {color: #ffffff;}

.centered {position: absolute; width: 815px; height: 680px; top: 50%; left: 50%; margin-top: -300px; margin-left: -408px; }

a.witgroot:link  {font-family: arial; font-weight: bold; color: #ffffff;  font-size: 12px; text-decoration: none; text-align: left;}
 
a.witgroot:active  {font-family: arial; font-weight: bold; color: #ffffff;  font-size: 12px; text-decoration: none; text-align: left;}

a.witgroot:visited {font-family: arial; font-weight: bold; color: #ffffff; font-size: 12px;  text-decoration: none; text-align: left;}
 
a.witgroot:hover {font-family: arial; font-weight: bold; color: #ffffff; font-size: 12px;  text-decoration: none;  text-align: left;}

a.witklein:link  {font-family: arial; font-weight: bold; color: #ffffff;  font-size: 11px; text-decoration: none;}
 
a.witklein:active  {font-family: arial; font-weight: bold; color: #ffffff;  font-size: 11px; text-decoration: none;}

a.witklein:visited {font-family: arial; font-weight: bold; color: #ffffff; font-size: 11px;  text-decoration: none;}
 
a.witklein:hover {font-family: arial; font-weight: bold; color: #ffffff; font-size: 11px;  text-decoration: none;}

a.witkleinst:link  {z-index: 100; font-family: arial; font-weight: bold; color: #000000;  font-size: 10px; text-decoration: none; text-align: center;}
 
a.witkleinst:active  {font-family: arial; font-weight: bold; color: #000000;  font-size: 10px; text-decoration: none }

a.witkleinst:visited {font-family: arial; font-weight: bold; color: #000000; font-size: 10px;  text-decoration: none;}
 
a.witkleinst:hover {font-family: arial; font-weight: bold; color: #ffffff; font-size: 10px;  text-decoration: none;}

a.roodgroot:link  {font-family: arial; font-weight: bold; color: #ff0000;  font-size: 12px; text-align: left;}
 
a.roodgroot:active  {font-family: arial; font-weight: bold; color: #ff0000;  font-size: 12px; text-align: left;}

a.roodgroot:visited {font-family: arial; font-weight: bold; color: #ff0000; font-size: 12px; text-align: left;}
 
a.roodgroot:hover {font-family: arial; font-weight: bold; color: #ff0000; font-size: 12px; text-align: left;}

a.roodklein:link  {font-family: arial; font-weight: bold; color: #ff0000;  font-size: 11px; text-decoration: none; text-align: left;}
 
a.roodklein:active  {font-family: arial; font-weight: bold; color: #ff0000;  font-size: 11px; text-decoration: none; text-align: left;}

a.roodklein:visited {font-family: arial; font-weight: bold; color: #ff0000; font-size: 11px;  text-decoration: none; text-align: left;}
 
a.roodklein:hover {font-family: arial; font-weight: bold; color: #ff0000; font-size: 11px;  text-decoration: none; text-align: left;}

a.blauw:link  {font-family: arial; font-weight: bold; color: #0000ff;  font-size: 12px;  text-align: left;}
 
a.blauw:active  {font-family: arial; font-weight: bold; color: #0000ff;  font-size: 12px; text-align: left;}

a.blauw:visited {font-family: arial; font-weight: bold; color: #0000ff; font-size: 12px; text-align: left;}
 
a.blauw:hover {font-family: arial; font-weight: bold; color: #0000ff; font-size: 12px; text-align: left;}

a.blauwklein:link  {font-family: arial; font-weight: bold; color: #0000ff;  font-size: 11px; text-align: left;}
 
a.blauwklein:active  {font-family: arial; font-weight: bold; color: #0000ff;  font-size: 11px; text-align: left;}

a.blauwklein:visited {font-family: arial; font-weight: bold; color: #0000ff; font-size: 11px; text-align: left;}
 
a.blauwklein:hover {font-family: arial; font-weight: bold; color: #0000ff; font-size: 11px; text-align: left;}

a.oranje:link  {font-family: arial; font-weight: bold; color: #ff6600;  font-size: 12px; text-align: left;}
 
a.oranje:active  {font-family: arial; font-weight: bold; color: #ff6600;  font-size: 12px; text-align: left;}

a.oranje:visited {font-family: arial; font-weight: bold; color: #ff6600; font-size: 12px; text-align: left;}
 
a.oranje:hover {font-family: arial; font-weight: bold; color: #ff6600; font-size: 12px; text-align: left;}


a.paars:link  {font-family: arial; font-weight: bold; color: #800080;  font-size: 12px; text-align: left;}
 
a.paars:active  {font-family: arial; font-weight: bold; color: #800080;  font-size: 12px; text-align: left;}

a.paars:visited {font-family: arial; font-weight: bold; color: #800080; font-size: 12px; text-align: left;}
 
a.paars:hover {font-family: arial; font-weight: bold; color: #800080; font-size: 12px; text-align: left;}


a.geel:link  {z-index: 1; font-family: arial; font-weight: normal; color: #ffff00;  font-size: 11px;  text-align: left;}
 
a.geel:active  {z-index: 1; font-family: arial; font-weight: normal; color: #ffff00;  font-size: 11px;  text-align: left;}

a.geel:visited {z-index: 1; font-family: arial; font-weight: normal; color: #ffff00; font-size: 11px; text-align: left;}
 
a.geel:hover {z-index: 1; font-family: arial; font-weight: normal; color: #ffff00; font-size: 11px;  text-align: left;}



a.groen:link  {z-index: 1; font-family: arial; font-weight: bold; color: #7dcf28; font-size: 10px; text-decoration: none; text-align: left;}
 
a.groen:active  {z-index: 1; font-family: arial; font-weight: bold; color: #7dcf28;  font-size: 10px;  text-decoration: none; text-align: left;}

a.groen:visited {z-index: 1; font-family: arial; font-weight: bold; color: #7dcf28; font-size: 10px; text-decoration: none; text-align: left;}
 
a.groen:hover {z-index: 1; font-family: arial; font-weight: bold; color: #7dcf28; font-size: 10px;  text-decoration: none; text-align: left;}


li.een {color: #60a377; text-align: left;}


td {z-index: 10; font-family: verdana; font-size: 11px; font-weight: normal; color: #808080; text-align: left; vertical-align: top; padding: 0px;} 

td.link {font-family: verdana; font-size: 12px; font-weight: normal; color: #808080; text-align: left; padding: 12px;} 

td.nav {z-index: 1; position: relative; font-family: verdana; font-size: 11px; font-weight: normal; color: #808080; text-align: left; vertical-align: top; padding-left: 5px;} 

td.boven {z-index: 1; font-family: verdana; font-size: 11px; font-weight: normal; color: #808080; text-align: left; border-width: 1px; border-left-color: #7dcf28; border-top-color: #7dcf28; border-right-color: #7dcf28; border-bottom-color: #7dcf28; border-style: solid; padding: 3px;}

td.roodboven {z-index: 1; position: relative; top: 3px; font-size: 1px; text-align: center; border-width:  1px 0px 0px 0px;  border-top-color: #ff0000; border-left-color: #f9ffff; border-right-color: #f9ffff; border-bottom-color: #f9ffff; border-style: solid;}

td.grijsboven {z-index: 1; position: relative; top: 3px; font-size: 1px; text-align: center; border-width:  1px 0px 0px 0px;  border-top-color: #00ccff; border-left-color: #f9ffff; border-right-color: #f9ffff; border-bottom-color: #f9ffff; border-style: solid;}


td.prikbord {z-index: 1; position: relative; top: 5px; font-size: 11px; text-align: left; border-width:  1px 0px 0px 0px;  border-top-color: #ff0000; border-left-color: #f9ffff; border-right-color: #f9ffff; border-bottom-color: #f9ffff; border-style: solid; color: #808080; }

td.roodonder {position: relative; top: 0px; font-family: arial; font-size: 11px; font-weight: normal; color: #000000; text-align: center; border-width: 1px; border-left-color: #ffffff; border-top-color: #ff0000; border-right-color: #ffffff; border-bottom-color: #ffffff; border-style: solid;}

td.dia {z-index: 10; text-align: center; vertical-align: top; padding: 1px;}

td.foto {z-index: 10; font-family: verdana; font-size: 11px; font-weight: normal; color: #808080; text-align: left; vertical-align: top; padding: 5px;} 

td.film {z-index: 10; font-family: verdana; font-size: 11px; font-weight: normal; color: #808080; text-align: left; vertical-align: top; padding: 5px;} 


#titel {position: absolute; top: 90px; left: 290px; width: 455px; height: 40px; font-family: verdana; font-size: 12px; font-weight: bold; color: #ff0000; text-align: center; z-index: 1;  background-color: #f9ffff;}

#picto {position: absolute; top: 125px; left: 190px; height: 375px; width: 96px;  font-family: verdana; font-size: 9px; font-weight: normal; color: #ffffff; background-color: #006600; text-align: left; vertical-align: top; z-index: 10; padding: 3px;}


#line1 {position: absolute; top: 125px; left: 286px; height: 375px; width: 2px;  font-family: verdana; font-size: 11px; font-weight: normal; color: #808080; background-color: #000000; text-align: center; vertical-align: top;}

#tabel1 {position: absolute; top: 130px; left: 290px; width: 455px; height: 440px; font-family: verdana; font-size: 11px; font-weight: normal; color: #808080;  text-align: left; padding: 10px; background-color: #f9ffff; z-index: 1;}

#afb {position: absolute; top: 105px; left: 560px; width: 140px; font-family: verdana; font-size: 11px; font-weight: normal; color: #808080; text-align: center;}


#terpterug {position: absolute; z-index: 1; top: 545px; left: 290px; font-family: verdana; font-size: 11px; font-weight: normal; color: #808080; text-align: left;}

#terpverder {position: absolute; z-index: 1; top: 545px; left: 690px; font-family: verdana; font-size: 11px; font-weight: normal; color: #808080; text-align: left;}

#terugterug {position: absolute; z-index: 1; top: 640px; left: 180px; font-family: verdana; font-size: 11px; font-weight: normal; color: #808080; text-align: left;}

#terughome {position: relative; z-index: 1; top: 0px; left: 530px; font-family: verdana; font-size: 11px; font-weight: normal; text-align: left;}


#tophoek {position: absolute; visibility: visible; z-index: 1; top: 3px; left: 725px;}


td.kolom {position: absolute; top: 115px; left: 156px; width: 578px; height: 400px; font-family: verdana; font-size: 11px; font-weight: normal; color: #000000;  text-align: left; padding: 10px; z-index: 1; border-width: 1px; border-left-color: #c0c0c0; border-top-color: #c0c0c0; border-right-color: #c0c0c0; border-bottom-color: #c0c0c0; border-style: solid; vertical-align: top;}


td.kolom_kleurplaat {position: absolute; top: 115px; left: 156px; width: 600px; height: 400px; font-family: verdana; font-size: 11px; font-weight: normal; color: #000000;  text-align: left; z-index: 1; }



td.kolom1 {font-family: verdana; font-size: 11px; font-weight: normal; color: #005000;  text-align: left; padding: 10px; z-index: 1;}

td.kolom1_retro {position: absolute; top: 168px; left: 155px; width: 285px; height: 400px; font-family: verdana; font-size: 11px; font-weight: normal; color: #603c16;  text-align: left; padding: 10px; z-index: 1;}


td.kolom2 {position: absolute; top: 168px; left: 460px; width: 270px; height: 400px; font-family: verdana; font-size: 11px; font-weight: normal; color: #005000;  text-align: left; padding: 10px; z-index: 1;}

td.kolom3 {position: absolute; top: 168px; left: 155px; width: 400px; height: 400px; font-family: verdana; font-size: 11px; font-weight: normal; color: #005000; text-align: left; padding: 10px; z-index: 1;}



td.kolom2dia {font-family: verdana; font-size: 11px; font-weight: normal; color: #005000;  text-align: left; padding: 5px; z-index: 1;}

td.contact {position: absolute; top: 185px; left: 160px; width: 280px; height: 350px; font-family: verdana; font-size: 11px; font-weight: normal; color: #000000; text-align: left; padding: 10px; z-index: 1; border-width: 1px; border-left-color: #c0c0c0; border-top-color: #c0c0c0; border-right-color: #c0c0c0; border-bottom-color: #c0c0c0; border-style: solid; vertical-align: top;}

b.dia {color: #ffffff; font-size: 11px; font-family: verdana; font-size: 11px;}

b.arrangement {color: #800080; font-size: 11px; font-family: verdana; font-size: 11px;}


pre {color: #808080; font-size: 11px; font-family: verdana; font-size: 11px; font-weight: normal; height: 390px;}

input {color: #000000; font-size: 9px;} 

.title {color: #a0a0a0; font-size: 11px; font-family: arial, trebuchet MS, verdana;}

