@charset "utf-8";
/* HOOGENDOORN BV */
/* (c) 2009 - Wennet Webdesign */
		
		/*
		WHITE: #FFF;
		GRAY: #333333;
		BLUE: #00b5dd;
		*/
		
		
	/* MAIN CSS */	
	* {
		margin:					0;
		padding:				0;
	}

	html, body {
	height: 					100%;
	font-family:				"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:					11px;
	color:						#000;
	background-color:			#FFF;
	margin-top:					0;
	padding-top:				0;
	}
	
	/* LAYOUT ELEMENTS */
	
	
			/* A, A:HOVER */
			a {
				text-decoration:none;
				color:#00b5dd;
			}
		
				a:hover {
					color:#00b5dd;
					text-decoration:underline;
				}

			/* LIST STYLE */
			ul {
				list-style:none;
			}
			
				li {
					list-style:none;
				}
			
			/* HEADINGS */
			h1 {
				color: #00b5dd;
				font-size: 18px;
				margin: 0 0 5px 0;
			}
			
			
			/* PARAGRAPH */
			p {
			margin-bottom:20px;
			}
			

	/* CONTAINER */
	#container {
		margin:					0px auto 0 auto;
		padding-top:			0px;
		top:					0;
		width:					960px;
		height:					auto;
		display:				block;
		overflow: 				hidden;
		clear:					both;
	}

	
	/* LOGO CONTAINER */
	.logocontainer {
		margin:					0px 0 -170px 885px;
		margin-top:				80px;
		padding-top:			0px;
		top:					126px;
		bottom:					0;
		width:					75px;
		position:				absolute;
		z-index: 				1;
		background:				transparent url('../images/list.png') repeat-y right top;
	}




	/* HEADER */
	#header {
		width:					960px;
		height:					120px;
		padding-top:			83px;
		background-image:		url('../images/logo.gif');
		background-position:	right top;
		background-repeat:		no-repeat;
	}

	/* CONTENT */
	#content {
		width:		550px;
		float:		left;
		z-index:	3;
		min-height: 370px;

		margin-top: -70px;

	
	}
	
	.projectimg {
		float:		right;
		clear:		right;
		width:		150px;
	}

		.projectimg .thumbs {
			margin:			5px 2px 0 0;
			clear: 			right;	
		}
		
		.projectimg .bigimage {
			clear:			right;
			width:			150px;
			height:			150px;
			position: 		relative;
		}
		
		.projectimg .bigimage img {
			position: 		absolute;
			top:			0;
			padding-left:	5px;
		}
				
		.projectimg .thumb {
			float:			left;
			clear:			none;
			width:			35px;
			height:			35px;
			border:			1px solid white;
		}
		
		
		.projectimg .thumb:hover {
			border-color:	#00b5dd;
		}		
				
	.media {
		width:245px;
		height:auto;
		margin-top: -35px;
		margin-left:45px;
		float:left;
	}

	/* FOOTER */
	#footer {
		height: 			170px;
		display:			block;
		overflow: 			hidden;
		clear:				both;
		width:				100%;
		background-color:	#00b5dd;
		color:				#FFF;
	}
	
	#footer a {
		color:				#fff;
	}
	
	#footer a:hover {
		color:				#000;
	}

		#footer .block {
			position:			relative;
			z-index:			99999;
			float:				left;
			height:				50px;
			width:				240px;
			margin-right:		30px;
			margin-top:			15px;
		}
		
		#footer .block img {
			height: 				40px;
			width: 					40px;
			border: 				1px solid white;
			padding:				2px;
			margin-right:			5px;
			float:					left;
		}
		
		
		#footer_center {
			margin:					0px auto 0 auto;
			width:					960px;
		}
		
		#footer_center .contact {
			float:					right;
			position:				relative;
			z-index:				99999;
			padding-right:			120px;
			text-align:				right;
			padding-top:			12px;
			width:					200px;
		}
		
		#footer .container {
			margin-top:				10px;
		}
		
		.image {
			width: 					60px;
			height: 				60px;
			background-color:		#FFFFFF;
		}
		

	/* PROJECTS */	
	.projects_even {
		width:						820px;
		height:						auto;
		background-color: 			#00b5dd;
		margin-top:					10px;
		margin-bottom:				10px;
		padding:					10px;
	}
	
	.projects_even li.main {
		font-size:					20px;
		color:						#FFF;
	}
	
	.projects_oddlopend {
		width:						820px;
		display:					block;
		margin-bottom:				20px;
		min-height:                 250px;
		height:						auto;
		background-color:			#FFF;
		margin-top:					10px;
		margin-bottom:				10px;
		padding:					10px;
		border: 					1px solid #00b5dd;
	}
	
	
	.projects_oddarchief {
		width:						820px;
		display:					block;
		margin-bottom:				20px;
		min-height:                 50px;
		height:						auto;
		background-color:			#FFF;
		margin-top:					10px;
		margin-bottom:				10px;
		padding:					10px;
		border: 					1px solid #00b5dd;
	}
	
	
	.projects_oddlopend li.main {
		font-size:					20px;
		color:						#00b5dd;
	}
	
	.projects_oddarchief li.main {
		font-size:					20px;
		color:						#00b5dd;
	}

	#route {
		width:						auto;
	}	
	
	#route label {
		width:						40px;
		height:						20px;
		display:					block;
		float:						left;
	}
	
	label {
		width:						160px;
		height:						20px;
		display:					block;
		float:						left;
	}


	
	#content li {
		list-style:					none;
		clear:						both;
		margin-bottom:				5px;
	}
	
	#content li ul {
		margin:						0;
		padding:					0;
	}
		
	#content input {
		width:						150px;
		background-color: 			#f4f4f4;
		background-image: 			url('../images/inputtextbg.gif');
		background-repeat: 			repeat-x;
		background-attachment: 		scroll;
		background-x-position: 		center;
		background-y-position: 		top;
		border: 					1px solid #ccc;
		padding: 					2px 2px 2px 2px;
	}