/*Template voor Lambert Jongerden */

body{
	background: #35444C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	color: #666666;
}

#wrapper {
	margin: 0 auto;
	width: 978px;
}

#header{
	background-image: url('/files/layout/header.gif');
	background-repeat: no-repeat;
	float: left;
	width: 978px;
	height: 155px;
}

#greenbar{
	background-image: url('/files/layout/bar.gif');
	background-repeat: no-repeat;
	float: left;
	width:978px;
	height: 35px;
	position: relative;
}

	.quick-contact{
		position: absolute;
		top: 10px;
		left: 60px;
		font-weight: bold;
	}


#left{
	width: 219px;
	height: 548px;
	float: left;
}

	#left_schadow{
		background-image: url('/files/layout/left_schadow.gif');
		width: 16px;
		height: 548px;
		float: left;
	}

	#menu-box{
		width: 197px;
		height: 234px;
		float: left;
		text-align: center;
	}

		#menu-box a{
			background-image: url('/files/layout/menu_a.gif');
			background-repeat: no-repeat;
			height: 21px;
			width: 197px;
			display: block;
			padding-top: 5px;
			font-weight: bold;
			}

		#menu-box a:hover{
			background-image: url('/files/layout/menu_a_hover.gif');		
		}

	#menu_schadow{
		background-image: url('/files/layout/menu_schadow.gif');
		width: 6px;
		height: 234px;
		float: left;
	}

	#front-image{
		background-image: url('/files/layout/front_image.gif');
		width: 203px;
		height: 314px;
		float: left;
	}

#content-box{
	width: 514px;
	height: 548px;
	background: #ffffff;
	float: left;
	overflow: auto;
}

	.contents{
		padding: 15px;
		padding-top: 1px;
	}

	.contents a{
		color: #589D29;
	}

	.contents a:hover{
		color: #4E6025;
	}

	.contents h2{
		font-size: 11px;
		font-weight: bold;
		color: #000000;
		margin: 0;
		padding: 0;
		display: inline;
	}

#projects{
	background-image: url('/files/layout/projects.gif');
	background-repeat: no-repeat;
	width: 245px;
	height: 342px;
	float: left;
	position: relative;
}

	.project1{
		position: absolute;
		top: 36px;
		left: 45px;
	}

		.project1 .name{
			position: absolute;
			top: 105px;
			left: 0px;
		}

	.project2{
		position: absolute;
		top: 175px;
		left: 45px;
	}

		.project2 .name{
			position: absolute;
			top: 105px;
			left: 0px;
		}


	#projects a img{
		border: 1px solid #FFFFFF;
	}

	.cat-kop{
		font-size: 14px;
		font-weight: bold;
		letter-spacing: 2px;
		margin-left: 3px;
		margin-bottom: 5px;
		margin-top: 15px;
	}

	.catmenu{
		display: block;
		margin-left: 15px;
		margin-top: 5px;
	}


	.project-bar{
		background-image: url('/files/layout/project_bar.gif');
		width: 490px;
		height: 25px;
		margin-left: 3px;
		padding-top: 6px;
		padding-left: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 14px;
		color: #FFFFFF;
	}

		.project-bar a:hover{
			color: #DDDDDD;
		}

	.project-bar h1{
		color: #FFFFFF;
		float: left;
		font-size: 14px;
	}


	.project-bar h2{
		color: #FFFFFF;
		float: left;
		font-size: 14px;
	}

.sep{
	width: 205px;
	height: 1px;
	border-top: 1px solid #FFFFFF;
	margin-top: 5px;
}

.image-sep{
	width: 457px;
	height: 1px;
	border-top: 1px solid #589D29;
	margin-left: 27px;
	margin-bottom: 15px;
	margin-top: 20px;
}


.project-image{
	background-image: url('/files/layout/project_image.gif');
	background-repeat: no-repeat;
	width: 497px;
	height: 409px;
	padding-left: 10px;
	padding-top: 10px;
	margin-left: 5px;
}

	.project-image a img{
		border: 1px solid #FFFFFF;
	}
	

