.total
{
Position: relative;
height: auto;
width: auto;
background-color: #ffffff;
z-index:100;
Font-size: 12px;
font-family: Arial;
}


.logoblok
{
position: absolute;
border: 0px solid #000;
width:    372px;
height:     150px;
top:     0px;
left:      20px;
background: url(images/logoblok.jpg);
}


.top
{

position: absolute;
border: 00px solid #ff0000;
width:      428px;
height:     60px;
top:      0px;
left:     392px;
background-color: #00ff00;
background: url(images/top.jpg);

}

.topalt
{

position: absolute;
border: 00px solid #ff0000;
width:      395px;
height:     60px;
top:      0px;
left:     392px;
background-color: #00ff00;
background: url(images/top.jpg);
padding-right: 33px;
}


.topknopbalk
{
position: absolute;
width: 172px;
height: 54px;
top: 150px;
left: 20px;
background-color: #0000ff;
background: url(images/topknoppenbalk.jpg);


border-left-width:0px;
}

.knopbalk
{
position: absolute;
width: 172px;
height: 311px;
top: 204px;
left: 20px;
background-color: #f0fbdd;

border-left-width: 0px;
}


.content
{
position: absolute;
width: 628px;
height: 365px;
top: 150px;
left: 192px;
background-color: #0000ff;
background: url(images/stipjesbig.jpg);

}


.stipbloktop
{
position: absolute;
width: 428px;
height: 90px;
top: 60px;
left: 392px;
background-color: #0000ff;
background: url(images/stipjes.jpg);
}


.bottom
{
position: absolute;
width:800px;
height:85px;
top: 515px;
left: 20px;
background-color: #0000ff;

background: url(images/bottombalk.jpg);
}



BODY
{
      margin-left: 20px;
      margin-right: 20px;
      margin-top: 0px;    
      background: #FFFFFF;           
}










.nieuwsblok
{
position: absolute;
Width: 584px;
height: 354px;
background: url(images/text-vlak_groen.gif);
left: 205px;
top: 150px;
z-index: 5;
}


.nieuwsblok2
{
position: absolute;
Width: 429px;
height: 313px;
background-color: #66cc00;
left: 350px;
top: 181px;
z-index: 6;
padding-right: 10px;
overflow: auto;
}

.oranjetitellinks
{
position: absolute;
Width: 103px;
height: 17px;
background: url(images/knoppen/oranjetitellinks.gif);
left: 218px;
top: 156px;
z-index: 6;
padding-left: 5px;
padding-top: 2px;
}

.groentitelrechts
{
position: absolute;
Width: 113px;
height: 17px;
background: url(images/knoppen/groentitelrechts.gif);
left: 346px;
top: 156px;
z-index: 7;
padding-left: 5px;
padding-top: 2px;
color: #ffffff;
}

.oranjetitelrechts
{
position: absolute;
Width: 319px;
height: 17px;
background: url(images/knoppen/oranjetitelrechts.gif);
left: 460px;
top: 156px;
padding-left: 5px;
padding-top: 2px;
z-index: 8;
}

.foto1
{
Position: absolute;
width: 108px;
height: 313px;
top: 181px;
left: 218px;
z-index: 8;
}

.foto2
{
Position: absolute;
width: 108px;
top: 295px;
z-index: 8;
left: 218px;
}


.voorachterknop_off
{
Position: absolute;
Width: 52px;
height: 21px;
z-index: 10;
left: 730px;
top:475px;
background: #66cc00;
}

<!--                            contactpagina                                                    -->

.witvlak1unused
{
position: absolute;
Width: 288px;
height: 86px;
background: url(images/witvlak1.gif);
left: 200px;
top: 144px;
z-index: 8;
padding: 5px;
}

.witvlak2
{
position: absolute;
width: 298px;
height: 358px;
background: url(images/witvlak2.gif);
left: 200px;
top: 144px;
z-index: 8;

}

.witvlak3
{
position: absolute;
width: 293px;
height: 335px;
background: url(images/witvlak3.gif);
right: -5px;
top: 144px;
z-index: 8;
padding: 5px;
Padding-top:23px;
}



.inhoudlinksknop1
{
position: absolute;
width: 116px;
height: 17px;
left: 206px;
top: 157px;
background: url(images/knoppen/balk_groen_los.jpg);
padding-left: 5px;
padding-top: 2px;
z-index: 2;
}

.inhoudlinksknop2
{
position: absolute;
width: 116px;
height: 17px;
left: 206px;
top: 182px;
background: url(images/knoppen/balk_groen_los.jpg);
padding-left: 5px;
padding-top: 2px;
z-index: 8;
}


.inhoudlinksknop3
{
position: absolute;
width: 116px;
height: 17px;
left: 206px;
top: 207px;
background: url(images/knoppen/balk_groen_los.jpg);
padding-left: 5px;
padding-top: 2px;
}


.inhoudlinksknop4
{
position: absolute;
width: 116px;
height: 17px;
left: 206px;
top: 284px;
background: url(images/knoppen/balk_groen_los.jpg);
padding-left: 5px;
padding-top: 2px;
}

.inhoudlinksknop5
{
position: absolute;
width: 116px;
height: 17px;
left: 206px;
top: 258px;
background: url(images/knoppen/balk_groen_los.jpg);
padding-left: 5px;
padding-top: 2px;
}

.inhoudlinksknop6
{
position: absolute;
width: 116px;
height: 17px;
left: 206px;
top: 309px;
background: url(images/knoppen/balk_groen_los.jpg);
padding-left: 5px;
padding-top: 2px;
}

.inhoudmidknop1
{
position: absolute;
width: 112px;
height: 17px;
left: 345px;
top: 157px;
background: url(images/knoppen/balk_groen.jpg);
z-index: 8;
padding-left: 5px;

padding-top: 2px;}

