@import url("layout.css");
@import url("navigation.css");


* {margin:0;padding:0;} 

a, a:visited {
	text-decoration: none;
	color: #ffffff;
	outline: none;
}

a:hover {
	text-decoration: none;
	color: #cccccc;
}

body {
	background:#000000 url("images/bg_header.jpg") repeat-x;
	color: #b8b8b8;
	font: normal 12px Arial, Verdana;
}

*+html .imageBorder {
	border: solid 1px #FFF;
}

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 150px;}  /* must be same height as the footer */

#footer {
	position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;
	background: url("images/footer_haarwerk.jpg") bottom repeat-x;
	} 
	


/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */