/* CSS Document */

html {
    height: 100%;
}

td {
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    color: #666666;
}

img {
    border: 0px;
}

font {
    font-size: 10px;
}

label {
    clear: both;
    font-weight: bold;
    width: 100%;
    position: relative;
    display: block;
}

input, select {
    font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color:#707070;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    background-color:#ddd;
    border: 1px solid #bbb;
}

textarea {
    font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #707070;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    background-color: #ddd;
    border: 1px solid #bbb;
}

p.required {
    border-top: 1px dashed #000000;
    border-bottom: 1px dashed #000000;
    color: #bb221a;
    font-weight: bold;
}

form {
    margin: 0px;
    padding: 0px;
}

body {
    height: 100%;
    margin: 0px;
    padding: 0px;
    background-color: #e7e7e7;
    background-image:url(../images/bg.gif);
    background-repeat: repeat-x;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    color: #666666;
}

p {
    margin: 0px 0px 15px 0px;
}

ul {
    margin: 0px 0px 15px 12px;
    padding: 0px;
    list-style-type: disc;
}

li {

}

a {
    line-height: 14px;
    color: #bb221a;
    text-decoration: underline;
}

a:hover {
    text-decoration: underline;
}

H1 { /*p kop */
    color: #bb221a;
    font-size: 10px;
    margin: 0px;
    padding: 0px;
}

H2	{ /*p kop */
    font-size: 20px;
    margin: 0px;
    padding: 0px;
}

H3 { /*p kop */
    font-size: 30px;
    margin: 0px;
    padding: 0px;
}
H4	{ /*p kop */
    font-size: 15px;
    margin: 0px;
    padding: 0px;
}

sup {
    vertical-align: top;
    line-height: 9px;
}

/* backgrond */

#bg_shadow_left {
    width: 14px;
    background-image:url(../images/bgshadowleftR.gif);
    background-repeat: repeat-y;
}

#bg_shadow_right {
    width: 14px;
    background-image:url(../images/bgshadowrightR.gif);
    background-repeat: repeat-y;
}

/* end backgrond */
/* header */
#header {
    text-align:center;
    width: 901px;
    height: 134px;
    background-color:#FFFFFF;
}

#header_logo {
    float:left;
    width: 181px;
    height:100%;
}

.img_header_logo {
    float:left;
    position: relative;
    width: 128px;
    height: 116px;
    margin-left: 23px;
    margin-top: 6px;
    display:inline;
    background-image:url(../images/logo.gif);
}

#header_loaderboard {
    position: relative;
    float:left;
    width: 720px;
    height:93px;
}

#header_loaderboard_topmenu {
    float: right;
    position: relative;
    display: inline;
    margin-right: 25px;
    margin-top: 17px;
}

#header_menu {
    text-align: left;
    float:left;
    position: relative;
    width: 698px;
    height: 13px;
    border-bottom: #c2c2c2 1px solid;
}

#header_buttonsL {
    position: relative;
    display:inline;
    float: left;
    margin-right: 3px;
}

#header_buttonsR {
    text-align:right;
    position: relative;
    display:inline;
    float: right;
    margin-right: 3px;
    width: 200px;
}

/* TEMPLATE HOME DIV */

#container_landing {
    float: left;
    position: relative;
    display: inline;
    margin-left: 21px;
    width:861px;
    height: auto;
    border-right: 1px solid #bb221a;
}

#container_landing_sub {
    float: left;
    position: relative;
    width: 100%;
    height: auto;
}

#landing_sub_txt {
    display: inline;
    color: #666666;
    font-weight: bold;
    font-size: 11px;
    position: relative;
    height: 205px;
    width: 258px;
    margin-top: 5px;
    margin-right: 15px;
    float: right;
    background-image: url(../images/kop_landing.gif);
    background-repeat: no-repeat;
}

#landing_sub_txt_space{
    width: 100%;
    margin-top: 118px;
}

#container_landing_buttons{
    float: left;
    position: relative;
    width: 857px;
    height: 252px;
    display: inline;
    margin-left: 4px;
    margin-top: 9px;
    border-left: 1px solid #bb221a;
}

#landing_buttons{
    float: left;
    position: relative;
    width: 100%;
    height: 118px;
    display: inline;
    margin-top: 45px;
}



/* END TEMPLATE SUB DIV */

#container_home{
    float: left;
    position: relative;
    display: inline;
    margin-left: 21px;
    width:861px;
    height: auto;
}

#home_sub_nieuws{
    display: inline;
    color: #666666;
    font-weight: bold;
    font-size: 11px;
    position: relative;
    height: 211px;
    width: 280px;
    margin-top: 1px;
    margin-right: 1px;
    float: right;
    background-image: url(../images/bg_home_programma.gif);
    background-repeat: no-repeat;
}

#home_sub_nieuws_txt{
    float: left;
    position: relative;
    width: 237px;
    height: auto;
    margin-top: 10px;
    margin-left: 20px;
    display: inline;
}

#test{
    margin-left: 4px;
    margin-top: 14px;
}

#test2{
    margin-bottom: 34px;
    margin-top: 1px;
}

#home_sub_nieuws_txt_kop{
    float: left;
    position: relative;
    width: 237px;
    height: 23px;;
    display: inline;
    background-image: url(../images/kop_nieuws_subheader.gif);
    background-repeat: no-repeat;
    border-bottom: 1px solid #bb221a;
}


#container_home_txt{
    float: left;
    position: relative;
    width: 856px;
    height: 100%;
    display: inline;
    margin-left: 4px;
    margin-top: 9px;
}

