@font-face {
	font-family: Avenir;
	src: url('../font/Avenir LT 45 Book.ttf');
}
@font-face {
	font-family: Avenir;
	font-weight: bold;
	src: url('../font/Avenir LT 65 Medium.ttf');
}
body {
	overflow:hidden;
	padding:0;
	margin:0;
	height:100%;
	width:100%;
	font-family: Avenir, Century Gothic, sans-serif;;
	color:#FFFFFF;
}
#bgimg {
	position:absolute;
	z-index: -1;
}
#contentBody{
	position:absolute;
	z-index: 5;	
	overflow:auto; 	
	height:100%;
	width:100%;	
}
#float {
	position:relative; 
	float:left;
	height:50%;	
	margin-bottom:-250px;
	width:1px;
}
#wrapper {
	position:relative; 
	clear:left;
	height:500px; 
	width:100%; 
	min-width:400px;
	margin:0 auto;
}
#header {
	height:100px;
	padding-left: 100px;		
}
#header h1{
	margin-top:10px;
	font-size:18px;
	color:#8f96a2;
}
#header a {
	height:20px;
	width:103px;
	display:block;
	background-image:url(../images/logo.png);
}
#makeMeScrollable {
	width:100%;
	height:300px;
	position:relative;
}		
#makeMeScrollable div.scrollableArea * {
	position:relative;
	float:left;
	padding: 8px 0 8px 0;
}
.item {
	height:284px;
	width:250px;
	background-image:url(../images/corners.png);
	background-repeat:no-repeat;
}
.box {
	height:270px;
	width:100%;
	background-image:url(../images/bgItem.png);
	color:#8f96a2;
}
.box:hover {
	color:#FFFFFF;
}
.item .box img{
	width:221px;
	height:153px;
	margin: -14px 0 0 14px;
}
.item .box h1{
	height:20px;
	width:100%;
	margin: -14px 0 0 14px;
	font-size:18px;
}
.item .box p{
	width:221px;
	margin-left:14px;
	font-size:11px;
}
.spacer {
	width:50px;
}
#footer {
	margin: 35px 0 0 85px;
}
#footer a {
	text-decoration:none;
	color:#FFFFFF;
	padding-left:15px;
}
#footer a:hover{
	text-decoration:underline;
}
#local {
	font-size:16px;
}
#extern {
	margin-top:15px;
}
#extern a {
	font-size:11px;
	color:#8f96a2;
}
#contactWrap {
	margin-top:-35px;
	height:370px;
	width:100%;
}
#contactLeft {
	float:left;
	margin-left:100px;
	height:100%;
	width:38%;
	min-width:370px;
}
#contactRight {
	margin-left:42px;
	float:left;
	height:100%;
	width:38%;
}
.contactBox {
	height:100%;
	width:100%;
	background-image:url(../images/bgItem.png);
	font-size:12px;
	color:#FFFFFF;
}
.contactBox h1 {
	padding: 20px 0 13px 0;
	line-height:20px;
	font-size:16px;
}
.contactCornerLeft {
	float:left;
	height:370px;
	width:8px;
	margin-left:-8px;
	background-image:url(../images/crnrContactLeft.png);
}
.contactCornerRight {
	float:right;
	height:370px;
	width:8px;
	margin-right:-8px;
	background-image:url(../images/crnrContactRight.png);	
}
#naam {
	width: 100%;
	background-image:url(../images/bgItem.png);
	background-color:transparent; 
	border:none;
	color:#FFFFFF;
}
#mail{
	width: 100%;
	background-image:url(../images/bgItem.png);
	background-color:transparent; 
	border:none;
	color:#FFFFFF;
}
#bericht{
	width: 100%;
	background-image:url(../images/bgItem.png);
	background-color:transparent; 
	border:none;
	color:#FFFFFF;
}
#verzend {
	float:right;
	background-image:url(../images/send.png);
	height:25px;
	width:94px;
	margin-top:5px;
	border:none;
}