/*De container is te centreren met text-align:center in de BODY*/
BODY   {
    scrollbar-face-color: #ffffef;
    scrollbar-highlight-color: #00ff00;
    scrollbar-shadow-color: #FFFFEF;
    scrollbar-3dlight-color: #ffffef;
    scrollbar-arrow-color: #a0522d;
    scrollbar-track-color: #ffffef;
    scrollbar-darkshadow-color: #500000
       }

BODY   {
       /*background-image: */
       background-color: #D4D4FF;
       font-size: 12px;
       font-weight: 400;
       font-family: Arial, Helvetica, Times;
       color: #AA00FF;
       text-align: center
       }

FONT   {
       font-family: Arial, Helvetica, Times
       }

.small
      {
      font-size: 11px
      }

h1, h2, h3, h4, h5, h6 {
        color:#aabbff;
        font-family: Arial, Helvetica, Times
         }

TD
{
    font-size: 12pt;
    font-family: Arial, Helvetica, Times;
    text-align: left
}


A:link {
        text-decoration:none;
        color: #5555FF;
        font-size: 14px;
        font-weight: 800;
        text-align:left
        }

A:visited {
        text-decoration:none;
        color: #5555FF;
        font-size: 14px;
        font-weight: 800
        }

A:active {
        color: #aaffaa;
        font-size: 14px;
        font-weight: 800
        }

A:hover {
        text-decoration:underline;
        color: #ff6600;
        font-size: 14px;
        font-weight: 800;
        }      

A.menulink
{
    width: 100%;
    height: 80%;
    text-align: left;
    text-decoration: none;
    color: #00ff00;
    font-family: Arial, Helvetica, Times;
    font-size:12px;
    border: solid 1px #99ff00
}

A.menulink:hover
{
    text-decoration: none;
    background-color: #ffc3a5;
    color: #0000ff;
    border: dashed 1px #ffffef
}

.boxgrijs
{
    background-color: #a0522d;
    color: #ffc3a5;
    font-family: Arial, Helvetica, Times;
    font-weight: 600;
    font-size: 10px
}

#container
{
    CLEAR: both;
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    BACKGROUND: #55cc55 no-repeat center top;
    FLOAT: none;
    PADDING-BOTTOM: 15px;
    MARGIN: 0px auto;
    WIDTH: 740px;
    PADDING-TOP: 5px;
    HEIGHT: 540px;
    TEXT-ALIGN: left
}

#stella
{
    CLEAR: both;
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    BACKGROUND: #55cc55 repeat center top;
    FLOAT: none;
    PADDING-BOTTOM: 10px;
    MARGIN: 0px auto;
    WIDTH: 740px;
    PADDING-TOP: 5px;
    HEIGHT: 50px;
    TEXT-ALIGN: left
}

#image
{
    PADDING-RIGHT: 0px;
    DISPLAY: inline;
    PADDING-LEFT: 5px;
    FONT-SIZE: 12px;
    Z-INDEX: 100;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    MARGIN: -40px 30px 0px 0px;
    WIDTH: 270px;
    COLOR: #713f08;
    LINE-HEIGHT: 20px;
    PADDING-TOP: 5px;
    POSITION: relative
}

#project
{
    PADDING-RIGHT: 0px;
    DISPLAY: inline;
    PADDING-LEFT: 10px;
    FONT-SIZE: 12px;
    Z-INDEX: 200;
    FLOAT: right;
    PADDING-BOTTOM: 0px;
    MARGIN: -60px 250px 0px 0px;
    WIDTH: 300px;
    HEIGHT: 75px;
    COLOR: #aaffaa;
    LINE-HEIGHT: 20px;
    PADDING-TOP: 0px;
    POSITION: relative
}

#klok
{
    PADDING-RIGHT: 0px;
    DISPLAY: inline;
    PADDING-LEFT: 0px;
    FONT-SIZE: 12px;
    Z-INDEX: 300;
    BACKGROUND: url(/images/main-bg-repeat.png) #FFFFD4 repeat-y 0px 0px;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    MARGIN: -310px 0px 0px 560px;
    WIDTH: 170px;
    COLOR: #FFFFD4;
    LINE-HEIGHT: 20px;
    PADDING-TOP: 0px;
    POSITION: relative
}

#logo
{
    PADDING-RIGHT: 0px;
    DISPLAY: inline;
    PADDING-LEFT: 0px;
    FONT-SIZE: 12px;
    Z-INDEX: 400;

    FLOAT: left;
    PADDING-BOTTOM: 5px;
    MARGIN: -120px 0px 0px 560px;
    WIDTH: 170px;
    HEIGHT: 130px;
    COLOR: #00ff55;
    LINE-HEIGHT: 20px;
    PADDING-TOP: 5px;
    POSITION: relative;
    TEXT-ALIGN: center
}

#end
{
    CLEAR: both;
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    BACKGROUND: url(images/background_header.gif) #aaffaa no-repeat center top;
    FLOAT: none;
    PADDING-BOTTOM: 15px;
    MARGIN: 100px 10px 0px 0px;
    WIDTH: 730px;
    PADDING-TOP: 5px;
    HEIGHT: 50px;
    TEXT-ALIGN: left
}

#container_kruiden
{
    CLEAR: both;
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    BACKGROUND: url(graphics/background_stand2.jpg) #ffffff no-repeat center top;
    FLOAT: none;
    PADDING-BOTTOM: 10px;
    MARGIN: 0px auto;
    WIDTH: 740px;
    PADDING-TOP: 10px;
    HEIGHT: 500px;
    TEXT-ALIGN: left
}

#kruidenmenu
{
    CLEAR: both;
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    BACKGROUND: #55cc55 no-repeat center top;
    FLOAT: right;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px auto;
    WIDTH: 200px;
    PADDING-TOP: 10px;
    HEIGHT: 500px;
    TEXT-ALIGN: left
}

#kruidenitem
{
    PADDING-RIGHT: 0px;
    DISPLAY: inline;
    PADDING-LEFT: 10px;
    FONT-SIZE: 12px;
    Z-INDEX: 100;
    FLOAT: right;
    PADDING-BOTTOM: 0px;
    MARGIN: 10px 0px 0px 0px;
    WIDTH: 175px;
    HEIGHT: 75px;
    COLOR: #aaffaa;
    LINE-HEIGHT: 20px;
    PADDING-TOP: 0px;
    POSITION: relative;
    border: solid 3px #99ff00
}