body {
    background-color: #ccc;
    background-image: url("https://www.focusmiddelburg.nl/images/background.png");
}

.xoops-blocks, .xoops-bottom-blocks {
	background: #fff;
	padding: 10px;
}
/* ------------- Button Colored -------------- */
.btn-primary {
    color: #fff;
    background-color: #ff0000;
    border-color: #800000;
    }

.btn-grey {
    color: #fff;
    background-color: #807f7d;
    border-color: #000;
    }

.btn-grey:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #000;
    background-color: #c7c8ca;
    border-color: #000; 
}


.btn-blue {
    color: #000;
    background-color: #2bb9cd;
    border-color: #0e5792;
    }

.btn-blue:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #0572ab;
    border-color: #000; 
}



.btn-green {
    color: #fff;
    background-color: #413622;
    border-color: #fff;
    }

.btn-green:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #000;
    background-color: #99835e;
    border-color: #000; 
}



.btn-orange {
    color: #fff;
    background-color: #ea5e00;
    border-color: #fff;
    }

.btn-orange:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #000;
    background-color: #f0a16d;
    border-color: #000; 
}

/* ------------- Top-Menu -------------- */

/* ------------- Top Menu-bar  ----------------*/

@media only screen and (min-width: 768px) {
	.navbar-nav {
		float: right;
		padding-top: 24px;
	}
}

@media only screen and (max-width: 767px) {
	.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
		background-color: #fff;
	}
}

.navbar-brand {
	height: 75px;
}

.navbar-brand  > img{
	max-width: 150px;
}

@media only screen and (max-width: 767px) {
	.navbar-brand {
		width: calc(100% - 171px);
	}

	.mobileNav {
		width: calc(100% + 30px);
		background-color: #1f1f1f;
	}
}

/* colors */
.navbar-inverse, .carousel {
    background-color: #000;
}
	
.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a:hover , .navbar-inverse .navbar-nav > li > a:focus , .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
	 color: #ffffff;
	 font-weight: bold;
}

    
/* active */
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #ffffff;
    background-color: #000;
}

/* selected */
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    color: #000;
    background-color: #fff;
}




/* --------------------- color of bars in toggle in menu-button mobile-view ------------------- */
.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 3px;
    border-bottom: 3px solid #ffffff;
    
}

.navbar-inverse {
    background-image: url("/images/menu-back.png");
    border-color: #ffffff;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff;
}

/* height of the top menu in mobile-size */
.navbar-toggle {
    margin-top: 18px;
    margin-bottom: 20px;
}

/* text-decoration in slides */
.slideH1, slideH1 {
    font-family: inherit;
    font-weight: bold;
    font-size: 40px;
    line-height: 1.1;
    color: #000;
    text-shadow:  0 0 50px white, 0 0 50px white, 0 0 50px white; 
}

.subtxt, subtxt {
    text-shadow: 0px 0px 20px black, 0px 0px 10px black, 0px 0px 10px black, 0px 0px 5px black;
}

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

.footer-blocks {
    background: #563c2c;
    color: #EAEAEA;
}