/* ----RESET---- */
*, html, body, div, h1, h2, h3, h4, h5, h6, ol, dl, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
margin: 0;
padding: 0;
}

/* ------------------------------------------------------------------------------------------------ */
html{
	overflow-y: scroll;
}

body {
background: url(/img/body_bg.jpg) #022368;
background-repeat: repeat-x;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
}

a {
color: #fff;
text-decoration: none;
}

a:hover, a:active {
color: fff;
text-decoration: underline;
}

h1 {
color: #0a4a87;
font-size: 16px;
}

#wrapper {
width: 998px;
height: 100%;
margin: 0 auto 0 auto;
background: url(/img/wrapper_bg.png);
text-align: left;
overflow: hidden;
}

#header {
margin: 0 0 0 6px;
width: 986px;
height: 285px;
background-image: url('/img/header.jpg');
background-repeat: no-repeat;
}

#menu {
margin-left: 9px;
padding: 0;
width: 968px;
height: 51px;
background: url('/img/menu.png');
background-repeat: no-repeat;
font-size: 14px;
color: #ffffff;
}
	
	.home {
		margin-left: 10px;
		width: 73px;
		height: 43px;
		background: url('/img/menu.png') -10px 0;
		display: inline;
		float: left;
	}
		
		.home:hover {
			background: url('/img/menu.png') -10px -51px;
		}
		
		.homeAC {
			margin-left: 10px;
			width: 73px;
			height: 43px;
			background: url('/img/menu.png') -10px -51px;
			display: inline;
			float: left;
		}
		
	.techniek {
		width: 180px;
		height: 43px;
		background: url('/img/menu.png') -83px 0;
		display: inline;
		float: left;
	}
		
		.techniek:hover {
			background: url('/img/menu.png') -83px -51px;
		}
		
		.techniekAC {
			width: 180px;
			height: 43px;
			background: url('/img/menu.png') -83px -51px;
			display: inline;
			float: left;
		}
		
	.riolering {
		width: 94px;
		height: 43px;
		background: url('/img/menu.png') -263px 0;
		display: inline;
		float: left;
	}
		
		.riolering:hover {
			background: url('/img/menu.png') -263px -51px;
		}
		
		.rioleringAC {
			width: 94px;
			height: 43px;
			background: url('/img/menu.png') -263px -51px;
			display: inline;
			float: left;
		}
	
	.dakbedekking {
		width: 139px;
		height: 43px;
		background: url('/img/menu.png') -357px 0;
		display: inline;
		float: left;
	}
		
		.dakbedekking:hover {
			background: url('/img/menu.png') -357px -51px;
		}
		
		.dakbedekkingAC {
			width: 139px;
			height: 43px;
			background: url('/img/menu.png') -357px -51px;
			display: inline;
			float: left;
		}
		
	.zinkWerk{
		width: 142px;
		height: 43px;
		background: url('/img/menu.png') -496px 0;
		display: inline;
		float: left;
	}
		
		.zinkWerk:hover {
			background: url('/img/menu.png') -496px -51px;
		}
		
		.zinkWerkAC {
			width: 142px;
			height: 43px;
			background: url('/img/menu.png') -496px -51px;
			display: inline;
			float: left;
		}
		
	.verwarming{
		width: 121px;
		height: 43px;
		background: url('/img/menu.png') -638px 0;
		display: inline;
		float: left;
	}
		
		.verwarming:hover {
			background: url('/img/menu.png') -638px -51px;
		}
		
		.verwarmingAC {
			width: 121px;
			height: 43px;
			background: url('/img/menu.png') -638px -51px;
			display: inline;
			float: left;
		}
	
	.vacatures{
		width: 108px;
		height: 43px;
		background: url('/img/menu.png') -759px 0;
		display: inline;
		float: left;
	}
		
		.vacatures:hover {
			background: url('/img/menu.png') -759px -51px;
		}
		
		.vacaturesAC {
			width: 108px;
			height: 43px;
			background: url('/img/menu.png') -759px -51px;
			display: inline;
			float: left;
		}
		
	.contact{
		width: 92px;
		height: 43px;
		background: url('/img/menu.png') -867px 0;
		display: inline;
		float: left;
	}
		
		.contact:hover {
			background: url('/img/menu.png') -867px -51px;
		}
		
		.contactAC {
			width: 92px;
			height: 43px;
			background: url('/img/menu.png') -867px -51px;
			display: inline;
			float: left;
		}
	
#content {
margin: -25px 0 0 14px;
width: 527px;
float: left;
background: url(/img/welkom_bottom.jpg) no-repeat left bottom;
}

#content li a {
	color: #0a4a87;
}

#content h1 {
background: url(/img/welkom.jpg) no-repeat left top;
padding: 20px 0 0 30px;
height: 69px;
}

#content p {
margin: -40px 0 -34px -40px;
padding: 0 0 55px 70px;
width: 470px;
}

#images {
margin: -25px 0 0 2px;
float: left;
width: 153px;
height: 591px;
}

#sidebar {
margin: -25px 0 0 0;
width: 284px;
float: left;
color: #0a4a87;
background: url(/img/sidebar_bottom.jpg) no-repeat left bottom;
}

#sidebar a {
color: #0a4a87;
text-decoration: underline;
}

#contact h1 {
background: url(/img/contact_head.jpg) no-repeat left top;
padding: 20px 0 0 30px;
height: 69px;
}

#contact p {
margin: -40px 0 0 -40px;
padding: 0 0 45px 70px;
}

.last {
margin: -20px 0 0 0;
background: url(/img/contact_bottom.jpg) no-repeat left bottom;
height: 8px;
width: 283px;
float: left;
}

#vacatures {
padding: 0 0 25px 30px;
}

#vacatures p {
margin: 10px 0 -5px 0;
width: 200px;
}

#footer {
float: left;
width: 640px;
margin: 0 0 5px 20px;
line-height: 15px;
}

#footer li {
display: inline;
color: #0a4a87;
}

#footer a {
color: #0a4a87;
}

#qball {
text-align: right;
margin: 0 0 0 35px;
float: left;
}

#qball li {
color:#c30808;
list-style: none;
}

#qball a {
font-weight: bold;
color:#c30808;
}