@charset "UTF-8";

/* CSS Document */
/*---------------------structuur---------------------*/
body{
	
	margin:0;
	padding:0;
	box-sizing:border-box;
	font-family:Verdana, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size:15px;
	
background: rgb(48,48,48); /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMwMzAzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iIzdmNzY3OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU5JSIgc3RvcC1jb2xvcj0iIzdmNzY3OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMDMwMzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(left,  rgba(48,48,48,1) 0%, rgba(127,118,121,1) 45%, rgba(127,118,121,1) 59%, rgba(48,48,48,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(48,48,48,1)), color-stop(45%,rgba(127,118,121,1)), color-stop(59%,rgba(127,118,121,1)), color-stop(100%,rgba(48,48,48,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(left,  rgba(48,48,48,1) 0%,rgba(127,118,121,1) 45%,rgba(127,118,121,1) 59%,rgba(48,48,48,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(left,  rgba(48,48,48,1) 0%,rgba(127,118,121,1) 45%,rgba(127,118,121,1) 59%,rgba(48,48,48,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(left,  rgba(48,48,48,1) 0%,rgba(127,118,121,1) 45%,rgba(127,118,121,1) 59%,rgba(48,48,48,1) 100%); /* IE10+ */

background: linear-gradient(to right,  rgba(48,48,48,1) 0%,rgba(127,118,121,1) 45%,rgba(127,118,121,1) 59%,rgba(48,48,48,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#303030',GradientType=1 ); /* IE6-8 */
}
	
li{
	margin-bottom:.5em;
	
}
#wrapper{
	width:900px;
	margin:15px auto;
	position:relative;
	border:1px rgba(242,185,10,1.00) solid;
	webkit-border-radius:20px;
	border-radius:20px;
	color:#3F200B;
	overflow:hidden;
	background:#7F7679;
		
}
header{
	position:relative;
	width:100%;
	height:150px;
	margin:0px 0px 15px -20px;
	padding-right:40px;
	
	
}
header h1{
	position:absolute;
	width:800px;
	margin-top:30px;
	margin-left:180px;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-style: italic;
	font-weight: normal;
	font-size: 38px;
	color:#f2b90a;
	text-shadow:0 1px 0 gray;
	z-index:100;
	
}
.wheat{
	position:absolute;
	margin-left:45px;
	margin-top:5px;
}

 .bakkertje{
	font-style:italic;
	font-size:13px;
	width:280px;
	padding-left:15px;
	padding-top:5px;
}
.bakker{
	margin-left:-1px;

}

/*----article gaat over het huis-----*/
.deel1{
	position:relative;
	width:850px;
	margin-top:-30px;
	margin-left:40px;
	
}
.wonen{
	-moz-column-count: 2;
	-moz-column-gap: 25px;
	-webkit-column-count: 2;
	-webkit-column-gap: 25px;
	column-count: 2;
	column-gap: 15px;

font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-size: 1.4em;
	letter-spacing:.05em;
	font-style:italic;
	background:rgba(248,243,243,1);
	padding:25px 20px;
	border-radius:15px;
	color:darkBrown;

	overflow:hidden;
	margin-left:-15px;
	margin-right:10px;
	border:2px rgba(242,185,10,1.00) solid;
	/*box-shadow:1px 0px 3px 1px rgba(208,206,206,0.5);*/
}
.wonen figcaption{
	font-size:18px;
	width:300px;
	text-align:right;
	margin-top:-30px;
	color:#999;
	
	font-style:normal;
	
	
}

img.huis{
	display:block;
	margin-bottom:10px;	
	margin-left:-40px;
	margin-left:-20px;
	margin-top:-10px;
	border:4px white solid;
	border-radius:2px;
	-webkit-box-shadow: 0px 1px 3px 0px #7A7A7A;
box-shadow: 0px 1px 3px 0px #7A7A7A;
}
	
.deel2{
	clear:both;
	margin-left:0px;
		
	width:100%;
	margin-bottom:15px;
}

.bereiding1{
	background:rgba(248,243,243,1);
	background-size:cover;
	width:470px;
	float:left;
	margin-right:80px;
	margin-left:20px;
	margin-top:20px;
	border-radius:8px;
	
}
.bereiding1 ol{
	width:400px;
	padding-bottom:20px;
}
.bereiding2a li{
	padding-bottom:20px;
	list-style:none;
}

.ingredienten{
	background:white;
	width:290px;
	float:left;
	padding-left:0px;
	margin-top:30px;
	
	color:#3F200B;
	color:#4f3a3b;
	border-radius:8px;
	box-shadow:1px 1px 1px 0px rgba(209,207,207,1.00);
}

.ingredienten img{
margin-left:1px;
margin-bottom:-4px;


} 
.ingredienten li{
	list-style-image:url(../img/blackBullet.gif);
	margin-left:0px;
	font-weight:light;
	margin-bottom:.2em;
	font-size:13px;
}
.ingredienten ul{
	padding-right:10px;
}

.deel3{
	clear:both;
	
}
.tips{
	float:left;
	width:360px;
	padding-left:0;
	margin-left:30px;
	margin-top:-180px;
	color:rgba(248,243,243,0.9);
}
.tips ul{
	list-style-image:url(../img/bgBulletWit.gif);
}
.deel3 li:last-child{
	list-style:none;
}

.brood2{
	margin-top:-30px;

}
.kneden{
	margin-top:45px;
	border:5px rgba(248,243,243,1) solid;
	border-radius:4px;
}

.ceder{
	width:380px;
	font-style:italic;
	font-size:13px;
	background:white;
	margin-top:-4px;
	padding:10px;
	
	
	
}
.ceder2{
	width:272px;
	font-style:italic;
	font-size:13px;
	background:white;
	margin-top:-4px;
	padding:10px;
	
	
	
}
.bereiding2{
	clear:both;
	width:450px;

	float:left;

	margin-top:10px;
	margin-left:10px;
	margin-right:20px;
	color:rgba(248,243,243,0.9);
	
}
.bereiding2 ul{
	list-style-image:url(../img/bgBulletWit.gif);
	
}
.kneden{
	display:block;
	float:left;
}
.brood2{
	
	float:left;
	margin-left:80px;
	margin-top:20px;
	 border:4px rgba(248,243,243,1) solid;
	 border-radius:4px;
	
}
.tips a{
	color:rgba(248,243,243,0.9);;
}
.tips a:hover{
	color: orange;
}
/*---------------------eind structuur---------------------*/

/*---------------------styling---------------------*/

.onderstreep{
	text-decoration:underline;
		color:orange;
		letter-spacing:1px;
		font-weight:bold;
}



.bereiding2 h4, .tips h4{
	margin-left:40px;
		color:#f2b90a;
		text-shadow:1px 0 0 rgba(0,0,0,1.00);	
		font-size:16px;
		letter-spacing:1px;
		font-weight:normal;
}
.bereiding1 h4, .ingredienten h4{
	margin-left:40px;
		color:orange;	
		font-size:16px;
		letter-spacing:1px;
		font-weight:bold;
		text-shadow:0 1px 0 gray;
		text-shadow:1px 0 0 rgba(0,0,0,1.00);
}
/*----------------eind styling---------------------*/

/*---------------------footer---------------------*/
footer{
	clear:both;
	padding-top:10px;
	padding-right:25px;
	background:rgba(248,243,243,0.8);
	overflow:hidden;
	
}
footer li{
	display:inline-block;
	float:right;
	margin-left:5px;
	margin-right:5px;
}
nav li{
	float:left;
	
}
nav{
	margin-left: 390px;
}
/*---------------------eind footer---------------------*/
/* CSS Document */