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

body{
	color: #58585A;	
	Font-family: "Futura Book"; 

}
#container{
width: 950px;
margin-left:10%;
margin-top: 2%;
height: 650px;
}



#container a{
	text-decoration:none;
	color: #EC7807;
	text-align: right;
	font-weight: bold;
}

#header a{
	color: #EC7807;
	height: 200px;
}

#knoppen{
	width: 950 px;
	height: 453,54 px;
	margin-top: 100px;
	margin-left: 10%;
}

#main{
	width: 950px;
	height:600px;
	margin-top: 5%;
	font-family: "Futura Book";
}


#linksbreed{
	width: 150px;
	height: 600px;
	float: left;
	text-align:left;
	margin-right: 50px;
	text-decoration:none;
	font-family: "Futura Book";

	}


#links{
	width: 150px;
	height: 600px;
	float: left;
	text-align:left;
	padding-right: 30px;
	}
#links a{
	color:#58585A;	
}
#linksbreed a{
	color:#58585A;	
}


#website{
	width: 500px;
	height: 200px;

	float: left;
}

#next{
	width: 500px;
	height: 30px;
}

#plaatje{
	width: 220px;
	height: 150px;
	padding: 2px;
	float: left;
}
#webvoorbeeld{
	height: 150px; 
	width: 150px;
	float: left;
}
#werkvoorbeeld{
	height: 150px; 
	width: 150px;
	float: left;
	margin-top: 5%
}
#webtekst{
height: 150px;
width: 300px;
padding: 2px;
float: right;
margin-top: 5%;
margin-left: 10px;

}



#midden2{
	width: 900px;
	float: left;
	
	overflow:hidden;
	font-size:small;
}



#midden{
	width: 700px;
	float: left;
	margin-left:20%;
	overflow:hidden;
	font-size:small;
}

#midden h4{
	color: #EC7807;	
	text-align:center;
}


* 
{
	margin: 0;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
	align: center;
}

html, body 
{
	height: 100%;
	font-family: "Futura Book";
}

#contentwrapper {
   min-height: 100%;
   height: auto !important;
   height: 100%;
   margin: 0 auto -200px;
}

#footer p {
	color: #EC7807;
	font-size: x-small;
	text-align:center;
}

#footer a {
	color: #EC7807;	
}

#footer, .push 
{
  height: 40px;
  width: 800px;
  clear: both;

}