.form-control {
    border-radius: 0;
    border: none;
    background: rgba(227, 227, 227, 0.34);
    -pie-background: rgba(227, 227, 227, 0.34);
    behavior: url(PIE.php);
    position: relative;
    height: auto;
    padding: 3px 4px 4px 4px;
}

img[usemap] {
    border: none;
    height: auto;
    max-width: 100%;
    width: 100%;
}

.dates.form-control {
    padding-top: 7px;
    padding-bottom: 7px;
}

.modal .form-control {
    border: 1px solid #cccccc;
}

.label {
    padding: 0;
    font-size: inherit;
    line-height: inherit;
    white-space: inherit;
    font-weight: normal;
    color: #0588cb;
    border-radius: 0;
    float: left
}

.label:after {
    content: ":";
    color: #fff;
    margin-right: 5px;
    margin-left: 1px;
}

.label + .content {
    overflow: auto;
    margin-bottom: 5px;
}

.pagination {
    margin: 0;
}

.pagination > li:last-child.active > span,
.pagination > li:first-child.active > span {
    background-color: #fff;
}

.pagination > li > a,
.pagination > li > span {
    padding: 0;
    width: 22px;
    text-align: center;
    line-height: 25px;
    border: 0;
}

.pagination > li + li > span:after,
.pagination > li + li > a:after {
    content: "|";
    color: #5a8b17;
    position: absolute;
    right: -0px;
}

.pagination > li + li.active > span:after {
    display: none;
}

.pagination > li span:hover,
.pagination > li:hover {
    background: #80ba26;
}

.pagination li.next a,
.pagination li.prev a {
    color: #004f07;
}

a:hover,
a:focus {
    outline: none;
}

label {
    margin-bottom: 10px;
}

.contact label {
    margin-bottom: 4px;
    padding-left: 5px;
}

.form-group + .form-group {
    margin-top: 22px;
}

/* --------------------------------------------------------------- BACKGROUNDS */

html, body {
    height: 100%;
}

body {
    background: #c3c3c3 url('../img/bg.png') top center no-repeat;
}

.home .left-side > .row > [class*="col-"],
.home .left-side > .row > [class*="col-"] > .overzichts-block {
    height: 100%;
}

.mm-page {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -119px;
}

.footer, .push {

}

.mm-opened .footer {
    display: none;
}

.bg-white {
    background-color: #fff;
}

.bg-black,
.slider-black,
.overzichts-block.orange,
.overzichts-block.blue,
.overzichts-block.green,
.button.grey:hover,
.block.black {
    background-color: #000;
}

.top,
.footer {
    background-color: #484848;
}

.block.dark {
    background-color: #111111;
}

.submenu .block-menu li.active,
.navigation {
    background-color: #e3e3e3;
}

.button-grey,
.grey {
    background-color: #e3e3e3;
}

.block.bg-black .form-control {
    background-color: #adadad;
}

.overzichts-block.orange .functie-block,
.block.orange .head-title,
.block.inverse.orange,
.navigation li.active,
.orange {
    background-color: #f39714;
}

.overzichts-block.blue .functie-block,
.block.blue,
.block.inverse.blue .head-title,
.submenu ul.block-menu,
.blue {
    background-color: #0588cb;
}

.btn-prev,
.overzichts-block.green .functie-block,
.block.green,
.block.inverse.green .head-title,
.green {
    background-color: #80ba26;
}

.overzichts-block.orange .naam-medewerker {
    background: rgba(243, 144, 0, .73);
    -pie-background: rgba(243, 144, 0, .73);
}

.overzichts-block.blue .naam-medewerker {
    background: rgba(5, 136, 203, .73);
    -pie-background: rgba(5, 136, 203, .73);
}

.overzichts-block.green .naam-medewerker {
    background: rgba(131, 189, 44, .73);
    -pie-background: rgba(131, 189, 44, .73);
}

.overzichts-block .website,
.overzichts-block .phone {
    position: relative;
    display: block;
    padding-left: 15px;
}

.overzichts-block .website:before,
.overzichts-block .phone:before {
    display: inline-block;
    position: absolute;
    left: 0;
}

.overzichts-block .phone:before {
    content: "T";
}

.overzichts-block .website:before {
    content: "W";
}

.contact .button:hover,
.headline {
    background-color: #f39000;
}

