/*BODY**************************************************************************************/



* {

	font-size:100%;

	margin:0;

	padding:0;

}

body {

	margin: 0px;

	padding: 0px;

	background-image: url(houtpatroon.jpg);

	font-family: tahoma;

	font-size: 11px;

	line-height: 1.6em;

}

h1, h2, h3, h4 {

	font-weight: normal;

	font-family: Arial, Helvetica, sans-serif;

}

h1 {

	margin: 0px;

	padding: 0px;

	margin-top: 12px;

	margin-bottom: 0px;

	font-size: 37px;
	
	font-family:"Century Gothic";
	
	letter-spacing:-2px;
	
	font-weight:bold;
	
	text-transform:uppercase;
	
	margin-left:-5px;

}

h1 span {

	color: #92c9f3;

}

h2 {

	margin: 0 0px 0px;

	font-size: 1.6em;

}

h2 span {

	color: #92c9f3;

}

h3 {

	margin: 0 0px 4px;

	font-size: 1.3em;

}

h4 {

	margin: 0 0px 4px;

	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;

	font-size: 1em;

}

ul {

	margin-bottom: 1em;

}

ul li {

	list-style-type: none;

	padding: 0px;

}
img a { border: none; }

.info a{ border: none; }

/*CONTAINER*********************************************************************************/



#container {

	width: 932px;

	background-image: url(container.jpg);

	padding: 0px;

	margin: 0px auto; /* center the div */

	text-align: justify;

}

/*HEADER************************************************************************************/



#header {

	background-image: url(header.jpg);

	height: 237px;

	width: 912px;

	margin-left: 10px;

	position: relative;

}


.headervoorgrond{

margin-left:290px;

margin-top:-217px;

}

/*MENU**************************************************************************************/		



#menu {

	width: 913px;

	height: 63px;

	top: 174px;

	margin: 0px auto;

	text-align: justify;

	position: absolute

}

#menu li {

	position: absolute;

	top: 0px;

	padding: 0px;

	margin: 0px;

	height: 63px;

	float: left;

}

#menu li a {

	text-indent: -9000em;

	overflow: hidden;

	height: 63px;

	display: block;

	text-decoration: none;

	float: left;

}

#menu li, #menu li a {

	background-image: url(remenu.jpg);

	background-repeat: no-repeat;

}

#menu1 {

	left: 270px;

}

#menu2 {

	left: 378px;

}

#menu3 {

	left: 518px;

}

#menu4 {

	left: 648px;

}

#menu5 {

	left: 794px;

}

#menu #menu1, #menu #menu1 a {

	width: 108px;

	background-position: -270px 0;

}

#menu #menu1 a:hover {

	background-position: -270px -63px;

}

#menu #menu2, #menu #menu2 a {

	width: 140px;

	background-position: -378px 0;

}

#menu #menu2 a:hover {

	background-position: -378px -63px;

}

#menu #menu3, #menu #menu3 a {

	width: 130px;

	background-position: -518px 0;

}

#menu #menu3 a:hover {

	background-position: -518px -63px;

}

#menu #menu4, #menu #menu4 a {

	width: 147px;

	background-position: -648px 0;

}

#menu #menu4 a:hover {

	background-position: -648px -63px;

}

#menu #menu5, #menu #menu5 a {

	width: 118px;

	background-position: -794px 0;

}

#menu #menu5 a:hover {

	background-position: -794px -63px;

}

/*CONTENT***********************************************************************************/



#content {

	height: auto;

	margin: 0px auto;

	width: 900px;

	padding-top: 15px;

	color: #3d322c;

	font: 11px tahoma;

	text-align: justify;

	overflow: hidden;

}

#content a {

             color:#ff0000;
	text-decoration: none;
	border: 0px solid;

}

#content a:hover {

	color: #f47d2f;

}

#content img {

	text-decoration: none;
	border: 0px solid;

}

#content img a{

	text-decoration: none;
	border: 0px solid;

}



#contentpadding {

	padding: 15px;

	height: auto;

}



#links {

	width: 252px;

	float: left;

	padding-top: 50px;
	
	margin-left:12px;

	background-image: url(cinfo.jpg);

	background-repeat: no-repeat;

	background-color: #d7d3c8;
	
	letter-spacing:1px;

	}



