.mt20 {
    margin-top: 20px;
}
.mt50 {
    margin-top: 50px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb100 {
    margin-bottom: 100px;
}
.mb50 {
    margin-bottom: 50px;
}
.bannerAfb {
    width: 100%;
    height: 240px;
    background-position: top;
    background-size: cover;
}
.divLink {
    cursor: pointer;
}
h1.kleiner {
    font-size: 18px;
}
.knop {
    color: #ffffff;
    padding: 5px 20px;
    border-radius: 0;
    font-size: 16px;
    transition: all .2s ease-in-out;
    margin: 10px 0;
    text-decoration: none !important;
    cursor: pointer;
    display: inline-block;
}
.knop.rood {
    background-color: #ec1844;
}
.knop.rood:hover {
    background-color: #d60e38;
    color: #ffffff;
}
.knop.blauw {
    background-color: #0057b8;
}
.knop.blauw:hover {
    background-color: #004589;
    color: #ffffff;
}
.knop.grijs {
    color: #ec1844;
    background-color: #f9f9f9;
}
.knop.grijs:hover {
    background-color: #f0f0f0;
    color: #ec1844;
}
.knop.groter {
    font-family: AvenirBlack;
    text-transform: uppercase;
    font-size: 18px;
    width: 100%;
    padding: 15px 20px;
    text-align: center;
    line-height: 15px;
}
.solKnoppen {
    display: table;
    margin: auto;
}
.solKnoppen .knop.groter {
    width: auto;
    float: left;
    margin: 0;
    padding: 15px 30px;
}
.tekst-ultra {
    float: left;
    color: #808080;
    margin: 0 10px;
    font-family: AvenirBlack;
    padding: 12px 20px;
    font-size: 16px;
    letter-spacing: 0.1em;
    text-decoration: none;
    text-transform: uppercase;
}
div.slider_section {
    margin-bottom: 30px;
}
.tekst-center {
    text-align: center;
}
.tekst-vet {
    font-family: AvenirRoman;
}

.vacatureBlokje .vacAfbeelding {
    height: 200px;
    width: 100%;
    background-position: top;
    background-size: cover;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.vacatureBlokje:hover .vacAfbeelding {
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.vacatureBlokje a {
    text-decoration: none;
}
.vacatureBlokje {
    overflow: hidden;
}
.vacatureBlokje .knop {
    margin-top: 0;
    margin-bottom: 0px;
}
.vacatureBlokje.phara .thumbnail {
    border-color: #ec1844;
}
.vacatureBlokje.phara-plus .thumbnail {
    border-color: #0057b8;
}
.vacatureBlokje .thumbnail {
    height: unset;
    padding: 0;
    background: #fff;
    border: 1px solid;
    text-align: left;
    display: block;
    margin-bottom: 20px;
    border-radius: 0;
    line-height: 1.42857143;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
    overflow: hidden;
}
.vacatureBlokje ul {
    margin-top: 5px;
    list-style: none;
}
.vacatureBlokje .thumbnail .caption {
    overflow: hidden;
    color: #333;
    padding: 15px;
}
.vacOnderaan {
    display: table;
    margin-bottom: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.content-job-inhoud-blok {
    padding-bottom: 20px;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 20px;
}
.content-job-inhoud-blok ul {
    padding-left: 20px;
}
.content-job-inhoud-blok * {
    font-family: AvenirLight !important;
}
.kader {
    padding: 20px;
    position: relative;
}
.kader.border {
    border: 1px solid #ec1844;
}
.kader h1 {
    margin-top: 0;
}


/* -------------------------------- */
/* Error                            */
/* -------------------------------- */
#error-show {
    display: none;
}

.form-error {
    float: left;
    margin: 0px 0px 20px 0;
    padding: 10px 10px;
    /*border-left: 2px solid #E74C3C;*/
    background-color: #FFEBEA;
    color: #222;
    font-style: normal;
    font-size: 14px;
    line-height: 24px;
    width: 100%;
}

.form-error i {
    font-style: normal;
}

.error-titel {
    float: left;
    display: block;
    width: 500px;
}

.error-body {
    float: left;
    display: block;
    margin-left: 35px;
}

.has-error {
    border-color: #ec1844 !important;
}

label.has-error{
    color:red;
}

.melding-icon {
    float: left;
    height: 24px;
    margin-right: 10px;
    /*margin-bottom: 30px;*/
}
/* HRO Footer */
@font-face {
    font-family: 'Cabin';
    src: url("../fonts/Cabin-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal; }
.logoHrorganizer{
    text-align: right;
    display: table;
    margin: 15px 0;
    float: right;
}
.hrorganizerlogo {
    cursor: pointer;
    display: inline-block;
    float: left;
}
.hrorganizerlogo .logo {
    float: left;
    position: relative;
    top: 0;
    width: 26px;
    height: 25px;
    margin-right: 5px;
}
.hrorganizerlogo .logo img {
    width:100%;
    vertical-align: top;
}

.hrorganizerlogo .tekst {
    float: left;
    top: 0;
    position: relative;
    font-size: 24px;
    font-family: "Cabin", sans-serif;
    color: #515151;
    line-height: 26px;
}
.hrorganizerlogo .tekst .hrorganizer-o {
    color: #7EC4E4;
}

@media (max-width: 400px) {
    .knop-link-linkedin {
        float: left;
        display: inline-block;
        font-size: 14px;
        text-decoration: none;
        height: 32px;
        line-height: 15px;
        padding: 0 30px 0 10px;
        width: calc(100% - 32px);
    }
    .solKnoppen .knop {
        display: block;
        width: 100% !important;
    }
    .solKnoppen .tekst-ultra {
        width: 100%;
        text-align: center;
    }
}