@import url(styles.css);
@import url(menu.css);
@import url(forms.css);

div {
	/*border: 1px solid #cccccc;*/
}
img {
	border: 0;
}
body {
	background-color: #5b5b5b;
	margin: 0;
	padding: 0;
	height:100%;
	min-height: 100%;
	text-align:left;
	font-size: 62.5%;
}
html {
	margin: 0;
	padding: 0;
	height:100%;
}
#main {
	background: #ffffff;
	background-image: url(../images/back_gradient.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
	height:100%;
	min-height:100%;
	float:left;
	border-bottom: 3px solid #444;
	border-right: 3px solid #444;
	padding: 0px 55px 55px 55px;
}
body>div#main {
	height: auto;
	min-height: 100%;
}
#main,#menu {
	width:790px;
	text-align:left;
	font-family: Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	color: #3c3c3c;
	font-size: 1.2em;
}

#header {
	height: 97px;
	padding-top: 30px;
	font-size: 0.9em;
	line-height: 18px;
	color: #999;
	border-top: 4px solid #444;
}
#breadcrumbs {
	float: left;
}
#breadcrumbs a, #breadcrumbs a:active, #breadcrumbs a:hover, #breadcrumbs a:visited {
	color: #3c3c3c;
	text-decoration: none;
	font-weight: bold;
}
#breadcrumbs a:hover {
	color: #ff4200;
}
#logo {
	float:right;
}
#ticker {
	background-image: url(../images/stippellijn.gif);
	background-position: bottom left;
	background-repeat: no-repeat;	
	padding:6px 0 10px 0;
	color: #ff4200;
}	
#ticker a, #ticker a:active, #ticker a:hover, #ticker a:visited {
	color: #3c3c3c;
	text-decoration: none;
}
#ticker a:hover {
	color: #ff4200;
}

#contact {
	clear: both;
	width: 790px;
	text-align: left;
	font-family: Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 1.1em;
	float:left;
	padding: 30px 0px 60px 0px;

}
#contact a, #contact a:active, #contact a:hover, #contact a:visited {
	color: #fff;
	text-decoration: none;
}
#contact a:hover {
	color: #fff;
}
.contactblok {
	float:left;
	width: 140px;
	padding: 0 0 0 55px;
}



#contentleft {
	width: 270px;
	float: left;
	border-top: 5px solid #ff4200;
	color: #ff4200;
}
#contentleft a, #contentleft a:active, #contentleft a:hover, #contentleft a:visited {
	color: #3c3c3c;
	text-decoration: none;
}
#contentleft a:hover {
	color: #ff4200;
}
#contentright {
	width: 480px;
	float: right;
	border-top: 5px solid #ff4200;
}

#bottom {
	clear: both;
	padding-top: 60px;
}
#bottomleft {
	width: 270px;
	float: left; 
}
#bottomright {
	width: 480px;
	float: right;
}
.box_header {
	background-color: #ff4200;
	width: 255px;
	background-image: url(../images/box_back.gif);
	background-position: 0 50%;
	background-repeat: no-repeat;	
	padding: 5px 0 0 15px;
}
.box_main {
	background-color: #ffd0bf;
	width: 245px;
	padding: 15px 10px 15px 15px;
}
#bottomleft a, #bottomleft a:active, #bottomleft a:hover, #bottomleft a:visited {
	color: #3c3c3c;
	text-decoration: none;
}
#bottomleft a:hover {
	color: #ff4200;
}

#testimonials {
	border-top: 3px solid #d8d8d8;
	width: 220px;
	float: left;
	padding-top: 15px;
}
#testimonials em {
	line-height: 28px;
	font-size: 0.9em;
}
#referenties {
	border-top: 3px solid #d8d8d8;
	width: 220px;
	float: right;
	padding-top: 15px;
}	
#referenties img {
	float: left;
	margin: 0px 20px 40px 0px;
}
#referenties a, #referenties a:active, #referenties a:hover, #referenties a:visited {
	color: #3c3c3c;
	text-decoration: none;
}
#referenties a:hover {
	color: #ff4200;
}




/* CLEARFIX */
.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden; }
.clearfix { *height: 1%; }