.block.blue.inverse .headline {
    background-color: #0588cb;
}

form.contact {
    padding-top: 30px;
    padding-bottom: 30px;
}

form.contact .alert {
    margin-left: 30px;
    margin-right: 30px;
}

form.contact .alert ul {
    padding-left: 15px;
}

/* --------------------------------------------------------------- BLOCKS */

.headline {
    display: block;
    padding: 8px 14px;
    margin-bottom: 20px;
}

.head-title {
    padding-top: 20px;
    padding-bottom: 20px;
}

.block {
    margin-bottom: 10px;
}

.block.head {
    padding: 20px 0;
}

.block.foot {
    padding: 10px 0;
}

.block .head-title + .row {
    padding-bottom: 20px;
    padding-top: 20px;
}

.block label {
    display: block;
}

.block.green .form-group {
    margin-bottom: 25px;
}

.overzichts-block {
    overflow: hidden;
    margin-bottom: 10px;
}

.overzichts-block,
.block {
    box-shadow: 3px 3px 8px #969696;
}

.block .search-results {
    margin-top: 20px;
}

.overzichts-block .row + .row {
    padding-bottom: 30px;
}

.overzichts-block .row + .row h2 {
    padding-top: 30px;
}

.functie-block {
    padding: 7px 20px;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.advert img {
    padding: 35px 10px;
    margin: 0 auto;
    display: block;
}

.overzichts-block .contact-label {
    width: 20px;
    display: inline-block;
}

.overzichts-block .title {
    margin-top: 20px;
}

.overzichts-block .subtitle {
    display: block;
    margin: 20px 0 10px;
}

.overzichts-block .performances {
    margin-top: 10px;
}

.overzichts-block .performances .subtitle {
    margin: 0;
}

.overzichts-block .performances .subtitle + .subtitle {
    margin-bottom: 11px;
}

.overzichts-block .performances .performance {
    overflow: hidden;
}

.overzichts-block .performances .performance + .performance {
    margin-top: 15px;
}

.overzichts-block.press .title {
    margin-top: 70px;
}

.overzichts-block.press.compact .title {
    margin-top: 0;
    margin-bottom: 7px;
}

.overzichts-block.press.compact [class*="col-"] + [class*="col-"] {
    padding-top: 30px;
    padding-bottom: 30px;
}

.overzichts-block.press {
    margin-bottom: 0;
}

.overzichts-block.press + .block.foot {
    margin-top: 10px;
}

.overzichts-block.press.blue {
    border-bottom: 1px solid #0471a9;
}

.overzichts-block.press.orange {
    border-bottom: 1px solid #e67f05;
}

.overzichts-block.press.green {
    border-bottom: 1px solid #71a71e;
}

.date {
    padding-top: 5px;
    padding-bottom: 5px;
}

.date span {
    display: block;
}

h1 small {
    margin-left: 20px;
}

ul.programm-filters {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

ul.programm-filters li {
    list-style: none;
}

ul.programm-filters li + li {
    margin-top: 10px;
}

ul.programm-filters li a {
    float: right;
    margin-top: 3px;
    display: inline-block;
    text-indent: -9999px;
    position: relative;
    width: 12px;
    height: 12px;
    margin-right: 5px;
}

ul.programm-filters li a:after {
    content: " ";
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url('../img/delete.png') 100% 100% no-repeat;
    position: absolute;
    left: 3px;
    top: 2px;
}

/*.overzichts-block.orange .naam-medewerker {*/
/*border-left: 1px solid #915408;*/
/*border-top: 1px solid #aa6105;*/
/*}*/

/*.overzichts-block.green .naam-medewerker {*/
/*border-left: 1px solid #53751f;*/
/*border-top: 1px solid #5f8820;*/
/*}*/

/*.overzichts-block.blue .naam-medewerker {*/
/*border-left: 1px solid #0c587f;*/
/*border-top: 1px solid #096594;*/
/*}*/

/*.overzichts-block > .row + .row {*/
/*border-left: 6px solid #141414;*/
/*}*/

.naam-medewerker {
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    padding: 10px 13% 10px 13%;
}

.performance-detail .left .bg-black.block,
.performance-detail .right .block + .block {
    height: 100%;
}

.performance-detail .block.blue {
    padding: 14px 19px;
}

.dropdown-menu:active,
.dropdown-menu:focus,
a, a:active, a:focus,
.btn:focus,
.btn:active,
.btn.active,
.btn.active:focus
.btn-group {
    outline: none;
}

/* --------------------------------------------------------------- BORDER RADIUS */

.overzichts-block .naam-medewerker,
.form-control,
.social-media-list a {
    behavior: url(PIE.php);
}

.form-control,
.social-media-list a {
    position: relative;
}

.social-media-list a {
    display: block;
    border-radius: 50%;
}

/* --------------------------------------------------------------- BREADCRUMBS */
.breadcrumbs {
    margin-bottom: 15px;
    overflow: hidden;
    padding: 0
}

.breadcrumbs li {
    list-style: none;
    display: block;
    float: left;
}

.breadcrumbs li + li:before {
    content: ">";
    margin: 0 5px;
    display: inline-block;
}

/* --------------------------------------------------------------- BUTTONS */

.orange .date,
.social-media-list .orange:hover,
.block.orange,
.block.inverse.orange .head-title,
.button.orange:hover {
    background-color: #e67f05;
}

.blue .date,
.social-media-list .blue:hover,
.block.blue .head-title,
.block.blue.inverse,
.button.blue:hover {
    background-color: #0471a9;
}

.green .date,
.social-media-list .green:hover,
.block.green .head-title,
.block.inverse.green,
.button.green:hover {
    background-color: #71a71e;
}

.button-grey,
.button {
    text-decoration: none;
    display: inline-block;
    padding: 5px 20px;
}

.button,
.button-grey {
    border: none;
}

.top .button {
    padding: 3px 5px;
}

.btn-prev {
    display: inline-block;
    margin-left: 28px;
    position: relative;
    padding: 4px 17px;
}

.btn-prev:before {
    content: "<";
    color: #004f07;
    position: absolute;
    text-indent: 7px;
    left: -28px;
    top: 0;
    height: 100%;
    width: 28px;
    font-size: 22px;
    line-height: 20px;
}

.btn-prev:before,
.btn-prev:hover {
    background: #548415;
}

/* --------------------------------------------------------------- FOOTER */

.footer {
    padding-top: 30px;
    z-index: 50000;
}

.push {
    height: 40px;
}

.social-media-list a {
    width: 30px;
    height: 30px;
}

.social-media-list,
.footer ul {
    padding: 0;
    display: inline;
}

.footer .social-media-list li + li {
    margin-left: 10px;
}

.footer hr {
    border-top: 1px solid #5d5d5d;
    margin-top: 0;
    margin-bottom: 10px;
}

.footer li {
    list-style: none;
    float: left;
}

.footer address {
    margin: 0;
}

.footer-bottom li + li:before {
    content: "|";
    padding: 0 4px;
}

.footer-bottom {
    margin-top: 25px;
    border-top: 1px solid #5d5d5d;
}

.footer img.title {
    margin-bottom: 17px;
}

.footer p {
    margin: 0;
}

/* --------------------------------------------------------------- HEADER */

.header {
    min-height: 140px;
}

/* --------------------------------------------------------------- IMAGES */
.img-full {
    width: 100%;
}

.logo {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 20px;
}

/* --------------------------------------------------------------- MARGIN */
.margin-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.margin-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.margin-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.margin-40 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.margin-top-20 {
    margin-top: 20px;
}

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

.center-table {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

textarea {
    resize: none;
}

.no-margin {
    margin: 0 !important;
}

.full {
    width: 100%;
}

/* --------------------------------------------------------------- NAVIGATION */
.navigation ul {
    display: inline;
}

ul.navigation li {
    float: left;
    list-style: none;
}

.navigation li {
    margin-right: 15px;
    margin-left: 15px;
}

.navigation li.active {
    padding: 0 20px;
    margin-left: 0;
    margin-right: 0;
}

/* --------------------------------------------------------------- PADDING */

.padding-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.padding-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.padding-25 {
    padding-top: 25px;
    padding-bottom: 25px;
}

.padding-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.padding-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.padding-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.padding-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

/* --------------------------------------------------------------- SUBMENU */
.submenu ul.block-menu {
    overflow: hidden;
    padding: 0 15px 20px 15px;
}

.submenu ul.block-menu li {
    margin-top: 25px;
    list-style: none;
}

.submenu .block-menu li + li {
    margin: 0;
}

.submenu .block-menu li a {
    display: block;
    margin-bottom: 1px;
    padding: 7px 20px;
}

/* --------------------------------------------------------------- SUBMENU */
.slider-black {
    padding: 30px;
}

/* --------------------------------------------------------------- TOP */
.top {
    text-align: right;
}

.top a + a {
    margin-left: 20px;
}

/* --------------------------------------------------------------- misc */

form.search {
    margin-top: -36px;
}

form.search input {
    background: #000;
    padding-right: 30px;
    border: 1px solid #282828;
}

form.search button {
    right: 10px;
    top: -33px;
    position: absolute;
    font-size: 15px;
    border: none;
    background: transparent;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#fb-root {
    display: none;
}

/* To fill the container and nothing else */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
    height: 191px;
    overflow: hidden;
}

.block.fb-like-box,
.block.fb-like-box > div {
    overflow: hidden;
}

.block.fb-like-box .fb_iframe_widget {
    margin-top: -34px;
}

.list-news {
    margin: 0;
    padding: 0;
    list-style: none;
}

.list-news li + li {
    margin-top: 15px;
}

[data-attr-href]:hover {
    cursor: pointer;
}

.overzichts-block .image {
    background: #d7d9dd;
}

.image-overlay {
    position: absolute;
    bottom: 15px;
    left: 20px;
    overflow: hidden;
}

.img-full {
    width: 100%;
}

.form_inputs ul {
    margin: 0;
    padding: 0;
}

.form_inputs ul li {
    list-style: none;
}

.form_inputs ul li + li {
    margin-top: 10px;
}

.form_inputs ul li label:hover {
    cursor: pointer;
}

.form_inputs ul li label span.required {
    color: red;
}

.form-buttons {
    margin-top: 20px;
    border-top: 1px solid;
    padding-top: 10px;
}

.form_inputs .bootstrap-select {
    width: 100% !important;
}

/* OPACITY */

ul.programm-filters li a {
    opacity: 0.7;
    filter: alpha(opacity = 70);
}

ul.programm-filters li a:hover {
    opacity: 1;
    filter: alpha(opacity = 100);
}

/* TRANSITIONS */

a {
    transition: color 0.3s;
    -moz-transition: color 0.3s;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    -ms-transition: color 0.3s;
}

ul.programm-filters li a {
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

[class*="btn-"],
.pagination a,
.social-media-list a {
    transition: background-color 0.3s linear;
    -moz-transition: background-color 0.3s linear;
    -webkit-transition: background-color 0.3s linear;
    -o-transition: background-color 0.3s linear;
    -ms-transition: background-color 0.3s linear;
}

.button {
    transition: color 0.3s, background-color 0.3s linear;
    -moz-transition: color 0.3s, background-color 0.3s linear;
    -webkit-transition: color 0.3s, background-color 0.3s linear;
    -o-transition: color 0.3s, background-color 0.3s linear;
    -ms-transition: color 0.3s, background-color 0.3s linear;
}

/* --------------------------------------------------------------- RESPONSIVE */
@media (min-width: 768px) {
    .btn-prev {
        float: right;
    }

    ul.programm-filters li a {
        float: none;
    }

    ul.programm-filters li {
        float: left;
    }

    ul.programm-filters li + li {
        margin-top: 0px;
        margin-left: 30px;
    }
}

@media (max-width: 1199px) {

}

@media (max-width: 991px) {
    .overzichts-block.press .title {
        margin-top: 20px;
    }
}

@media (min-width: 768px) AND (max-width: 991px) {
    .side-sm {
        margin-top: 20px;
    }
}

@media (max-width: 767px) {
    .side-xs {
        margin-top: 20px;
    }

    .btn-prev {
        margin: 0 0 15px 28px;
    }

    .naam-medewerker {
        padding-left: 10%;
        padding-right: 10%;
    }

    form.search {
        margin: 0;
    }

    form.search button {
        top: 3px;
    }

    .submenu {
        margin-top: 10px;
    }

    .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
        height: auto;
    }

    .header {
        min-height: inherit;
    }

    ul.pagination {
        display: table;
        margin: 0 auto;
        float: none;
    }
}

@media (min-width: 992px) {
    .navigation li {
        margin-right: 20px;
        margin-left: 20px;
    }
}

@media (max-width: 480px) {

}