.inhoudmidknop2
{
position: absolute;
width: 112px;
height: 17px;
left: 345px;
top: 182px;
background: url(images/knoppen/balk_groen.jpg);
z-index: 8;
padding-left: 5px;
padding-top: 2px;
}

.inhoudmidknop3
{
position: absolute;
width: 112px;
height: 17px;
left: 345px;
top: 207px;
background: url(images/knoppen/balk_groen.jpg);
z-index: 8;
padding-left: 5px;
padding-top: 2px;
}

.inhoudmidknop4
{
position: absolute;
width: 112px;
height: 17px;
left: 345px;
top: 233px;
background: url(images/knoppen/balk_groen.jpg);
z-index: 8;
padding-left: 5px;
padding-top: 2px;
}

.inhoudmidknop5
{
position: absolute;
width: 112px;
height: 17px;
left: 345px;
top: 258px;
background: url(images/knoppen/balk_groen.jpg);
z-index: 8;
padding-left: 5px;
padding-top: 2px;
}

.inhoudmidknop6
{
position: absolute;
width: 112px;
height: 17px;
left: 345px;
top: 284px;
background: url(images/knoppen/balk_groen.jpg);
z-index: 8;
padding-left: 5px;
padding-top: 2px;
}

.inhoudmidknop7
{
position: absolute;
width: 112px;
height: 12px;
left: 345px;
top:309px;
background: url(images/knoppen/balk_groen.jpg);
z-index: 8;
padding-left: 5px;
padding-top: 2px;
}

.inhoudmidknop8
{
position: absolute;
width: 112px;
height: 17px;
left: 345px;
top: 335px;
background: url(images/knoppen/balk_groen.jpg);
z-index: 8;
padding-left: 5px;
padding-top: 2px;
}

.inhoudmidknop9
{
position: absolute;
width: 112px;
height: 17px;
left: 345px;
top: 360px;
background: url(images/knoppen/balk_groen.jpg);
z-index: 8;
padding-left: 5px;
padding-top: 2px;
}

.inhoudmidknop10
{
position: absolute;
width: 112px;
height: 17px;
left: 345px;
top: 386px;
background: url(images/knoppen/balk_groen.jpg);
z-index: 8;
padding-left: 5px;
padding-top: 2px;
}


.inhoudrechtsknop1
{
position: absolute;
width: 438px;
height: 17px;
left: 345px;
top: 157px;
background: url(images/knoppen/balk_oranje.jpg);
z-index: 7;
padding-left: 5px;
padding-top: 2px;
}

.inhoudrechtsknop2
{
position: absolute;
width: 438px;
height: 17px;
left: 345px;
top: 182px;
background: url(images/knoppen/balk_oranje.jpg);
z-index: 7;
padding-left: 5px;
padding-top: 2px;
}

.inhoudrechtsknop3
{
position: absolute;
width: 438px;
height: 17px;
left: 345px;
top: 207px;
background: url(images/knoppen/balk_oranje.jpg);
z-index: 7;
padding-left: 5px;
padding-top: 2px;
}

.inhoudrechtsknop4
{
position: absolute;
width: 438px;
height: 17px;
left: 345px;
top: 233px;
background: url(images/knoppen/balk_oranje.jpg);
z-index: 7;
padding-left: 5px;
padding-top: 2px;
}

.inhoudrechtsknop5
{
position: absolute;
width: 438px;
height: 17px;
left: 345px;
top: 258px;
background: url(images/knoppen/balk_oranje.jpg);
z-index: 7;
padding-top: 2px;
padding-left: 5px;}

.inhoudrechtsknop6
{
position: absolute;
width: 438px;
height: 17px;
left: 345px;
top: 284px;
background: url(images/knoppen/balk_oranje.jpg);
z-index: 7;
padding-top: 2px;
padding-left: 5px;}

.inhoudrechtsknop7
{
position: absolute;
width: 438px;
height: 17px;
left: 345px;
top: 309px;
background: url(images/knoppen/balk_oranje.jpg);
z-index: 7;
padding-left: 5px;
padding-top: 2px;
}

.inhoudrechtsknop8
{
position: absolute;
width: 438px;
height: 17px;
left: 345px;
top: 335px;
background: url(images/knoppen/balk_oranje.jpg);
z-index: 7;
padding-left: 5px;
padding-top: 2px;
}

.inhoudrechtsknop9
{
position: absolute;
width: 438px;
height: 17px;
left: 345px;
top: 360px;
background: url(images/knoppen/balk_oranje.jpg);
z-index: 7;
padding-left: 5px;
padding-top: 2px;
}

.inhoudrechtsknop10
{
position: absolute;
width: 438px;
height: 17px;
left: 345px;
top: 386px;
background: url(images/knoppen/balk_oranje.jpg);
z-index: 7;
padding-left: 5px;
padding-top: 2px;
}

.inhoudrechtsknop11
{
position: absolute;
width: 438px;
height: 17px;
left: 345px;
top: 412px;
background: url(images/knoppen/balk_oranje.jpg);
z-index: 7;
padding-left: 5px;
padding-top: 2px;
}

.inhoudrechtsknop12
{
position: absolute;
width: 438px;
height: 17px;
left: 345px;
top: 438px;
background: url(images/knoppen/balk_oranje.jpg);
z-index: 7;
padding-left: 5px;
padding-top: 2px;
}

.inhoudrechtsknop13
{
position: absolute;
width: 438px;
height: 17px;
left: 345px;
top: 464px;
background: url(images/knoppen/balk_oranje.jpg);
z-index: 7;
padding-left: 5px;
padding-top: 2px;
}