@charset "utf-8";

a:focus {outline: 0;}

body {
	margin: 0;
	padding: 0;
	color: #fff;
	background: #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
}

ul, ol, dl { 
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
}

h1 {
	margin-bottom: 35px;
}

h2 {
	color: #0b6dae;
	font-weight: bold;
}
.footertekstbold {
	color: #0b6dae;
	font-weight: bold;
	margin-right: 20px;
}
.footertekst {
	margin-right: 20px;
}
a img { 
	border: none;
}

a:link {
	color: #0b6dae;
	text-decoration: none; 
}
a:visited {
	color: #0b6dae;
	text-decoration: none;
}
a:hover, a:active, a:focus { 
	text-decoration: underline;
}

.headerfoto{
	width: 1000px;
	height: 534px;
}
.container {
	position:relative;
	width: 960px;
	margin: 0 auto; 
	z-index:1;
}
.headerbg {
	position: absolute;
	width: 100%;
	height: 534px;
	top: 86px;
	margin: 0 auto;
	z-index: -1000;
	/*background: url(images/bg01.jpg) center top no-repeat;*/
}
.bgoverlay {
}
.header {
	width: 740px;
	margin: 0 auto; 
	z-index:2;
}

.content {
	position: relative;
	width: 894px;
	margin: -24px auto 0 auto;
	background: url(images/bgmain.png) center top no-repeat;
	min-height: 300px;
	z-index:-4;
}
.inhoudlinks {
	float: left;
	margin: 50px 0 0 80px;
	width: 420px;
}
.inhoudrechts {
	float: left;
	width: 300px;
	margin: 50px 0 0 54px;
	top: 70px;
	right: 65px;
}
#menu {
	margin: 250px auto 0 auto;
	width: 840px;
	height: 43px;
}

.footer {
	position:relative;
	top: 40px;
	margin: 0 auto;
	width: 840px;
	height: 60px;
	clear: both;
	background: url(images/bgfooter.gif) no-repeat top left;
	text-align: center;
	padding: 10px 0 0 0;
}
.content ul, .content ol { 
	padding: 0 15px 15px 40px; 
}

.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* hoofdmenu */
	ul#hoofdmenu { width: 960px; list-style: none; margin: 0px;}
	ul#hoofdmenu li { display: inline; }
	ul#hoofdmenu a { display: block; float: left; height: 43px; background-image: url(images/menu.png); text-indent: -9999px; margin-top:0px; }

	ul#hoofdmenu li.home a 										{ width: 119px; background-position: 0 0; }
	ul#hoofdmenu li.home a:hover 								{ background-position: 0 -43px; }
	ul#hoofdmenu li.home a:focus, li.home a:active 				{ background-position: 0 -86px; }
	ul#hoofdmenu li.spotrepair a 								{ width: 133px; background-position: -119px 0; }
	ul#hoofdmenu li.spotrepair a:hover 							{ background-position: -119px -43px; }
	ul#hoofdmenu li.spotrepair a:focus, li.home a:active 		{ background-position: -119px -86px; }
	ul#hoofdmenu li.werkwijze a 								{ width: 130px; background-position: -252px 0; }
	ul#hoofdmenu li.werkwijze a:hover 							{ background-position: -252px -43px; }
	ul#hoofdmenu li.werkwijze a:focus, li.home a:active 		{ background-position: -252px -86px; }
	ul#hoofdmenu li.voorbeelden a 								{ width: 153px; background-position: -382px 0; }
	ul#hoofdmenu li.voorbeelden a:hover 						{ background-position: -382px -43px; }
	ul#hoofdmenu li.voorbeelden a:focus, li.home a:active 		{ background-position: -382px -86px; }
	ul#hoofdmenu li.offerte a 									{ width: 164px; background-position: -535px 0; }
	ul#hoofdmenu li.offerte a:hover 							{ background-position: -535px -43px; }
	ul#hoofdmenu li.offerte a:focus, li.home a:active 			{ background-position: -535px -86px; }
	ul#hoofdmenu li.contact a 									{ width: 141px; background-position: -699px 0; }
	ul#hoofdmenu li.contact a:hover 							{ background-position: -699px -43px; }
	ul#hoofdmenu li.contact a:focus, li.home a:active 			{ background-position: -699px -86px; }
	
	#pagehome ul#hoofdmenu li.home a 							{ background-position: 0 -86px; }
	#pagespotrepair ul#hoofdmenu li.spotrepair a				{ background-position: -119px -86px; }
	#pagewerkwijze ul#hoofdmenu li.werkwijze a					{ background-position: -252px -86px; }
	#pagevoorbeelden ul#hoofdmenu li.voorbeelden a				{ background-position: -382px -86px; }
	#pageofferte ul#hoofdmenu li.offerte a						{ background-position: -535px -86px; }
	#pagecontact ul#hoofdmenu li.contact a						{ background-position: -699px -86px; }

	
	
#offerteknop
{
	margin: 0 0 0 10px;
  display: block;
  width: 250px;
  height: 37px;
  background: url(images/offerteknop.png) no-repeat 0 0;
}

#offerteknop:hover
{ 
  background-position: 0 -37px;
}

#offerteknop span
{
  position: absolute;
  top: -999em;
}

.pics {  
	top: 160px;
	left: 60px;
    height:  232px;  
    width:   232px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {
	background:none !important;
	filter:none !important;
}