/* CSS Document */

.no-padding{
	padding: 0!important;
}
html, body {
  height:100%;
  width:100%;
  position:relative;
  margin:0;
  padding:0;
}
section:not(:first-child){
	min-height: 500px;
}
.begin-content{
	height: 100%;
	display: table;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
}
.div-align-center{
	display: table-cell;
  vertical-align: middle;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}	  
.text-center-1{
	display: table;
	height: 300px;
	overflow: hidden;
}
.text-center-2{
	display: table-cell;
	vertical-align: middle;
}
.bg-gray{
	background: #eee;
}

/* LETTERTYPE */
h1.kop{
	margin: 50px 0;
}

/* MENU */
.logo{
	margin: 20px 0 -40px 20px;
	width: 280px;
}
.navbar {
	border: none;
	-webkit-transition: all .8s;
}
.transparant{
	background: rgba(34,34,34,0);
}
.navbar .active a{
	color: #fff!important;
	background: none!important;
}
ul.nav li{
	text-shadow: 1px 1px 1px rgba(0,0,0,.9);
	padding: 0 5px;
	list-style: none;
	text-align: center;
}
ul.nav li a {
	color: #00a6ff!important;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ie-transition: all 0.3s;
	transition: all 0.3s;
}
ul.nav li a:hover{
	background: none;
	color: #fff!important;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ie-transition: all 0.3s;
	transition: all 0.3s;
}

/*  HOME  */
#home{
	padding:60px 20px;
}
.beeldmerk{
	margin-bottom: 30px;
	width: 380px;
}
#home{
  height: 100%;
  width: 100%;
  background: url(../img/beeld-1.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
}
.div-align-arrow{
	position: absolute;
	bottom: 20px;
	z-index: 15;
	left: 50%;
	width: 60%;
	margin-left: -30%;
	padding-left: 0;
	text-align: center;
}
.arrow span {
	font-size: 40px;
	color: #ffffff;
	text-shadow: 1px 2px 2px rgba(0,0,0,.2);
}

#section-3{
	padding:60px 20px;
	height: 400px;
  width: 100%;
  background: url(../img/beeld-2.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
}

.background{
	background-image: url(../img/beeld-3.jpg);
	text-align: center;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed !important;
}

/*  CONTACT  */
#contact{
	padding-top: 60px;
  width: 100%;
	background: #222;
  background-size: cover;
  background-position: center center;
}
.geintereceerd{
	color: #fff;
	margin-bottom: 94px;
	font-family: Avenir;
	font-size: 2em;
}
.modal-dialog{
	width: 900px;
}
.modal-body-text{
	padding-right: 20px;
	max-height: 620px;
}
.adres-gebied span{
	display: block;
	font-family: "Avenir";
	font-weight: 200;
	color: #fff;
}
.lijn-adres{
	margin-bottom: 40px;
}
.to-top{
	margin-top: 30px;
}
.to-top a{
	margin-top: 30px;
	color: #ff8200;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ie-transition: all 0.3s;
	transition: all 0.3s;
}
.to-top a:hover{
	text-decoration: none;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ie-transition: all 0.3s;
	transition: all 0.3s;
}

/* FOOTER */
#footer{
	margin-top: -30px;
  color: #fff;
}