/* Algemeen */

            html, body {
                margin: 0;
                padding: 0;
                font: 10pt Arial;
                background: #d6c9a9 url(images/bg_body.gif) repeat-x;
            }

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

            a, a:link, a:visited, a:active {
                color: #3d0600;
                text-decoration: none;
            }

            a:hover {
                color: #3d0600;
                text-decoration: none;
                border-bottom: 1px solid dotted;
            }

/* Menu */

            ul#menu {
                height: 51px;
                width: 920px;
                margin: 0 auto;
                list-style: none;
                padding: 0px 0px 0px 100px;
                background: url(images/bg_gradient_menu.png) no-repeat top;
            }

            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 {
                z-index: 99;
                float: left;
                height: 25px;
                border: none;
                display: block;
                color: #e8e1c8;
                font: 0pt Arial;
                position: relative;
                text-decoration: none;
                text-indent: -999999999;
                padding: 26px 13px 0px 13px;
                background: url(images/bg_streep_menu.gif) no-repeat top right;
            }

            ul#menu li.end a, ul#menu li.end a:link, ul#menu li.end a:visited,
            ul#menu li.end a:active, ul#menu li.end a:hover {
                background: none;
                border: none;
            }

    /* Woorden */

            ul#menu li a span.home  {
                background: url(images/menu_home.png) no-repeat center;
                width: 46px;
                height: 18px;
                display: block;
                cursor: pointer;
            }

            ul#menu li a span.diensten {
                background: url(images/menu_diensten.png) no-repeat center;
                width: 70px;
                height: 18px;
                display: block;
                cursor: pointer;
            }

            ul#menu li a span.sloten {
                background: url(images/menu_7-sloten.png) no-repeat center;
                width: 71px;
                height: 18px;
                display: block;
                cursor: pointer;
            }

            ul#menu li a span.gratisadvies {
                background: url(images/menu_gratis-advies.png) no-repeat center;
                width: 102px;
                height: 18px;
                display: block;
                cursor: pointer;
            }

            ul#menu li a span.downloads {
                background: url(images/menu_downloads.png) no-repeat center;
                width: 91px;
                height: 18px;
                display: block;
                cursor: pointer;
            }

            ul#menu li a span.team {
                background: url(images/menu_team.png) no-repeat center;
                width: 44px;
                height: 18px;
                display: block;
                cursor: pointer;
            }

            ul#menu li a span.bedrijfsinfo {
                background: url(images/menu_bedrijfsinfo.png) no-repeat center;
                width: 99px;
                height: 18px;
                display: block;
                cursor: pointer;
            }

            ul#menu li a span.email {
                background: url(images/menu_e-mail.png) no-repeat center;
                width: 52px;
                height: 18px;
                display: block;
                cursor: pointer;
            }

    /* Woorder - mouseover */

            ul#menu li a:hover span.home  {
                background: url(images/menu_home_hover.png) no-repeat center;
                width: 46px;
                height: 18px;
                display: block;
                cursor: pointer;
            }

            ul#menu li a:hover span.diensten {
                background: url(images/menu_diensten_hover.png) no-repeat center;
                width: 70px;
                height: 18px;
                display: block;
                cursor: pointer;
            }

            ul#menu li a:hover span.sloten {
                background: url(images/menu_7-sloten_hover.png) no-repeat center;
                width: 71px;
                height: 18px;
                display: block;
                cursor: pointer;
            }

            ul#menu li a:hover span.gratisadvies {
                background: url(images/menu_gratis-advies_hover.png) no-repeat center;
                width: 102px;
                height: 18px;
                display: block;
                cursor: pointer;
            }

            ul#menu li a:hover span.downloads {
                background: url(images/menu_downloads_hover.png) no-repeat center;
                width: 91px;
                height: 18px;
                display: block;
                cursor: pointer;
            }

            ul#menu li a:hover span.team {
                background: url(images/menu_team_hover.png) no-repeat center;
                width: 44px;
                height: 18px;
                display: block;
                cursor: pointer;
            }

            ul#menu li a:hover span.bedrijfsinfo {
                background: url(images/menu_bedrijfsinfo_hover.png) no-repeat center;
                width: 99px;
                height: 18px;
                display: block;
                cursor: pointer;
            }

            ul#menu li a:hover span.email {
                background: url(images/menu_e-mail_hover.png) no-repeat center;
                width: 52px;
                height: 18px;
                display: block;
                cursor: pointer;
            }

/* Header */

            #header {
                width: 1000px;
                height: 203px;
                margin: 1px 0px 0px 0px;
            }

            .bloki {
                float: right;
                width: 313px;
                height: 157px;
                text-align: center;
                margin: 26px 83px 0px 0px;
                background: url(images/bg_bloki.gif) no-repeat;
            }

/* Headers - tekst - image */

            h1 {
                margin: 30px auto 0px auto;
                padding: 0;
            }

            h2 {
                float: left;
                margin: 70px 0px 0px 86px;
                padding: 0;
            }

            h3 {
                color: #3d0600;
                margin: 0px 0px 0px 0px;
                font: bold 20pt Trebuchet MS;
            }

/* Content */

            #content {
                width: 853px;
                margin: 0 auto;
                color: #3d0600;
            }

            #c_top {
                width: 853px;
                height: 12px;
                margin: 0 auto;
                background: url(images/bg_content_top.png) no-repeat;
            }

            #c_mid {
                width: 760px;
                margin: 0 auto;
                padding: 3px 52px 3px 41px;
                background: url(images/bg_content_mid.png) repeat-y;
            }

            #c_bottom {
                width: 853px;
                height: 18px;
                margin: 0 auto;
                background: url(images/bg_content_bottom.png) no-repeat;
            }

/* Footer */

            #footer {
                width: 862px;
                height: 33px;
                margin: 0 auto;
                color: #fcfbf2;
                text-align: center;
                font: bold 9pt Arial;
                padding: 18px 0px 0px 0px;
                background: url(images/bg_footer.png) no-repeat;
            }

            #footer a, #footer a:link, #footer a:visited, #footer a:active, #footer a:hover {
                text-decoration: none;
                color: #fcfbf2;
            }

/* Overig */

            img {
                border: none;
            }

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

            .left {
                float: left;
            }

            .right {
                float: right;
            }