body{
    background-color: #009ee0;
    font-family: verdana,arial,geneva,sans-serif;
    font-size: 8pt;
    color: white;
}

h1,h2,h3 { margin: 0; padding: 0 }
h1 { font-size: 120% }
h2 { font-size: 110% }
h3 { font-size: 100% }

a { text-decoration: underline; color: white; }
a:hover { text-decoration: none }

#page_tools{
    position: absolute;
    top: 685px;
    left: 670px;
}
#page_tools a { color: white; text-decoration: none; }
#page_tools a:hover { text-decoration: none }

#container{
    width: 960px;
    margin: auto;
    position: relative;
    background-image: url('/img/bg/home.jpg');
    background-repeat: no-repeat;
    min-height: 625px;
}
#content {
    margin-top: 13px;
    width: 398px;
    position: relative;
    left: 250px;
}
#animation{
    width: 665px;
    height: 200px;
    position: absolute;
    top: 624px;
    /*background-image: url('/img/animations/home.gif');*/
}
#header{
    width: 960px;
    height: 275px;
    background-repeat: no-repeat;
}
#menu{
    width: 180px;
    position: absolute;
    top: 280px;
    left: 60px;
}

#submenu {
    position: absolute;
    top: 203px;
    left: 667px;
    color: white; line-height: 180%;
    font-weight: bold;
}
#submenu a {
    text-decoration: none;
}
#submenu a:hover {
    text-decoration: none;
}
#submenu_top {
    width: 234px; height: 22px;
    background-image: url('/img/kader-top.png');
    background-repeat: no-repeat;
}
#submenu_middle {
    width: 234px;
    background-image: url('/img/kader-middle.png');
    background-repeat: repeat-y;
    padding: 0 25px;
}
#submenu_text {
    width: 184px;
}
#submenu_bottom {
    width: 234px; height: 22px;
    background-image: url('/img/kader-bottom.png');
    background-repeat: no-repeat;
}

#banner {
    position: absolute;
    left: 667px;
}
#banner_top {
    width: 234px; height: 22px;
    background-image: url('/img/kader-wit-top.png');
    background-repeat: no-repeat;
}
#banner_middle {
    width: 234px;
    background-image: url('/img/kader-wit-middle.png');
    background-repeat: repeat-y;
    padding: 0 35px;
}
#banner_bottom {
    width: 234px; height: 22px;
    background-image: url('/img/kader-wit-bottom.png');
    background-repeat: no-repeat;
}

#home,#havo_vwo,#vmbo,#mbo,#plattegrond,#amarantis{
    width: 180px;
    height: 55px;
    display: block;
    background-repeat: no-repeat;
    background-position: 2px 0px;
}
#home{
    background-image: url('/img/menu/home.png');
}
#home:hover, #home.active{
    background-position: left bottom;
}

#havo_vwo{
    background-image: url('/img/menu/havo_vwo.png');
}
#havo_vwo:hover, #havo_vwo.active{
    background-position: left bottom;
}

#vmbo{
    background-image: url('/img/menu/vmbo.png');
}
#vmbo:hover, #vmbo.active{
    background-position: left bottom;
}

#mbo{
    background-image: url('/img/menu/mbo.png');
}
#mbo:hover, #mbo.active{
    background-position: left bottom;
}

#plattegrond{
    background-image: url('/img/menu/plattegrond.png');
}
#plattegrond:hover, #plattegrond.active{
    background-position: left bottom;
}

#amarantis{
    background-image: url('/img/menu/amarantis.png');
}
#amarantis:hover, #amarantis.active{
    background-position: left bottom;
}