/* RESET */
* {
    margin: 0;
    padding: 0;
}

.sub ul {
    margin: 17px;
}

html, body {
    font-family: montserratregular, Arial !important;
    height: 100%;
    font-size: 1em;
    color: #006e62;
}

input, select, textarea {
    font-family: montserratregular, Arial !important;
    font-size: 1em;
    color: #006e62;
}

body {
    background: #fff;
}

img {
    border: 0;
    display: block;
}

a, input {
    outline: none;
}

input[type='text'], textarea {
    -webkit-appearance: none;
    border-radius: 0;
}

/* GLOBAL */
.clear {
    clear: both;
    height: 0;
    overflow: hidden;
}

.col-left {
    float: left;
}

.col-right {
    float: right;
}

.col-mid {
    width: 960px;
    overflow: hidden;
}

/* WRAPPER */
#wrapper {
    position: relative;
    display: block;
    width: 100%;
    min-height: 100%;
}

/* LAYOUT */
#layout {
    margin: 0 auto;
    width: 100%;
    padding-bottom: 31px;
    padding-top: 55px;
}

/* HEADER */
#header {
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    background: #fff;
    padding: 10px;
    outline: 1px solid white;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#header .img {
    position: absolute;
    left: 8px;
    top: 6px;
    z-index: 9;
}

/* NAVIGATION */
.homeMenuItem {
    display: none;
}

#navigation {
    /*width: 960px;*/
    height: 35px;
    margin: 0 auto;
    position: relative;
    background: #33ffff;
}

#navigation ul {
    padding-left: 41px;
    float: left;
    list-style: none;
}

#navigation li {
    padding: 0;
    float: left;
    font-family: 'gotham_blackregular';
    line-height: 35px;
    font-size: 0.95em;
    text-transform: uppercase;
}

#navigation li a {
    padding: 0 14px;
    text-decoration: none;
    color: #000;
    display: block;
    float: left;
}

#navigation li a:hover, #navigation li.active a {
    text-decoration: none;
    color: #fff;
    background: #e2231a;
}

.searchbar {
    float: right;
    position: relative;
    z-index: 2;
}

.searchbar a {
    display: block;
    width: 32px;
    height: 35px;
    text-indent: -9999px;
    background: url(../images/btn.png) no-repeat center center;
}

.searchbar a:hover {
    background: #e2231a url(../images/seach-icon.png) no-repeat center center;
}

.searchbar form {
    padding: 11px;
    display: none;
    width: 175px;
    padding-right: 0;
    position: absolute;
    background: #e2231a;
    right: 0;
    top: 0;
    height: 13px;
}

.searchbar form input {
    float: left;
}

.searchbar form input.field {
    border: 0;
    height: 13px;
    margin-right: 20px;
    width: 132px;
    background: #fff;
}

.searchbar form input.submit {
    cursor: pointer;
    width: 13px;
    height: 13px;
    border: 0;
    background: url(../images/seach-icon.png) no-repeat center center;
}

.loginbar {
    position: relative;
    float: right;
    z-index: 1;
}

.loginbar form {
    position: absolute;
    display: none;
    right: -32px;
    top: 35px;
    padding: 11px;
    width: 164px;
    background: #e2231a;
}

.loginbar a.login {
    padding: 0 16px;
    display: block;
    line-height: 35px;
    font-family: 'gotham_blackregular';
    font-size: 0.916666667em;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
}

.loginbar a.login:hover, .loginbar a.login.active {
    color: #fff;
    background: #e2231a;
}

.loginbar input.field {
    font-size: 0.916666667em;
    text-transform: uppercase;
    color: #e2231a;
    font-family: montserratbold;
    padding: 1px 4px;
    width: 156px;
    border: 0;
    background: #fff;
    margin-bottom: 8px;
}

.loginbar input.submit {
    padding: 5px 10px;
    cursor: pointer;
    margin-bottom: 8px;
    margin-left: 50px;
    border: 2px solid #fff;
    background: #e2231a;
    color: #fff;
    font-family: montserratbold;
    font-size: 11px;
    text-transform: uppercase;
}

.loginbar input.submit:hover {
    background: #fff;
    color: #e2231a;
}

.loginbar p {
    margin: 0;
    text-align: center;
    font-size: 0.916666667em;
    font-family: montserratbold;
    line-height: 20px;
}

.loginbar p a {
    color: #fff;
    text-decoration: underline;
}

.loginbar p a:hover {
    text-decoration: none;
}

/* BANNER */
#bannerBox {
    margin-bottom: 10px;
    width: 100%;
    position: relative;
    z-index: 9;
}

#bannerBox .logo {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 999999;
    width: 13%;
}

#bannerBox .logo img {
    width: 100%;
}

#bannerBox #controls {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
    text-align: center;
    list-style: none;
}

#bannerBox #controls li {
    padding: 0 5px;
    display: inline;
}

#bannerBox #controls li a {
    display: inline-block;
    cursor: pointer;
    text-indent: -9999px;
    width: 14px;
    height: 13px;
    background: url('../images/banner-icon.png') no-repeat;
}

#bannerBox #controls li a:hover,
#bannerBox #controls li.current a {
    background: url('../images/banner-hover.png') no-repeat;
}

#bannerBox #slidemenu {
    position: absolute;
    left: 12px;
    bottom: 20px;
    line-height: 43px;
    z-index: 99;
    text-transform: uppercase;
}

#bannerBox #slidemenu li {
    list-style: none;
    font-family: gotham_blackregular;
    font-size: 3.333333333em;
}

#bannerBox #slidemenu li a {
    color: #fff;
    text-decoration: none;
}

#bannerBox #slidemenu li a:hover, #bannerBox #slidemenu li.current a {
    background: url(../images/gray-line.gif) repeat-x center 40px;
}

#slider {
    width: 100%;
}

#slider a {
    outline: none;
}

#slider img {
    width: 100%;
    border: 10px solid white;
    border-width: 0 10px 0px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.pageslider {
    width: 100% !important;
    /*height: 100px !important;*/
}

/*.pageslider li {*/
/*width: 100%;*/
/*}*/
.pageslider li img {
    width: 100%;
}

/* CONTENT */
#content {
    width: 100%;
    position: relative;
    top: -5px;
}

/* CENTER */
#middle, #leftside, #rightside {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#center {
    padding-bottom: 10px;
}

#center #leftside {
    padding: 0 10px;
    float: left;
    width: 25%;
}

#center #middle {
    float: left;
    width: 50%;
    padding-right: 10px;
}

#center #rightside {
    float: right;
    width: 25%;
    padding-right: 10px;
}

/* ### METEO ### */
.meteoBox {
    padding: 0 0 9px 0;
    overflow: hidden;
}

.meteoBox h2 {
    padding: 0 0 1px 10px;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 1.166666667em;
    color: #fff;
    font-family: 'montserratbold';
    background: #00ffff;
}

.meteoBox h2 a {
    text-decoration: none;
    color: #fff;
}

.meteoBox h2 a:hover {
    color: #000;
}

/* ### SPONSORS ### */
.sponsorsBox {
    padding: 0 0 11px 0;
    overflow: hidden;
    background: #f9f9f9;
}

.sponsorsBox h2 {
    padding: 0 0 1px 10px;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 1.166666667em;
    color: #fff;
    font-family: 'montserratbold';
    background: #00ffff;
}

.sponsorsBox h2 a {
    text-decoration: none;
    color: #fff;
}

.sponsorsBox h2 a:hover {
    color: #000;
}

