@charset "utf-8";

/*. Opmaak tekst/afbeeldingen .*/

	#footer p	{
		font-size: 8pt;
		text-align: right;
		margin: 0 4px 0 0;
		line-height: 100%;
	}

	h1,h2,h3,h4,h5,h6	{
		line-height: 20px;
		margin: 0;
		padding-top: 13px;
		font-weight: normal;}
		h1	{
		font-size: 16pt;}
		h2	{
		font-size: 15pt;}
		h3	{
		font-size: 14pt;}
		h4	{
		font-weight: bold;
		font-size: 13pt;}
		h5	{
		font-weight: bold;
		font-size: 12pt;}
		h6	{
		font-weight: bold;
		font-size: 12pt;}
	
	#tekst p	{
		margin-bottom: 15px;
		line-height: 18pt;
		color: #444;
	}
	#formulier p	{
		color: #444;
	}
	
	a img	{
		border: none;
		display: block;
	}
	
	#afbeeldingen img	{
	border: 1px solid #000;
	padding: 1px;
	}
	
	#content a	{
	color: #06a;
	}
	
	#content a:hover	{
	color: #0af;
	}
	
	#content ul	{
		margin: 0 14px;
		padding: 0;
		color: #444;
	}
	#content ul li	{
		list-style: disc;
		height: 14pt;
	}
	
	form table	{
		color: #444;
	}
	
/*. Elementen .*/

*	{
	outline: 0;
}

	body	{
		margin: 0;
		padding: 0;
		text-align: center;
		font-family: Arial, Helvetica, Verdana, sans-serif;
		background: url('../images/img_01.gif') repeat-x top #fff;
	}

	#IEroot #content	{
		margin-left: 28px;
	}
	
	#IEroot #footer	{
		margin-right: 10px;
		width: 971px;
	}
	
		#container {
			margin: 0 auto;
			width: 1024px;
			text-align: left;
		}
		
			#header	{
				height: 189px;
				width: 1006px;
				float: left;
				margin-left: 18px;
			}
			
				#banner	{
					height: 150px;
					width: 1024px;
				}
			
					#logo	{
						width: 456px;
						height: 150px;
						background: url('../images/img_02.gif') no-repeat;
						float: left;
					}
					
					#img_right	{
						width: 550px;
						height: 150px;
						background: url('../images/banner_04.gif') no-repeat;
						float: left;
					}
					
				#menu	{
					float: left;
					height: 39px;
					width: 1024px;
				}

					#home	{
						width: 126px;
						height: 39px;
						float: left;
						background: url('../images/hover/home.gif') no-repeat;
					}
					
					#werkzaamheden	{
						width: 205px;
						height: 39px;
						float: left;
						background: url('../images/hover/werkzaamheden.gif') no-repeat;
					}
					
					#werkwijze	{
						width: 171px;
						height: 39px;
						float: left;
						background: url('../images/hover/werkwijze.gif') no-repeat;
					}
					
					#fotos	{
						width: 122px;
						height: 39px;
						float: left;
						background: url('../images/hover/foto.gif') no-repeat;
					}
					
					#contact	{
						width: 147px;
						height: 39px;
						float: left;
						background: url('../images/hover/contact.gif') no-repeat;
					}
					
			#content	{
				margin: 0 0 0 28px;
				float: left;
				width: 953px;
				height: 549px;
			}
			
				#tekst	{
					padding: 63px 40px 0 52px;
					width: 480px;
					height: 460px;
					float: left;
				}
				
				#afbeeldingen	{
					padding: 60px 0 0 50px;
					width: 200px;
					height: 460px;
					float: left;
				}
				
				#foto_container	{
					padding: 75px 0 0 50px;
					width: 841px;
					float: left;
				}

					#foto_container div	{
						clear: left;
					}
				
						#foto_container div a	{
							margin: 2px;
							padding: 1px;
							border: 1px solid #ccc;
							background-color: #eee;
							float: left;
							height: 80px;
							width: 142px;
						}

						#foto_container div a img	{
							margin: 0 auto;
						}
						
				#formulier	{
					margin-top: 60px;
					width: 310px;
					float: left;
					height: 460px;
				}
				
					#formulier input	{
						display: block;
					}
					
						#formulier #naam	{
							height: 17px;
							width: 150px;
						}
						#formulier #mail	{
							height: 17px;
							width: 150px;
						}
						#formulier #onderwerp	{
							height: 17px;
							width: 150px;
						}
						#formulier #bericht	{
							height: 112px;
						}
						#formulier #verzenden	{
							height: 26px;
							width: 70px;
						}
			
			#footer	{
				float: left;
				height: 36px;
				width: 953px;
			}