*
{
    font-family: verdana;
    font-size:12px;
    color: black;
    
    margin: 0;
    padding: 0;
    border: 0;

    z-index: 0;    
}

body
{
    margin: 0;
    padding: 0;
    background-color:white;

    text-align: center;   

    overflow: hidden;
    
/*
    scrollbar-3dlight-color:green;
    scrollbar-arrow-color:green;
    scrollbar-base-color:green;
    scrollbar-track-color:green;
    scrollbar-darkshadow-color:green;
    scrollbar-face-color:green;
    scrollbar-highlight-color:green;
    scrollbar-shadow-color:green;
*/
}

DIV.bodybg
{
    background-color: #3C841A;  /* #3A8119; */
    background-image: url('_gfx/tonsbgpixv2.jpg');
    background-position: top left;
    background-repeat: repeat-x;
    height: 100%;
}

DIV.container
{
    background-color: #3C841A;  /* #3A8119; */
    background-image: url('_gfx/tonsbgv2.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    
    margin: 0px;
    margin-left: auto; 
    margin-right: auto;

    border: 0px;
    padding: 0px;
    
    position: relative;
    top: 0px;
    left: 0px;
    width:1010px;
    height: 100%;

    float: center;
}

DIV.webpage
{
    width:1010px;
    margin: 0px;
    border: 0px;
    padding: 0px;
}

/* Balloon 1 (klein) */
DIV.tipvtonOff
{
    border: 0px;
    background-color: transparent;
    background-image: url('_gfx/tipballoon.gif');
    background-repeat: no-repeat;

    width: 275px;
    height: 122px;   

    overflow: hidden;
    visibility: hidden;
    
    position: absolute;
    top: 330px;
    left: 650px;
    z-index:3;
}

DIV.tipvtonOn
{
    border: 0px;
    background-color: transparent;
    background-image: url('_gfx/tipballoon.gif');
    background-repeat: no-repeat;

    width: 275px;
    height: 122px;   

    /* padding-top: 20px; */
    overflow: hidden;
    visibility: visible;

    
    position: absolute;
    top: 330px;
    left: 650px;
    z-index:3;
}

DIV.tipvtonTxt
{
    border: 0px;
    background-color: transparent;  /* green for test */
    width: 200px;
    height: 70px;   
    
    vertical-align: left;
    
    overflow: hidden;
    color: #009933;
    font-size:14px;
    
    /* padding-top: 5px; */
    top: 25px;
    left: 0px;
    
    
    position: relative;
    z-index:4;
}

/* Balloon 3 (groot) */
DIV.tipvtonOff3
{
    border: 0px;
    background-color: transparent;
    background-image: url('_gfx/tipballoon3.gif');
    background-repeat: no-repeat;

    width: 275px;
    height: 122px;   

    overflow: hidden;
    visibility: hidden;
    
    position: absolute;
    top: 330px;
    left: 650px;
    z-index:3;
}

DIV.tipvtonOn3
{
    border: 0px;
    background-color: transparent;
    background-image: url('_gfx/tipballoon3.gif');
    background-repeat: no-repeat;

    width: 502px;
    height: 227px;   

    /* padding-top: 20px; */
    overflow: hidden;
    visibility: visible;

    
    position: absolute;
    top: 218px;
    left: 435px;
    z-index:3;
}

DIV.tipvtonTxt3
{
    border: 0px;
    background-color: transparent;  /* green for test */
    width: 400px;
    height: 170px;   
    
    vertical-align: left;
    
    overflow: hidden;
    color: #009933;
    font-size:14px;
    
    /* padding-top: 5px; */
    top: 40px;
    left: 0px;
    
    
    position: relative;
    z-index:4;
}

/* Rest */
DIV.tipmouseover
{
    border: 0px;

    width: 120px;
    height: 210px;   

    visibility: visible;
    
    vertical-align: bottom;
    text-align: center;
    padding-top: 0px;
    color: #FBF6BE;
    position: absolute;
    top: 413px;
    left: 868px;
    z-index:10;
    
}

A.tipmouseover
{
    color: #FBF6BE;
}

A.tipmouseover:hover
{
    color: #FBF6BE;
}

DIV.tipmouseoverTxt
{
    border: 0px;
    position: relative;
    top: 115px;
    left: 40px;
    color: #FBF6BE;
    text-decoration: underline;
}

A.tipmouseoverTxt
{
    color: #FBF6BE;
}

A.tipmouseoverTxt:hover
{
    color: #FBF6BE;
}

DIV.menumouseoverL
{
    border: 0px;
    width: 50px;
    height: 230px;   
    position: absolute;
    
    top: 203px;
    left: 60px;
    z-index:7;
}

DIV.menumouseoverR
{
    border: 0px;
    width: 50px;
    height: 230px;   
    position: absolute;
    
    top: 203px;
    left: 380px;
    z-index:7;
}

DIV.menumouseoverT
{
    border: 0px;
    width: 370px;
    height: 50px;   
    position: absolute;
    
    top: 163px;
    left: 60px;
    z-index:7;
}

DIV.menumouseoverB
{
    border: 0px;
    width: 370px;
    height: 50px;   
    position: absolute;
    
    top: 427px;
    left: 60px;
    z-index:7;
}

DIV.fotokleinlinks
{
    top: 33px;
    left: 84px;
    width: 159px;
    height: 190px;
    position: absolute;
    
    z-index: 6px;
    visibility: hidden;
}

DIV.fotokleinrechts
{
    top: 33px;
    left: 278px;
    width: 159px;
    height: 190px;
    position: absolute;
   
    z-index: 6px;
    visibility: visible;
}

fieldset.beheer
{
    border: green 1px solid; margin: 3px; padding: 5px;
}