@charset "utf-8";
/* CSS Document 
				
	In opdracht van				: 
	Design 						: VanderLoo-Design.nl
	Code & functionaliteiten	: VanderLoo-Design.nl
	
	Updated:  2010
	
	VanderLoo-Design
	Groningen 2010
	| © 2010 VanderLoo-Design |
				
	Kleurcodes
	lichtgroen						: #c9dece
	headingrood						: #ee3224

–––––––––––––––––––––––––––––––––––––––---------–––––––––*/ 

* {margin:0; padding:0; font-family:tahoma;}

html, body{
	background-color:;
}

body{
	font-size:10pt;
	min-height:700px;
}

#top{
	background-color:#06181e;
	height:171px;
}

	#top-container{
		margin:auto;
		width:955px;
	}
	
		#top-logo{
			float:left;
			margin:40px 0 0 24px;
			width:366px;
		}
		
		#top-menu{
			float:right;
			padding-top:127px;
		}
		
			#top-menu li{
				display:inline;
				list-style-position:inside;
				list-style-type:none;
			}

				#top-menu li a{
					color:#ffffff;
					font-size:21px;
					margin-left:20px;
					padding-bottom:22px;
					text-decoration:none;
				}

				#top-menu li a:hover, #top-menu li a.active{
					background:url(../images/driehoek-navigatie.png) no-repeat bottom center;
					color:#64960f;
					font-size:21px;
					margin-left:20px;
					padding-bottom:22px;
					text-decoration:none;
				}
#green-line{
	background-color:#64960f;
	height:30px;
}

#recent-project{
	background-color:#202e33;
	height:346px;
	position:absolute;
	width:100%;
	z-index:0;
}

	#recent-project-container{
		margin:auto;
		width:955px;
	}
	
		#recent-project-left{
			float:left;
			padding:125px 0 0 8px;
		}
		
		#recent-project-project{
			float:left;
			padding:44px 0 0 20px;
			width:620px;
		}
		
		#recent-project-text{
			float:left;
			padding-top:100px;
		}

		#recent-project-right{
			float:right;
			padding:125px 8px 0 0;
		}

#afscheiding-top{
	background:url(../images/project-top/afscheiding-top.png) repeat-x;
	height:64px;
	margin-top:282px;
	position:absolute;
	width:100%;
	z-index:10;
}

#content{
	background-color:#ffffff;
	margin-top:370px;
	position: static;
	width:100%;
}

	#content-container{
		color:#06181e;
		margin:auto;
		min-height:400px;
		width:955px;
	}
	
		#content-project{
			float:left;
			width:695px;
		}

			#content-project h1{
				font-size:20px;
				font-weight:normal;
				font-family:Verdana, Geneva, sans-serif;
				margin-bottom:15px;
			}
			
			#content-project p{
				width:500px;
			}

			div.content-project-project{
				border-bottom:5px solid #06181e;
				padding:30px 0 30px 0;
				width:650px;
			}
			
				div.content-project-img{
					float:left;
					width:180px;
				}

				div.content-project-text{
					float:left;
					padding-right:40px;
					width:430px;
				}

				div.content-project-text h2{
					font-size:20px;
					font-weight:normal;
					font-family:Verdana, Geneva, sans-serif;
					margin-bottom:15px;
				}

				div.content-project-text a{
					color:#02addb;
					text-decoration:none;
				}

				div.content-project-text a:hover{
					color:#02addb;
					text-decoration:underline;
				}

		#content-vanderloo-design{
			float:right;
			padding-right:45px;
			width:215px;
		}
		
			#content-vanderloo-design h2{
				font-size:20px;
				font-weight:normal;
				font-family:Verdana, Geneva, sans-serif;
				margin-bottom:15px;
			}
			
			#content-vanderloo-brug7, #content-vanderloo-diensten{
				margin-top:25px;
			}
			
				#content-vanderloo-brug7 a{
					color:#02addb;
					text-decoration:none;
				}

				#content-vanderloo-brug7 a:hover{
					color:#02addb;
					text-decoration:underline;
				}

				#content-vanderloo-diensten li{
					list-style-type:none;
				}
				
					#content-vanderloo-diensten li a{
						color:#02addb;
						text-decoration:none;
					}

					#content-vanderloo-diensten li a:hover{
						color:#02addb;
						text-decoration:underline;
					}
				
				#content-portfolio li{
					display:inline;
					list-style-type:none;
					list-style-position:inside;
					padding:10px 10px 0 0;
				}

#afscheiding-bottom{
	background:url(../images/afscheiding-bottom.jpg) repeat-x;
	height:47px;
	margin-top:20px;
	width:100%;
}

#footer{
	background-color:#202e33;
}

	#footer-container{
		color:#ffffff;
		margin:auto;
		padding-top:30px;
		width:955px;
	}

		#footer-container a{
			color:#64960f;
			text-decoration:none;
		}

		#footer-container a:hover{
			color:#64960f;
			text-decoration:underline;
		}

		#footer-adres{
			float:left;
			width:695px;
		}

			#footer-adres ul{
				margin-left:-10px;
			}

			#footer-adres li{
				border-right:1px solid #64960f;
				display:inline;
				list-style-type:none;
				padding:0 10px 0 10px;
			}
			
			#footer-copy{
				margin:30px 0 20px 0;
			}

		#footer-brug7{
			float:right;
			width:260px;
		}


div.spacer{
	clear:both;
	height:0px;
}