html, body {
    height: 100%;
}

body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

H3{
	color:#654c48;
	font-weight:bold;
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

a.text-primary:hover {
  color: #735a56;
}

a.bg-primary:hover {
  background-color: #735a56;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #735a56;
  border-color: #7f6662;
}

.sp-bg{
	
}

.melding{
	background:#66cc99;
	font-weight:bold;
	padding: 3px;
}


/* NAVBAR aanpassingen */
.navbar, .navbar-inverse, .navbar-brand, .navbar-inverse .navbar-brand{
	color:#ffffff;
	background:#654c48;
	border-color:#483735;
}
.navbar-inverse .navbar-nav>li>a{
	font-size:14px;
	color:#ffffff
}
.navbar-inverse .navbar-toggle:hover{
	background-color:#654c48;
}

.btn btn-primary{
	color:#ffffff;
	background:#CC9;
	border-color:#993;
}


.btn-primary {
  color: #fff;
  background-color: #654c48;
  border-color: #483735;
	margin-bottom:10px;
}

.btn-primary:a,
.btn-primary:visited,
.btn-primary:hover,
.btn-primary:active{
  color: #fff;
  background-color: #886b67;
  border-color: #483735;
}

.dropdown-toggle.btn-primary{
	color:#fff;
	background-color:#483735;
	border-color:#483735;
}

.navbar-nav > li {
    float: left;
}

.navbar-toggle {
	visibility:hidden;
}

.navbar-collapse.collapse {
	display: block !important;
	height: auto !important;
	padding-bottom: 0;
	overflow: visible !important;
	float:right;
}

.navbar-right {
    float: right !important;
    margin-right: -15px;
}






/* schaduw weg carousel */

.carousel-control.left {
  background-image: none;
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: none;
  background-repeat: repeat-x;
}




/* Responsive Styles */
@media(max-width:991px) {
	.customer-img, .img-related {
		margin-bottom: 30px;
	}
	

}

@media(max-width:767px) {
	.img-portfolio {
		margin-bottom: 15px;
	}
	
	header.carousel .carousel {
		height: 70%;
	}

	.kol_1{
		float:left;
	}
	

}