#container_home_txt2{
    float: left;
    position: relative;
    width: 856px;
    height: 100%;
    display: inline;
    margin-left: 21px;
    margin-top: 9px;
}

#container_home_txt span{
    font-size: 12px;
    color: #bb221a;
}

#space_container_home_txt{
    float: left;
    position: relative;
    width: 500px;
    height: 20px;
    display: inline;
    margin-left: 4px;
    border-left: 1px solid #bb221a;
    border-right: 1px solid #bb221a;
}

*html #container_home_txt{
    width: 500px;
}

*html #space_container_home_txt{
    width: 500px;
}

#home_txt_left{
    float: left;
    position: relative;
    height: 100%;
    width: 544px;
    display: inline;
    margin-left: 16px;
    padding-right: 10px;
}

*html #home_txt_left{
    margin-left: 15px;
}

#space_home_txt_left{
    float: left;
    position: relative;
    width: 554px;
    height: 20px;
    display: inline;
    margin-left: 16px;
    border-right: 1px solid #bb221a;
}

#home_txt_right{
    float: left;
    position: relative;
    width: 236px;
    height: auto;
    margin-left: 24px;
    display: inline;
}

#home_txt_right_border{
    margin-top: 18px;
    float: left;
    position: relative;
    width: 236px;
    height: auto;
    display: inline;
    border-bottom: 1px solid #bb221a;
}

#home_txt_right_border span{
    font-size: 12px;
    color: #bb221a;
}

/* footer */
#footer{
    height: 40px;
    font-weight: bold;
    color: #666666;
    position: absolute;
    bottom: 0px;
}

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

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

#footer p{
    font-size: 10px;
    height: 20px;
    margin-top: 12px;
    margin-left: 24px;
    background-color:#fff;
}

/* end footer */

/*mid section*/

#mid_border {
    display: block;
    color: #666666;
    font-weight: normal;
    font-size: 11px;
    position: relative;
    width: 545px;
    margin-top: 10px;
    margin-right: 10px;
    float: bottom;
    border-bottom: 1px solid #bb221a;
    /*background-repeat: no-repeat;*/
    }


.mid_border_txt_left {
    display: inline-block;
    position: left;
    font-size: 80%;
    /*height:15px;*/
    width: 177px;
    /*margin-left: 15px;*/
    background-image: url(../images/bg_mid_contact2.gif);
    background-color:#fff;
    background-repeat: no-repeat;
    float: left;
}

.mid_border_txt_center {
    display: inline-block;
    position: center;
    font-size: 80%;
    /*height:15px;*/
    width: 185px;
    background-image: url(../images/bg_mid_contact2.gif);
    background-color:#fff;
    background-repeat: no-repeat;
    float: center;
}
/*
#mid_border_right {
    display: block;
    color: #666666;
    font-weight: normal;
    font-size: 11px;
    position: relative;
    width: 220px;
    margin-top: 10px;
    margin-right: 0px;
    float: left;
    background-image: url(../images/sub_header_img.jpg);
    border-bottom: 1px solid #bb221a;
    }

#mid_border_txt_right {
    display: inline-block;
    position: left;
    font-size: 80%;
    margin-top: 10px;
    float: left;
    background-image: url(../images/sub_header_img.jpg);
    background-repeat: no-repeat;
}

#mid_border_menu_right{
    display: inline;
    color: #666666;
    font-weight: bold;
    font-size: 11px;
    position: relative;
    height: 160px;
    width: 250px;
    margin-top: 1px;
    margin-right: 1px;
    float: right;
}
*/


/*goed!*/
#home_sub_nieuws2{
    display: inline;
    color: #666666;
    font-weight: bold;
    font-size: 11px;
    position: relative;
    /*height: 100px;*/
    width: 220px;
    margin-top: 1px;
    margin-left: 30px;
    float: right;
    background-image: url(../images/empty.gif);
    background-repeat: no-repeat;
}


#home_sub_nieuws_txt2{
    float: center;
    position: relative;
    /*width: 200px;*/
    /*height: 10px;*/
    margin-top: 10px;
    margin-left: 30px;
    display: inline-block;
}

/*goed!*/
#home_sub_nieuws_txt_kop2{
    float: center;
    position: relative;
    width: 200px;
    height: 27px;;
    margin-top: 12px;
    margin-left: 30px;
    display: inline;
    background-image: url(../images/kop_klanten.gif);
    background-repeat: no-repeat;
    border-bottom: 1px solid #bb221a;
}

/*goed!*/
#home_sub_nieuws3{
    display: inline;
    color: #666666;
    font-weight: bold;
    font-size: 11px;
    position: relative;
    height: 300px;
    width: 240px;
    margin-top: 23px;
    margin-left: 21px;
    float: center;
    background-image: url(../images/sub_header_img3.jpg);
    background-repeat: no-repeat;
}

/*goed!*/
#home_sub_nieuws_txt_kop3{
    float: left;
    position: relative;
    width: 200px;
    height: 23px;;
    margin-top: 12px;
    margin-left: 15px;
    display: inline;
    background-image: url(../images/kop_quote.jpg);
    background-repeat: no-repeat;
    border-bottom: 1px solid #bb221a;
}
#home_sub_nieuws_txt3{
    float: center;
    position: relative;
    width: auto;
    height: auto;*/
    margin-top: 17px;
    margin-left: 20px;
    display: inline-block;
    /*background-color: blue;*/
}



#sub_vind_baan_bedrijf_lsg{
    width: 100%;
    height: 64px;
    /*margin-bottom: 40px;*/
    background-image: url(../images/bgBedrijfRechtsbloklsg.gif);
}