.sponsorsBox img {
    float: left;
    padding: 7px;
    width: 50%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.sponsorsBox img.large {
    width: 100%;
}

/* ### NEWS ### */
.newsBox {
    padding: 0;
    overflow: hidden;
    background: #f9f9f9;
}

.newsBox h2 {
    padding: 0 0 1px 10px;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 1.166666667em;
    color: #fff;
    font-family: 'montserratbold';
    background: #00ffff;
}

.newsBox h2 a {
    text-decoration: none;
    color: #fff;
}

.newsBox h2 a:hover {
    color: #000;
}

.newsBox h3 {
    padding: 10px 0;
    font-size: 1em;
    font-weight: normal;
    color: #333;
    font-family: 'montserratbold';
}

.newsBox h3 a {
    font-size: 1em;
    font-weight: normal;
    color: #333;
    font-family: 'montserratbold';
    text-decoration: none;
}

.newsBox h3 a:hover {
    font-size: 1em;
    font-weight: normal;
    color: #333;
    font-family: 'montserratbold';
    text-decoration: underline;
}

.newsBox .text {
    padding: 0 10px 0 10px;
    color: #333;
    font-family: 'montserratregular';
}

.newsBox .bodytext {
    line-height: 1.3em;
    font-size: 0.75em;
}

.newsBox img {
    float: right;
    display: block;
    border-left: 10px solid #f9f9f9;
    border-right: 10px solid #f9f9f9;
}

.newsBox .even img {
    float: right;
    display: block;
    border-left: 10px solid #e2231a;
    border-right: 10px solid #e2231a;
}

.newsBox li {
    padding: 10px 0;
    margin: 0;
    list-style: none;
}

.newsBox li.even .text {
    background: #e2231a;
    color: #fff;
    padding-bottom: 10px;
}

.newsBox li.even h3 {
    padding-top: 10px;
    color: #fff;
}

.newsBox li.even p {
    color: #fff;
}

/* ### ADDRESS ### */
.addressBox {
    padding: 0 0 8px 0;
    width: 238px;
    overflow: hidden;
    background: #e2231a;
}

.addressBox h2 {
    padding: 0 0 1px 10px;
    line-height: 22px;
    font-size: 1.166666667em;
    font-weight: normal;
    text-transform: uppercase;
    color: #fff;
    font-family: 'montserratbold';
    background: #00ffff;
}

.addressBox h2 a {
    text-decoration: none;
    color: #fff;
}

.addressBox h2 a:hover {
    color: #000;
}

.addressBox address {
    padding: 9px 0 0 10px;
    font-style: normal;
    font-size: 1.333333333em;
    color: #fff;
    line-height: 19px;
    font-family: 'montserratbold';
}

/* ### AGENDA ### */
.agendaBox {
    padding: 0 0 12px 0;
    background: #f9f9f9;
}

.agendaBox .heading {
    padding-bottom: 1px;
    width: 100%;
    overflow: hidden;
    background: #00ffff;
}

.agendaBox h2 {
    padding: 0 0 0 10px;
    line-height: 22px;
    float: left;
    font-weight: normal;
    font-size: 1.166666667em;
    text-transform: uppercase;
    color: #fff;
    font-family: 'montserratbold';
}

.agendaBox h2 a {
    text-decoration: none;
    color: #fff;
}

.agendaBox h2 a:hover {
    color: #000;
}

.agendaBox fieldset {
    border: 0;
}

.agendaBox span.first {
    margin-top: 4px;
    float: right;
    position: relative;
    width: 143px;
}

.agendaBox select {
    width: 133px;
    height: 14px;
}

.agendaBox img {
    padding: 8px 0 0 12px;
}

.itemsBarWrapp {
    border: 5px solid white;
    border-width: 0 5px
}

#itemsBar {
    width: 100% !important;
    position: relative;
    /*margin: 0 5px;*/
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#itemsBar .item {
    position: relative;
    /*display: table;*/
}

/*
#itemsBar .item.small {
        height: 152px;
}
#itemsBar .item.big {
    height: 314px;
} */
#itemsBar .item .vcenter {
    position: absolute;
    top: 50%;
    left: 0;
    text-align: center;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#itemsBar .item .link {
    display: block;
    position: absolute;
    top: 0;
    font-family: montserratbold, serif;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 1.7em;
    text-decoration: none;
    height: 100%;
    z-index: 3;
    /*background-color: #e2231a;*/
}

/*#itemsBar .item .link:hover {*/
/*background-color: #006e62!important;*/
/*}*/

#itemsBar .item .link span {
    display: block;
}

/*#itemsBar .item.big { width: 474px; height: 314px;margin: 0 10px 10px 0; float: left;}*/
#itemsBar .item.big a.link span {
}

/*#itemsBar .item.small { width: 232px; height: 152px;margin: 0 10px 10px 0; float: left; }*/
#itemsBar .item.small a.link span {
}

#itemsBar .item.disable {
    opacity: 0.2;
    filter: alpha(opacity=20);
}

#itemsBar .item1 {
    background: url(../images/img-1.jpg) no-repeat center center;
}

#itemsBar .item1 a.link:hover {
    background: url(../images/big-right.png) no-repeat right center;
}

#itemsBar .item2 {
    background: url(../images/img-2.jpg) no-repeat center center;
}

#itemsBar .item3 {
    background: #e2231a;
}

#itemsBar .item4 {
    background: #e2231a;
}

#itemsBar .item5 {
    background: url(../images/img-3.jpg) no-repeat center center;
}

#itemsBar .item6 {
    background: url(../images/img-4.jpg) no-repeat center top;
}

#itemsBar .item6 a.link:hover {
    background: url(../images/small-right.png) no-repeat right center;
}

#itemsBar .item6 .lightBar {
    width: 706px;
    left: 232px;
}

#itemsBar .item7 {
    background: #e2231a;
}

#itemsBar .item8 {
    background: url(../images/img-5.jpg) no-repeat center center;
}

#itemsBar .item8 a.link:hover {
    background: url(../images/big-left.png) no-repeat left center;
}

#itemsBar .item.last {
    margin-right: 0;
}

#itemsBar ul {
    list-style-type: circle;
}

#itemsBar .bigleft a.link:hover {
    background: url(../images/big-right.png) no-repeat right center;
}

#itemsBar .smallleft a.link:hover {
    background: url(../images/small-right.png) no-repeat right center;

}

#itemsBar .bigright a.link:hover {
    background: url(../images/big-left.png) no-repeat left center;
}

#itemsBar .smallright a.link:hover {
    background: url(../images/small-left.png) no-repeat left center;

}

#lightBar {
    position: absolute;
    width: 466px;
    z-index: 120;
    padding-bottom: 70px;
}

.lightBar {
    padding: 10px;
    background: url(../images/blue-bg.png) repeat;
    min-height: 200px;
    height: 100%;
}

.lightBar .inner {
    padding: 12px;
    color: #0040d9;
    font-size: 0.9em;
    position: relative;
    background: #f9f9f9;
    height: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/*.lightBar .inner .first {margin-top:35px; }*/
.lightBar h2.title {
    font-size: 1.333333333em;
    font-weight: normal;
    color: #0040d9;
    text-transform: uppercase;
    width: 50%;
    float: left;
}

.lightBar h2.title span {
    display: block;
    font-family: montserratbold;
}

.lightBar .address {
    float: right;
    width: 50%;
    font-size: 1.333333333em;
}

.lightBar p {
    margin-bottom: 15px;
}

.lightBar a.close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 25px;
    height: 25px;
    display: block;
    text-indent: -9999px;
    background: url(../images/close-icon.png) no-repeat center center;
    background-size: 100%;
}

.lightBar h2.acc_trigger {
    margin-bottom: 10px;
    padding: 2px 0 5px 0;
    border-top: 2px solid #ff6600;
    background: url(../images/red-arrow.png) no-repeat right 6px;
    font-weight: normal;
}

.lightBar h2.acc_trigger a, .lightBar h2.acc_notrigger a {
    color: #ff6600;
    font-size: 1em;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
}

.lightBar h3.first {
    border-top: none !important;
}

.lightBar h2.acc_notrigger, .lightBar h2, h4.deviderTitle {
    margin-bottom: 10px;
    padding: 2px 13px 5px 0;;
    border-top: 2px solid #ff6600;
    font-weight: normal;
}

h4.deviderTitle {
    font-size: 1.2em;
    margin-top: 10px;
    border-top: none;
    border-bottom: 2px solid #ff6600;
}

hr.devide {
    border-color: #ff6600;
    margin: 10px 0;
    border-style: solid;
}

.lightBar h2.active {
    border-top: 2px solid #0040d9;
    background: url(../images/blue-arrow.png) no-repeat right 6px;
}

.lightBar h2.active a {
    color: #0040d9;
    font-size: 1.166666667em;
    font-family: montserratbold;
}

.lightBar .acc_container {
    margin: 0 0 5px;
    padding: 0;
    overflow: hidden;
}

.lightBar .acc_container .pageslider img {
    float: left;
    margin: 0 10px 10px 0;
}

#lightBarContent {
    min-height: 170px;
}

.lightBar h3.title {
    font-size: 1.166666667em;
    font-weight: normal;
    color: #0040d9;
    text-transform: uppercase;
    width: 50%;
    float: left;
}

.lightBar h3.title span {
    display: block;
    font-family: montserratbold;
}

.lightBar h3.acc_trigger {
    margin-bottom: 10px;
    padding: 4px 0 5px 0;
    background: url(../images/blue-arrow-down.png) no-repeat right 8px;
    font-weight: normal;
    min-height: 13px;
    border-top: 2px solid #0040d9;
}

.lightBar h3.acc_trigger.first {
    border-top: none;
}

.lightBar h3.acc_trigger a, .lightBar h3.acc_notrigger a {
    color: #0040d9;
    font-size: 1em;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
}

