/***************************************************************** 
PRE-FIXED BASICS
*****************************************************************/ 
* {
	padding: 0px;
	margin: 0px;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	line-height: 24px;
	background: #190e08 url(../img/bg_aarde.jpg);
}

a {
	color: #99cc33;
	text-decoration: underline;
}

p {
	margin-bottom: 15px;	
}

img {
	border: 0px;
}

			
	p img{
		margin-right: 20px;
		padding-top: 7px;
	}

.clear {
	clear: both;
}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #FFF;
	margin: 15px 0px;
}

h1 {
	font-size: 24px;
	margin: 0px 0px 20px 0px;
	font-weight: normal;
}

h2 {
	font-size: 20px;
	font-weight: normal;
	color: #99CC33;
	margin-top: 35px;
}

h3 {
	font-size: 16px;
	font-weight: normal;
}

h4 {
	font-size: 14px;
}

h5 {
	font-size: 13px;
}

h6 {
	font-size: 12px;
}

.tekst_9 {
	font-size: 9px;
}

.input {
	border: 1px solid #99cc33;
	padding: 2px;
	width: 250px;
}

.color_F00 {
	color: #F00;
}

table {
	font-size: 11px;	
}

	table td {
		padding: 3px 0px;	
	}
/***************************************************************** 
CONTAINER
*****************************************************************/ 

#grass {
	position: absolute;
	z-index: 1;
	background: url(../img/bg_gras.jpg) repeat-x;
	width: 100%;
	height: 220px;
}

