/* clearing */
    .stretch,
    .clear {
        clear: both;
        height: 1px;
        margin: 0;
        padding: 0;
        font-size: 15px;
    }
    .clearfix:after {
        clear: both;
        height: 0;

        display: block;
        visibility: hidden;

        content: ".";
    }
    .clearfix {display:inline-block;}
    /* Hide from IE Mac \*/
    .clearfix {display:block;}
    /* End hide from IE Mac */
/* end clearing */

/* accessibility */
     span.accesskey {
         text-decoration: none;
     }
     .accessibility {
         position: absolute;
         top: -999em;
         left: -999em;
     }
/* end accessibility */

/* TABLES */
table.mytable {
    padding: 3px 22px;
    margin-left:0pt;
    margin-top:10pt;
    margin-bottom:4pt;
    border-width: 1px;
    border-spacing: 1px;
    border-style: dotted;
    border-color: lightgray;
    border-collapse: collapse;
}
table.mytable th {
    font-family: Arial, Lucida, Lucida Sans Unicode, Verdana, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    font-style: italic;
    border-width: 1px;
    padding: 2px;
    background-color: #FFAD4A;
    -moz-border-radius: ;
}

table.mytable td {
    font-family: Arial, Lucida, Lucida Sans Unicode, Verdana, sans-serif;
    font-size: 10pt;
    border-width: 1px;
    padding: 2px;
    border-style: dotted;
    border-color: lightgray;
    -moz-border-radius: ;
}

/* NAV */
    div#nav {
        font-size: 7.4pt;
    }
    * html div#nav {
        /* hide ie/mac \*/
        height: 1%;
        /* end hide */
    }
    div#nav div.wrapper {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
    }
    div#nav ul {
        width: 100%;

        margin: 0;
        padding: 0;
        list-style: none;
    }
    div#nav li {
        float: left;
        display: inline;

        margin: 0;
        padding: 0;

        list-style: none;

        border-right: 1px solid #aaa;
    }
    div#nav li.last {
        border-right: none;
    }
    div#nav a,
    div#nav a:link,
    div#nav a:active,
    div#nav a:visited {
        display: inline-block;
        /* hide from ie/mac \*/
        display: block;
        /* end hide */

        margin: 0;
        padding: 8px 12px 8px 11px;

        font-size: 8pt;
        font-weight: bold;
        text-decoration: none;

        color: white;
        background: darkred;
    }
    div#nav a:hover {
        text-decoration: underline;
    }
    div#nav strong {
        display: inline-block;
        /* hide from ie/mac \*/
        display: block;
        /* end hide */

        color: white;
        background: black;
    }
    div#nav strong a,
    div#nav strong a:link,
    div#nav strong a:active,
    div#nav strong a:visited,
    div#nav strong a:hover {
       color: white;
       background-color: black;
    }
/* END NAV */