#sub_vind_baan_bedrijf_links{
    float: center;
    position: relative;
    margin-top: 15px;
    text-align: center;
    width: 100%;
}

#sub_vind_baan_bedrijf_top{
    height: 10px;
    background-image: url(../images/bgBedrijfRechtsblokTop.gif);
    background-repeat: no-repeat;
}

#sub_vind_baan_bedrijf_repeat{
    width: 283px;
    height: 100%;
    vertical-align: top;
    background-image: url(../images/bgBedrijfRechtsblokRepeat.gif);
    background-repeat: repeat-y;
}

#sub_vind_baan_bedrijf_repeat2{
    width: 283px;
    height: 30;
    vertical-align: top;
    background-image: url(../images/bgBedrijfRechtsblokRepeat.gif);
    background-repeat: repeat-y;
}

#sub_vind_baan_bedrijf_hulp{
    width: 100%;
    height: 100%;
}

#sub_vind_baan_bedrijf_hulp img{
    margin-left: 8px;
    margin-top: 25px;
}

#sub_vind_baan_bedrijf_zoek{
    width: 100%;
    height: auto;
}

#sub_vind_baan_bedrijf_zoek_hulp{
    width: 236px;
    height: 100%;
    vertical-align: top;
}

#rightImages {
    position: relative;
    top: 125px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    margint-right:20px;
    color: #fff;
}

.rightLinks {
    position: relative;
    /*top: 500px;*/
    text-align: center;
    width: 283px;
}

.rightLinks img {
    display: block;
    margin-right: auto;
    margin-left:auto;
}

.rightLinks img.imageLinks {
    border-width: 0px;
    height: 1px;
    width: 126px;
    margin: 3px;
    margin-right: auto;
    margin-left:auto;
}

.MainContent {
    width: 520px;
    background-color: #000000;
    margin-left: 68px;
    margin-top:0px;
    min-height: 350px;
}

*html .MainContent {
    height: 350px;
}



#contact {
    float: left;
    padding: 5px;
    margin: 0px;
    border: 2px solid #ccc;
    width: 256px;
    #width:270px;
}

#contact br {
    line-height: 6px;
}

#contact table {
    width: 100%;
}
#contact td {
    padding-top: 15px;
}

.office_photo {
    float: right;
    border: 1px solid grey;
}


.vacature0 {
    background-color: #eee

    }
.vacature1 {
    background-color: #ccc
    }
.rowVacature
{
    height: 60px;
    width: 485px;
    /*background: #ffffff url(../images/vacature_zoeken.jpg) no-repeat;*/
}

/* added by Willem */

.bgCandidateListSmallWhite, .bgCandidateListSmallWhiteOver{
    float: left;
    height: 25px;
    width: 587px;
    _width: 593px;
    border-left: 3px solid #fee7e6;
    border-right: 3px solid #fee7e6;
    cursor: pointer;
}

.candidateListSmallWhite, .candidateListSmallWhiteOver{
    border-top: 3px solid #fee7e6;
    height: 100%;
}

.candidateListSmallWhite p, .candidateListSmallWhiteOver p{
    line-height: 17px;
}

.candidateListSmallWhiteOver{
    background-color: red;
}

.candidateListSmallWhiteOver td{
    color: #FFFFFF;
}

.bgCandidateListOver, .bgCandidateListRed, .bgCandidateListWhite, .bgCandidateListFirst{
    float: left;
    width: 593px;
    height: auto;
    min-height: 226px;
}

.bgCandidateListRed, .bgCandidateListWhite, .bgCandidateListFirst{
    position: relative;
    margin-bottom: -27px;
    z-index: 1;
}

.bgCandidateListFirst, .bgCandidateListWhite{
    background-color: none;
}

.bgCandidateListRed{
    background-color: #f36862;
}


.bgCandidateListOver{
    position: absolute;
    z-index: 3;
}

.bgCandidateListBotRed, .bgCandidateListBotWhite{
    position: relative;
    float: left;
    display: inline;
    width: 593px;
    height: 25px;
    z-index: 3;
    margin-bottom: 25px;
}

.bgCandidateListBotRed{
    background-color: #f36862;
}

.bgCandidateListBotWhite{
    background-color: #FFFFFF;
}

.candidateListHeadRed, .candidateListHeadWhite, .candidateListHeadFirst{
    display: block;
    position: relative;
    width: 268px;
    height: 28px;
    padding-left: 14px;
    z-index: 3;
    font-size: 14px;
    font-weight: bold;
}

.candidateListHeadWhite p, .candidateListHeadFirst{
    color: #a1a0a1;
    margin: 0px;
    padding-top: 8px;
}

.candidateListHeadRed p{
    color: #bb221a;
    margin: 0px;
    padding-top: 8px;
}

.candidateListInfoMainRed, .candidateListInfoMainWhite, .candidateListInfoMainFirst{
    float: left;
    display: inline;
    position: relative;
    width: 587px;
    _width: 593px;
    border-left: 3px solid #fee7e6;
    border-right: 3px solid #fee7e6;
    z-index: 4;
}

.candidateListInfoRed, .candidateListInfoWhite, .candidateListInfoFirst{
    float: left;
    display: inline;
    position: relative;
    width: 562px;
    /*height: 87px;*/
    heigth: auto;
    min-height: 87px;
    margin-left: 14px;
    z-index: 3;
    margin-top: 5px;
}

.candidateListInfoWhite, .candidateListInfoFirst{
    border-bottom: 1px solid #efefef;
}

.candidateListInfoRed{
    border-bottom: 1px solid #e85a54;
}

