@font-face {
	font-family: Eagle-Bold;
	src: url('Eagle-Bold.otf');
}

@font-face {
	font-family: Eagle-Light;
	src: url('Eagle-Light.otf');
}

@font-face {
	font-family: Eagle-Book;
	src: url('Eagle-Book.otf');
}

body{
	font-family: helvetica, arial, sans-serif;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	line-height: 30px;
	color: #bdd0b3;
	height: 100%;
	line-height: 30px;
	text-transform: uppercase;
	background: url('images/broodjes.jpg') no-repeat 50% 0;
	background-color: #f8f8f8;
}

h1 {
	font-size: 32px;
 	text-align: center;
 	margin: 0;
 	margin-bottom: 25px;
 	font-family: Eagle-Bold;
}
h2 {
	font-size: 25px;
 	text-align: center;
 	margin: 0;
 	margin-bottom: 25px;
 	font-family: Eagle-Bold;
}
b {
	font-size: 25px;
 	font-family: Eagle-Bold;
}

p {

	font-size: 25px;
 	text-align: center;
 	margin: 0;
 	font-family: Eagle-Light;
}

img {
	border: none;
}

#scroll_down {
position: absolute;
right: 5px;
top: 55px;

}

#shop {
	position: absolute;
	top:0px;
	left: 25px;
}

#shop_informatie {

	position: absolute;
	top: 0px;
	left: 90px;
}
.quote {

	font-size: 25px;
 	text-align: center;
 	margin: 0;
 	color: #262d2d;
 	margin-top: 15px;
 	margin-bottom: 25px;

}
#wrapper {
	height: 100%;
	width: 100%;
}

#logo_container {
 	width:216px;
 	height: 231px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	margin-bottom: 850px;
	text-align: center;
 }




.groen_vlak {
 	width: 100%;
 	background: url(images/green_pattren.png) bottom left;
 	padding-top: 50px;
 	padding-bottom: 85px;
 	color: #b6d0b3;
 	text-align: center;
 }

	.icon {
		width: 40px;
		height: 25px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50px;
	}

	.text_container {
		width: 800px;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}

 .wit_vlak {
 	position: relative;
 	width: 100%;
	padding-top: 50px;
 	padding-bottom: 60px;
 	background: url(images/white_pattren.png) bottom left repeat-x;
 	
 	color: #262d2d;
 	text-align: center;
 }

.doorzichtig_vlak {
 	width: 100%;
 	padding-top: 50px;
 	padding-bottom: 85px;
 	text-align: center;
 }

 #vakmanschap {
 	position: relative;
 	z-index: 30;
 	color: #b6d0b3;
 	margin-top: -12px;
 }

 #ambachtelijk {
 	margin-top: -12px;
 	z-index: 40;
 }
 
 #winkel_geopend{
 	margin-top: -11px;
 	z-index: 41;
 	position: relative;
 }
#dichtbij_natuur {
	margin-top: -12px;
	position: relative;
	background-color: #f8f8f8;
	background: url('images/bread_2-2.jpg') no-repeat 50% 0;
	padding-top: 700px;
	z-index: 0;	
	color: #262d2d;
	padding-bottom: 50px;
}

#benieuwd_geworden {
	margin-bottom: 50px;
}

	#benieuwd_geworden a {
		text-decoration: none;
		color: #b6d0b3;
	}

	#benieuwd_geworden a:hover {
		text-decoration: underline;
		color: #f8f8f8;
	}
#bread_stroke {
	position: relative;
	width:100%;
	height: 100px;
	background: url('images/bread_stroke.jpg') no-repeat 50% 0;;

}

#credits {
	color: #ddd;
	font-size: 10px;
	font-family: helvetica;
	text-align: center;
}
a {
	text-decoration: underline;
	text-transform: bold;
	color: #ccc;
}
.clearboth {
	clear: both;
}