html{
        overflow-y: scroll;
    }

    body{
        margin:0px 0px 220px 0px;
        padding: 0px;
        font-family: Arial, sans-serif;
        font-size: 12px;
        line-height:18px;
        color: #00346f;
        background: #d0d4d7 url('../images/bg-body.gif') repeat-x;
        text-align: center;
    }
    h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0;}
    h1{
        margin:0px 33px 11px 33px;
        font-size: 24px;
        width: 550px;
    }
    h2{
        margin:0px 33px 11px 33px;
        font-size: 18px;
        width: 241px;
    }
    h3{
        margin:0px 22px 11px 22px;
        font-size: 24px;
        width: 500px;
    }
    img{
        border: 0px;
        margin: 0px;
    }
    div.hr {
        clear: both;
        height: 1px;
        background-color: #e8f2f9;
        margin: 22px 33px 11px 33px;
    }
    div.hr hr {
        display: none;
    }

    #center{
        margin: 0 auto 0 auto;
        width: 990px;
        background:#fff;
        text-align:left;
    }
    #content{
        position:relative;
        margin:0px 22px 0px 22px;
        padding: 0px 11px 0px 11px;
        width: 924px;
        background: #f0f2f3 url('../images/bg-content.gif') no-repeat;
    }

    /* LEFT-COLUMN */
    #left-column{
        float:left;
        margin: 0px 0px 0px 0px;
        width:286px;
    }

    /* LOGO */
    #logo{
        margin:0px;
        width:286px;
        background: url('../images/logo-keser.jpg') no-repeat;
    }

    /* HOOFD-MENU */
    #menu{
        position: relative;
        float: left;
        margin: 0px;
        padding: 0px;
        width: 286px;
    }
        #menu ul li{
            float: right;
            width: 286px;
            list-style-type: none;
            overflow: hidden;
            padding: 0px;
        }
        #menu ul li a {
            display: block;
            margin: 0 0 3px 0;
            padding: 0px;
            width: 286px;
            height: 32px;
            background-repeat: no-repeat;
            background-position: 0 0;
            text-indent: -9999px;
            overflow: hidden;
            outline: 0;
        }
        #menu ul li.home a       { background-image: url('../images/home.jpg'); }
        #menu ul li.kandidaten a       { background-image: url('../images/kandidaten.jpg'); }
        #menu ul li.opdrachtgevers a       { background-image: url('../images/opdrachtgevers.jpg'); }
        #menu ul li.vacatures a       { background-image: url('../images/vacatures.jpg'); }
        #menu ul li.inschrijven a       { background-image: url('../images/inschrijven.jpg'); }

        #menu ul li a:hover {
            background-position: -286px 0;
        }
        #menu ul li.sel a:hover,
        #menu ul li.sel a {
            background-position: -286px 0;
        }

    #top-vacatures{
        margin: 0px 22px 0px 22px;
        padding: 0px;
        width: 242px;
        min-height: 154px;
    }

    /* VACATURE-LIST */
    #vacature-list{
        float: left;
        margin:7px 0px 0px 0px;
        padding: 22px 0px 22px 0px;
        width:286px;
        background:#8c98a4 url('../images/bg-top-list.gif') no-repeat;
    }
        #vacature-list p{
            margin:0px 22px 11px 22px;
            padding: 0px;
            color: #fff;
        }
        #vacature-list table{
            margin:0px 22px 0px 22px;
            border-collapse: collapse;
            border-bottom: 1px solid #adb8c7;
            font-size: 12px;
            line-height: 14px;
            width: 242px;
        }
        #vacature-list tr{
            border-top: 1px solid #adb8c7;
        }
        #vacature-list td{
            border: 0px;
            color: #fff;
            padding: 4px 11px 5px 0px;
            vertical-align: top;
        }

    .regel{
        cursor:pointer
    }
    .regel2{
        background: #a5afb8;
        cursor:pointer
    }

    #vacature-list-footer{
        clear: both;
        margin: 0px;
        padding: 0px;
        width: 286px;
        height:11px;
        background: url('../images/bg-bottom-list.gif') no-repeat;
    }

    /* SEARCH */
    #search{
        float: left;
        margin:7px 0px 0px 0px;
        padding: 22px 0px 22px 0px;
        width:286px;
        background:#b6cde0 url('../images/bg-top-search.gif') no-repeat;
    }
        #search p{
            margin:0px 22px 11px 22px;
            padding: 0px;
            color: #fff;
        }
        #search table{
            margin:0px 22px 0px 22px;
            border-collapse: collapse;
            border: 0px;
            font-size: 12px;
            line-height: 14px;
            width: 242px;
        }
        #search td{
            border: 0px;
            color: #fff;
            padding: 4px 11px 5px 0px;
            vertical-align: middle;
        }
        #search a{
            display: block;
            overflow: hidden;
            text-indent: -9999px;
            width: 89px;
            height: 32px;
            background: url('../images/zoeken.gif') no-repeat;
        }
        #search input{
            border: 1px solid #005581;
            height: 18px;
            width: 151px; /*155*/
            padding: 0;
            font-family: inherit;
            padding: 2px 2px 0 2px;
        }

        select.cxSelectClass {
            border: 1px solid #005581;
            padding: 1px 0;
            height: 22px;
            width: 157px;
            font-size: 12px;
            font-family: inherit;
        }


    #search-footer{
        clear: both;
        margin: 0px;
        padding: 0px;
        width: 286px;
        height:11px;
        background: url('../images/bg-bottom-search.gif') no-repeat;
    }

    /* RIGHT-COLUMN*/
    #right-column{
        float:left;
        margin: 11px 0px 0px 11px;
        width:627px;
    }

    /* TOP-MENU */
    #top-menu{
        margin: 0px;
        padding: 0px;
        width:627px;
        height:44px;
        background: url('../images/bg-top-menu.gif') no-repeat;
    }
        ul#nav-top {
            float: left;
            padding: 0px 0px 0px 25px;
        }
        ul#nav-top li {
            display: inline;
        }
        ul#nav-top li a {
            float: left;
            padding: 0 8px 0 8px;
            height: 22px;
            line-height: 22px;
            background: url('../images/divider-top.gif') no-repeat right 50%;
            color: #fff;
            font-size: 110%;
            text-decoration: none;
        }
        ul#nav-top li.no-divider a {
            background: none;
        }
            ul#nav-top li.sel a,
            ul#nav-top li a:hover {
                color: #fff;
                text-decoration: underline;
            }

    /* BANNER*/
    #banner{
        margin: 11px 0px 0px 0px;
        width: 627px;
        height: 231px;
        overflow: hidden;
        /*background: url('../images/banner-123work-02.jpg') no-repeat;*/
    }
        #default #banner,
        #kandidaat #banner,
        #opdrachtgever #banner,
        #over_keser #banner,
        #contact #banner,
        #nieuws #banner,
        #samenwerking #banner,
        #faq #banner,
        #sitemap #banner,
        #landingspagina #banner,
        #home #banner {
            background: url('../images/banner-keser-01.jpg') no-repeat;
        }
        #vacatures #banner{
            background: url('../images/banner-keser-02.jpg') no-repeat;
        }
        #contact #banner {
            background: url('../images/banner-keser-02.jpg') no-repeat;
        }

    /* CONTENT FRAME HOME */
    #content-home{
        margin: 11px 0px 0px 0px;
        padding: 0px;
        width: 627px;
        background: url('../images/bg-content-home.gif') repeat-y;
    }
        #content-home p{
            margin: 0px 33px 7px 33px;
        }

    /* CATEGORIE-LINKS */
    #categorie-links{
        float: left;
        margin: 0px;
        padding: 28px 0px 0px 0px;
        width: 308px;
        height:179px;
        background: url('../images/bg-catagorie-links.gif') no-repeat;
    }
        #categorie-links ul{
            margin: 0px;
            padding: 0px;
        }
        #categorie-links ul li{
            float: right;
            width: 308px;
            list-style-type: none;
            overflow: hidden;
            padding: 0px;
        }
        #categorie-links ul li a {
            display: block;
            margin: 0px;
            padding: 0px;
            width: 308px;
            height: 22px;
            background-repeat: no-repeat;
            background-position: -308px 0;
            text-indent: -9999px;
            overflow: hidden;
            outline: 0;
        }
        #categorie-links ul li.finance a { background-image: url('../images/butt-finance.gif'); }
        #categorie-links ul li.sales-marketing a { background-image: url('../images/butt-sales-marketing.gif'); }
        #categorie-links ul li.management a { background-image: url('../images/butt-management.gif'); }
        #categorie-links ul li.regio-den-bosch a { background-image: url('../images/butt-regio-den-bosch.gif'); }
        #categorie-links ul li.regio-tilburg a { background-image: url('../images/butt-regio-tilburg.gif'); }
        #categorie-links ul li.regio-eindhoven a { background-image: url('../images/butt-regio-eindhoven.gif'); }

        #categorie-links ul li a:hover {
            background-position: 0 0;
        }
        #categorie-links ul li.sel a:hover,
        #categorie-links ul li.sel a {
            background-position: 0 0;
        }


    #welkom{
        float:left;
        margin: 0px;
        padding: 33px 0px 22px 0px;
        width: 308px;
        background: #fff url('../images/bg-top-nieuws.gif') no-repeat;
    }

    #nieuws-home{
        float: right;
        margin: 0px;
        padding: 33px 0px 22px 0px;
        width: 308px;
        background: #fff url('../images/bg-top-nieuws.gif') no-repeat;
    }
        #nieuws-home p{
            font-size: 11px;
            line-height: 14px;
        }
        #nieuws-home a{
            font-weight: bold;
            text-decoration: none;
            color: #fc6e00;
        }
        #nieuws-home a:hover{
            text-decoration: underline;
        }

    #content-home-footer{
        clear: both;
        margin: 0px;
        padding: 0px;
        width: 627px;
        height:11px;
        background: url('../images/bg-bottom-content-home.gif') no-repeat;
    }

    /* CONTENT FRAME WIDE */
    #content-wide{
        margin: 11px 0px 0px 0px;
        padding: 33px 0px 22px 0px;
        width: 627px;
        background: #fff url('../images/bg-top-content-wide.gif') no-repeat;
    }
        #content-wide p{
            margin: 0px 33px 11px 33px;
        }
        #content-wide a{
            text-decoration: underline;
            color: #fc6e00;
        }
            #content-wide a.mail{
                padding: 1px 0px 4px 24px;
                background: url('../images/icon-mail.gif') no-repeat;
            }
            #content-wide a.locatie{
                margin-left:9px;
                padding: 1px 0px 4px 24px;
                background: url('../images/icon-locatie.gif') no-repeat;
            }
        #content-wide a:hover{
            text-decoration: none;
            color: #fff;
            background-color: #fc6e00;
        }
            #content-wide a.mail:hover,
            #content-wide a.locatie:hover{
                text-decoration: underline;
                color: #000;
                background-color: #fff;
            }
        #content-wide ul{
            list-style-type: none;
            padding: 0px;
            margin: 0px 33px 11px 33px;
        }
        #content-wide li{
            background-image: url('../images/dot.gif');
            background-repeat: no-repeat;
            background-position: 0px 5px;
            padding-left: 14px;
        }
        #content-wide table{
            margin:0px 0px 0px 0px;
            border-collapse: collapse;
            border-bottom: 1px solid #f0f2f3;
            font-size: 12px;
            width: 100%;
        }
        #content-wide table.formulier{
            margin:0px 33px 0px 33px;
            width: 561px;
        }
        #content-wide tr{
            border-top: 1px solid #f0f2f3;
        }
        #content-wide td{
            border: 0px;
            padding: 4px 9px 5px 2px;
            vertical-align: top;
        }
        #content-wide a.vacature{
            text-decoration: underline;
            color: #fc6e00;
            padding-left: 33px;
            background: url('../images/arrow-orange.gif') no-repeat 11px 2px;
        }
        #content-wide a.vacature:hover{
            text-decoration: none;
            color: #005581;
            padding-left: 33px;
            background: url('../images/arrow-blue.gif') no-repeat 11px 2px;
        }
        #medewerkers{
            float: right;
            margin: 0px 33px 0px 0px;
            padding: 0px;
            width: 297px;
        }
        #medewerkers a{
            position: relative;
            float: left;
            display: block;
            width:63px;
            margin: 0px 6px 6px 0px;
            border: 1px solid #7aa5c5;
        }
        #medewerkers a:hover{
            border: 1px solid #fc6e00;
            background: #fff;
        }
        #medewerkers img{
            padding: 4px;
        }
        #medewerkers a span{display: none}
        #medewerkers a:hover span{ /*the span will display just on :hover state*/
            display:block;
            position:absolute;
            top: -1px; left: -143px;
            width: 143px;
            height: 33px;
            padding: 11px 0px 11px 0px;
            text-align: left;
            background: #fc6e00 url('../images/arrow-medewerkers.gif') no-repeat top right;
        }
        #medewerkers a:hover span p{
            margin: 0px 11px 0px 11px;
            padding: 0px;
            line-height: 14px;
        }
        .map{
            border: 1px solid #b6cddf;
            margin: 0px 33px 0px 33px;
            padding:3px;
        }

        #content-wide-footer{
            margin: 0px;
            padding: 0px;
            width: 627px;
            height:11px;
            background: #fff url('../images/bg-bottom-content-wide.gif') no-repeat;
        }

    /* CLEAR*/
    #clear{
        clear: both;
    }

    /* FOOTER */
    #footer{
        margin:0px 22px 0px 22px;
        width: 946px;
        height:33px;
        background: #f0f2f3 url('../images/bg-footer.gif') no-repeat
    }