.lightBar h3.acc_notrigger, .lightBar h3 {
    margin-bottom: 10px;
    padding: 2px 0 5px 0;
    border-top: 2px solid #0040d9;
    font-weight: normal;
}

.lightBar h3.active {
    background: url(../images/blue-arrow.png) no-repeat right 6px;
}

.lightBar h3.active a {
    color: #0040d9;
    font-size: 1em;
    font-family: montserratbold;
}

.contactForm {
    width: 100%;
    overflow: hidden;
}

.contactForm .text {
    width: 234px;
    float: left;
}

.contactForm .text h2 {
    font-weight: normal;
    font-size: 1.333333333em;
    font-family: montserratbold;
    margin-bottom: 18px;
}

.contactForm .text h2 span {
    display: block;
}

.contactForm .text p {
    font-size: 1.333333333em;
}

.contactForm form {
    float: left;
    /*width: 448px;*/
}

.contactForm input.field {
    border: 0;
    background: #fff;
    font-size: 0.916666667em;
    color: #0040d9;
    font-family: montserratbold;
    width: 440px;
    margin-bottom: 12px;
    padding: 2px 4px;
}

.contactForm textarea {
    width: 440px;
    height: 110px;
    padding: 2px 4px;
    font-size: 0.916666667em;
    color: #0040d9;
    border: 0;
    margin-bottom: 10px;
    font-family: montserratbold;
}

.contactForm input.button {
    padding: 5px 10px;
    cursor: pointer;
    margin-bottom: 8px;
    margin-left: 170px;
    border: 2px solid #0040d9;
    background: #fff;
    color: #0040d9;
    font-family: montserratbold;
    font-size: 0.916666667em;
    text-transform: uppercase;
}

#itemsSponsor {
    padding-bottom: 10px;
}

#itemsSponsor ul {
    width: 100%;
    overflow: hidden;
    margin: 0 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#itemsSponsor ul li {
    list-style: none;
    float: left;
}

#itemsSponsor ul li a {
    text-align: center;
    display: table-row;
}

#itemsSponsor ul li a img {
    display: inline;
    vertical-align: middle;
}

#itemsSponsor ul li a:hover {
    background: #e2231a;
}

/*#itemsSponsor ul li a:hover img { opacity:0.6; filter:alpha(opacity=60); }*/
/* FOOTER */
#footer {
    z-index: 999;
    overflow: hidden;
    width: 100%;
    height: 51px;
    margin-top: -51px;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 10px;
    border-bottom: 10px solid white;
    border-top: 10px solid white;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#footer ul {
    padding-left: 6px;
    list-style: none;
    float: left;
}

#footer li {
    padding: 0 6px 0 3px;
    text-transform: uppercase;
    line-height: 31px;
    font-size: 0.916666667em;
    font-family: 'montserratbold';
    color: #fff;
    float: left;
    background: url('../images/footer-devaider.gif') right 10px no-repeat;
    background-size: 2px 11px;
}

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

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

#footer li:last-child {
    background: none;
}

#footer ul.social {
    padding: 0 3px 0 0;
    list-style: none;
    float: right;
}

#footer ul.social li {
    padding: 0 6px 0 5px;
    font-size: 10px;
    float: left;
    background: none;
}

#footer ul.social li img {
    padding-top: 6px;
}

#footerInner {
    background: #e2231a;
    height: 31px;
    position: relative;
    top: -10px;
}

.inschrijvingen #klant_adres .form_address_zipcode .form_inputfieldcontainer {
    padding-right: 0;
}

#dagcursusForm .form_address_zipcode .form_inputfieldcontainer {
    padding-right: 0;
}

.ui-datepicker-month {
    text-transform: capitalize;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
    background-color: white;

    z-index: 100000;
}

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    background-color: white;
    border: 1px solid #868789;
    box-shadow: 1px 1px 6px #868789;
    outline: none;
}

.ui-menu .ui-menu {
    margin-top: -3px;
    position: absolute;
    background-color: white;
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    width: 100%;
    /* support: IE10, see #8844 */
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
    border-bottom: 1px solid gray;
}

.ui-menu .ui-menu-item:last-child {
    border: none;
}

.ui-menu .ui-menu-divider {
    margin: 5px -2px 5px -2px;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 0;
    line-height: 1.5;
    min-height: 0; /* support: IE7 */
    font-weight: normal;
}

.ui-menu .ui-menu-item a:hover {
    color: #0040d9;
    padding: 0;

}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}

.ui-menu .ui-state-disabled {
    font-weight: normal;
    margin: .4em 0 .2em;
    line-height: 1.5;
}

.ui-menu .ui-state-disabled a {
    cursor: default;
}

.ui-datepicker {
    display: none;
}

.ui-datepicker-next {
    display: inline-block;
    background: url(../images/arrow.jpg) no-repeat 100% 0;
    height: 16px;
    width: 11px;
    position: absolute;
    top: 5px;
    right: 0;
    text-indent: -999em;
    cursor: pointer;
}

.ui-datepicker-inline {
    position: relative;
    margin: 15px 10px 0;
}

.ui-datepicker-prev {
    display: inline-block;
    background: url(../images/arrow-red.jpg) no-repeat;
    height: 16px;
    cursor: pointer;
    width: 11px;
    position: absolute;
    top: 6px;
    left: 0;
    text-indent: -999em;
}

.ui-datepicker-title {
    display: block;
    text-align: center;
    font-size: 1.2em;
    color: #fc4f03;
    margin: auto;
}

.ui-datepicker-calendar th {
    text-align: center;
    font-size: 1em;
    border-bottom: 1px solid #868789;
    color: #fc4f03;
    padding: 8px 0;
    font-weight: normal;
}

.ui-datepicker-calendar {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
}

.ui-datepicker-calendar tbody {
    border-spacing: 0;
    border-collapse: collapse;
    border: 1px solid #868789;
    width: 100%;
}

.ui-datepicker-calendar td {
    width: 30px;
    height: 50px;
    background: #f9f9f9;
    margin: 0;
    border-spacing: 0;
    border-collapse: collapse;
    vertical-align: top;
    padding: 0;
    background: #f9f9f9;
    border: 1px dotted #868789;
}

.ui-datepicker-calendar td a {
    cursor: default;
}

.ui-datepicker-calendar td.highlight a {
    cursor: pointer;
}

.ui-datepicker-calendar td.highlight > a:after {
    height: 12px;
    width: 12px;
    content: "";
    display: block;
    margin: 9px auto 0;
    border-radius: 10px;
    background: #ff4e00;
}

.ui-datepicker-calendar td.ui-datepicker-week-end {
    color: #fe4f00;
}

.ui-datepicker-calendar td.ui-datepicker-week-end a {
    color: #fe4f00;
}

.ui-datepicker-calendar tbody tr:nth-child(odd) td {
    background: #7fffff;
}

.ui-datepicker-calendar tbody a {
    line-height: 10px;
    text-align: center;
    display: block;
    text-decoration: none;
    padding: 8px 0 0;
    font-weight: bold;
    font-size: 1em;
    color: #282629;
}

.ui-datepicker-calendar tbody .holder {
    position: relative;
}

a.calItemLabel {
    display: inline-block !important;
    margin: 0 0 10px 0 !important;;
    font-size: 0.8em !important;
    line-height: 13px !important;
    color: rgb(255, 255, 255) !important;
    text-decoration: none !important;;
    text-align: left !important;
}

a.calItemLabel:hover {
    text-decoration: underline !important;;
}

.tooltip {
    position: absolute;
    right: 30px;
    background: #fd6826;
    background: rgba(253, 104, 32, .85);
    width: 175px;
    top: -42px;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, .4);
    padding: 5px;
}

.tooltip:after {

}

.pagegheader {
    border-top: none !important;
    border-bottom: 2px solid #0040d9 !important;
}

.tooltiplink {
    color: white !important;
    padding: 0 0 0 0;
    text-decoration: underline !important;
    margin: 0 0 0 0;
    border-radius: 0;
    content: normal;
    background: none !important;
    font-size: 0.666666667em !important;
    text-align: left !important;
}

.tooltiplink:hover {
    cursor: pointer;
}

.tooltiplink:after {
    height: 0 !important;
    width: 0 !important;
    color: white !important;
    padding: 0 0 0 0 !important;
    text-decoration: underline !important;
    margin: 0 0 0 0 !important;
    border-radius: 0 !important;
    content: normal !important;
    background: none !important;
    color: #fff !important;
    font-size: 0.666666667em !important;
    text-align: left !important;
}

#langnav a {
    padding: 0 16px;
    text-decoration: none;
    color: #000;
    display: block;
    float: right;
    font-family: 'gotham_blackregular';
    line-height: 35px;
    font-size: 1.166666667em;
    text-transform: uppercase;
}