#adres{
	background-image: url('/files/layout/adres.gif');
	background-repeat: no-repeat;
	width: 245px;
	height:206px;
	float: left;
	position: relative;
}

#project-kader{
	background-image: url('/files/layout/project_overzicht.gif');
	background-repeat: x;
	width: 240px;
	height: 548px;
	float: left;
	color: #FFFFFF;
}

	.padding-project{
		padding-top: 5px;
		padding-left: 5px;
	}

	#project-kader h1{
		color: #FFFFFF;
		margin: 0;
		padding: 0;
	}

	.project-content{
		width: 230px;
		height: 320px;
		padding-right: 5px;
		overflow: auto;
	}


		.project-content h2{
			margin: 0;
			font-size: 11px;
			font-weight: bold;
		}
	

	.cat-back a{
		color: #73B220;
	}

	.cat-back a:hover{
		color: #4E6025;
	}

	.catvieuw{
		width: 160px;
		height: 133px;
		background-image: url('/files/layout/project_kader.gif');
		background-repeat: no-repeat;
		float: left;
		padding-left: 7px;
		padding-bottom: 10px;
		padding-top: 7px;
		margin-left: 3px;
		position: relative;
	}

		.project-name{
			position: absolute;
			bottom: 25px;
			left: 6px;
		}

		.project-name a:hover{
			color: #DDDDDD;
		}

		.catvieuw a img{
			border: 1px solid #FFFFFF;
		}


		.vorig{
			float: left;
			color: #73B220;
		}

			.vorig a{
				color: #73B220;
			}

			.vorige a:hover{
				color: #4E6025;
			}

		.volgend{
			float: right;
			color: #73B220;
		}

			.volgend a{
				color: #73B220;
			}

			.volgend a:hover{
				color: #4E6025;
			}


	.calltoaction{
		background-image: url('/files/layout/project_call.gif');
		background-repeat: none;
		width: 230px;
		height: 35px;
		position: absolute;
		top: 0px;
		right: 5px;
	}


	.landing_footer{
		font-style: italic;
	}

#bottom{
	background-image: url('/files/layout/bottom.gif');
	background-repeat: no-repeat;
	width: 978px;
	height: 18px;
	float: left;
}


.front-image{
	float: right;
	padding-left: 15px;
	padding-bottom: 15px;
}

.bottomimages{
	float: left;
	padding-left: 27px;
	margin-bottom: 20px;
}

a img{
	border: 2px solid #9CC237;
}



/*Algemeen */

h1{
	font-size: 16px;
	color: #589D29;
	}

h2{
	font-size: 14px;
	color: #FFFFFF;
	}

a {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover{
	color: #35444C;
}


li{
	list-style-image: url('/files/layout/leave.gif');
	height: 17px;
}


p{
	margin: 0;
}


.padding{
	padding: 20px;
}

/*Snelformulier*/

.form_quick input[type="text"],input[type="password"],textarea {
	background-color: #FFFFFF; 
	padding: 0px 14px 0px 0px; 
	border: 1px solid #CCCCCC; 
	background-image: URL("/files/layout/validation_init.gif"); 
	background-repeat: no-repeat; 
	background-position: 100% 0%;
	width: 120px;
	}

.form_quick textarea {
	height: 50px;
	width: 120px;
	overflow: auto;
	}


	.form_quick input{
		width: 120px;
	}

	/*IE 6 BOX*/

	.iesix-box input{
		width: 300px;
		border: 1px solid #808080;
		background: #FFFFFF;
	}
	.iesix-box textarea{
		width: 300px;
		border: 1px solid #808080;
		background: #FFFFFF;
	}




/*Landing Page */

div#landing div#keywords_title {position: absolute; bottom: 5px; right: 20px;}
div#landing div#keywords_words {position: absolute; width: 300px; bottom: 40px; right: 40px; padding: 10px 0px 10px 10px; background-color: white; border: 1px dotted gray;}
div#landing div#keywords_words a{ color: #333333; }
div#landing div#keywords_words a:hover{ color: #589D29; }
div#landing div#keywords_words.keys {display: none;}
div#landing div#keywords_words div {float: left; margin: 0px 10px 0px 0px;}