.candidateListInfoPhoto{
    float: left;
    postion: relative;
    display: inline;
    width: 133px;
    height: 76px;
    margin-top: 5px;
}

.candidateListInfoPhotoOver{
    position: absolute;
    width: 150px;
    height: 76px;
}

.candidateListInfo{
    float: right;
    text-align: left;
    position: relative;
    display: inline;
    width: 415px;
    height: 76px;
    height: auto;
}

.candidateListInfoRed span, .candidateListInfoWhite span, .candidateListInfoFirst span{
    display: block;
    position: relative;
    width: 100%;
    height: 38px;
    font-weight: bold;
    font-size: 14px;
    padding-top: 3px;
}

.candidateListInfoWhite span, .candidateListInfoFirst span, .candidateListInfoWhite p, .candidateListInfoFirst p{
    color: #a1a0a1;
}

.candidateListInfoRed span, .candidateListInfoRed p{
    color: #bb221a;
}

.candidateListSpecsRed, .candidateListSpecsWhite, .candidateListSpecsFirst, .candidateSpecsWhite{
    float: left;
    display: inline;
    position: relative;
    width: 587px;
    _width: 593px;
    min-height: 110px;
    _height: 110px;
    z-index: 3;
    padding-top: 5px;
    border-left: 3px solid #fee7e6;
    border-right: 3px solid #fee7e6;
    padding-bottom: 10px;
}

.candidateListSpecsRed span, .candidateListSpecsWhite span, .candidateListSpecsFirst span, .candidateSpecsWhite span{
    position: relative;
    font-weight: bold;
    font-size: 13px;
}

.candidateListSpecsWhite span, .candidateListSpecsFirst span, .candidateListSpecsWhite p, .candidateListSpecsFirst p, .candidateSpecsWhite p{
    color: #a1a0a1;
}

.candidateListSpecsRed span, .candidateListSpecsRed p{
    color: #bb221a;
}

.candidateSpecsWhite{
    border: 0px;
    width: 562px;
}

.candidateListSpecsLeft{
    float: left;
    postion: relative;
    display: inline;
    width: 293px;
    height: auto;
    margin-left: 14px;
}

.candidateListSpecsRight{
    float: right;
    postion: relative;
    display: inline;
    width: 233px;
    height: auto;
    margin-bottom: 25px;
}

.candidateListActions{
    position: absolute;
    width: 295px;
    height: 25px;
    margin-left: 300px;
    z-index: 4;
    margin-top: -8px;
}

.candidateListActions img{
    margin-left: 18px;
    cursor: pointer;
}

.candidateListActionsLast{
    position: relative;
    float: right;
    width: 295px;
    height: 25px;
    z-index: 10;
    margin-bottom: -10px;
}

.candidateListActionsLastFront{
    position: relative;
    float: left;
    width: 295px;
    height: 25px;
    z-index: 10;
    display: inline;
    margin-left: 295px;
    margin-top: -10px;
    margin-bottom: 12px;
}

.candidateListActionsLastFrontSpace{
    position: relative;
    float: left;
    width: 295px;
    height: 2px;
}

.candidateListActionsLast, .candidateListActionsLastFront img{
    margin-left: 18px;
    cursor: pointer;
}

/******************** CANDIDATELIST PRINTVERSION ********************/

.printCandidatesHeader{
    float: left;
    position: relative;
    display: inline;
    width: 593px;
    height: 126px;
}

.printCandidatesHeaderLogo{
    float: left;
    position: relative;
    display: inline;
    width: 163px;
    height: 126px;
    background-image: url(../images/email/talentmailing/logo.gif);
}

.printCandidatesHeaderTitle{
    float: left;
    position: relative;
    display: inline;
    width: 428px;
    height: 16px;
    margin-top: 94px;
    background-color: #e0e0e0;
}

.printCandidatesHeaderTitle img{
    float: right;
    margin-right: 5px;
    margin-top: 3px;
}

.printCandidatesTitle{
    float: left;
    position: relative;
    display: inline;
    width: 100%;
    height: 35px;
}

.printCandidatesTitle h1{
    font-size: 16px;
    font-weight:bold;
    color:#bb221a;
    line-height: 30px;
}

.printCandidatesInfo{
    position: relative;
}

/******************** END CANDIDATELIST PRINTVERSION ********************/

input.submitRed{
    width: 128px;
    height: 30px;
    border: 0px solid #4f787d;
    margin: 0px;
    padding: 0px;
    color: #bb221a;
    margin-left: 18px;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    background-image: url(../images/btnSubmitRed.gif);
    background-repeat: no-repeat;
    background-position: 0px 2px;
    padding-bottom: 4px;
    _background-position: 0px 2px;
    cursor: pointer;
    postion: relative;
    background-color: #f36862;
}

input.submitWhite{
    width: 128px;
    height: 24px;
    border: 0px solid #4f787d;
    margin: 0px;
    padding: 0px;
    color: #818082;
    margin-left: 18px;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    background-image: url(../images/btnSubmitWhite.gif);
    background-repeat: no-repeat;
    background-position: 0px 2px;
    padding-bottom: 4px;
    _background-position: 0px 2px;
    cursor: pointer;
    postion: relative;
    background-color: #FFFFFF;
}

/* candiates frontend */

.candidateFrontLeft{
    position: relative;
    float: left;
    width: 247px;
    _width: 240px;
    height: auto;
    display: inline;
    margin-left: 20px;

    clear: left;
}

.candidateFrontRight{
    position: relative;
    float: left;
    width: 593px;
    height: auto;
    display: inline;
    margin-bottom: -10px;
}

