html,body   {
                margin: 0;
                padding:0;
                font-family: Tahoma, Arial, sans-serif;
                font-size:100%;
                height: 100%;
                text-align: center;         /* IE5 */
            }

.spacelefttable tr td {
                padding-left: 3px;
                height: 24px;
}
            
#logout     {
                position: absolute;
                margin-left: 70px;
                width: 200px;
                height: 30px;
                top: 400px;
                text-align: center;
                font-size: 11px;
                font-weight: bold;
                text-decoration: none;
            }
            
#logout a {text-decoration: none; color: #666; }
#logout a:hover {text-decoration: underline;}

#clickmain {
                cursor: pointer;
                position: absolute;
                width: 280px;
                height: 370px;
}
            
#container  {
                
                margin: 0 auto;
                padding: 0;
                width: 870px;
                background-image: url(../img/left.jpg);
                background-repeat: no-repeat;
                background-color: #fff;
                text-align: left;           /* reset to the left */
                height:auto !important;     /* real browsers */
                height:100%;                /* IE6: treaded as min-height*/
                min-height:100%;            /* real browsers */
            }
            
#line       {
                position: absolute;
                width: 10px;
                margin-left: 295px;
                background-color: #64ad47;
                background-image: url(../img/gradient.jpg);
                height:auto !important;     /* real browsers */
                height:100%;                /* IE6: treaded as min-height*/
                min-height:100%;            /* real browsers */
            }

#line-foreground {
                position: absolute;
                width: 10px;
                margin-left: 295px;
                background: url(../img/bolletje.gif);
                background-repeat: repeat-y;
                height:auto !important;     /* real browsers */
                height:100%;                /* IE6: treaded as min-height*/
                min-height:100%;            /* real browsers */
            }
           
#content    {
                position: absolute;
                margin-left: 320px;
                width: 550px;
                font-size: 14px;
                line-height: 22px;
                color: #666;
            }

#site       {
                padding-top: 50px;  
            }

/* START NAVIGATIE */

#nav        {
                position: absolute;
                top: 13px;
                height: 22px;
                overflow: hidden;
                width: 580px;
            }

#nav img    {
                border: none;
                padding-top: 30px;
            }

#nav div    {
                padding-right: 13px;
                padding-left: 13px;
                cursor: pointer;
            }

#nav .sms ,#nav .bel, #nav .con, #nav .mij {
                height: 22px;
                overflow: hidden;
                float: left;
            }

#nav a.sms { background-image: url(../img/menu/Menu_r1_c1.jpg); background-repeat: no-repeat; }
#nav a.sms:hover { background-position: 0px -22px; }

#nav a.bel { background-image: url(../img/menu/Menu_r1_c2.jpg); background-repeat: no-repeat; }
#nav a.bel:hover { background-position: 0px -22px; }

#nav a.con { background-image: url(../img/menu/Menu_r1_c3.jpg); background-repeat: no-repeat; }
#nav a.con:hover { background-position: 0px -22px; }

#nav a.mij { background-image: url(../img/menu/Menu_r1_c4.jpg); background-repeat: no-repeat; }
#nav a.mij:hover { background-position: 0px -22px; }

/* Einde NAVIGATIE */

.datelist {
                
}

.contactlist {
                line-height: 24px;
}

.contactlist a {
                color: #000;
                font-weight: normal;
}

.contactlist a:hover {
                color: #42712E;
                text-decoration: none;
}

a {
                text-decoration: none;
                color: #64ad47;
                font-weight: bold;
}

a:hover {
                text-decoration: underline;
                color: #64ad47;
}

.knop {
                background-image: url(../img/button-back.png);
                background-repeat: repeat-x;
                color: #000;
                font-size: 20px;
                line-height: 30px;
                cursor: pointer;
}

.knop td {
                background-image: url(../img/button-back.png);
                background-repeat: repeat-x;
}

h1 {
                font-size: 24px;
                line-height: 24px;
                padding: 0;
                margin: 0;
}

h3 {
                font-size: 16px;
                line-height: 16px;
                padding: 0;
                margin: 0;
                padding-bottom: 4px;
}

.normal-input {
                border: none;
                background-color: transparent;
                padding: 0;
                margin: 0;
                color: #000;
                height: 22px;
                font-size: 20px;
                font-weight: bold;
                outline: none;
                width: 210px;
}