#langnav a:hover {
    padding: 0 16px;
    text-decoration: none;
    display: block;
    float: right;
    font-family: 'gotham_blackregular';
    line-height: 35px;
    font-size: 1.166666667em;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    background: #e2231a;
}

.course {
    width: 100%;
}

.course .coursePeriod {
    clear: both;

}

.course .coursePeriod .courseDates, .course .coursePeriod .courseName, .course .coursePeriod .coursePrice {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.course .coursePeriod .courseDates, .course .coursePeriod .courseName {
    float: left;

}

.course .coursePeriod .coursePrice, .cursusinschrijven, .weekendstageinschrijven {
    float: right;
}

.course .coursePeriod .courseDates {
    /*width: 150px;*/
}

.course .coursePeriod .courseName {
}

.course .coursePeriod .coursePrice {
    text-align: left;
    min-width: 110px;
}

.coursesTitle, .lightBar h3 {
    color: #ff6600;
    font-size: 1.18em;
    margin-bottom: 7px;
    display: block;
    border-top: 2px solid #ff6600;
    padding-top: 5px;
    font-weight: normal;
    clear: both;
}

.cursusinschrijven.left, .inschrijven.left, .weekendstageinschrijven.left {
    float: left;

}

.cursusinschrijven, .dagcursusinschrijven, .weekendstageinschrijven, .inschrijven {
    display: block;
    text-decoration: none;
    color: white;
    padding: 0px 5px;
    font-family: 'gotham_blackregular';
    line-height: 25px;
    position: relative;
    top: -4px;
    margin: 0 0 5px 20px;
    border: 1px solid #e2231a;
    color: #e2231a;
}

.cursusinschrijven:hover, .weekendstageinschrijven:hover, .dagcursusinschrijven:hover, .inschrijven:hover {
    background-color: #e2231a;
    color: white;
}

.fullybooked {
    color: white;
    background-color: #e2231a;
    font-family: 'gotham_blackregular';
    display: block;
    float: right;
    min-width: 111px;
    text-align: center;
    line-height: 25px;
    margin-bottom: 10px;
    margin-left: 20px;
    font-size: 0.9em;
    border: 1px solid #e2231a;
}

.earlyBirds {
    font-style: italic;
    font-size: 0.8em;
    clear: both;
    position: relative;
    top: -10px;
    margin-bottom: 5px;
}

.oldPrice {
    text-decoration: line-through;
}

@media only screen and (max-device-width: 1024px) {
    .course .coursePeriod .coursePrice {
        float: left;
        margin-top: 5px;
    }

    .cursusinschrijven, .weekendstageinschrijven, .dagcursusinschrijven {
        clear: both;
        top: -20px;
    }

    .fullybooked {
        clear: both;
    }
}

.item {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
    border: 5px solid white;
    outline: 1px solid white;
}

.item.empty {
    background: #e2231a;
}

.item .dummy {
    margin-top: 66%;
}

.item > a {
    position: relative;
    z-index: 2;
}

.item > img {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: none;
    vertical-align: top;
    display: block;
    float: left;
}

.grid-sizer.xsmall {
    width: 10%;
    min-width: 135px;
}

.item.xsmall {
    width: 10%;
    min-width: 135px;
}

#itemsBar .item .link:hover {
    padding-bottom: 1px;
}

.item.small {
    width: 25%;
    min-width: 230px;
}

.item.big {
    width: 50%;
    min-width: 350px;
}

.grid-sizer {
    min-width: 230px;
    width: 25%;
    position: absolute;
    z-index: 999999;
}

.arrow {
    display: none;
    width: 0;
    height: 0;
    position: absolute;
    z-index: 2;
}

.arrow.bottom {
    bottom: 0;
    left: 50%;
    border-left-color: transparent;
    border-right-color: transparent;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-bottom-color: #0040D9;
    border-bottom-color: rgba(0, 64, 217, 0.85);
}

.arrow.left {
    left: 0;
    top: 50%;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-bottom-style: solid;
    border-top-style: solid;
    border-left-style: solid;
    border-left-color: #0040D9;
    border-left-color: rgba(0, 64, 217, 0.85);
}

.arrow.right {
    right: 0;
    top: 50%;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-style: solid;
    border-right-color: #0040D9;
    border-right-color: rgba(0, 64, 217, 0.85);
}

.no-touch .item:hover .arrow, .item.active .arrow {
    display: block;
}

#lightBar {
    display: none;
}

.loader {
    position: absolute;
    width: 100%;
    height: 200px;
    background: white;
    top: 0;
    left: 0;
}

.loader .spinner {
    height: 128px;
    width: 128px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -64px 0 0 -64px;
    background-image: url(/images/ajax-loader.gif);
    background-repeat: no-repeat;
}

.photobook .item .link {
    visibility: hidden;
}

.no-touch .photobook .item:hover .link {
    visibility: visible;
    background: url(../images/photo-overlay.png) repeat center center;
}

.photobookImages {
    display: none;
}

#navigation .smallNav {
    display: none;
    position: absolute;
    left: 41px;
    width: 100%;
    height: 35px;
}

#smallNav {
    width: 100%;
    height: 100%;
    opacity: 0;
}

#navigation .smallNavOpenPointer {
    position: absolute;
    width: 0;
    height: 0;
    z-index: 2;
    top: 50%;
    right: 10px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-left-style: solid;
    border-right-style: solid;
    border-top-style: solid;
    border-top-color: #33ffff;
    border-top-width: 10px;
    border-left-width: 10px;
    border-right-width: 10px;
    margin-top: -5px;
    margin-right: 45px;
}

input[type='submit'], input[type='submit'] {
    background: #e2231a;
    color: white;
    padding: 5px 10px;
    border: none;
    display: block;
    cursor: pointer;
    text-transform: uppercase;
    -webkit-appearance: none;
    border-radius: 0;
}

/*Membership code */
#membershipForm .formRow > label, #loginForm label, #lostPasswordForm label {
    display: block;
    min-width: 180px;
    clear: left;
    float: left;
    margin-bottom: 10px;
}

#membershipForm {
    margin-bottom: 30px;
}

#membershipForm input[type='text'], #membershipForm input[type='password'] {
    display: block;
    float: left;
}

#membershipForm input[type='submit'] {
    clear: left;
    -webkit-appearance: none;
    border-radius: 0;;
}

#loginForm input[type='submit'], #lostPasswordForm input[type='submit'], #newMemberForm input[type='submit'] {
    margin-left: 180px;
}

#membershipForm .formSectionTitle {
    display: block;
    font-size: 1.17em;
    margin-bottom: 10px;
    padding: 7px 0 5px 0;
    font-weight: normal;
    color: #e2231a !important;
    clear: both;
    border-top: 2px solid #e2231a;
}

ul.memberActivities {
    list-style: none;
    left: 10px;
}

ul.memberActivities li {
    display: block;
    float: left;
    width: 50%;
    margin-bottom: 10px;
}

ul.memberActivities li input {
    margin-bottom: 10px;
    display: block;
    float: left;
}

#lostPassword, #backToPassword {
    display: block;
    margin: 15px 0 0 15px;
    float: left;
}

.errors {
    clear: both;
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
    margin-bottom: 5px;
}

.success {
    clear: both;
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 5px;
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

#membershipForm #layout {
    padding: 0;
}

#membershipForm input[type=text].error, #membershipForm input[type=password].error {
    border: 1px solid red;
}

.content-detail.login .pagegheader {
    margin-bottom: 0;
}

#membershipForm #sendPassword {
    margin-bottom: 20px;
}

#backToPassword {
    margin-left: 0;
}

#membershipForm label.error {
    color: red;
}

.content-detail.membership.payment #invoiceData label {
    display: block;
    margin-bottom: 5px;
}

.content-detail.membership.payment #paymentSummary tbody td, .content-detail.membership.payment #paymentSummary tfoot td {
    padding: 5px 0;
}

.content-detail.membership.payment .next {
    float: right;
}

.content-detail.membership.payment .formInputs {
    margin: 0;
    width: 100%;
}

#membershipForm input[type='text'].required, #membershipForm input[type='password'].required {
    background-color: rgba(0, 0, 255, 0.1);
}

#chooseSubscriptionForm input[type=radio] {
    position: relative;
    top: 2px;
    margin-right: 5px;
}

#chooseSubscriptionForm .description {
    display: block;
    clear: left;
    margin: 10px 0 30px 30px;
}

.formRow {
    width: 100%;
    clear: both;
}

.formRow select {
    width: 100%;
    margin-bottom: 10px;
}

.formInputs, .memberActivities {
    width: 450px;
    float: left;
    position: relative;
    left: -10px;
}

.formInputs, .memberActivities label {
    margin: 0 10px;
}