.candidateLeftInfoHdr{
    position: relative;
    float: left;
    width: 226px;
    height: 25px;
    display: inline;
}

.candidateLeftInfoDownload{
    position: relative;
    float: right;
    width: 148px;
    /* With PDF-downloadfunction: width: 176px;*/
    height: 28px;
    display: inline;
    background-image: url(../images/hdrCandidatesDownload.gif);
    background-repeat: no-repeat;
    background-position: 0px 8px;
    margin-top: -8px;
    margin-right: 3px;
    text-align: right;
}

.candidateLeftInfoBlock{
    position: relative;
    float: left;
    width: 226px;
    height: 226px;
    display: inline;
    background-image: url(../images/bgCandidateLeftBlock.gif);
    background-repeat: no-repeat;
    margin: 0 auto;
}

.candidateLeftInfoBlock td{
    letter-spacing: -1px;
    vertical-align: top;
    font-size: 10px;
}

.candidateLeftInfoBlock span{
    margin-left: 9px;
    margin-top: 9px;
    display: block;
}
.candidateLeftInfoBlock input{
    width: 125px;
    margin-bottom: 3px;
    _margin-bottom: 2px;
    height: 15px;
    _height: 14px;
    font-size: 9px;
    border: 0;
}

.colorred{
    color: red;
}

.candidateLeftInfoBlock textarea{
    width: 100%;
    height: 105px;
    border: 0;
}

.candidateLeftInfoReact{
    position: relative;
    float: left;
    width: 226px;
    height: auto;
    display: inline;
    margin: 0 auto;
    text-align: right;
}

.candidateLeftInfoReact input{
    margin-top: 10px;
    margin-right: 3px;
}

.candidateRightInfoHdr{
    position: relative;
    float: left;
    width: 226px;
    height: 25px;
    margin: 0 auto;
    display: inline;
    background-color: #000;
}


.candidateRightInfo{
    position: relative;
    float: right;
    width: auto;
    height: 25px;
    z-index: 10;
    margin-top: 15px;
    margin-bottom: -10px;
    background-color: #ccc;
}

.candidateRightInfoMenu{
    float: left;
    position: relative;
    display: inline;
    width: 100%;
    height: 29px;
}

.candidateRightInfoMenuOverview{
    position: absolute;
    float: left;
    z-index: 100;
    width: 115px;
    cursor: pointer;
}

.menuOverview{
    float: left;
    postion: relative;
    display: inline;
    width: 579px;
    border: 0px;
}

/* hover ie hack png */
.candidateRightInfoMenuOverview a #overview {
    display: block;
    border: 0;
}
.candidateRightInfoMenuOverview a #overviewM {
    display: none;
}

.candidateRightInfoMenuOverview a:hover #overview {
    display: none;
}
.candidateRightInfoMenuOverview a:hover #overviewM {
    display: block;
    border: 0;
}
/* end hover ie hack png */

.candidateRightInfoMenuSkills{
    position: absolute;
    float: left;
    z-index: 95;
    width: 137px;
    cursor: pointer;
    z-index: 99;
    margin-left: 100px;
}

/* hover ie hack png */
.candidateRightInfoMenuSkills a #skills {
    display: block;
    border: 0;
}
.candidateRightInfoMenuSkills a #skillsM {
    display: none;
}

.candidateRightInfoMenuSkills a:hover #skills {
    display: none;
}
.candidateRightInfoMenuSkills a:hover #skillsM {
    display: block;
    border: 0;
}
/* end hover ie hack png */

.candidateRightInfoMenuProjects{
    position: absolute;
    float: left;
    z-index: 99;
    width: 137px;
    cursor: pointer;
    z-index: 90;
    margin-left: 219px;
}

/* hover ie hack png */
.candidateRightInfoMenuProjects a #projects {
    display: block;
    border: 0;
}
.candidateRightInfoMenuProjects a #projectsM {
    display: none;
}

.candidateRightInfoMenuProjects a:hover #projects {
    display: none;
}
.candidateRightInfoMenuProjects a:hover #projectsM {
    display: block;
    border: 0;
}
/* end hover ie hack png */

.candidateRightInfoMenuTraining{
    position: absolute;
    float: left;
    z-index: 99;
    width: 137px;
    cursor: pointer;
    z-index: 85;
    margin-left: 341px;
}

/* hover ie hack png */
.candidateRightInfoMenuTraining a #training {
    display: block;
    border: 0;
}
.candidateRightInfoMenuTraining a #trainingM {
    display: none;
}

.candidateRightInfoMenuTraining a:hover #training {
    display: none;
}
.candidateRightInfoMenuTraining a:hover #trainingM {
    display: block;
    border: 0;
}
/* end hover ie hack png */

.candidateRightInfoMenuReaction{
    position: absolute;
    float: left;
    z-index: 99;
    width: 137px;
    cursor: pointer;
    z-index: 80;
    margin-left: 456px;
}

/* hover ie hack png */
.candidateRightInfoMenuReaction a #reaction {
    display: block;
    border: 0;
}
.candidateRightInfoMenuReaction a #reactionM {
    display: none;
}

.candidateRightInfoMenuReaction a:hover #reaction {
    display: none;
}
.candidateRightInfoMenuReaction a:hover #reactionM {
    display: block;
    border: 0;
}
/* end hover ie hack png */

.candidateRightInfoBg{
    float: left;
    position: relative;
    display: inline;
    width: 579px;
    height: auto;
    background-image: url(../images/bgSingleCandidate.gif);
    background-repeat: repeat-y;
    padding-left: 14px;
    padding-top: 9px;
    background-color: #ccc;
}

