body {
    font-family: Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
}

/* --------------------------------------------------------------- FONT FACE */
@font-face {
    font-family: 'helvetica_condensedmedium';
    src: url('../fonts/helvetica-condensed-webfont.eot');
    src: url('../fonts/helvetica-condensed-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/helvetica-condensed-webfont.woff') format('woff'), url('../fonts/helvetica-condensed-webfont.ttf') format('truetype'), url('../fonts/helvetica-condensed-webfont.svg#helvetica_condensedmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

form.contact label {
    font-weight: normal !important;
}

.btn-prev,
h1 small,
.contact label,
h1, h2, h3, h4, h5, h6,
.date,
.flex-caption,
.button,
.btn,
.text-upper,
.button-grey,
.submenu ul.block-menu,
.title,
.head-title,
.naam-medewerker,
.functie-block,
.overzichts-block h2,
.overzichts-block .subtitle,
.top,
.navigation {
    font-family: 'helvetica_condensedmedium';
    text-transform: uppercase;
}

/* --------------------------------------------------------------- FONT SIZE */

.teaser h1 {
    font-size: 21px;
}

.modal-title,
.flex-caption,
.date,
.overzichts-block h2 {
    font-size: 18px;
}

h1 small,
.contact label,
h3,
.fsize-16,
.head-title,
.title,
.functie-block,
.naam-medewerker {
    font-size: 16px;
}

h1 {
    font-size: 18px;
}

.overzichts-block .subtitle {
    font-size: 15px;
}

.btn,
.pagination > li > a, .pagination > li > span,
.submenu ul.block-menu,
.navigation,
.button-grey,
.button,
.overzichts-block .locatie,
.top {
    font-size: 14px;
}

.overzichts-block .label {
    font-size: 12px;
}

.breadcrumbs {
    font-size: 11px;
}

/* --------------------------------------------------------------- COLOR */
.modal,
.breadcrumbs,
.submenu .block-menu li a:hover,
.submenu .block-menu li.active a,
.block.orange a.button,
.block.green a.button,
.button.grey,
.button.grey,
.block.bg-black a.button.grey,
.navigation a {
    color: #000;
}

.footer-bottom ul li a,
.top a:hover,
.footer,
.text-grey,
.title {
    color: #bababa;
}

.overzichts-block,
.overzichts-block a,
.block.black,
.block.black a {
    color: #c8c8c8;
}

h1,
h1 small,
.block.green .place-offer label,
.block.bg-black a,
.block.orange a, .block.orange a:hover,
.block.blue a, .block.blue a:hover,
.block.black .list-news a,
.overzichts-block .date,
.text-white,
.flex-caption a,
.list-news a,
form.search .form-control,
.head-title,
.submenu .block-menu li a,
.functie-block,
.overzichts-block h2,
.naam-medewerker,
.title,
.footer-bottom ul li a:hover,
.text-grey:hover,
.navigation li.active a:hover,
.navigation li.active a,
.top a,
.button:hover,
.button.grey:hover,
.block.bg-black a.button.grey:hover,
.top a.button:hover,
.button {
    color: #fff;
}

.overzichts-block.orange .website:before,
.overzichts-block.orange .phone:before,
.overzichts-block.orange .coloured > a,
.overzichts-block.orange a:hover,
.orange .coloured,
.overzichts-block.orange .locatie,
.text-orange, .text-orange a,
.navigation li a:hover {
    color: #f39714;
}

.overzichts-block.blue .website:before,
.overzichts-block.blue .phone:before,
.overzichts-block.blue .coloured > a,
.overzichts-block.blue a:hover,
.blue .coloured,
.overzichts-block.blue .locatie,
.breadcrumbs a,
.text-blue, .text-blue a {
    color: #0588cb;
}

.overzichts-block.green .website:before,
.overzichts-block.green .phone:before,
.overzichts-block.green .coloured > a,
.overzichts-block.green a:hover,
.green .coloured,
.overzichts-block.green .locatie,
.text-green, .text-green a {
    color: #80ba26;
}

a.text-orange:hover {
    color: #e67f05;
}

.breadcrumbs a:hover,
a.text-blue:hover {
    color: #0471a9;
}

a.text-green:hover,
.text-green a:hover {
    color: #71a71e;
}

.block.green label {
    color: #006d0a;
}

/* --------------------------------------------------------------- LINE_HEIGHT */

.intro,
.block-black p {
    line-height: 21px;
}

.line-height-24 {
    line-height: 24px;
}

ul.navigation li {
    line-height: 30px;
}

.footer-bottom {
    line-height: 40px;
}

/* --------------------------------------------------------------- MARGIN */
.title {
    display: block;
    margin-bottom: 10px;
}

.block .title {
    margin: 0;
}

h1 {
    margin-bottom: 5px;
}

h3 {
    margin-bottom: 15px;
}

.intro p + p {
    margin-top: 20px;
}

.list-news h3 {
    margin-bottom: 8px;
}

.teaser h1 {
    margin-bottom: 10px;
}

/* --------------------------------------------------------------- TEXT ALIGN */

.date {
    text-align: center;
}

/* --------------------------------------------------------------- TEXT DECORATION */
.subtitle a:hover,
a {
    text-decoration: underline;
}

.btn,
.overzichts-block h2 a,
.btn-prev,
.btn-prev:hover,
.subtitle a,
.title,
.submenu ul.block-menu a,
.flex-caption a,
.list-news a,
.button-grey:hover,
.button:hover,
.navigation a {
    text-decoration: none;
}

/* --------------------------------------------------------------- RESPONSIVE */
@media (max-width: 1199px) {

}

@media (max-width: 991px) {

}

@media (max-width: 767px) {
    .flex-caption {
        font-size: 14px;
    }

    .teaser h1 {
        margin-top: 15px;
    }

    .block.head h1 {
        display: table;
        margin: 0 auto 10px auto;
    }
}

@media (max-width: 480px) {

}