#container {
	position: absolute;
	width: 980px;
	left: 50%;
	margin-left: -490px;
	z-index: 2;
}

	#topnav {
		height: 40px;
		line-height: 40px;
		padding: 0px 20px;
		background: #000;
		border-top: 8px solid #99cc33;
		border-bottom: 1px solid #333300;
	}
	
		#topnav a {
			color: #FFF;	
		}
	
	#left_nav {
		float: left;	
	}
		
	ul#right_nav {
		float: right;
		font-size: 11px;
	}
		
		ul#right_nav li {
			list-style: none;
			float: left;
		}
		
	#logodiv_klein {
		position: absolute;
		left: 140px;
		top: 0px;
		z-index:3;
	}
	
	#transparant_balk {
		background: url(../img/transparent65.png);
		height: 100px;
		padding: 0px 20px;
	}
	
		div#particulier {
			margin-top: 40px;
			float: left;	
		}
		
			a.particulier, a.zakelijk {
				display: block;
				height: 40px;
				text-indent: -9999px;
				outline: none;
			}
		
			a.particulier {
				background: url(../img/particulier.png);
				width: 215px;
			}
			
				a.particulier:hover {
					background: url(../img/particulier.png) 0px 40px;
				}
		
		div#zakelijk {
			margin-top: 40px;
			float: right;	
		}
		
			a.zakelijk {
				background: url(../img/zakelijk.png);
				width: 161px;
			}
			
				a.zakelijk:hover {
					background: url(../img/zakelijk.png) 0px 40px;
				}
		
		#keuzetitel, #anderekeuze {
			float: left;
			position: relative;
			z-index: 4;
		}
		
			#anderekeuze {
				left: 150px;
			}
			
			#anderekeuze a.particulier {
				display: block;
				background: url(../img/particulier_vervolg_unactive.png);
				width: 136px;
			}
			
				#anderekeuze a.particulier:hover {
					background: url(../img/particulier_vervolg_unactive.png) 0px 41px;
				}
			
			#anderekeuze a.zakelijk {
				display: block;
				background: url(../img/zakelijk_vervolg_unactive.png);
				width: 136px;
			}
			
				#anderekeuze a.zakelijk:hover {
					background: url(../img/zakelijk_vervolg_unactive.png) 0px 41px;
				}
			
			#keuzetitel a.particulier {
				display: block;
				background: url(../img/particulier_vervolg_unactive.png);
				width: 136px;
			}
			
				#keuzetitel a.particulier:hover {
					background: url(../img/particulier_vervolg_unactive.png) 0px 41px;
				}
			
			#keuzetitel a.zakelijk {
				display: block;
				background: url(../img/zakelijk_vervolg_unactive.png);
				width: 136px;
			}
			
				#keuzetitel a.zakelijk:hover {
					background: url(../img/zakelijk_vervolg_unactive.png) 0px 41px;
				}
		
	
	#foto_home_left, #foto_home_right {
		float: left;
		width: 490px;
		height: 300px;
	}
	
	#content {
		position: relative;
		border-top: 8px solid #99cc33;
		background: url(../img/transparent65.png);
		margin-bottom: 20px;
		padding: 20px 0px;
		_padding: 0px;
		zoom: 1;
		min-height: 200px;
		_height: 200px;
	}
	
		#content_vervolg {
			background: url(../img/bg_vervolg.gif) 271px 0px  repeat-y;
			padding: 0px 20px;
			_margin: 20px 0px;
			zoom: 1;
		}
	
			#content_left {
				float: left;
				width: 230px;
				display: inline;
			}
				
				ul#hoofdmenu li, ul#vragen li {
					list-style: none;
					text-indent: 20px;
					min-height: 20px;
					_height: 20px;
				}
				
					ul#hoofdmenu li a, ul#vragen li a {
						display: block;
						background: url(../img/bullet.gif) 2px 8px no-repeat;
						color: #FFF;
					}
					
						ul#hoofdmenu li a:hover, ul#hoofdmenu li a.active, ul#vragen li a:hover, ul#vragen li a.active {
							display: block;
							background: #330 url(../img/bullet.gif) 2px 8px no-repeat;
						}
									
					ul#hoofdmenu li ul li a {
						background: url(../img/subbullet.gif) 20px 9px no-repeat;
						text-indent: 36px;
						color: #FFF;
					}
					
						ul#hoofdmenu li ul li a:hover, ul#hoofdmenu li ul li a.active {
							background: #330 url(../img/subbullet.gif) 20px 9px no-repeat;
							text-indent: 36px;
							color: #FFF;
						}
			
			#content_right {
				float: right;
				width: 669px;
				display: inline;
				zoom: 1;
			}
				
				#contact_content_left {
					float: left;
				}
			
				#contact_route_right {
					padding-top: 80px;
					float: right;
				}
			
				.portfolio_box {
					float:left;
					width: 210px;
					height: 175px;
					overflow: hidden;
					margin-bottom: 25px;
				}
					.portfolio_box div {
						width: 210px;
						position: relative;
					}
					
						.portfolio_box div img {
							border: 10px solid #fff;
						}
				
				.werk_box {
					width: 100%;
					
					margin-bottom: 35px;
					line-height: 20px;
				}
				
					.werk_box h2 {
						margin:0 0 5px 0;
						font-size: 18px;
					}
						
						.werk_box h2 a {
							color: #99cc33;
							text-decoration: underline;
							size: 12px;
						}
						
						.werk_box .werk_img {
							float: left;
							width: 110px;
							
							margin-bottom: 10px;
							margin-right: 20px;
							
							text-align: center;
						}
						
						.werk_box .werk_img a {
							display: block;
							margin:auto;
						}
						
						.werk_box .werk_img img {
							border: 5px solid #fff;
							margin:auto;
						}
				
				.kruimelpad {
					font-size: 9px;
				}
				
				#detail-thumbs {
					border-top: 1px solid #333300;
					margin-top: 25px;
					padding-top: 15px;
				}
				
					#detail-thumbs img {
						border: 5px solid #fff;
						margin: 10px 10px 0 0;
					}
				
				#paginering {
					border-top: 1px solid #333300;
				}
			
				ul#vragen {
					padding: 10px;
					border: 1px solid #333300;
					font-weight: bold;
					margin-bottom: 40px;
				}
				
				ul.sitemap, ul.sitemap ul {
					margin-left: 20px;
				}
				
			.melding {
				background: #FFF;
				padding: 5px 10px;
				border: 1px solid #99cc33;
				margin-bottom: 20px;
				color: #030;
			}
				
				.melding p {
					margin-bottom: 0px;	
				}
	
		#terugkerend_item, #terugkerend_item_vervolg {
			position: absolute;
			left: 20px;
			bottom: 20px;
			width: 450px;
			_bottom: 60px;
		}
		
			#terugkerend_item_vervolg {
				width: 230px;
			}
			
			#terugkerend_item img, #terugkerend_item_vervolg img {
				margin-top: 20px;	
			}
		
		#actueel {
			float: right;
			width: 375px;
			font-size: 11px;
			display: inline;
		}
			
			#actueel ul {
				margin: 15px 10px 10px 0px;
			}
			
			#actueel ul li {
				list-style: none;
				line-height: 18px;
				margin-bottom: 6px;
				padding-left: 18px;
				background: url(../img/bullet.gif) left 6px no-repeat;
			}
			
				#actueel a {
					color: #FFF;	
				}
		
			.nieuws_details {
				font-size: 10px;
				color: #99cc33;
			}
		
		#logodiv {
			position: absolute;
			bottom: 0px;
			left: 342px;
			height: 605px;
			width: 300px;
			z-index: 3;
			_bottom: 40px;
		}
		
		#footerlogos {
			margin-bottom: 40px;
			padding: 0px 20px;
			float: left;
		}		
		
			#footerlogos img{
				margin-right: 10px;
			}
			
		#contactgegevens {
			float: right;
		}	


/* OVERLAY */
.bodyoverlay {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#lightbox {
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:300px;
	height:200px;
	margin:-155px 0 0 -150px;
	border:3px solid #ccc;
	background:#fff;
	text-align:center;
}
#lightbox[id] {
	position:fixed;
}
#lightbox img {
	margin: 20px auto;
}
#overlay {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#333333;
	-moz-opacity: 0.75;
	opacity:.75;
	filter: alpha(opacity=75);
}
#overlay[id]{
	position:fixed;
}