.candidateRightInfoSubTop{
    float: left;
    position: relative;
    width: 565px;
    height: 28px;
    background-image: url(../images/bgCandidateRightSubListTop.png);
    background-repeat: no-repeat;
}

.candidateRightInfoSubTop td{
    color: #2d2d2d;
    font-weight: bold;
}

.candidateRightInfoSubTop span, .candidateRightInfoSubR span{
    display: block;
    margin-left: 7px;
    height: 20px;
    line-height: 18px;
}

.candidateRightInfoSubR{
    float: left;
    position: relative;
    width: 565px;
    height: auto;
    background-image: url(../images/bgCandidateRightSubListR.png);
    background-repeat: repeat-y;
}

.candidateRightInfoSubR input, .candidateRightInfoSubR textarea {
    width: 100%;
}

.candidateRightInfoSubR textarea {
    margin-top: 2px;
    height: 100px;
}

.candidateRightInfoReaction p{
    margin-top: 15px;
}

.errorMessage{
    display: block;
    margin-top: 10px;
    margin-left: 10px;
    font-size: 11px;
    color: red;
}

.candidateRightInfoSubBot{
    float: left;
    position: relative;
    width: 565px;
    height: 8px;
    margin-top: -5px;
    margin-bottom: 10px;
}

.candidateAvailibleHdr{
    position: relative;
    float: left;
    width: 205px;
    height: 25px;
    margin-left: 9px;
    display: inline;
    border-bottom: 1px solid #cc362e;
    margin-bottom: 3px;
}

.candidateAvailibleHdr img{
    margin-top: 10px;
}

.candidateLastList{
    position: relative;
    float: left;
    width: 205px;
    height: 50px;
    margin-left: 9px;
    display: inline;
    border-bottom: 1px solid #cc362e;
    margin-bottom: 3px;
}

.candidateLastListReadMore{
    position: absolute;
    margin-left: 138px;
    margin-top: 33px;
    width: 70px;
    height: 20px;
}

.candidateLastListReadMore a{
    color: #cc362e;
    text-decoration: none;
}

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

.candidateLastList span{
    margin: 0px;
    color: #000;
}

.candidateLastList p{
    margin: 0px;
    margin-top: 4px;
}

.candidateListBack font{
    float: right;
    margin-right: 12px;
    margin-top: 8px;
    font-size: 11px;
}

.homeContactForm {
    margin: 0px 5px 5px 5px;
    *margin: 5px;
    position: relative;
}
.homeContactForm input {
    height: 16px;
    margin-bottom: 2px;
    *margin-bottom: 0px;
    width: 160px;
}
.homeContactForm textarea {
    margin-top: 5px;
    width: 100%;
    height: 60px;
}
.homeContactFormMessage {
    position: absolute;
    top: 168px;
}

/*************************** New styles by René Wolf *************************
These styles can be used to create rounded boxes, with alpha transparant edges.
For IE6 there is a special stylesheet required to handle semi transparant images.
******************************************************************************/


/******************** HEADER ********************/
#content_header {
    /*position: relative;*/
    float: left;
    width: 901px;
    height: 146px;
}

#content_header #logo {
    width: 128px;
    position: relative;
    float: left;
    margin: 12px 20px 20px 12px;
}

#content_header #menu {
    position: relative;
    float: left;
    top: 100px;
    display: inline;
    border-bottom: 1px solid #ddd;
}

#content_header #menu a {
    margin-right: 18px;
}

#content_header #button {
    position: relative;
    float: right;
    top: 85px;
    #top:70px;
    right: 30px;
}

/******************** FRONTPAGE ********************/
#content_fp_top {
    position: relative;
    float: left;
    width: 901px;
    background-color: #fafafa;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

#content_fp_top h1 {
    position: relative;
    float: left;
    width: 600px;
    padding: 4px 15px 4px 15px;
    font-size: 16px;
}

#content_fp_top h1.companySubHeader {
    width: 100%;
}

#content_fp_top #company_logos {
    position: relative;
    float: right;
    margin: 4px 10px 4px 10px;
}

#content_fp {
    position: relative;
    float: left;
    width: 901px;
    margin-top: 15px;
}

#content_fp .content_white ul {
    margin-left: 14px;
}

#content_fp .content_white li {
    margin-bottom: 5px;
}

#content_fp .content_white h2 {
    font-size: 14px;
}

#content_fp .content_white a {
    text-decoration: none;
}

#content_fp .content_white a:hover {
    text-decoration: underline;
}




.schrijf_je_in {
    height: 70px;
    width: 270px;
    position: relative;
}

.waarom_inschrijven {
    background: #fff url("../images/box_red.gif") no-repeat top center ;
    height: 157px;
    width: 270px;
    text-align: center;
    position: relative;
}

.waarom_inschrijven p {
    padding: 6px 12px 0px 12px;
    margin: 0;
    font-size: 11px;
    color: #fff;
    text-align: left;
    line-height: 17px;
}

ul.job_list li {
    height: 30px;
    vertical-align: top;
}

#content_fp .content_white .waarom_inschrijven li {
    color: #fff;
    text-align: left;
    margin: 0px 0px 0px 10px;
    padding: 0px;
}

.waarom_inschrijven_head {
    margin-top: 10px;
    margin-bottom: 0px;
}

.waarom_inschrijven_button {
    position: absolute;
    top: 119px;
    right: 12px;
}

#content_fp .img_align p {
    text-align: justify;
    margin: 0;
}