.formInputs .large, .formInputs .small, .formInputs .extraLarge {
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-left: 10px;
}

.formInputs .large input, .formInputs .small input {
    width: 100%;
}

.formInputs .large {
    width: 50%;
}

.formInputs .extraLarge {
    width: 100%;
}

.formInputs .small {
    width: 25%;
}

.formInputs input[type=checkbox] {
    margin: 0 10px;
    display: block;
    float: left;
}

#membershipForm label#magazineSubDescription {
    width: 320px;
    margin-bottom: 30px;
    clear: none;
    display: block;
    float: left;
}

.formNavButtons {
    width: 206px;
    margin: 20px auto 0 auto;
}

.formNavButtons .next {
    float: right;
}

ul.memberServices, ul.sponserFormules, ul.paymentMethods {
    list-style: none;
    margin-bottom: 20px;
}

.memberServices label {
    margin: 10px 20px 10px 10px;
}

.memberServices label.first {
    margin: 10px 20px 10px 0;
    width: 80%;
    display: inline-block;
}

ul.sponserFormules li {

}

ul.sponserFormules label.first {
    margin: 0 0 10px 10px;
    position: relative;
    top: -2px;
}

ul.sponserFormules label.last {
    display: block;
    margin: 10px 0 20px 24px;
    font-size: 0.73em;
}

.currentLockers {
    margin: 10px 0;
}

.lockers {
    margin-bottom: 20px;
}

.locker {
    display: inline-block;
    padding: 2px 5px 0px 10px;
    background: aliceblue;
    border-radius: 9px;
    border: 2px solid #e2231a;
}

.selectedLockers .locker {
    margin-right: 3px;
}

.selectedLockers {
    padding: 10px 0;
}

.locker > span {
    position: relative;
    top: -4px;
}

.removeLocker, .addLocker {
    width: 10px;
    height: 10px;
    display: inline-block;
    border: 1px solid #0040d9;
    color: #0040d9;
    padding: 5px;
    margin: 0 0 0 10px;
    text-decoration: none;
    font-size: 22px;
    border-radius: 20px;
    position: relative;
}

.removeLocker span, .addLocker span {
    position: absolute;
}

.removeLocker span {
    top: -4px;
    left: 5px;
}

.addLocker {
    top: 6px;
}

.addLocker span {
    top: -2px;
    left: 4px;
}

.addLockers label {
    width: 265px;
    display: inline-block;
}

#paymentSummary tbody td {
    padding: 5px
}

#paymentSummary tfoot td {
    border-top: 1px solid #0040d9;
    padding: 5px;
    /*font-weight: bold;*/
    font-size: 1.1em;
}

#paymentSummary tfoot .totalAmount {
    font-weight: bold;
    font-size: 1.2em;
}

.paymentMethods li {
    margin-bottom: 10px;
}

.paymentMethods li label {
    position: relative;
    top: -3px;
    left: 5px;
}

#membershipTitle {
    display: none;
}

.memberPrice {
    display: inline-block;
    margin-left: 20px;
}

.earlyBookingNotice {
    font-size: 0.7em;
    display: inline-block;
}

.warningMessage {
    color: #82632E;
    background-color: #fcf8e3;
    border-color: #faebcc;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 4px;
}

/*3 Columns*/
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait) {
    .item.small, .grid-sizer {
        width: 33.333333333%;
    }

    .item.big {
        width: 66.666666667%;
    }
}

@media (max-width: 926px) {
    .meteostatic {
        float: left;
    }
}

@media (max-width: 1310px) {
    .meteostatic {
        min-height: 400px !important;
        clear: both;
    }
}

@media (min-width: 701px) and (max-width: 942px) {
    .item.small, .grid-sizer {
        width: 33.333333333%;
    }

    .item.big {
        width: 66.666666667%;
    }
}

/*2 Columns*/
@media (min-width: 471px) and (max-width: 700px) {
    .item.small, .grid-sizer {
        width: 50%;
    }

    .item.big {
        width: 100%;
    }
}

/*Compact menu control*/
@media (max-width: 920px) {
    #navigation .smallNav {
        display: block;
    }

    #navigation {
        overflow: hidden;
        position: relative;
    }

    #navigation ul {
        position: absolute;
        width: 100%;
    }

    #navigation li {
        float: none;
        height: 35px;
    }

    #navigation li a {
        float: none;

    }

    #langnav a {
        padding: 0 8px;
    }

    #center #middle {
        float: none;
        width: 100%;
        padding: 10px;
    }

    #center #rightside, #center #leftside {
        float: left;
        width: 50%;
        padding: 10px;
    }

    .homeMenuItem {
        display: block;
    }
}

/*1 Columns*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    #bannerBox .logo {
        top: 10px;
    }

    #bannerBox #slidemenu {
        bottom: 10px;
    }

    #lostPassword {
        margin-left: 180px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-device-width: 480px) {
    .item.small, .grid-sizer {
        width: 100%;
    }

    .item.big {
        width: 100%;
        min-width: 300px;
    }

    #navigation li {
        font-size: 1.166666667em;
    }

    #navigation .smallNav {
        display: block;
    }

    #footer {
        position: static;
        margin-top: 0;
    }

    #footer .info li {
        background: none;
        display: none;
    }

    #footer .info li:first-child {
        background: none;
        display: block;
        font-size: 1.1em;
    }

    .itemsSponsor img {
        width: 100%;
    }

    #bannerBox .logo {
        display: none;
    }

    #bannerBox #controls {
        display: none;
    }

    #center #rightside, #center #leftside, #center #middle {
        float: none;
        width: 100%;
        padding: 10px;
    }

    .newsBox img {
        float: none !important;
        margin-bottom: 10px;
    }

    #bannerBox #slidemenu {
        bottom: 5px;
    }

    .formInputs, .memberActivities {
        width: 280px;
    }

}

/*portrait ipad*/
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait) {
    #center #rightside, #center #leftside {
        float: left;
        width: 50%;
        padding: 10px;
    }

    #footerInner .address, #footerInner .tel {
        display: none;
    }

    #footerInner .mail {
        background: none;
    }
}

.fieldwidget_formitems #rijksregisternr {
    margin-top: 10px;
}

#dagcursusForm .label {
    width: 200px;
}

#dagcursusForm .submit {
    margin-left: 0;
}

.ui-datepicker-calendar td.ui-state-disabled span {
    line-height: 10px;
    text-align: center;
    display: block;
    text-decoration: none;
    padding: 8px 0 0;
    font-size: 1em;
}

#dagcursusForm h3 {
    border: none;
}

.error {
    color: red;
}

#cursusPeriodeInschrijving .form_text, #cursusInschrijving .form_text {
    margin-bottom: 0;
}

#cursusPeriodeInschrijving .fieldwidget_formitem, #cursusInschrijving .fieldwidget_formitem {
    margin-bottom: 10px;

}

table.inschrijvingen {
    border-collapse: separate;
}

table.inschrijvingen td, table.inschrijvingen th {
    padding-right: 15px;
}

/*-------RESTYLING MEI-------*/

#navigation {
    background: transparent;
}

#navigation li a {
    color: #006e62;
}

#navigation li a:hover, #navigation li.active a {
    color: #e2231a;
    background: transparent;
}

#footerInner {
    background: #e2231a;
}

#langnav a {
    color: #006e62;
}

#langnav a:hover {
    color: #e2231a;
    background: transparent;
}

.meteoBox h2 {
    background: transparent;
    border: 1px solid #006e62;
}

.agendaBox h2 {
    color: #006e62;
}

.agendaBox .heading {
    background: transparent;
    border: 1px solid #006e62;
}

.newsBox h2 {
    background: transparent;
    border: 1px solid #006e62;
}

.newsBox h2 a {
    color: #006e62;
}

.sponsorsBox h2 {
    background: transparent;
    border: 1px solid #006e62;
}

.sponsorsBox h2 a {
    color: #006e62;
}

.meteoBox h2 a {
    color: #006e62;
}

.sponsorsBox h2 a {
    color: #006e62;
}

.newsBox li.even .text {
    background: #e2231a;
}

.newsBox .odd h3 a {
    color: #e2231a;
}

.newsBox .even h3 a {
    color: #fff;
}

#itemsBar .item .link:hover {
    padding-bottom: 0;
}

.tooltip {
    background: rgba(226, 35, 26, .85);
}

.item.empty {
    background: #006e62;
}

.item.empty:hover .link {
    background: #e2231a !important;
}

.membership.content-detail .formNavButtons {
    display: block;
    height: 100px;
}

.item.empty.active {
    background: #006e62 !important;
}

.item > img {
    -webkit-transition: all 2.5s;
    transition: all 2.5s;
}

