@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,600');

body{
	overflow: hidden;
	height: 100%;
	margin: 0;
	margin-top: 2%;
}
a {
  color: white;
  text-decoration: none; /* no underline */
}
::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 7px;
		height: 0px;
		
	}
    ::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(217,39,46,0.5);
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
		
    }
h1{
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 50px;
	color: white;
	text-align: center;
}
h2{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: white;
	float: left;
}
h3{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: white;
	float: left;
}
h4{
	float: left;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	text-align: center;
}
p{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: white;
}
span{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: white;

	margin: 0 auto;
}
.dubbeletekst{
	text-align: left;
	width: 45%;
	margin-right: 5%;
}
.driedubbeletekst{
	width: 100%;
	float: left;
	padding: 35px 0px 15px 0px;
}
.driedubbeletekstblok{
	width: 33%;
	text-align: center;
	float: left;
}
.vierdubbeletekst{
	width: 100%;
	float: left;
}
.vierdubbeletekstblok{
	width: 25%;
	text-align: center;
	float: left;
}
.container{
	margin: 0 auto;
	width: 90%;
	height: 900px;

}
.tabjes{
	width: 3%;
	height: 900px;
	float: left;
	padding: 0;
}
.menubalk{
	width: 20%;
	height: 900px;
	background-color: #1D1D1B;
	float: left;
	border-radius: 20px 0px 0px 20px;
	border: 20px black;
}
.inhoud{
	width: 77%;
	height: 900px;
	float: left;
	background-image: url(images/BoekwerqBG.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
	border-radius: 0px 20px 20px 0px;
	overflow: scroll;

}
.content{
	width: 85%;
	margin: 0 auto;
	background-color: transparent;
	height: 750px;
	padding-top: 100px;
}
.kleinelettertjes{
	width: 70%;
	text-align: center;
	margin: 0 auto;
}
.middeltekst{
	margin: 0 auto;
	width: 60%;
	text-align: center;	
}
#logo{
	margin: 0 auto;
	margin-top: 50px;
	width: 65%;
	height: 200px;
}
.logoimg{
	width: 100%;
}
.menu{
	margin: 0 auto;
	margin-top: 0px;
	width: 65%;
	text-align: right;
	color: white;
	
}
ul{
	
}
li{
	list-style-type: none;
	padding-top: 10px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
}
.rodestreep{
	color: red;
}
.toptabjes{
	padding-top: 50px;
}
.prijzen{
	color: white;
	width: 100%;
	font-size: 22px;
}
.witruimte{
	height: 50px;
	width: 100%;
	float: left;
}
.witruimteklein{
	height: 25px;
	width: 100%;
	float: left;
}
.tabmob{
	display: none;
}
.burger{
	display: none;
}
.menumobilelist{
	display: none;
}
#menumobile{
	display: none;
}
.fotooverons{
	background-image: url(images/IMG_0111-e1454424347414.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 200px;
	width: 200px;
	margin: 0 auto;
}
.fotooveronstwee{
	background-image: url(images/photo-1448745799564-e2c1ed534c94.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 200px;
	width: 200px;
	margin: 0 auto;
}
.fotooveronsdrie{
	background-image: url(images/11752494_856658717755964_5467314302588949520_n-e1454078394610.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 200px;
	width: 200px;
	margin: 0 auto;
}
	/*mobile mobile mobile mobile*/
	@media only screen and (max-width: 646px)  and (min-width: 0px) {
		html, body{
			overflow: scroll;
			margin-top: 0%;
		}
		#mobilebackgroundimage{
			z-index: -1;
			position: fixed;
			top: 0;
			left: 0;
			height: 100%;
			width: 100%;
			background-size: cover;
			background-image: url(images/BoekwerqBG.jpg);
			background-attachment: fixed;
			background-repeat: no-repeat;
			background-position:70% 50%;
		}
	   .menu, ul, li, .rodestreep, .tab{
			display: none;
		}
		.container{
			width: 100%;
		}
		.tabjes{
			width: 100%;
			height: 50px;
			position: fixed;
			background-color: white;
		}
		.menubalk{
			width: 100%;
			height: 80px;
			border-radius: 0px;
			position: fixed;
			top: 50px;
		}
		#logo{
		margin-left: 5%;
		margin-top: 0px;
		width: 30%;
		}
		.logoimg{

		}
		.inhoud{
			width: 100%;
			height: 700px;
			border-radius: 0px;
			overflow: hidden ;
			margin-top: 100px;
			background-image: none;
		}
		.tabmob{
			height: 35px;
			padding-top: 15px;
			position: fixed;
			display: inherit;
		}
		.toptabjes{
			padding-top: 0px;
			position: fixed;
		}
		.dubbeletekst{
			width: 100%;
			text-align: center;
		}
		.vierdubbeletekst{

		}
		span{
			font-size:11px;
		}
		.vierdubbeletekstblok{
			width: 50%;
			padding-top: 25px;
			padding-bottom: 25px;
		}
		.witruimtekleinmob{
			display: none;
		}
		.kleinelettertjes{
			width: 100%;
			margin: 0 auto;
		}
		.middeltekst{
			width: 100%;
			margin: 0 auto;
		}
		.driedubbeletekstblok{
			width: 100%;
			margin: 0 auto;
			margin-top: 10px;
			margin-bottom: 10px;

		}
		.driedubbeletekstblok span{
			font-size: 15px !important;
		}
		.witruimte{
			height: 30px;
		}
		.witruimteklein{
			height: 15px
		}
		ul{
			width: 100%;
			padding-left: 0px;
			margin-left: 0px;
			display: none; 
			padding-top: 120px; 
			text-align: center; 
			color: white;
			position: fixed;
		}
		#menumobile{
			height: 0%;
			background-color: #1D1D1B;
			width: 100%;
			position: fixed;
			display: inherit;
		}
		.red{
			color: red;
		}
		.burger{
			display: inherit;
			position: absolute;
			height: 35px;
			top: 20px;
			right: 15px;
		}
		.container{
			height: 700px;
		}
	}

			@media only screen and (max-width: 786px) and (min-width: 646px) {

					body{
					overflow: scroll;
					margin-top: 0%;
				}
				#mobilebackgroundimage{
					z-index: -1;
					position: fixed;
					top: 0;
					left: 0;
					height: 100%;
					width: 100%;
					background-size: cover;
					background-image: url(images/BoekwerqBG.jpg);
					background-attachment: fixed;
					background-repeat: no-repeat;
					background-position:70% 50%;
				}
			   .menu, ul, li, .rodestreep, .tab{
					display: none;
				}
				.container{
					width: 100%;
				}
				.tabjes{
					width: 100%;
					height: 50px;
					position: fixed;
					background-color: white;
				}
				.menubalk{
					width: 100%;
					height: 100px;
					border-radius: 0px;
					position: fixed;
					top: 50px;
				}
				#logo{
				margin-left: 1%;
				margin-top: 0px;
				width: 20%;
				}
				.logoimg{

				}
				.inhoud{
					width: 100%;
					background-position: left;
					border-radius: 0px;
					overflow: hidden ;
					margin-top: 100px;
					background-position:70% 50%;
					background-size: cover;
				}
				.tabmob{
					height: 45px;
					padding-top: 6px;
					position: fixed;
						display: inherit;
				}
				.toptabjes{
					padding-top: 0px;
					position: fixed;
				}
				.dubbeletekst{
					width: 100%;
					text-align: center;
				}
				.vierdubbeletekst{

				}
				span{
					font-size:11px;
				}
				.inhoud{
					height: 700px;
					overflow: hidden;
					background-attachment: fixed;
				}
				.vierdubbeletekstblok{
			
					padding-top: 25px;
					padding-bottom: 25px;
				}
				.witruimtekleinmob{
					display: none;
				}
				.kleinelettertjes{
					width: 100%;
					margin: 0 auto;
				}
				.middeltekst{
					width: 100%;
					margin: 0 auto;
				}
				.driedubbeletekstblok{

					margin: 0 auto;
					margin-top: 10px;
					margin-bottom: 10px;

				}
				.driedubbeletekstblok span{
					font-size: 15px !important;
				}
				ul{
					width: 100%;
					padding-left: 0px;
					margin-left: 0px;
					display: none; 
					padding-top: 300px; 
					text-align: center; 
					color: white;
					position: fixed;
				}
				#menumobile{
					height: 0%;
					background-color: #1D1D1B;
					width: 100%;
					position: fixed;
					display: inherit;
				}
				.red{
					color: red;
				}
				.burger{
					display: inherit;
					position: absolute;
					height: 35px;
					top: 35px;
					right: 15px;
				}
	}
@media only screen and (min-width: 2000px) {
	body{
		margin-top: 5%;
	}
	.menubalk, .container, .content, .inhoud{
		height: 1100px;
	}
}