html, body {
  height: 100%;
}

#wrap {
  min-height: 100%;
}

#main {
  overflow:auto;
  padding-bottom:110px; /* this needs to be bigger than footer height*/
}

/*custom items*/
.custom_footer {
  background-color: #F2F3EE;
  padding-top: 0;
  position: relative;
  margin-top: -100px; /* negative value of footer height */
  height: 100px;
  clear:both;
}

.logo {
	width: 60%;
	/*margin-left: 1%;*/
	/*margin-right: 1%;*/
}

.logo2 {
	width: 30%;
	/*margin-left: 1%;*/
	/*margin-right: 1%;*/
}

.logo3 {
	width: 50%;
}

.background {
	background: url('../img/bg.jpg')repeat-x;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.footer-text {
	margin-top: 0%;
}

.merken {
	margin-top: 2%;
	width: 12%;
}

.merkenwrap {
	margin-left: 0%;
}

.page {
	margin-bottom: 7%;
}
.contactpage p{
	margin-bottom: 1%;
	margin-top: 0%;
}

/*foto's*/
.upload img {
	max-width: 80%;
	max-height: 100%

}

.imgwrap {
	border: 1px solid black;
	display: inline-block;
	min-width: 100%;
	height: 250px;
}


.carousel.slide.myslider {
	height: 80%;
}

.carousel.slide.myslider img {
	
	height: 100%;
	max-width: 100%;
	margin: 0 auto;
	
}

.dataitem {
	margin: 0 auto;
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 5%;
	padding-right: 5%;
	margin-bottom: 10%;
	width: 50%;
	height: 350px;
	float: left;
	display: inline;
	position: relative;
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
.dataitem {
	margin: 0 auto;
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 5%;
	padding-right: 5%;
	margin-bottom: 50%;
	width: 100%;
	height: 500px;
	float: left;
	display: inline;
	position: relative;
}
}

.dataitem h3 {
	text-decoration: underline;
	text-align: center;
}
.dataitem h4 {
	text-align: center;
}

.beschrijving {
	text-align: left;
	word-wrap: break-word;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 1%;
	display: block;
	font-size: 16px;
	position: relative;
}

.foto {
	height: 420px;
}

.push {
	/*nothing*/
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
.foto {
		height: 240px;
}

.push {
	margin-bottom: 20%;
}
}