.item:hover > img {
    -webkit-transition: all 2.5s;
    transition: all 2.5s;
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.no-touch .item:hover .arrow, .item.active .arrow {
    display: none;
}

.ui-datepicker-calendar tbody tr:nth-child(odd) td {
    background: #82b7b1;
    color: #000;
}

.ui-datepicker-calendar td.ui-state-disabled span {
    color: #000;
}

.ui-datepicker-calendar td.ui-datepicker-week-end a {
    color: #e2231a;
}

.ui-datepicker-calendar td.highlight > a:after {
    background: #e2231a;
}

.ui-datepicker-month {
    text-transform: uppercase;
}

.ui-datepicker-title, .ui-datepicker-calendar th {
    color: #e2231a;
    text-transform: uppercase;
    font-weight: bold !important;
}

.lightBar {
    background: url(../images/gray-bg.png) repeat;
}

.lightBar .inner {
    color: #000;
}

.pagegheader {
    border-color: #006e62 !important;
}

.lightBar a.close {
    background: url(../images/close-icon-gray.png) no-repeat center center;
    background-size: 100%;
}

#membershipForm .formSectionTitle {
    border-top: 2px solid #e2231a;
    color: #e2231a;
}

#membershipForm input[type='submit'] {
    background: #e2231a;
}

.lightBar h3.acc_trigger {
    border-color: #006e62;
}

.lightBar h3.acc_trigger a, .lightBar h3.acc_notrigger a {
    color: #e2231a;
}

.coursesTitle, .lightBar h3 {
    color: #006e62;
    border-top: 2px solid #006e62;
}

#membershipForm #lostPassword {
    color: #e2231a !important;
}

.lightBar h2.acc_notrigger, .lightBar h2, h4.deviderTitle {
    border-color: #006e62;
}

.lightBar .inner a {
    color: #e2231a !important;
}

.lightBar h2.active {
    background: url(../images/gray-arrow.png) no-repeat right 6px;
}

.lightBar h3.acc_trigger {
    background: url(../images/gray-arrow-down.png) no-repeat right 8px;
}

.acc_container table span {
    color: #e2231a !important;
}

.fullybooked {
    background-color: #e2231a;
    border: 1px solid #e2231a;
}

.lightBar .inner a.cursusinschrijven:hover, a.weekendstageinschrijven:hover, a.dagcursusinschrijven:hover, a.inschrijven:hover {
    background-color: #e2231a;
    color: #fff !important;
    border-color: #e2231a;
}

form.fieldwidget_form .form_submit, #dagcursusForm .submit {
    border: 2px solid #e2231a;
    color: #e2231a;
}

.no-touch .photobook .item:hover .link {
    visibility: visible;
    background: initial;
}

/*-------RESTYLING MEI-------*/

#navigation {
    background: transparent;
}

#navigation li a {
    color: #006e62;
}

#navigation li a:hover, #navigation li.active a {
    color: #e2231a;
    background: transparent;
}

#footerInner {
    background: #e2231a;
}

#langnav a {
    color: #006e62;
}

#langnav a:hover {
    color: #e2231a;
    background: transparent;
}

.meteoBox h2 {
    background: transparent;
    border: 1px solid #006e62;
}

.agendaBox h2 {
    color: #006e62;
}

.agendaBox .heading {
    background: transparent;
    border: 1px solid #006e62;
}

.newsBox {
    background: transparent;
}

.newsBox h2 {
    background: transparent;
    border: 1px solid #006e62;
}

.newsBox h2 a {
    color: #006e62;
}

.sponsorsBox h2 {
    background: transparent;
    border: 1px solid #006e62;
}

.sponsorsBox h2 a {
    color: #006e62;
}

.meteoBox h2 a {
    color: #006e62;
}

.sponsorsBox h2 a {
    color: #006e62;
}

.newsBox li.even .text {
    background: inherit;
    color: #006e62;;
}

.newsBox li.odd .text {
    color: #e2231a;
}

.newsBox .odd h3 a {
    color: #e2231a;
}

.newsBox .even h3 a {
    color: #006e62;
}

#itemsBar .item .link:hover {
    padding-bottom: 0;
}

.tooltip {
    background: rgba(226, 35, 26, .85);
}

.item.empty {
    background: #006e62;
}

.item.empty:hover {
    background: #e2231a;
}

.item.empty.active {
    background: #006e62;
}

.item > img {
    -webkit-transition: all 2.5s;
    transition: all 2.5s;
}

.item:hover > img {
    -webkit-transition: all 2.5s;
    transition: all 2.5s;
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}

.no-touch .item:hover .arrow, .item.active .arrow {
    display: none;
}

.ui-datepicker-calendar tbody tr:nth-child(odd) td {
    background: #82b7b1;
    color: #000;
}

.ui-datepicker-calendar td.ui-state-disabled span {
    color: #000;
}

.ui-datepicker-calendar td.ui-datepicker-week-end a {
    color: #e2231a;
}

.ui-datepicker-calendar td.highlight > a:after {
    background: #e2231a;
}

.ui-datepicker-month {
    text-transform: uppercase;
}

.ui-datepicker-title, .ui-datepicker-calendar th {
    color: #e2231a;
    text-transform: uppercase;
    font-weight: bold !important;
}

.lightBar {
    background: url(../images/gray-bg.png) repeat;
}

.lightBar .inner {
    color: #000;
}

.pagegheader {
    border-color: #006e62 !important;
}

.lightBar a.close {
    background: url(../images/close-icon-gray.png) no-repeat center center;
    background-size: 100%;
}

#membershipForm .formSectionTitle {
    border-top: 2px solid #e2231a;
    color: #e2231a;
}

.content-detail #membershipForm {
    border-bottom: 2px solid #e2231a;
}

#membershipForm input[type='submit'] {
    background: #e2231a;
}

.lightBar h3.acc_trigger {
    border-color: #006e62;
}

.lightBar h3.acc_trigger a, .lightBar h3.acc_notrigger a {
    color: #e2231a;
}

.coursesTitle, .lightBar h3 {
    color: #006e62;
    border-top: 2px solid #006e62;
}

#membershipForm #lostPassword {
    color: #e2231a !important;
}

.lightBar h2.acc_notrigger, .lightBar h2, h4.deviderTitle {
    border-color: #006e62;
}

.lightBar .inner a {
    color: #e2231a !important;
}

.lightBar h2.active {
    background: url(../images/gray-arrow.png) no-repeat right 6px;
}

.lightBar h3.acc_trigger {
    background: url(../images/gray-arrow-down.png) no-repeat right 8px;
}

.acc_container table span {
    color: #e2231a !important;
}

.fullybooked {
    background-color: #e2231a;
    border: 1px solid #e2231a;
}

.lightBar .inner a.cursusinschrijven:hover, a.weekendstageinschrijven:hover, a.dagcursusinschrijven:hover, a.inschrijven:hover {
    background-color: #e2231a;
    color: #fff !important;
    border-color: #e2231a;
}

form.fieldwidget_form .form_submit, #dagcursusForm .submit {
    border: 2px solid #e2231a;
    color: #e2231a;
}

.no-touch .photobook .item:hover .link {
    visibility: visible;
    background: initial;
}

.arrow-down h2 a {
    text-transform: uppercase;
    color: #fff;
    font-size: 42px;
    text-decoration: none;
}

.arrow-down h2 {
    padding-top: 10px;
}

.arrow-down {
    text-align: center;
    height: 163px;
    width: 100%;
    background: url('../images/news-triangle.svg') no-repeat center center;
    background-size: 100%;
    -webkit-background-size: 100%;
}

.itemsBar {
    border: 0;
    position: relative;
    width: 100%;
    margin-bottom: 25px;
}

#center #middle {
    text-align: center;
}

.example {
    position: relative;
    width: 100%;
    margin-bottom: 25px;
}

.box, #itemsBar .filler {
    position: relative;
    float: left;
    background-color: #e2231a;
    color: #fff;
    text-align: center;
    background-size: cover;
    background-position: center;
}

#itemsBar .box .vcenter {
    margin-top: -17px;
}

.content-detail {
    width: 50%;
    float: left;
    margin-bottom: 50px;
}

.content-detail .container {
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 50px;
}

.content-detail h1 {
    font-size: 50px;
    text-transform: uppercase;
    color: #e2231a;
    font-family: 'gotham_blackregular';
}

.content-detail .pagegheader {
    border-bottom: 0 !important;
    margin-bottom: 50px;
    margin-left: 30px;
}

.content-detail #loginForm {
    /*color: #000;*/
}

.content-detail ul li {
    color: #006e62;
    list-style: none;
    line-height: 24px;
}

.content-detail h3 {
    margin-bottom: 10px;
}