#content_fp .img_align img{
    float: left;
    position: relative;
    left: -5px;
}

#companySubHeader {
    
}

/******************** MAIN CONTENT ********************/
/* Always use this one .. to get some padding.*/
#content_main {
    position: relative;
    float: left;
    width: 877px;
    clear: both;
    padding: 12px;
}

/* If there is also a right and left side use this one for the left side.*/
#content_main_left,
#content_fp_left {
    position: relative;
    float: left;
    width: 595px;
    padding: 12px;
    padding-right: 0px;
}

/* Should be same as content_main_left, but just different padding. */
#content_fp_left {
    width: 619px;
    padding: 0px;
}

#content_fp_left .offset_left {
    left: 7px;
}


/* Use this one for the right side. */
#content_main_right,
#content_fp_right {
    position: relative;
    float: left;
    width: 270px;
    #width: 250px;
    text-align: center;
    padding: 12px;
    padding-top: 0px;
    margin-bottom: 10px;
}

#content_fp_right {
    width: 270px;
    #width: 250px;
    padding: 0px;
    margin-right: 0px;
}

#content_main_right p,
#content_main_right h1,
#content_main_right h2 {
    text-align: left;
}

#content_main_left h2 {
    font-size: 14px;
    color: #bb221a;
}

#content_main_left h3 {
    font-size: 12px;
    font-weight: bold;
    color: black;
}


#content_main h1,
#content_main_left h1 {
    font-size: 18px;
}

/******************** FOOTER ********************/
#content_footer {
    width: 901px;
    text-align: center;
}

#content_footer p {
    margin: 20px;
    padding: 0;
    position: relative;
}


.imagebox {
    background-image:url('../images/image_box_red.png');
    width: 277px;
    height: 105px;
    float: right;
    position: absolute;
    margin: 10px;
    right: 1px;
    top: 1px;
    z-index: 2;
}

.box_head {
    margin: 10px 10px 10px 34px;
    float: left;
    position: relative;
    clear: both;
}

/* Box for front page */
.box_800 {
    position: relative;
    float: left;
    clear: both;
    width: 876px;
    margin: 0px 0px 12px 12px;
    display: inline;
}

/* Box for front page */
.box_contactForm {
    position: relative;
    float: left;
    clear: both;
    width: 595px;
    margin: 0px 0px 12px 0px;
    display: inline;
}
.box_contactForm label {
    font-weight: normal;
    width: 90px;
}
.box_contactForm input {
    height: 16px;
    margin: 1px 0px;
    width: 180px;
}
.box_contactForm textarea {
    height: 90px;
    margin: 1px 0px;
    width: 472px;
}


/* Box for front page */
.box_wide {
    position: relative;
    float: left;
    width: 593px;
    margin: 0px 0px 12px 12px;
    display: inline;
}

/* Box for front page */
.box_300 {
    position: relative;
    float: left;
    width: 284px;
    margin: 0px 0px 12px 12px;
    display: inline;
}

/* Box for front page */
.box_290 {
    position: relative;
    float: left;
    width: 290px;
    margin: 0px 0px 12px 12px;
    display: inline;
}

/* Box for right side */
.box_250 {
    position: relative;
    float: left;
    width: 266px;
    margin: 0px 0px 12px 2px;
    display: inline;
}

.corner_tl, .corner_tr, .corner_bl, .corner_br {
    width: 10px;
    height: 10px;
    position: absolute;
    z-index: 255;
}

.corner_tl { left: 0px;  top: 0px; background-image:url('../images/corner_tl.png'); }
.corner_tr { right: 0px; top: 0px; background-image:url('../images/corner_tr.png'); }
.corner_bl { left: 0px;  bottom: 0px; background-image:url('../images/corner_bl.png'); }
.corner_br { right: 0px; bottom: 0px; background-image:url('../images/corner_br.png'); }

.content_gradient {
    border: 2px solid #ccc;
    background-image:url('../images/content_gradient.gif');
    background-repeat: repeat-x;
    background-color: #e2e2e2;
    font-size: 11px;
    color: #626262;
    padding: 5px;
    text-align: left;
}

.content_white {
    border: 2px solid #ccc;
    font-size: 11px;
    padding: 5px;
    text-align: left;
}

.content_grey {
    border: 2px solid #ccc;
    font-size: 11px;
    background-color: #fafafa;
    padding: 5px;
    text-align: left;
}

.box_800 .content_gradient p, .box_800 .content_white p {
    margin: 6px;
    text-align: justify;
}

.box_800 .content_white h2,
.box_300 .content_gradient h2,
.box_300 .content_white h2,
.box_250 .content_gradient h2,
.box_250 .content_white h2 {
    color: #666;
    font-size: 16px;
    margin: 4px;
    padding: 0;
    border-bottom: 1px solid #cfcfcf;
}

.fixed_height {
    height: 240px;
}


/******************** SEARCH RESULTS ********************/
#searchresult {
}

#searchresult h2 {
    font-size: 14px;
    padding-bottom: 6px;
}

#searchresult .overview {
    float: left;
    position: relative;
    border: 1px solid #eee;
    border-bottom: 0;
}

#searchresult .overview .item {
    background-color: #fafafa;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #fff;
    float: left;
    padding: 2px 0px 0px 0px;
    clear: both;
    width: 100%;
}

#searchresult .overview h2 {
    font-size: 14px;
}

#searchresult .overview .header {
    background-color: #f5f5f5;
    border-bottom: 1px solid #eee;
    float: left;
    margin: 0px 0px 0px 0px;
    clear: both;
    width: 100%;
}

