* {
    border-radius: 0 !important;
}

body {font-family: 'Titillium Web', sans-serif; font-size: 17px; overflow-y: scroll;}

body.splash {
    background: url(img/foto-splash.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
}
section {margin-bottom: 30px;}
.splash section {margin-bottom: 0;}
h1, h3 {color: #ba1349; font-family: Italianno, cursive; margin: 0 0 15px 0; font-size: 50px; font-weight: bold;}
.splash h3 {font-size: 35px;}
h2 {color: #ba1349; font-family: Italianno, cursive; margin: 0 0 15px 0; font-size: 45px; font-weight: bold;}
h4 {color: #ba1349; font-family: Italianno, cursive; margin: 0 0 15px 0; font-size: 36px; font-weight: bold;}

.splash .logo img {width: 170px;}

.btn {font-size: 18px;}
.btn-primary {background-color: #ba1349; border: 1px solid #ba1349;}
.btn-primary:HOVER, .btn-primary:ACTIVE {background-color: #b2cdab; border: 1px solid #b2cdab;}
.btn-default, .btn-default:HOVER, .btn-default:ACTIVE {background-color: #b2cdab; border: 1px solid #b2cdab; color: #fff;}
.splash a.btn-primary {text-transform: uppercase;}
.splash .logo {margin-top: 30px;}
.cus-col-lang div {background: url("img/bg-fff-trans.png"); text-align: center; padding: 15px;}
.cus-container-selectlang {position: absolute; bottom: 30%; left: 0; right: 0;}

.cus-footer {text-align: center;}
.splash .cus-footer {position: absolute; bottom: 0; left: 0; right: 0;}
.cus-footer p {margin: 0;}
.cus-footer-adres {background-color: #ba1349; color: #fff; padding: 20px 0; font-size: 22px;}
.cus-footer-adres a {color: #fff;}
.cus-footer-copyright {background-color: #fff; padding: 15px; font-weight: bold;}
.cus-footer-copyright a {color: #000;}

.navbar {background-color: #ba1349; border: 0; color: #fff; min-height: 40px; margin-bottom: 0; z-index: 1000;}
.navbar-default .navbar-nav li a {color: #fff; font-size: 18px; text-transform: lowercase;}
.navbar-brand {padding-top: 0; height: 40px; z-index: 1000;}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {background: none; color: #b2cdab;}
.navbar-default .navbar-nav li a {border-right: 2px solid #fff; padding-top: 0; padding-bottom: 0;}
.navbar-default .navbar-nav li a.facebook, .navbar-default .navbar-nav li:last-child a {border: 0;}
ul.navbar-nav {margin-top: 10px;}
.navbar-default .navbar-nav li a.facebook {margin-top: 0px;}

.cus-header {position: relative;}
.cus-header p {color: #fff; font-size: 80px; text-shadow: 2px 2px #333; position: absolute; right: 10%; bottom: 50px; font-family: Italianno, cursive; margin: 0;}
.cus-header img {width: 100%; height: auto;}
.cus-subnav {font-size: 18px; text-transform: lowercase;}
.cus-subnav .nav>li>a {color: #000; border-right: 2px solid #000;}
.cus-subnav .nav>li:last-child a {border: 0;}
.cus-subnav .nav>li>a:focus, .cus-subnav .nav>li>a:hover, .cus-subnav .nav>li.active>a {color: #b2cdab; background: none;}
.cus-subnav ul.navbar-nav {margin-bottom: 10px;}


.welkom {background-color: #ba1349; color: #fff; padding: 15px; margin-top: -140px;}
.welkom h3 {color: #fff; text-align: center; margin-bottom: 30px;}
.welkom h4 {color: #fff; text-align: center; margin: 20px 0;}
.welkom img {float: left; margin: 0 15px 15px 0;}

.teasers {text-align: center;}
.teaser {padding: 20px 0; margin-bottom: 15px;}
.teaser h4 {color: #000; font-family: "Titillium Web", sans-serif; text-transform: uppercase; font-size: 18px;}

.kamers a {color: #fff; text-decoration: none;}
.kamer img {width: 100%;}
.kamer {margin-bottom: 25px; color: #fff; height: 350px;}
.kamer p {background-color: #b2cdab; text-align: center; padding: 5px 0; font-family: Italianno, cursive; font-size: 44px; margin-top: 4px; margin-bottom: 0;}
.kamer a:HOVER p {background-color: #ba1349;}
.kamer a:HOVER img {opacity: 0.5; filter: alpha(opacity=50);}

.carousel-indicators li {width: 26px; height: 26px; background-color: #f1d0db; border: 1px solid #f1d0db; margin: 0 5px;}
.carousel-indicators .active {width: 26px; height: 26px; background-color: #ba1349; border: 1px solid #ba1349; margin: 0 5px;}
.carousel-indicators {position: static; margin-left: 0; width: 100%; margin-top: 15px;}
.carousel-control.right {background: url("../img/nav-right.png") no-repeat 120px center;}
.carousel-control.left {background: url("../img/nav-left.png") no-repeat 10px center;}

.kalender {color: #000; margin-top: 10px; height: 300px;}
.kalender-header {text-align: center; font-size: 20px; margin-bottom: 15px;}
.kalender-header span {display: inline-block; padding: 0 15px;}
.kalender-header a {color: #999;}
.kalender-body table {}
.kalender-body table th {background-color: #aaa; font-size: 16px; border: 3px solid #aaa; font-weight: normal;}
.kalender-body table td {border: 3px solid #aaa; text-align: right; padding: 0 1px 0 10px; font-size: 16px; height: 35px; vertical-align: top; color: #fff;}
.kalender-body table td a {color: #000; display: inline-block; width: 100%; height: 100%; text-decoration: none;}
.kalender-body .bezet {background-color: #ba1349;}

.activiteiten h2 {text-transform: uppercase; color: #000; font-family: "Titillium Web", sans-serif; font-size: 17px; font-weight: bold;}
.activiteiten h3 {text-transform: none; color: #000; font-family: "Titillium Web", sans-serif; font-size: 17px; font-weight: bold; margin: 0;}
.activiteit {margin-bottom: 15px;}
.activiteit-item {margin-bottom: 25px;}

.nieuws-datum {font-weight: bold;}
.nieuws h2 {margin-bottom: 0;}

.nieuwsbrief {background-color: #fff; width: 485px}
.nieuwsbrief h3 {background-color: #b2cdab; color: #fff; font-family: "Titillium Web", sans-serif; font-size: 17px; padding: 5px; text-align: center; font-weight: normal; line-height: 1.4;}
.cus-container-nieuwsbrief {position: absolute; left:0; right: 0; top: 50px;}
.nieuwsbrief form { padding: 0 15px;}
.btn-nieuwsbrief {margin-top: 20px;}
.nieuwsbrief input, .contact input, .contact textarea {background-color: #b2cdab; border: 0;}
.nieuwsbrief label, .contact label {text-align: right; text-transform: lowercase;}
.nieuwsbrief input[type="submit"], .contact input[type="submit"] {background-color: #ba1349;}

.legende {display: inline-block; width: 51px; height: 27px; vertical-align: middle;}
.vrij {background-color: #b2cdab}
.bezet {background-color: #ba1349;}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
}

.back-to-top.btn-primary {background-color: #878787; border: 1px solid #878787;}

label.inline {max-width: auto; width: auto; text-align: left; display: inline;}

.nav>li>a {padding-left: 12px; padding-right: 12px;}


/**************************************************************************************************************/

@media (max-width: 480px) {

    .splash .logo img {width: 50%; margin-bottom: 15px;}
    .cus-footer-adres span {display: block;}
}


@media (max-width: 767px) {
    .cus-col-lang {margin-bottom: 24px;}
    .welkom {margin-top: 0; margin-bottom: 30px;}
    .navbar-brand img {width: 100px;}
    .navbar-default .navbar-nav li a {display: block; text-align: right; border: 0; padding-top: 10px; padding-bottom: 10px;}
    .cus-subnav .nav>li>a {border: 0; text-align: right;}
    .cus-header p {font-size: 40px; right: 10px; bottom: 0;}
    .cus-container-nieuwsbrief {position: static; margin-top: 30px;}
    .nieuwsbrief {width: 100%;}
    .nieuwsbrief form {padding: 0;}
    .cus-container-selectlang, .cus-footer, .splash .cus-footer {position: static;}
    .kamer {height: auto;}
    .carousel-control.right {background: url("../img/nav-right.png") no-repeat 0px center;}
}


@media (min-width: 768px) {
    .cus-subnav .nav>li>a {padding: 0 10px;}
    .cus-subnav .nav>li:first-child>a {padding-left: 0px;}
    .navbar-collapse {padding-right: 0;}
    .navbar-nav.pull-right li:last-child a {padding-right: 0;}
    }


@media (min-width: 768px) and (max-width: 991px) {
    .cus-header p {font-size: 50px; right: 60px; bottom: 20px;}
    .navbar-nav {float: none;}
    .navbar-brand img {width: 120px;}
    .cus-subnav .navbar-nav {padding-left: 24px;}
    .kamer {height: auto;}
    .carousel-control.right {background: url("../img/nav-right.png") no-repeat 60px center;}
    .cus-container-selectlang, .cus-footer, .splash .cus-footer {position: static;}
    .cus-col-lang {margin-bottom: 24px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .cus-header p {font-size: 65px; right: 60px; bottom: 20px;}
    .cus-subnav .navbar-nav {padding-left: 34px;}
    .kamer {height: 300px;}
    .kamer.beschikbaarheid {height: 350px;}
    .carousel-control.right {background: url("../img/nav-right.png") no-repeat 90px center;}
    .cus-container-selectlang {bottom: 200px;}
    .splash h3 {font-size: 28px; font-weight: normal;}
    .splash .btn {font-size: 15px;}
    .cus-footer-adres {font-size: 19px;}
}

@media (min-width: 1921px) {
    .cus-container-selectlang {position: absolute; bottom: 500px; left: 0; right: 0;}
}

@media (max-width: 440px) {
    .welkom img {float: none;}
}

/* Ipad custom */
@media (max-width: 1030px) {
    .cus-container-selectlang {}
}