body {
    background-color:           #FFFFFF;
    margin:                     0px;
    font-family:                Arial;
    font-size:                  11px;
    color:                      #000000;
}

a {
    color:                      #000000;
    text-decoration:            none;
}

a:hover {
    text-decoration:            underline;
}

h1 {
    font-size:                  31px;
    color:                      #1c488d;
    font-weight:                normal;
    margin:                     0px;
    padding:                    0px;
}

h2 {
    font-size:                  20px;
    color:                      #f58027;
    font-weight:                normal;
    margin:                     0px;
    margin-bottom:              10px;
    padding:                    0px;
}

#maincontainer {
    position:           absolute;
    width:              800px;
    left:               50%;
    margin-left:        -400px;
    margin-top:         26px;
}

#top {
    background-image:   url('../../gfx/top.gif');
    background-repeat:  no-repeat;
    width:              100%;
    height:             24px;
    color:              #FFFFFF;
}

#toplink {
    float:              right;
    height:             24px;
    margin-right:       25px;
}

#toplink a {
    color:              #FFFFFF;
    text-decoration:    none;
    display:            block;
    line-height:        24px;
    vertical-align:     middle;
}

#toplink a:hover {
    text-decoration:    underline;
}

#buttons_groot {
    width:              100%;
    margin-top:         15px;
    height:             172px;
}

.button_groot {
    height:             172px;
    width:              152px;
    margin-left:        10px;
    float:              left;
    text-align:         center;
    font-weight:        bold;
    color:              #FFFFFF;
    font-size:          1.1em;
}

#middle {
    width:              100%;
    margin-top:         20px;
    height:             84px;
}

a.btn_kl {
    display:            block;
    width:              152px;
    height:             34px;
    vertical-align:     middle;
    line-height:        34px;
    text-align:         center;
    color:              #FFFFFF;
    text-decoration:    none;
    float:              left;
    margin-left:        10px;
}

a.btn_kl:hover {
    text-decoration:    underline;
}

a.btn_kl_kl {
     display:            block;
    width:              152px;
    height:             24px;
    background-image:   url('../../gfx/btn_gr_kl.gif');
    background-repeat:  no-repeat;
    vertical-align:     middle;
    line-height:        24px;
    text-align:         center;
    color:              #FFFFFF;
    text-decoration:    none;
    float:              left;
    margin-bottom:      10px;
}

a.btn_kl_kl:hover {
    text-decoration:    underline;
    background-image:   url('../../gfx/btn_bl_kl.gif');
}

#content {
    width:              100%;
    height:             315px;
    margin-top:         15px;
}

#left {
    float:              left;
    width:              230px;
    height:             315px;
}

#mid {
    float:              left;
    width:              408px;
    height:             335px;
    overflow-y:         auto;
    overflow-x:         hidden;
}

#right {
    float:              left;
    margin-left:        10px;
    width:              152px;
    height:             315px;
}

#vacatureTable {
    width:              100%;
    text-align:         left;
}

#vacatureTable td, th {
    text-align:         left;
    padding:            5px;
    vertical-align:     top;
}