html,body { margin:0; padding:0;}
#wrapper { min-height:100%; position:relative;}	
#content { padding-bottom:60px; }	
body { background-color: #f5f5f5 !important; font-family: 'Catamaran', sans-serif;}
.content { background-color: white; border: 1px solid #dcdcdc}
.smallmargin { margin-top:14px;}
.smallpadding { padding: 10px 20px 30px 20px;}
.nopadding { margin:0 ! important; padding: 0 !important}
.navbar { margin-bottom: 0 }
.footer { width:100%; height:auto; background-color: #fafafa; box-shadow: 0px 5px 5px #dfdfdf, 0px -5px 5px #dfdfdf; padding-top: 16px;}
.copyright { background-color: #f4f4f4 !important; padding-top: 10px; margin-top:10px; padding-left: 5px;}

/* 	colors	 */
.green {color: #09a843;}
.backgroundgreen {background-color: #09a843;}

/*	tekst css */
h1 {background-color: #09a843; padding: 25px 15px; font-size: 22px; font-weight: 400; color: white; margin-bottom: 15px;}
h2 {padding: 25px 15px; font-size: 34px !important; font-weight: 400; color: #09a843; margin-bottom: 15px;}
h3 {padding: 10px 0px; font-size: 23px !important; font-weight: 400; color: #09a843; margin-bottom: 5px;}

.sidemenu-title h2 { color: #868686; font-size: 25px; font-weight: 200; letter-spacing: 2px; }
.sidemenu-title hr  { border: 0; border-bottom: 1px dashed #ccc; background: #999; margin: 5px 0px; margin-bottom:15px}
.submenu { padding-bottom: 20px;}
.submenu ul  { padding: 0; list-style-type: none;}		
.submenu li { list-style-type:none; color: #178740;}
.submenu hr { border: 0; border-bottom: 1px dashed #ccc; background: #dedede; margin: 7px 0px;}
.footer .kop {font-size:22px; color: #2f382c; line-height: 1; font-weight: 100;}
.footer hr { border: 0; border-bottom: 1px solid #ccc; background: #999; margin: 5px 0px; margin-bottom:10px;}
.footer .item { padding: 20px 30px 7px 30px; background-color: rgba(255, 255, 255, 0.48); border-radius: 5px;}


.scrollToTop{
	width:auto; 
	height:auto;
	padding:10px; 
	text-align:center; 
	background: whiteSmoke;
	font-weight: bold;
	text-decoration: none;
	position:fixed;
	bottom: 10px;
	right:10px;
	display:none;
	background-color:rgba(203, 203, 203, 0.2);
}

.scrollToTop:hover{
	text-decoration:none;
}

@media (max-width: 767px) {
#wrapper { min-height: inherit !important;}
#content { height: auto !important; padding-bottom: 20px !important;}
.footer { height: auto !important; position: relative !important;}
.mainfooter { margin-bottom:10px;}
}	



/* 	Navbar */
#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: rgba(119, 119, 119, 1);
}
#custom-bootstrap-menu.navbar-default {
    font-size: 14px;
    background-color: rgba(9, 168, 67, 1);
    border-bottom-width: 0px;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(248, 248, 248, 0);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(11, 94, 42, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(82, 81, 81, 1);
    background-color: rgba(42, 199, 100, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #2ac764;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color: #2ac764;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #2ac764;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #09a843;
}

#owl-slider .item img{
    display: block;
    width: 100%;
    height: auto;   
}



.cover {
  position: relative;
}

.cover::after {
  content: "";
  background: url(./images/background.jpg);
  opacity: 0.45;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
  background-size: cover;

}	

.parallax-windowBanner {
    min-height: 200px;
    background: transparent;
}

.parallax-window {
    min-height: 320px;
    background: transparent;
}
	
.hover_colour:hover {
	background:rgba(14,201,88,1) url(/images/zoom61.png) no-repeat 50% 50%;
}


.hover_colourlink:hover {
	background:rgba(14,201,88,1) url(/images/link23.png) no-repeat 50% 50%;
}

.owl-theme .owl-controls {
	margin-top:10px;
	text-align:center;
}

.owl-theme .owl-controls .owl-page {
	display:inline-block;
	zoom:1;
	*display:inline;
}

.owl-theme .owl-controls .owl-page span {
	display:block;
	width:12px;
	height:12px;
	margin:20px 7px;
	filter:Alpha(Opacity=50);
	opacity:.5;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	background:#869791;
}

.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span {
	filter:Alpha(Opacity=100);
	opacity:1;
}

#owl-sliders .item{
  display: block;
  padding: 54px 0px;
  margin: 5px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}
.left{
  text-align: left;
  margin-bottom: 10px;
}
.left .btn {
  display: block;
}

img.tvd {
  display: block;
  margin-left: auto;
  margin-right: auto;
}


/* Offerte formulier Multi-part */
#form2, #form3 {
    display: none;
}


@media (min-width:1100px) {
	.footerblok {
		min-height:315px;
	}
	
	.textElement11_classic_FullWidth {
		padding-left:70px;
	}
	
	.textElement12_classic_FullWidth {
		padding-left:70px;
	}
	
	.navbar li {
		font-size:15px!important;
	}
	.navbar .nav > li > a {
		padding: 15px 15px !important;
	}
	.tentxl {max-height: 189px !important; max-width: 255px !important; 
}

@media (min-width: 992px) and (max-width: 1099px) {
	.homeblok {
		min-height:150px!important;
	}
	
	.footerblok {
		min-height:315px;
	}
	
	.textElement11_classic_FullWidth {
		padding-left:70px;
	}
	
	.textElement12_classic_FullWidth {
		padding-left:70px;
	}
	
	.navbar li {
		font-size:11px!important;
	}
	
	.homeblok {
		min-height:inherit!important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.navbar li {
		font-size:10px!important;
	}
	
	.homeblok {
		min-height:inherit!important;
	}
	.tentnaam {
		font-size:9px;
	}
}

@media (max-width: 767px) {
	.navbar li {
		font-size:12px!important;
	}
	.homeblok {
		min-height:inherit!important;
	}
	
	.voorbeelden {
		font-size:13px!important;
	}
}

@media (max-width: 480px) {
	.homeblok {
		min-height:inherit!important;
	}
	
	.voorbeelden {
		font-size:12px!important;
	}
	
	.textElement11_classic_FullWidth {
		font-size:85px!important;
		font-weight:200;
		line-height:35px;
		color:#fff;
		margin-top:-10px!important;
	}
}