/* TYPOGRAPHY */
    body {
        text-align: left;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 10pt;
        color: #222;
    }
    div {
        font-size: 1em;
    }
    img {
        border: 0;
    }
    h1 {
        margin: 0 0 5pt 0;
        padding: 0;
        font-size: 16pt;
        color: black;
    }
    h2 {
        margin: 5pt 0 5pt 0;
        padding: 0;
        font-size: 13pt;
        color: black;
    }
    h3 {
        margin: 5pt 0 5pt 0;
        padding:0;
        font-size: 11pt;
        color: black;
    }
    h4 {
        margin: 5pt 0 5pt 0;
        padding: 0;
        font-size: 10.8pt;
        color: black;
    }
    h5 {
        margin: 5pt 0 5pt 0;
        padding: 0;
        font-size: 10.4pt;
        color: black;
    }
    h6 {
        margin: 5pt 0 5pt 0;
        padding: 0;
        font-size: 10pt;
        color: black;
    }
    p {
        margin: 0 0 4pt 0;
        padding: 0;
        font-size: 10pt;
    }
    blockquote {
        margin-left: 10px;

        border-left: 10px solid #ddd;
    }
    pre {
        font-family: monospace;
        font-size: 1.0em;
    }
    strong, b {
        font-weight: bold;
    }
    em, i {
        font-style:italic;
    }
    code {
        font-family: "Courier New", Courier, monospace;
        font-size: 1em;
        white-space: pre;
    }
    ul {
        margin: 0 0 1.5em 0;
        padding: 0;
            }
    ul li {
        margin: 0 0 0.25em 30px;
        padding: 0;
    }
    ol {
        margin: 0 0 1.5em 0;
        padding: 0;

        font-size: 1.0em;
    }
    ol li {
        margin: 0 0 0.25em 30px;
        padding: 0;

        font-size: 1.0em;
    }
    dl {
        margin: 0 0 1.5em 0;
        padding: 0;
            }
    dl dt {
        margin: 0.25em 0 0.25em 0;
        padding: 0;

        font-weight: bold;
    }
    dl dd {
        margin: 0 0 0 30px;
        padding: 0;
    }
    hr {
        display: none;
    }
    div.hr {
        height: 1px;
        margin-left: 0; margin-top: 15px; margin-bottom: 4px;
        border-bottom: 1px dotted black;
    }
    a, a:link, a:active { text-decoration: none; color: #BD1821; }
    a:visited { text-decoration: none; color: #BD1821; }
    a:hover { text-decoration: underline; color: #BD1821; }

    div#grijsblok {
       color: black;
       background-color: #ddd;
       padding: 2pt;
       margin-top: 5pt;
       margin-bottom: 5pt;
       text-align: left;
    }
    div#lichtgrijsblok {
       color: black;
       background-color: #eee;
       padding: 2pt;
       margin-top: 5pt;
       margin-bottom: 5pt;
       text-align: left;
    }
    div#blauwblok {
       color: black;
       background-color: #86ADD4;
       padding: 2pt;
       margin-top: 5pt;
       margin-bottom: 5pt;
       text-align: left;
    }
    div#witblok {
       color: black;
       background-color: #FFFFFF;
       padding: 2pt;
       margin-top: 5pt;
       margin-bottom: 5pt;
       text-align: left;
    }

/* END TYPOGRAPHY */

/* NAV BAR AT THE TOP AND TWO COLUMNS OF CONTENT */
    div#content {
        position: relative;
        width: 860px;
        margin: 0 auto 20px auto;
        padding: 0;
        text-align: left;
    }
    div#main {
        float: left;
        width: 640px;
        display: inline;
    }
    div#sub {
        float: right;
        width: 200px;
        margin-top: -12pt;
        display: inline;
    }
    div#local {
        display: none;
    }
    div#nav {
        position: absolute;
        top: -30px;
        left: 0;
        width: 100%;

        text-align: left;
    }
/* END CONTENT */

/* SITE SPECIFIC LAYOUT */
    body {
        margin: 0;
        padding: 0;

        text-align: center;
        background: #fff;
        background-image: url(/resources/behang.gif);
    }
    div#page {
        width: 900px;
        margin:  0 auto;
        padding: 0;
        text-align: center;
        background: white;
    }

    /* HEADER */
        div#header {
            margin: 0 0 5em 0;
            color: white;
            background-color: #000000;
            text-align: left;
            height: 160px;
            background-image: url(resources/header.jpg);
        }
        div#logo {
            float: left;
            width: 40%;
            margin: 0;
            padding-left: 20px;
            padding-top: 130px;
            text-align: left;
        }
        div#search {
            float: right;
            width: 49%;
            margin: 0;
            padding-right: 20px;
            padding-top: 128px;
            text-align: right;
        }
    /* END HEADER */


    /* CONTENT */
        div#content {

        }

        /* MAIN */
            div#main {

            }
        /* END MAIN */

        /* SUB */
            div#sub {

            }
        /* END SUB */

    /* END CONTENT */


    /* FOOTER */
        div#footer {
            color: white;
            background-color: darkred;
            height: 24px;
        }
        div#footer p {
            margin: 0;
            padding: 4px;
            font-size: 7.2pt;
        }
    /* END FOOTER */

    /* STATUS FOOTER */
        div#statusbalk {
        margin: 0 0 12px 0;
        padding: 0;
        }
        div#statusbalk p {
            margin: 0;
            padding: 4px;
        }
    /* END STATUS FOOTER */
/* END LAYOUT */