.content-detail h3 a {
    text-decoration: none;
    color: #e2231a !important;
}

.content-detail .block p {
    color: #e2231a;
}

.content-detail #membershipForm input[type='submit'] {
    background: #006e62;
    padding: 15px 30px 15px 30px;
    text-transform: lowercase;
    margin-bottom: 20px;
}

.content-detail #membershipForm input[type='submit']:hover {
    background: #e2231a;
}

.content-detail #membershipForm #lostPassword {
    color: #006e62 !important;
    margin-bottom: 30px;
}

.content-detail .rijksregisterinfo {
    font-size: 11px;
    margin-bottom: 10px;
}

.content-detail #loginForm .group-form-login {
    margin-top: 20px;
}

.content-detail .block p {
    color: #006e62;
    margin-bottom: 1em;
    line-height: 24px;
}

.content-detail .block ol li {
    color: #006e62;
}

.content-detail form.fieldwidget_form .form_text {
    padding: 7px 4px;
}

.content-detail .fieldwidget_formitem {
    margin: 0 0 0 0;
    padding: 0;
    margin-bottom: 10px;
}

.content-detail .block h2, .content-detail .block h3 {
    color: #e2231a;
}

.content-detail #membershipForm {
    border-bottom: 2px solid #e2231a;
    margin-bottom: 10px;
}

.content-detail-media {
    width: 50%;
    float: right;
}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 70px solid transparent;
    border-bottom: 70px solid transparent;
    border-left: 90px solid #006e62;
    position: absolute;
    left: 10px;
    top: 65px;
}

.content-detail-media .container {
    padding-right: 10px;
    padding-left: 10px;
}

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

.content-detail-media .slick-slide img {
    width: 100%;
}

.item.small {
    width: 25%;
    min-width: 25%;
    height: 250px;
}

.item.big {
    height: 500px;
    width: 50%;
    min-width: 50%;
}

.item.wide {
    width: 50%;
    height: 250px;
}

.content-detail .contactForm {
    color: #000;
}

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

.content-detail-media .slick-dots {
    bottom: 10px;
}

.content-detail-media .slick-dots li button:before {
    font-size: 26px;
}

.content-detail-media .slick-dotted.slick-slider {
    margin-bottom: 10px;
}

.content-detail form.fieldwidget_form .form_submit, #dagcursusForm .submit {
    padding: 5px 10px;
    cursor: pointer;
    margin-bottom: 8px;
    margin-left: 0px;
    background: #006e62;
    padding: 10px 20px 10px 20px !important;
    text-transform: lowercase;
    color: #fff;
    border: 0;
    font-size: 1em;
    float: right;
}

.cursusinschrijven, .dagcursusinschrijven, .weekendstageinschrijven, .inschrijven, .cursusinschrijvenbevestigen, .cursusinschrijvenprocess {
    padding: 2px 5px;
    cursor: pointer;
    margin-bottom: 8px;
    margin-left: 0px;
    background: #006e62;
    padding: 5px 10px 5px 10px;
    text-transform: lowercase;
    color: #fff !important;
    border: 0;
    font-size: 1em;
    float: right;
    font-family: montserratregular, Arial;
    text-decoration: none;
}

.content-detail table {
    margin-bottom: 20px;
}

.cursusinschrijven:hover, .dagcursusinschrijven:hover, .weekendstageinschrijven:hover, .inschrijven:hover {
    background: #e2231a !important;
}

.course .coursePeriod .coursePrice {
    text-align: left;
    margin-right: 10px;
    min-width: 110px;
}

.fieldwidget_formitem_label {
    color: #006e62;
    display: block;
    margin-bottom: 5px;
}

.content-detail .contactForm form {
    width: 100%;
}

.content-detail .fieldwidget_formitem_ui {
    width: 100%;
}

.content-detail .acc_container a {
    color: #006e62;;
}

.content-detail th {
    color: #e2231a;
}

.content-detail tbody td {
    color: #006e62;
}

.acc_container ol {
    margin-bottom: 20px;
}

.content-detail .block h2, .content-detail .block h3 {
    color: #e2231a;
    margin-bottom: 1em;
}

.content-detail .acc_container a:hover {
    color: #e2231a;
}

.content-detail .coursesTitle, .lightBar h3 {
    color: #e2231a;
}

.content-detail .course {
    color: #006e62;
}

.content-detail .fieldwidget_form.form-horizontal {
    margin-bottom: 100px;
}

.content-detail .fullybooked {
    font-family: montserratregular, Arial;
    text-transform: lowercase;
    font-size: 1em;
}

#itemsSponsor ul li a img {
    display: inline;
    vertical-align: middle;
    max-width: 100%;
}

#itemsSponsor ul li {
    padding: 40px 75px 40px 75px;
}

#itemsSponsor ul li a:hover {
    background: transparent;
    -webkit-transition: all 2.5s;
    transition: all 2.5s;
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

#itemsSponsor ul li a {
    -webkit-transition: all 3s;
    transition: all 3s;
}

#itemsSponsor ul {
    margin: 0;
}

#itemsSponsor .col-md-3 {
    float: left;
    width: 25%;
    display: block;
}

.content-detail .dagcursusinschrijven {
    float: none !important;
    display: inline-block;
    margin-bottom: 30px;
}

.links-menu {
    margin-bottom: 40px;
}

form.fieldwidget_form .form_text {
    padding: 7px;
    border: 1px solid #CFCFCF;
}

.fieldwidget_formitem_ui {
    width: 100%;
}

.content-detail .fullybooked {
    min-width: inherit;
    width: 105px;
    margin-left: 0;
    margin-bottom: 12px;
}

.content-detail-media .img-responsive {
    max-width: 100%;
    /*height: 420px;*/
}

.content-detail-media .album-container img {
    width: 100%;
}

.content-detail-media .album-container {
    margin-bottom: 10px;
}

.xsmall {
    height: 96px;
}

.backLink {
    float: right;
    margin-top: 10px;
    margin-right: 20px;
}

.backLink a {
    color: #006e62;
    background: url('../images/backlink.png') no-repeat center center;
    background-size: contain;
    background-position: right;
    padding-right: 25px;
    font-size: 13px;
}

form.fieldwidget_form .form_text, #membershipForm input[type=text], #dagcursusForm input[type=text], #membershipForm input[type=password], #dagcursusForm .form_textarea {
    color: #006e62;
}

.content-detail.news .pagegheader {
    margin-bottom: 30px;
}

.content-detail-media.news .item.big, .content-detail-media.news .item.wide {
    width: 100%;
}

.content-detail .contactForm {
    height: auto;
}

.content-detail form input {
    padding: 7px;
    border: 1px solid #CFCFCF;
}

.content-detail form input {
    padding: 7px;
    border: 1px solid #CFCFCF;
}

.content-detail input[type='text'], .content-detail input[type='file'], textarea {
    -webkit-appearance: none;
    border-radius: 0;
    width: 100%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

.content-detail .fieldwidget_formitem {
    margin-bottom: 20px;
}

#footer li {
    padding: 0 8px 0 8px;
}

#footer ul.social li:first-child {
    font-size: 0.916666667em;
}

.newsBox h3 {
    font-size: 1.2em;
    text-transform: uppercase;
}

.newsBox .bodytext {
    font-size: 0.85em;
}

form.fieldwidget_form .form_horizontalrule {
    float: none !important;
}

.form_horizontalrule_fullwidth {
    border-top: 2px solid #e2231a;
}

input {
    padding: 7px !important;
    border: 1px solid #CFCFCF;
}

.course .coursePeriod {
    clear: both;
    padding-top: 10px;
}

.content-detail form.fieldwidget_form .form_submit, #dagcursusForm .submit {
    outline: 0;
}

#dagcursusForm .submit:hover {
    background-color: #e2231a;
}

.content-detail form.fieldwidget_form .form_submit {
    padding: 10px 20px 10px 20px !important;
}

.content-detail form.fieldwidget_form .form_submit:hover {
    background-color: #e2231a;
}

.links-menu a {
    display: block;
    text-decoration: none;
}

.content-detail #membershipForm input[type='submit'] {
    padding: 10px 20px 10px 20px !important;
    border: 0;
}

#loginForm input[type='submit'], #lostPasswordForm input[type='submit'], #newMemberForm input[type='submit'] {
    margin-left: 0;
    float: right !important;
}

.links-menu a:hover {
    text-decoration: none;
}

#newMemberForm input[type='submit'] {
    float: none !important;
}

#lostPassword {
    margin-left: 0;
    float: left;
}

.links-menu .arrow-link img {
    width: 13px;
    padding-right: 10px;
    display: inline;
}

