@media screen
{
    a, a:visited
    {
        color: #008E8F;
        text-decoration: none;
    }

    a:hover
    {
        text-decoration: underline;
    }

    a#GoogleSitemap
    {
        display: none;
    }

    address
    {
        font-style: normal;
        display: inline;
    }

    html
    {
        background-color: #D5EEEB;
        font-family: Arial, Verdana, Helvetica, Sans-serif;
        font-size: 100%;
        font-weight: bolder;
    }

    body
    {
        background-image: url(imgs/borders.jpg);
        background-repeat: repeat-y;
        background-position: center;
        margin: 0;
        font-size: 0.75em;
    }

    div#main
    {
        background-color: #ffffff;
        margin-top: 0;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        width: 58.5em;
    }

    div#left
    {
        float: left;
        width: 17em;
        height: 50em;
    }

    div#leftbottom
    {
        height: 40em;
        margin-top: -40em;
        position: absolute;
        width: 16em;
    }

    div#oneliner
    {
        color: #ffffff;
        height: 17em;
        position: absolute;
        width: 16em;
        z-index: 2;
    }

    div#onelinertext
    {
        font-size: 1.1em;
        padding-top: 0.1em;
        padding-left: 0.5em;
        padding-right: 0.5em;
    }

    img.logo
    {
        position: absolute;
        float: left;
        top: 0.75em;
        margin-left: 2.5em;
        width: 13.5em;
    }

    img.header
    {
        position: absolute;
        width: 41em;
        top: 0;
    }

    img.lback
    {
        position: absolute;
        width: 100%;
        height: 100%;
    }

    img.person
    {
        width: 100%;
    }

    img.downloadButton
    {
        width: 7em;
    }

    img.folder
    {
        width: 10em;
        float: right;
        margin-left: 2em;
    }

    img.annemarie
    {
        float: right;
        margin-left: 2em;
    }

    div#right
    {
        float: right;
        width: 41em;
    }

    div#footer
    {
        background-color: #ffffff;
        border-bottom: 0.1em solid #008E8F;
        border-top: 0.1em solid #008E8F;
        color: #008E8F;
        padding-top: 0.3em;
        padding-bottom: 0.3em;
        width: 58.5em;
        text-align: center;
    }

    div#footer span
    {
        font-size: 0.8em;
    }

    div#menu
    {
        float: right;
        margin-top: 5.4em;
        margin-bottom: 3em;
        padding-right: 0.5em;
    }

    div#text
    {
        float: right;
        width: 38em;
        padding-right: 2em;
        padding-bottom: 1em;
    }

    h1
    {
        color: #008E8F;
        font-size: 2.2em;
        margin: 0;
    }

    h2
    {
        color: #008E8F;
        font-size: 1.6em;
    }

    h3
    {
        color: #008E8F;
        font-size: 1.2em;
    }

    hr
    {
        color: #008E8F;
        height: 0.1em;
    }

    p.first
    {
        color: #008E8F;
    }

    p.inline
    {
        display: inline;
    }

    .center
    {
        text-align: center;
        vertical-align: middle;
    }


    /* Het 100% CSS menu */

    div#menu ul a
    {
        color: #ffffff;
        font-weight: bolder;
        padding-right: 0.4em;
        padding-bottom: 0.3em;
        display: block;
    }

    div#menu ul a:hover
    {
        text-decoration: none;
    }

    div#menu ul ul a
    {
        padding-top: 0.6em;
        padding-bottom: 0;
        color: #008E8F;
    }

    div#menu ul ul a:hover
    {
        color: #000000;
    }

    div#menu a em
    {
        font-style: normal;
    }

    /* Het 100% CSS menu */

    div#menu ul, div#menu li
    {
        margin: 0;
        padding: 0;
        position: relative;
    }

    div#menu ul
    {
        list-style: none;
    }

    div#menu ul ul
    {
        width: 40em;
    }

    div#menu li
    {
        padding-left: 0.4em;
        float: left;
    }

    /* decoratieve hover */

    div#menu ul li:hover
    {
        z-index: 2;
        background-image: url(imgs/tabl.gif);
        background-position: left top;
        background-repeat: no-repeat;
    }

    div#menu ul li:hover a
    {
        background-image: url(imgs/tab.gif);
        background-position: right top;
        background-repeat: no-repeat;
    }

    div#menu ul ul li:hover
    {
        background-image: none;
    }

    div#menu ul li:hover ul a
    {
        background-image: none;
    }

    /* Alle subnavigatie verbergen */

    div#menu ul ul
    {
        display: none;
        left: 0;
        position: absolute;
        top: 1.2em;
    }

    /* :hover, met specificity */

    div#menu ul li:hover ul ul
    {
        display: none;
    }

    div#menu ul li:hover ul, div#menu ul li:hover li:hover ul
    {
        display: block;
    }
}