body{background-image: url(../plaatjes/background.jpg);
     font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
     font-size: 14px;}

.centered {left:50%; width:896px; height:auto; position:relative;
           background-color: #ffffff; margin-left:-448px; }

.reverse {z-index: 2; background-color: #e5eff8; }

.logo {z-index: 1; position: absolute; top: 15px; left: 0px; border: 0; }
.product {z-index: 1; position: absolute; top: 40px; left: 150px; width: 555px;
          height: 130px; }
.balk {z-index: 1; position: absolute; top: 85px; left: 0px; width: 896px;
       background-image: url(../plaatjes/hoofdmenubalk.jpg); height: 33px;}
.sub {z-index: 1; position: absolute; top: 118px; left: 0px; width: 896px;
      height: 22px; background-color: #1f78c5;}
.pagina {z-index: 1; position: absolute; top: 140px; left: 0px; width: 896px;
         height: 485px; background-image: url(../plaatjes/dot.gif); }
.pag {z-index: 1; position: absolute; top: 140px; left: 0px; width: 896px;
      height: 1200px; background-image: url(../plaatjes/dot.gif); }
.k_oke {z-index: 1; width: 25px; height: 25px;
        background-image: url(../plaatjes/oke.gif) }
.k_terug {z-index: 1; width: 25px; height: 25px;
          background-image: url(../plaatjes/terug.gif) }
.menu {z-index: 2; position: absolute; top: 120px; left: 20px; color: #ffffff;}

.veld {z-index: 2; width: 880px; position: absolute; top: 170px; left: 10px;
       color: #000000;}

.kader {z-index: 2; width: 670px; height: 442px; position: absolute; top: 160px;
        left: 20px; background-color: #f2f7fc; border: 1px solid #cf1141;}

.tekst {z-index: 4; width: 660px; position: absolute; top: 165px; left: 25px;
        color: #000000; }
.formulier {z-index: 4; width: 660px; position: absolute; top: 165px; left: 25px;
        color: #000000; font-size: 12px;}

.nws_txt {z-index: 1; width: 160px; position: absolute; top: 354px; left: 726px;
          font-size: 12px;}
.nws_kader {z-index: 1; width: 165px; position: absolute; top: 330px; left: 720px;
           border-style: solid; border-color: #cf1141; border-top-width: 23px;
           border-bottom-width: 1px; border-right-width: 1px; border-left-width: 1px;
           padding: 0px; height: 250px; background-color: #ffffff;}
.nws_titel {z-index: 2; width: 160px; position: absolute; top: 333px; left: 730px;
            border: 0; color: #ffffff;}
.naw_blok {z-index: 1; width: 165px; position: absolute; top: 160px; left: 720px;
           padding: 0px; font-size: 12px;}

.clearpath_p {z-index: 2; width: 230px; height: 442px;
              background-color: #eaf5e3; border: 1px solid #cf1141;}
.clearpath_t {z-index: 2; width: 440px; height: 442px;
              background-color: #f1f8ec; border: 1px solid #cf1141;}
.presto_p {z-index: 2; width: 335px; height: 134px;
           background-color: #ebdeed; border: 1px solid #cf1141;}
.presto_t {z-index: 2; width: 335px; height: 134px;
           background-color: #f3ebf4; border: 1px solid #cf1141;}
.php_p {z-index: 2; width: 335px; height: 134px;
        background-color: #e5eff8; border: 1px solid #cf1141;}
.php_t {z-index: 2; width: 335px; height: 134px;
        background-color: #f2f7fc; border: 1px solid #cf1141;}
.ile_p {z-index: 2; width: 335px; height: 134px;
        background-color: #e5eff8; border: 1px solid #cf1141;}
.ile_t {z-index: 2; width: 335px; height: 134px;
        background-color: #f2f7fc; border: 1px solid #cf1141;}
.nexus_p {z-index: 2; width: 335px; height: 134px;
        background-color: #fef2e9; border: 1px solid #cf1141;}
.nexus_t {z-index: 2; width: 335px; height: 134px;
        background-color: #feeada; border: 1px solid #cf1141;}
.clover_p {z-index: 2; width: 335px; height: 134px;
        background-color: #e9f4ed; border: 1px solid #cf1141;}
.clover_t {z-index: 2; width: 335px; height: 134px;
        background-color: #daede1; border: 1px solid #cf1141;}
.catapult_p {z-index: 2; width: 335px; height: 134px;
        background-color: #fde9eb; border: 1px solid #cf1141;}
.catapult_t {z-index: 2; width: 335px; height: 134px;
        background-color: #fbdbdd; border: 1px solid #cf1141;}

.lc {z-index: 3; position: absolute; top: 160px; left: 20px;}
.rc {z-index: 3; position: absolute; top: 160px; left: 250px;}
.l1 {z-index: 3; position: absolute; top: 160px; left: 20px;}
.r1 {z-index: 3; position: absolute; top: 160px; left: 355px;}
.l2 {z-index: 3; position: absolute; top: 314px; left: 20px;}
.r2 {z-index: 3; position: absolute; top: 314px; left: 355px;}
.l3 {z-index: 3; position: absolute; top: 468px; left: 20px;}
.r3 {z-index: 3; position: absolute; top: 468px; left: 355px;}

.pc {z-index: 4; position: absolute; top: 165px; left: 25px; width: 220px; }
.tc {z-index: 4; position: absolute; top: 165px; left: 255px; width: 440px; }
.p1 {z-index: 4; position: absolute; top: 165px; left: 25px; width: 325px; }
.t1 {z-index: 4; position: absolute; top: 165px; left: 360px; width: 325px; }
.p2 {z-index: 4; position: absolute; top: 319px; left: 25px; width: 325px; }
.t2 {z-index: 4; position: absolute; top: 319px; left: 360px; width: 325px; }
.p3 {z-index: 4; position: absolute; top: 473px; left: 25px; width: 325px; }
.t3 {z-index: 4; position: absolute; top: 473px; left: 360px; width: 325px; }

h1 {font-size: 16px; line-height: 16px; color: #cf1141; }
h2 {font-size: 14px; line-height: 10px; color: #cf1141; }
th {font-size: 14px; line-height: 14px; color: #1f78c5; text-align: left;}

a {color: #000000;}
a.lees {color: #cf1141;}
a.prod {color: #ffffff;}

a.knop_1 {z-index: 4; position: absolute; top: 85px; left: 0px; line-height: 33px; border: 0; height:33px; width:112px;
text-decoration: none; text-align: left; font-size: 16px; color: #ffffff}
a.knop_1:hover {z-index: 4; position: absolute; top: 85px; left: 0px; line-height: 33px; border: 0; height:33px; width:112px; background-image: url(../plaatjes/hoofdmenu_tab.jpg);
text-decoration: none; text-align: left; font-size: 16px; color: #ffffff}

a.knop_2 {z-index: 4; position: absolute; top: 85px; left: 112px; line-height: 33px; border: 0; height:33px; width:112px;
text-decoration: none; text-align: left; font-size: 16px; color: #ffffff}
a.knop_2:hover {z-index: 4; position: absolute; top: 85px; left: 112px; line-height: 33px; border: 0; height:33px; width:112px; background-image: url(../plaatjes/hoofdmenu_tab.jpg);
text-decoration: none; text-align: left; font-size: 16px; color: #ffffff}


a.knop_3 {z-index: 4; position: absolute; top: 85px; left: 224px; line-height: 33px; border: 0; height:33px; width:112px;
text-decoration: none; text-align: left; font-size: 16px; color: #ffffff}
a.knop_3:hover {z-index: 4; position: absolute; top: 85px; left: 224px; line-height: 33px; border: 0; height:33px; width:112px; background-image: url(../plaatjes/hoofdmenu_tab.jpg);
text-decoration: none; text-align: left; font-size: 16px; color: #ffffff}

a.knop_4 {z-index: 4; position: absolute; top: 85px; left: 336px; line-height: 33px; border: 0; height:33px; width:112px;
text-decoration: none; text-align: left; font-size: 16px; color: #ffffff}
a.knop_4:hover {z-index: 4; position: absolute; top: 85px; left: 336px; line-height: 33px; border: 0; height:33px; width:112px; background-image: url(../plaatjes/hoofdmenu_tab.jpg);
text-decoration: none; text-align: left; font-size: 16px; color: #ffffff}

a.knop_5 {z-index: 4; position: absolute; top: 85px; left: 448px; line-height: 33px; border: 0; height:33px; width:112px;
text-decoration: none; text-align: left; font-size: 16px; color: #ffffff}
a.knop_5:hover {z-index: 4; position: absolute; top: 85px; left: 448px; line-height: 33px; border: 0; height:33px; width:112px; background-image: url(../plaatjes/hoofdmenu_tab.jpg);
text-decoration: none; text-align: left; font-size: 16px; color: #ffffff}

a.knop_6 {z-index: 4; position: absolute; top: 85px; left: 560px; line-height: 33px; border: 0; height:33px; width:112px;
text-decoration: none; text-align: left; font-size: 16px; color: #ffffff}
a.knop_6:hover {z-index: 4; position: absolute; top: 85px; left: 560x; line-height: 33px; border: 0; height:33px; width:112px; background-image: url(../plaatjes/hoofdmenu_tab.jpg);
text-decoration: none; text-align: left; font-size: 16px; color: #ffffff}

a.knop_7 {z-index: 4; position: absolute; top: 85px; left: 672px; line-height: 33px; border: 0; height:33px; width:112px;
text-decoration: none; text-align: left; font-size: 16px; color: #ffffff}
a.knop_7:hover {z-index: 4; position: absolute; top: 85px; left: 672x; line-height: 33px; border: 0; height:33px; width:112px; background-image: url(../plaatjes/hoofdmenu_tab.jpg);
text-decoration: none; text-align: left; font-size: 16px; color: #ffffff}

a.knop_8 {z-index: 4; position: absolute; top: 85px; left: 784px; line-height: 33px; border: 0; height:33px; width:112px;
text-decoration: none; text-align: left; font-size: 16px; color: #ffffff}
a.knop_8:hover {z-index: 4; position: absolute; top: 85px; left: 784x; line-height: 33px; border: 0; height:33px; width:112px; background-image: url(../plaatjes/hoofdmenu_tab.jpg);
text-decoration: none; text-align: left; font-size: 16px; color: #ffffff}


a.oke {z-index: 3; line-height: 33px; border: 0; font-size: 16px; color: #0000ff;
text-decoration: none; text-align: left; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
a.oke:hover {z-index: 3; line-height: 33px; border: 0; font-size: 16px; color: #29C1D9;
text-decoration: none; text-align: left;}

a.terug {z-index: 3; line-height: 33px; border: 0; font-size: 16px; color: #0000ff;
text-decoration: none; text-align: left; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
a.terug:hover {z-index: 3; line-height: 33px; border: 0; font-size: 16px; color: #D32A27;
text-decoration: none; text-align: left;}

.actief_1 {z-index: 3; position: absolute; top: 85px; left: 0px; line-height: 33px;
           border: 0; height:33px; width:112px; background-image: url(../plaatjes/hoofdmenu_tab.jpg);}
.actief_2 {z-index: 3; position: absolute; top: 85px; left: 112px; line-height: 33px;
           border: 0; height:33px; width:112px; background-image: url(../plaatjes/hoofdmenu_tab.jpg);}
.actief_3 {z-index: 3; position: absolute; top: 85px; left: 224px; line-height: 33px;
           border: 0; height:33px; width:112px; background-image: url(../plaatjes/hoofdmenu_tab.jpg);}
.actief_4 {z-index: 3; position: absolute; top: 85px; left: 336px; line-height: 33px;
           border: 0; height:33px; width:112px; background-image: url(../plaatjes/hoofdmenu_tab.jpg);}
.actief_5 {z-index: 3; position: absolute; top: 85px; left: 448px; line-height: 33px;
           border: 0; height:33px; width:112px; background-image: url(../plaatjes/hoofdmenu_tab.jpg);}
.actief_6 {z-index: 3; position: absolute; top: 85px; left: 560px; line-height: 33px;
           border: 0; height:33px; width:112px; background-image: url(../plaatjes/hoofdmenu_tab.jpg);}
.actief_7 {z-index: 3; position: absolute; top: 85px; left: 672px; line-height: 33px;
           border: 0; height:33px; width:112px; background-image: url(../plaatjes/hoofdmenu_tab.jpg);}
.actief_8 {z-index: 3; position: absolute; top: 85px; left: 784px; line-height: 33px;
           border: 0; height:33px; width:112px; background-image: url(../plaatjes/hoofdmenu_tab.jpg);}


a.popup div {display: none; color:#ffffff;}
a.popup:hover div {display: block; position: absolute;
                   left: 110px; top : 130px; z-index: 3;
                   border:1px solid #1f78c5;
                   background-color: #1f78c5; padding: 1px;}