BODY
{
    font-family: verdana;
    font-size: 10pt;
    
    height: 100%;
    
    margin:0px;
    padding:0px;
    
    background-image: url('/images/websitebg.jpg');
    background-position: left top;
    background-repeat: repeat-y;
}

td
{
    font-family: verdana;
    font-size: 10pt;
}

/* v1
div.main
{
    margin-left: auto; 
    margin-right: auto;

    padding: 0;

    POSITION: relative;
    top: 0px;
    left: 0px;
    width:1000px;

    float: center;

    background-color:white;
}
*/

div.main
{
    padding: 0;

    top: 0px;
    left: 0px;
    width:100%;

    float: left;

    background-color:white;
}

div.logo
{
    background-image:url('/images/toptotalv2.jpg');
    background-position: top left;
    background-repeat: no-repeat;
    text-align: center;
    width:100%;  /* 1000px */
    height:140px;
}

div.menuCont
{
    position: absolute;
    top:140px;
    left:0px;
    width:199px;
    
    z-index: 4;
}

div.menuSnowFlake
{
    z-index:3;
    position: absolute;
    bottom: 0px;
    left: 70px;
    width: 129px;
    height: 170px;
    
    background-image: url('/images/menubg.jpg');
    background-position: bottom right;
    background-repeat: no-repeat;    
}

div.menu
{
    margin:5px;
    text-align: left;
    width:600px;
}

a.menu
{
    font-family: verdana;
    font-size: 10pt;
    color:black;
    text-decoration: none; 
    margin-left:15px;
}

a.menu:hover
{
    font-family: verdana;
    font-size: 10pt;
    color:green;
    text-decoration: underlined;
}

p.copyright
{
    font-size:8pt;
}

a.copyright
{
    font-size:8pt;
    color:white;
}

a.copyright:hover
{
    font-size:8pt;
    color:white;
}

div.bottomLinks
{
    font-size:8pt;
    color:black; 
    clear: both;
    text-align: center;
}

div.bottomLinks a 
{
    font-size:8pt;
    color:black; 
}

div.bottomLinks a:hover
{
    font-size:8pt;
    color:black; 
}

div.quickBar
{
    width: 260px;
    border: 2px solid silver;
    padding:5px;
    margin-right:5px;
}

div.quickItem
{
    width: 250px;
    float:left;
    clear:both;
}

div.quickDay
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 30px;
    clear: none;
}

div.quickSubject
{
    position: absolute;
    left: 40px;
    top: 0px;
    width:160px;
    clear: none;
}

div.contentCont
{
    padding: 10px;

    position: absolute;
    top: 140px;
    left: 200px;
    /* width:651px; */
    width: 800px;

    float: left;
    text-align: left;
}

div.content
{
    /* width:651px; */
    width: 790px;
    text-align: left;
}

div.banner
{
    /* border:2px solid #bdbdbd; */
    border: 0px;
    margin: 4px;
}

#button {
    width: 199px;
/*    border-right: 1px solid #000; */
    padding: 0 0 1em 0;
    margin-bottom: 1em;
    font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
    background-color: #90bade;
    color: #333;
}
 
#button ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
}
 
#button li {
    border-bottom: 1px solid #90bade;
    margin: 0;
}
 
#button li a {
    display: block;
    padding: 2px 2px 2px 0.5em;
    border-left: 10px solid #1958b7;
    border-right: 10px solid #508fc4;
    background-color: #2175bc;
    color: #fff;
    text-decoration: none;
    width: 100%;
}
 
html>body #button li a {
    width: auto;
}
 
#button li a:hover {
    border-left: 10px solid #1c64d1;
    border-right: 10px solid #5ba3e0;
    background-color: #2586d7;
    color: #fff;
}

.bezet {background-color: #ff4040;}
.optie {background-color: #123456;}
.winter {background-color: #90bade;}
.summer {background-color: #00C000;}
table.kosten {border: 1px solid #000000; background-color: #2175bc; color: #000000; margin: 10px;}
tr.kosten {border-bottom: 1px dotted #ffffff;}
th.kosten {color: #ffffff}
#disc {color: #ffffff; text-align: right; font-size: small;}