/*****************/
/*    HOME       */
/*****************/


/*-----------------------------------------*/
/* preloads                                */
/*-----------------------------------------*/


div#preloads
{
        position: absolute;
        left: -2000px;
        top: 200px;
}



/*-----------------------------------------*/
/* body                                    */
/*-----------------------------------------*/



body
{
        background-color: #fffd92;
        margin: 0px;
}

table.main
{
        margin-left: auto;
        margin-right: auto;
}

.left
{
        float: left;
}

.left2
{
        float: left;
        margin-right: 2px;
        margin-bottom: 20px
}

.left3
{
        float: left;
        margin-right: 2px;
        margin-bottom: 30px
}

.right
{
        float: right;
        margin: 5px;
}

.right2
{
        float: right;
        margin: 5px;
        margin-right: 15px;
}

.right3
{
 float: right;
 margin-right: 6px;
 }


/*-----------------------------------------*/
/* Banner                                  */
/*-----------------------------------------*/


#banner
{
        position: relative;
        top: -3px;
        height: 150px;
        width: 860px;
        background: url(/background/bannerv2lowres.jpg) no-repeat;
}



/*-----------------------------------------*/
/* Midden                                  */
/*-----------------------------------------*/


#midden
{
        position: relative;
        height: 477px;
        width: 860px;
        background: url(/background/bodyv2lowres.jpg) no-repeat;
}



/*-----------------------------------------*/
/* Menu                                    */
/*-----------------------------------------*/


#knophome a
{
        position: absolute;
        float: left;
        left: 82px;
        top: 45px;
        height: 33px;
        width: 150px;
        background: url(/knoppen/home.png);
}

#knophome a:hover
{
        background: url(/knoppen/homemo.png);
}

/*--------------------*/

#knopbach a
{
        position: absolute;
        float: left;
        left: 82px;
        top: 81px;
        height: 33px;
        width: 150px;
        background: url(/knoppen/bach.png);
}

#knopbach a:hover
{
        background: url(/knoppen/bachmo.png);
}

/*--------------------*/

#knopreiki a
{
        position: absolute;
        float: left;
        left: 82px;
        top: 117px;
        height: 33px;
        width: 150px;
        background: url(/knoppen/reiki.png);
}

#knopreiki a:hover
{
        background: url(/knoppen/reikimo.png);
}

/*--------------------*/

#knopah a
{
        position: absolute;
        float: left;
        left: 82px;
        top: 153px;
        height: 33px;
        width: 150px;
        background: url(/knoppen/ah.png);
}

#knopah a:hover
{
        background: url(/knoppen/ahmo.png);
}

/*--------------------*/

#knopha a
{
        position: absolute;
        float: left;
        left: 82px;
        top: 189px;
        height: 33px;
        width: 150px;
        background: url(/knoppen/ha.png);
}

#knopha a:hover
{
        background: url(/knoppen/hamo.png);
}

/*--------------------*/

#knopvoeding a
{
        position: absolute;
        float: left;
        left: 82px;
        top: 225px;
        height: 33px;
        width: 150px;
        background: url(/knoppen/voeding.png);
}

#knopvoeding a:hover
{
        background: url(/knoppen/voedingmo.png);
}

/*--------------------*/
/*
#knoptulzer a
{
        position: absolute;
        float: left;
        left: 82px;
        top: 261px;
        height: 33px;
        width: 150px;
        background: url(/knoppen/tulzer.png);
}

#knoptulzer a:hover
{
        background: url(/knoppen/tulzermo.png);
}
*/
/*--------------------*/

#knopoverig
{
        position: absolute;
        float: left;
        left: 82px;
        top: 261px;
        height: 132px;
        width: 200px;
        z-index: 3;

}

/*-----------------------------------------*/
/* DROPDOWN DEEL VAN NAV                   */
/*-----------------------------------------*/


 #nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
z-index: 3;
}

#nav li {
float: left;
width: 150px;
z-index: 3;

}

#nav ul {
position: absolute;
width: 150px;
left: -1000px;
z-index: 3;

}

#nav li:hover ul, #nav li.ie_does_hover ul  {
left: 40px;
z-index: 3;

}

#main a{
          display: block;
          height: 33px;
          width: 150px;
          background: url(/knoppen/overig.png);
          z-index: 3;
}

#main a:hover{
          background: url(/knoppen/overigmo.png);
}

#links a{
          display: block;
          height: 33px;
          width: 150px;
          background: url(/knoppen/links.png);
          z-index: 3;
}

#links a:hover{
          background: url(/knoppen/linksmo.png);
          z-index: 3;
}


#contact a{
          display: block;
          height: 33px;
          width: 150px;
          background: url(/knoppen/contact.png);
          z-index: 3;
}

#contact a:hover{
          background: url(/knoppen/contactmo.png);
          z-index: 3;
}

#gb a{
          display: block;
          height: 33px;
          width: 150px;
          background: url(/knoppen/gb.png);
          z-index: 3;
}

#gb a:hover{
          background: url(/knoppen/gbmo.png);
}


/*-----------------------------------------*/
/* JP BANNER                               */
/*-----------------------------------------*/

#jpbanner a
{
          position: absolute;
          float: left;
          left: 82px;
          top: 305px;
          width: 150px;
          height: 150px;
          background: url(/knoppen/jpnieuw.jpg);
          background-position: bottom left;
          z-index: 1;
}

#jpbanner a:hover
{
          background-position: top left;
}


/*-----------------------------------------*/
/* footer                                  */
/*-----------------------------------------*/


#footer
{
        position: relative;
        height: 204px;
        width: 860px;
        background: url(/background/footerv2lowres.jpg) no-repeat;
}

#rechten
{
        position: relative;
        top: -40px;
        height: 10px;
        width: 860px;
        text-align: center;
}

/*-----------------------------------------*/
/* CONTENT                                 */
/*-----------------------------------------*/


#tekst
{
        position: absolute;
        float: right;
        top: 46px;
        right: 84px;
        height: 400px;
        width: 499px;
        overflow: scroll;
        overflow-x: hidden;
}

/*--------------------*/
#nieuws1
{
        position: absolute;
        float: left;
        left: 81px;
        top: 45px;
        height: 135px;
        width: 220px;
        overflow: hidden;
}

/*--------------------*/

#nieuws2
{
        position: absolute;
        float: left;
        left: 320px;
        top: 45px;
        height: 135px;
        width: 220px;
        overflow: hidden;
}

/*--------------------*/

#nieuws3
{
        position: absolute;
        float: left;
        left: 559px;
        top: 45px;
        height: 135px;
        width: 220px;
        overflow: hidden;
}

/*--------------------*/

.nieuwspijl1 a
{
        position: absolute;
        float: right;
        right: 0px;
        top: 85px;
        height: 18px;
        width: 25px;
        background: url(/knoppen/pijltjeklein.gif);
}

.nieuwspijl1 a:hover
{
        background: url(/knoppen/pijltjekleinmo.gif);
}

#google
{
       position: relative;
       margin: 0 auto;
}

.adres
{
position: relative;
float: right;
width: 200px;
top: -350px;
}