.vakje {

	border: 1px solid #b5b2a9;

	border-top: none;

	padding-left:20px;
	
	padding-top:7px;
	padding-bottom:7px;

	}
	
.vakje2 {

	border: 1px solid #b5b2a9;

	border-top: none;

	padding-left:20px;
	
	padding-top:7px;
	padding-bottom:7px;
	
	background-color:#eeece7;

	}



#notice {

	background-image: url(notice.jpg);

	height: 50px;

	width: 252px;

	}
	
.noticevakje {

	border: 1px solid #b5b2a9;

	border-top: none;

	padding-left:20px;
	
	padding-top:7px;
	padding-bottom:7px;
	padding-right:15px;
	
	background:#eeece7 url(layout/noticebg.jpg) bottom right;

	}
	
.noticevakje2 {

	border: 1px solid #b5b2a9;

	border-top: none;

	padding-left:20px;
	
	padding-top:7px;
	padding-bottom:7px;
	padding-right:15px;
	
	background:url(layout/noticebg.jpg) bottom right;

	}

	

#rechts {

	float: right;

	width: 600px;

	min-height: 400px;
	
	font-size:12px;
	
	line-height:22px;

}

.fender{ 

margin-right:35px;

}

.rental{

list-style-image:url(listarrow.gif);

padding-left:28px;

}

.clients{

float:left;

margin-right:5px;

width:250px;


}


/*PORTFOLIO*********************************************************************************/



		



#sitelijst {

	width: 230px;

	height: 380px;

	float: left;

	padding: 0px;

	margin-left: 8px;

	padding-top: 15px;

	background-image: url(sitelijst.gif);

	background-repeat: no-repeat;

}

#sitelijst ul {

	margin: 0;

	padding-left: 8px;

}

#sitelijst li {

	border-bottom: 1px solid #3b3a3b; /* dit fixt ook het render probleem in ie 5 */

}

#sitelijst a:link, #sitelijst a:visited {

	display: block;

	background: none;

	padding: 0px;

	margin: 0px;

	color: #ffffff;

	padding-left: 15px;

	width: 200px;

	voice-family: "\"}\"";

	voice-family:inherit;

}

#sitelijst a:hover {

	color: #92c9f3;

	background-image: url(sitelijsthover.gif);

}

#siteinfo {

	width: 360px;

	float: right;

	margin-right: 8px;

}

#siteinfo img {

	border: 0px;

}

#siteinfo ul li {

	list-style-image: url(li1.gif);

	padding: 0px;

}

#bezoek {

	float: right;

}

#diensten ul {

	padding-left: 15px;

}

/*CONTACT************************************************************************************/







#contact {

	float: left;

	padding-top: 15px;

	width: 650px;

}

form {

	margin: 0 20px 15px;

}

fieldset {

	border: none;

}

label {

	cursor: pointer;

	display: block;

	float: left;

	width: 120px;

}

form div {

	margin: .3em 0 .8em;

}

input, textarea {

	background: #eeece7;

	color: #000;

	border: 2px solid #b5b2a9;

	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;

	font-size: 1em;

	width: 280px;

	padding: .2em;

}

input:focus, textarea:focus {

	background: #b5b2a9;

}

#submit {

	width: 87px;

	border: none;

	padding: 0px;

	margin: 0 0 0 80px;

}

span.ster {

	color: #b5b2a9;

}

#niet {

	padding-left: 20px;

}

#niet li {

	list-style-image: url(li2.gif);

}

#verzenden {

	border: 0px;

	width: 127px;

	height: 30px;

	margin-left: 200px;

}

/*FOOTER************************************************************************************/	



#footer {

	font-size: 10px;

	width: 912px;

	background-image:url(footer.jpg);

	clear:both;

	height: 44px;

	margin-left: 10px;

	color: #3d322c;

	text-align: center;

}


#footertext{

text-align: center;

color:#FFFFFF;

margin-bottom:10px;

}

#footertext a {

	text-decoration: none;

	color: #eeece7;

}

#footertext a:hover {

	color: #eeece7;
	
	text-decoration:underline;

}