/*
 *  Basing door JorDsign
 *  http://www.jordsign.nl
 */

/* Algemeen */

            html, body {
                margin: 0;
                padding: 0;
                color: #3e3e3e;
                font: 10pt Arial;
                background: #18467a url(../images/bg_bodyhead.jpg) no-repeat top center;
            }

            #container {
                width: 956px;
                margin: 0 auto;
            }

/* Header */

            #header {
                width: 931px;
                height: 299px;
                padding: 20px 15px 0px 10px;
            }

    /* Menu */

            ul#menu {
                margin: 3px 0px 0px -80px;
                padding: 0;
                float: right;
                list-style: none;
            }

            ul#menu li {
                float: left;
            }

            ul#menu li a, ul#menu li a:link, ul#menu li a:visited,
            ul#menu li a:active, ul#menu li a:hover {
                float: left;
                color: #fff;
                cursor: pointer;
                text-decoration: none;
                margin: 0px 0px 0px 2px;
                font: 11pt Comic Sans MS;
            }

            ul#menu li a span, ul#menu li a:link span,
            ul#menu li a:visited span, ul#menu li a:active span {
                float: left;
                height: 23px;
                cursor: pointer;
                padding: 0px 2px 0px 18px;
            }

            ul#menu li a:hover span {
                float: left;
                height: 23px;
                cursor: pointer;
                padding: 0px 2px 0px 18px;
                background: url(../images/bg_menu.png) no-repeat;
            }

            ul#menu li a del, ul#menu li a:link del,
            ul#menu li a:visited del, ul#menu li a:active del {
                float: left;
                width: 14px;
                height: 23px;
                cursor: pointer;
            }

            ul#menu li a:hover del {
                float: left;
                width: 14px;
                height: 23px;
                cursor: pointer;
                background: url(../images/bg_menu_left.png) no-repeat;
            }

            ul#menu li.active a span, ul#menu li.active a:hover span {
                float: left;
                height: 23px;
                cursor: pointer;
                padding: 0px 11px 0px 27px;
                background: url(../images/bg_menu.png) no-repeat;
            }

            ul#menu li.active a del, ul#menu li.active a:hover del {
                float: left;
                width: 14px;
                height: 23px;
                cursor: pointer;
                background: url(../images/bg_menu_left.png) no-repeat;
            }

    /* Verticaal menu */

            ul#menu_2 {
                padding: 0;
                list-style: none;
                text-align: right;
                margin: 0px 0px 0px 0px;
            }

            ul#menu_2 li a {
                color: #fff;
                width: 250px;
                height: 23px;
                display: block;
                margin-top: 10px;
                text-decoration: none;
                font: 11pt Comic Sans MS;
            }

            ul#menu_2 li a:hover {
                width: 250px;
                height: 23px;
                display: block;
                background: url(../images/bg_list_hover_1.png) no-repeat;
            }

            ul#menu_2 li a img {
                top: -2px;
                position: relative;
                margin: 0px 10px 0px 5px;
            }


    /* Header content */

            .c_header {
                width: 435px;
                color: #dcefff;
                font: 11pt Century Gothic;
                margin: 50px 0px 0px 220px;
            }

            .c_header ul.empty {
                font: 9pt Century Gothic;
                margin: 5px 0px 5px 10px;
            }

            .c_header a.contact {
                color: #fff;
                width: 109px;
                height: 23px;
                display: block;
                text-align: center;
                text-decoration: none;
                font: 11pt Comic Sans MS;
                margin: 12px 0px 0px 0px;
            }

            .c_header a.contact:hover {
                text-align: center;
                background: url(../images/bg_contact.png) no-repeat;
            }

/* Headers */

            h1 {
                padding: 0;
                margin: 32px 0px 0px 73px;
            }

            h2 {
                margin: 0;
                padding: 0;
                color: #4d7dcf;
                font: 15pt Arial;
            }

            h3 {
                margin: 0;
                padding: 0;
                color: #245b9b;
                font: 11pt Century Gothic;
            }

            h4 {
                color: #4d7dcf;
            }

/* Content */

            #content {
                width: 956px;
            }

            #c_left {
                float: left;
                width: 200px;
            }

            #c_right {
                width: 745px;
                float: right;
            }

    /* Blok klein */

            .bloki_top {
                width: 200px;
                height: 11px;
                background: url(../images/bg_bloki_top.png) no-repeat;
            }

            .bloki {
                width: 184px;
                padding: 0px 8px 15px 8px;
                background: #fff url(../images/bg_bloki_bottom.png) no-repeat bottom;
            }

            .bloki .lijn {
                height: 1px;
                width: 200px;
                border: none;
                margin: 5px 0px 5px -8px;
                background: url(../images/line_1.gif) no-repeat left;
            }

    /* Blok groot */

            .blok_top {
                width: 745px;
                height: 23px;
                background: url(../images/bg_blok_top.png) no-repeat;
            }

            .blok {
                width: 700px;
                padding: 0px 30px 25px 15px;
                background: #fff url(../images/bg_blok_bottom.png) no-repeat bottom;
            }

            .blok.nopadding {
                width: 745px;
                text-align: center;
                margin-top: -11px;
                padding: 0px 0px 15px 0px;
            }

            .blok .lijn {
                height: 1px;
                width: 431px;
                border: none;
                margin: 5px 0px 5px -15px;
                background: url(../images/line_2.gif) no-repeat left;
            }

/* Footer */

            #footer {
                color: #fff;
                width: 685px;
                height: 21px;
                padding: 4px 15px 0px 15px;
                margin: -10px auto 10px auto;
                background: url(../images/bg_footer.png) no-repeat;
            }

            #footer a {
                color: #fff;
                text-decoration: none;
            }

            #footer a:hover {
                color: #fff;
                text-decoration: none;
                border-bottom: 1px dotted #fff;
            }

/* Overig */

            .right {
                float: right;
            }

            .left {
                float: left;
            }

            img {
                border: none;
            }

            ul.empty {
                margin: 0;
                padding: 0;
                list-style: none;
            }

            ul.bigl li a {
                color: #4d7dcf;
                text-decoration: none;
                font: 11pt Century Gothic;
            }

            ul.bigl li a:hover {
                font: bold 12pt Century Gothic;
                border-bottom: 1px dotted #4d7dcf;
            }

            .trek {
                clear: both;
                visibility: hidden;
            }