.acc_container ul li {
    background-image: url('../images/right-arrow-link.png');
    background-repeat: no-repeat;
    background-size: 14px;
    background-position-y: 3px;
    padding-left: 25px;
}

.acc_container ul.largeNav li {
    background-image: none;
    background-repeat: no-repeat;
    background-size: 14px;
    background-position-y: 3px;
    padding-left: 25px;
    padding-left: 0;
}

#membershipForm input[type='text'].required, #membershipForm input[type='password'].required {
    padding: 7px !important;
    border: 1px solid #CFCFCF;
    background: #fff;
}

.content-detail.membership input[type='submit'] {
    margin: 10px 0;
    padding: 10px 20px 10px 20px !important;
    text-transform: lowercase;
    border: 0;
}

.content-detail.membership .formNavButtons {
    width: 100%;
}

.content-detail.membership .acc_container ul li {
    background-image: none;
    background-repeat: no-repeat;
    background-size: 14px;
    background-position-y: 3px;
    padding-left: 25px;
    padding-left: 0;
}

.content-detail.membership #paymentSummary tfoot td {
    border-top: 1px solid #006e62;
    font-size: 18px;
}

.form_description {
    width: 100%;
}

label[for="invoiceToggle"], label[for="magazineSubDescription"], label[for="generalConditions"] {
    display: block;
    padding-left: 1em;
    text-indent: 0em;
}

.content-detail.membership .memberActivities label {
    display: block;
    padding-left: 1.4em;
    text-indent: 0em;
}

.content-detail.members ul {
    left: 0;
}

.content-detail.membership form input[type='submit'] {
    margin: 10px 0;
    padding: 10px 20px 10px 20px !important;
    text-transform: lowercase;
    border: 0;
    display: inline-block;
}

.content-detail.members .formInputs, .content-detail.members .memberActivities label {
    margin: 0;
}

.content-detail.members label[for=country] {
    float: left;
    margin-bottom: 5px;
    width: 100%;
}

.content-detail.membership .formRow {
    margin-bottom: 20px;
}

.content-detail.members label {
    margin-bottom: 5px;
    display: block;
}

.content-detail.members .formInputs {
    width: 100%;
}

.content-detail.membership h2 {
    margin-bottom: 10px;
}

.memberServices select {
    float: right;
}

form.fieldwidget_form .form_textarea {
    color: #006e62;
    font-family: montserratregular, Arial;
    font-size: 1em;
    outline: 0;
}

#membershipForm input[type='password'].required {
    width: 100%;
}

/*#isLid .fieldwidget_formitem_ui{*/
/*width:50%;*/
/*}*/
.content-detail.membership.payment .next {
    margin-bottom: 100px !important;
    display: block;
    overflow: auto !important;
}

@media screen and (max-width: 1400px) {
    .course .coursePeriod .coursePrice {
        float: left;
        clear: left;
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 1200px) {

    #navigation li {
        font-size: 0.8em;
    }

    #langnav a {
        font-size: 0.8em;
    }
}

@media screen and (max-width: 1080px) {
    #itemsSponsor .col-md-3 {
        float: left;
        width: 33%;
        display: block;
    }

    #navigation li {
        font-size: 0.6em;
    }

    #langnav a {
        font-size: 0.6em;
    }

    .content-detail {
        width: 100%;
    }

    .content-detail .container {
        padding: 15px;
    }

    .arrow-right {
        display: none;
    }

    .content-detail .pagegheader {
        margin-left: 0;
        margin-bottom: 10px;
    }

    .content-detail h1 {
        font-size: 50px;
        text-transform: uppercase;
        color: #e2231a;
        font-family: 'gotham_blackregular';
    }

    .content-detail-media {
        width: 100%;
    }
}

@media screen and (max-width: 920px) {
    #navigation li a:hover, #navigation li.active a {
        text-decoration: none;
        color: #fff;
        background: #e2231a;
    }

    #navigation .smallNavOpenPointer {
        border-top-color: #fff;
    }

    #bannerBox .logo {
        display: none;
    }

    .item.wide {
        height: 125px;
    }

    .item.small {
        height: 125px;
    }

    .item.big {
        height: 250px;
    }

    #itemsBar .item .vcenter {
        font-size: 20px;
    }

    #navigation li {
        font-size: 0.9em;
    }

    #langnav a {
        font-size: 0.9em;
    }
}

@media screen and (max-width: 768px) {
    .backLink {
        float: left;
        margin-top: 10px;
        margin-right: 0;
        margin-left: 15px;
        margin-bottom: 10px;
        width: 90%;
    }

    #itemsSponsor .col-md-3 {
        float: left;
        width: 50%;
        display: block;
    }

    #itemsSponsor ul li {
    }

    #itemsBar .item .vcenter {
        font-size: 15px;
    }

}

@media screen and (max-width: 480px) {
    .content-detail .block .sub table {
        width: 100% !important;
    }

    .course .coursePeriod .courseDates {

    }

    #itemsSponsor .col-md-3 {
        float: left;
        width: 50%;
        display: block;
    }

    #itemsSponsor ul li {
        padding: 30px;
    }

    .item.wide {
        width: 100%;
    }

    .item.big {
        height: 250px;
        width: 100%;
    }

    .item.small {
        height: 125px;
        width: 50%;
        min-width: 50%;
    }

    #itemsBar .item .vcenter {
        font-size: 15px;
    }

    .arrow-down h2 a {
        font-size: 34px;
    }

    .content-detail {
        width: 100%;
    }

    .content-detail .container {
        padding: 15px;
    }

    .arrow-right {
        display: none;
    }

    .content-detail .pagegheader {
        margin-left: 0;
        margin-bottom: 10px;
    }

    .content-detail h1 {
        font-size: 30px;
        text-transform: uppercase;
        color: #e2231a;
        font-family: 'gotham_blackregular';
    }

    .content-detail #loginForm input[type='submit'], #lostPasswordForm input[type='submit'], #newMemberForm input[type='submit'] {
        margin-left: 0;
    }

    .content-detail #lostPassword {
        margin-left: 20px;
    }

    form.fieldwidget_form .form_text, #membershipForm input[type=text], #dagcursusForm input[type=text], #membershipForm input[type=password], #dagcursusForm .form_textarea {
        width: 100%;
        padding: 7px 4px;
    }
}

.photobook .item:hover {
    cursor: pointer !important;
}

.inschrijvingen .block {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 2px solid #FD4F00;
    display: block;
    overflow: auto;
    padding: 15px 0 50px 0;
}

@media screen and (max-width: 920px) {
    .item.wide.meteo {
        height: 620px !important;
    }
}

.modal-link {
    padding-top: 0px !important;
    color: #e2231a !important;

}

.modal-link:hover {
    text-decoration: underline !important;
    cursor: pointer !important;
}

.custom-navbar-top {
    z-index: 1000;

}

.fancybox-content {
    border-radius: 10px;
    width: 860px;

}

.fancybox-content .modal-body {
    max-height: 100%;
    color: red;
}

#edit-info-btn {
    background: #e2231a;
    color: white;
    cursor: pointer;
    -webkit-appearance: none;
    border-radius: 0;
    padding: 10px 5px 10px 20px !important;
    text-transform: lowercase;
    border: 0;
    display: inline-block;

}

.form-nav-btn {
    margin: 10px 0;
    padding: 10px 20px 10px 20px !important;
    text-transform: lowercase;
    border: none !important;
    display: inline-block;
    background: #e2231a;
    color: white;
    cursor: pointer;
    -webkit-appearance: none;
    border-radius: 0;
    width: 75px;
}

table.inschrijvingen td {
    vertical-align: top;
    padding-top: 12px;
}

.error-btn {
    float: right;
    border: 0;
    background: #006e62;
    color: white;
    padding: 10px 20px 10px 20px !important;
    text-transform: lowercase;
    margin-bottom: 20px;
}

#resetpwForm input {
    margin-top: 8px;
    margin-bottom: 16px;
}

#resetbtn {
    text-align: center;
    color: white;
    background: #006e62;
    padding: 15px 30px 15px 30px;
    text-transform: lowercase;
    margin-bottom: 20px;
    text-decoration: unset !important;;
}

.reset-pw-errors {
    color: #cd2a23;
}

.limited-places {
    float: right;
    margin-right: -100px;
    width: 90px;
    font-size: 0.75rem;
    text-align: center;
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

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

.embed-responsive-21by9::before {
    padding-top: 42.857143%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.course{
    margin-bottom: 60px;
    padding-bottom:  60px;
}

.memberServices li.service{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.catamaran-extra{
    border: 1px solid #CFCFCF;
    background: #fff;
    width: 80% !important;
    margin-bottom: 16px;
}

.catamaran-extra.form-error{
    border: 1px solid red;
    display: block;
}