html {
  position: relative;
  min-height: 100%;
}
body {
  font-family: 'Muli', sans-serif;
  /* Margin bottom by footer height */
  margin-bottom: 260px;
}
h1,h2,h3,h4{
	color: #2c3961;
	margin: 0 0 10px;
}
.btn-danger, .btn-danger:visited{
	background-color: #566bab;
	border-color: #566bab;	
}
.btn-danger:hover, .btn-danger:focus, .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus, .open>.dropdown-toggle.btn-danger:hover
{
	background-color: #2c3961;
	border-color: #2c3961;	
}
h1{ font-size: 26px; }
h2{ font-size: 23px; }
h3{ font-size: 20px; }
}
a:focus, a:hover{
	color: #2c3961;
}
footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 260px;
  color: #fff;
  	background-color: #4f4d4d;
}
footer h3{
	margin: 15px 0;
}
footer input{
	color: #444;
}
footer .boven{
	min-height: 230px;
}
footer .onder-regel{
	padding: 5px 0 5px;
}
footer a, footer h3{
	color: #fff;
}
footer a:hover{
	text-decoration: none;
	color: #fff;
}
footer a:hover span{
	color: #2c3961;
}
.telefoon{
	color: #2c3961;
	margin-top: 40px;
	transition: margin 0.4s ease;
}
.telefoon.shrink{
	margin-top: 25px;
	transition: margin 0.4s ease;
}
.panel h3{
	margin-top: 10px;

}
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
}
.theme-back-color{
	background-color: #2c3961;
	color: #fff;
	border-color: #2c3961;
}
.theme-back-color-2{
	background-color: #252525;
	border-color: #252525;
}
.theme-back-color-3{
	background-color: #4f4d4d;
	border-color: #4f4d4d;
}
.theme-color{
	color: #2c3961;
}
.group-edit{
	width: 90px;
	position: absolute;
	z-index: 100;
	margin: -37px 0 0 200px;
}
ul.list-group{
	margin:0;
	list-style-type: none;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover{
	background-color: #2c3961;
	border-color: #2c3961;
}
a {
    color: #2c3961;
}




.navbar-inverse{
	background-color: #fff;
	border-color: #fff;
}
.navbar-nav{
    transition: all 0.4s ease;
	margin-top: 25px;
}
.navbar-inverse .navbar-toggle {
	background-color: #333;
}
.navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-nav>li>a:visited, .navbar-inverse .navbar-nav>li>a:focus {
    color: #000;
}

.navbar-inverse .navbar-nav>li>a.active{
	color: #2c3961;
}
.navbar-inverse .navbar-nav>li>a:hover.active{
	color: #fff;
}
.navbar-inverse .navbar-nav>li>a:hover{
	color: #fff;
	background-color: #2c3961;
}
.navbar-brand{
	height: auto;
	margin-left: -15px;
	padding: 0 15px;
}

a.navbar-brand img{
 margin: 10px 0;
 height: 80px;	
 transition: all .4s ease-in-out;
}
.navbar.shrink a.navbar-brand img{
	height: 50px;
}
.navbar.shrink .navbar-nav{
	margin-top: 10px;
}
.navbar.shrink .margin-top-45{
	margin-top: 25px;
}
.navbar.shrink {
  min-height: 35px;
}
.navbar{
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
}
.dropdown-menu>li.kleur>a{
	background-color: #ddd;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{
	background-color: #2c3961;	
}
#wrap > .container {
  padding: 60px 15px 0;
}
.margin-top-5{   margin-top: 5px; }
.margin-top-10{   margin-top: 10px; }
.margin-top-20{   margin-top: 20px; }
.margin-top-30{   margin-top: 30px; }
.margin-top-35{   margin-top: 35px; }
.margin-top-40{   margin-top: 40px; }
.margin-top-90{   margin-top: 90px; }
.margin-top-100{   margin-top: 100px; }
.margin-top-110{   margin-top: 110px; }
.margin-top-120{   margin-top: 120px; }
.margin-top-130{   margin-top: 130px; }
.margin-top-140{   margin-top: 140px; }
.margin-top-45{   margin-top: 45px; transition: all 0.4s ease;}
.margin-left-100{   margin-left: 100px; }

label{
	width: 125px;
	vertical-align: top;
}
#formulier label{
  width: 140px;
  vertical-align: top;
}
label.error{
	color: red;
	margin-left: 10px;
}
input{
  border: 1px solid gray;
  padding-left: 3px;
  border-radius: 4px;
}

#map {
    width: 100%;
    height: 250px;
    background-color: grey;
}
/*-- Adminmenu -----------*/
.adminmenu, ul.pagemenu{
	float:left;
	margin: 0;
}
.adminmenu ul, ul.pagemenu{
	list-style: none;
}

.adminmenu li, .pagemenu li{
	float: left;
	margin-right: 10px;
}
.adminmenu span, , .pagemenu span{
  background-color:#999;
  border-radius: 3px;
  color: #fff;
  padding: 10px; 
margin: 10px 0 0 0;  
}



/*-- Slider -----------*/

.carousel{
  height: 300px;
}
.carousel h1, .carousel h2, .carousel h3, .carousel h4{
  color: #fff;
}
.item,
.active {
  height: 100%;
}
.carousel-inner {
  height: 100%;
}

.carousel-inner h1{ font-size: 32px; }
.carousel-inner h2{ font-size: 26px; }


.fill {
  width: 100%;
  height: 100%;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
.carousel-caption{
  padding-bottom: 60px;
}
.carousel-caption h1, .carousel-caption h2{
  text-shadow: 3px 3px 4px #000;
}
.carousel-caption h2{
  margin-bottom: 30px;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
  right: 30px; 
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
  left: 30px; 
}
.carousel-control .icon-next:before ,.carousel-control .icon-prev:before{
  content: none;
}
.carousel-control .icon-next, .carousel-control .icon-prev{
top: 50%;
}
/* Slider Animation delays */
.carousel-caption h1:first-child {
	animation-delay: 1s;
}
.carousel-caption h2:first-child {
	animation-delay: 1s;
}
.carousel-caption h2:nth-child(2) {
	animation-delay: 2s;
}
.carousel-caption .btn {
	animation-delay: 2s;
}
/* Large Devices, Wide Screens */
    @media (min-width: 768px){
		.navbar-nav{
			float: right!important;
		}
    }
    @media (max-width: 768px){
		.carousel-caption{
            padding-bottom: 50px;
        }
		.carousel-caption h1{
			font-size: 2em;
		}
		.carousel-caption h2{
			font-size: 1.5em;
		}
		.navbar-brand{
			padding: 0;    
		}
		.telefoon, .telefoon.shrink{
			margin-top: 5px;
			text-align: center;
		}
        a.navbar-brand img{
	        height: 50px;
        }	
        .navbar {
			min-height: 35px; 
        }
		.navbar-nav{
			margin: 0 -15px;
		}		
		.navbar-inverse .navbar-nav>li>a,
		.navbar-inverse .navbar-nav>li>a:visited {
		   background-color: #fff;
		   color: #000;
		   border-bottom: 1px solid #ddd;
		   margin-top: 0;
		}		
	 }