#searchresult .overview h3 { font-size: 14px; font-weight: bold; }
#searchresult .overview .col1 { width: 20px; float: left; }
#searchresult .overview  .col2 { width: 300px; float: left; }
#searchresult .overview  .col3 { width: 136px; float: left; }
#searchresult .overview  .col4 { width: 136px; float: left; }

#searchresult .overview  p {
    color: #555;
    margin: 2px;
    padding: 0;
    margin-right: 10px;
}

#searchresult .overview  a {

}

#searchresult .overview  a:hover {
    text-decoration: none;
}

#paging {
    text-align: center;
    margin: 10px;
    float: left;
    width: 100%;
    position: relative;
}

#paging a {
    color: #000;
    text-decoration: none;
}

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

#paging #pages {
    display: inline;
}

#paging #pages a {
    padding: 0px 3px 0px 3px;
    color: #bb221a;
}

#paging #pages a:hover {
    font-weight: bold;
}

#paging #pages a.active {
    font-size: 16px;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    background-color: #fafafa;
}

#paging #pages a.active:hover {
    font-weight: normal;
}

/******************** SEARCH/RESULTS OVERVIEW ABC ********************/
#overviewABC {
}

#overviewABC h2 {
    padding-top: 10px;
    margin-bottom: 0px;
}

#overviewABC  .col {
    float: left;
    position: relative;
    width: 198px;
}

#overviewABC  #alphabet {
    text-align: center;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    padding: 10px;
    background-color: #fafafa;
}

#overviewABC  #alphabet a {
    margin-right: 5px;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
}

/******************** SEARCH/RESULTS OVERVIEW (NORMAL) ********************/
#overviewNormal {
    float: left;
    position: relative;
    border: 1px solid #eee;
    border-bottom: 0;
    width: 100%;
}

#overviewNormal .item {
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
    background-color: #fafafa;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #fff;
    padding: 6px;
}


/******************** VACATURES ********************/
#vacature {
}

#vacature h2 {
    font-size: 16px;
    color: #bb221a;
}

#vacature #description {
    padding-bottom: 8px;
    border-bottom: 1px solid #bb221a;
    border-top: 1px solid #bb221a;
}

#vacature #regio {
    background-color: #fbfbfb;
}

#vacature #regio img,
#vacature #branch img {
    position: relative;
    float: left;
    top: 4px;
}

#vacature #branch {
    background-color: #f7f7f7;
    border-top: 1px solid #bb221a;
}

#vacature #branch p,
#vacature #regio p {
    position: relative;
    margin-left: 60px;
    margin-bottom: 0px;
    padding-bottom: 1px;
}

#vacature #react_button_top {
float: right;
margin-top: 10px;
margin-left: 15px;
}
#vacature #react_button_bottom {
float: right;
margin-top: 10px;
}

/******************** REACTIE-PAGINA ********************/
#reactieTabel {
-x-system-font:none;
font-family:"Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
font-size:100%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.7em;
width:90%;
}
#reactieTabel td {
padding: 5px;
}
#reactieTabel .formText {
background-color:#FBFBFB;
border:1px solid #BB221A;
font-size:10px;
width:285px;
}
#reactieTabel .leftColumn {
width: 130px;
}
#reactieTabel .rightColumn {
width: 300px;
}


/******************** BREAD CRUMBS ********************/
#breadcrumbs {

    position: relative;
    padding: 12px;

float: left;
width: 100%;
display: inline;
}


/******************** QUICKSEARCH BOX ********************/
#search {
    background-image: url(../images/box_red.gif);
    background-repeat: no-repeat;
    padding: 8px;
    height: 157px;
    position: relative;
}

#search input,
#search select {
    width: 248px;
    background-color: #fff;
    color:#707070;
    border: 1px solid #aaa;
    margin: 3px;
    font-size: 11px;
    height: auto;
}

#search #search_button {
    background-image: url("../images/btn_zoek.gif");
    position: absolute;
    top: 116px;
    left: 192px;
    border: 0px;
    height: 27px;
    width: 67px;
    cursor: pointer;
}

#search a {
    color: #fff;
    margin: 3px;
    top: 8px;
    position: relative;
    float: left;
    text-decoration: none;
}

#search h2 {
    font-size: 14px;
    margin-left: 4px;
    border: none;
}

/******************** FRONTPAGE CONCEPTS ********************/
#concepts img {
    margin: 5px;
}

/******************** PROJECT AANMELDEN FORM ********************/
#project_aanmelden label {
    margin-top: 5px;
}

#project_aanmelden input,
#project_aanmelden textarea {
    width: 400px;
}

#project_aanmelden #form_button {
    width: 100px;
}

#project_aanmelden .error {
    border: 1px solid red;
}

#project_aanmelden #error_overview {
    color: red;
}

/******************** ONS TEAM ********************/
#onsteam_overview {
    width: 100%;
}

#onsteam_overview ul {
    margin-left: 0px;
}

#onsteam_overview li {
    height: 196px;
    width: 118px;
    float: left;
    list-style-type: none;
    list-style-image: url(none);
    margin: 0px;
    text-align: center;
}

#onsteam_overview img {
    border: 1px solid #ddd;
}

p.alert.warning {
    margin: 5px 0px;
    padding-left: 20px;
    background: url(../images/warning.png) no-repeat;
}
p.alert.information {
    margin: 5px 0px;
    padding-left: 20px;
    background: url(../images/information.png) no-repeat;
}
p.alert {
    margin: 5px 0px;
}

/*************************** REACTIES ***********************/
#reactieOverzicht th {
text-align: left;
font-size: 12px;
vertical-align: top;
}