body {
	margin: 0;
	padding: 0;
	font-family: Arial,Sans-serif;
	text-align: left;
	line-height: 1.6em;
	font-size: 10pt;
	background: url(/images/bg.png) repeat-x;
	background-color: #6C6F71;
	height: 100%;
}

a:focus {
	outline: 0;
}

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

a img { 
	border: 0;
}

.clear { height: 1px; width: 100%; clear: both; }

* {margin:0;padding:0;} 

html, body  {height: 100%;}

#wrapper {min-height: 100%;}

#wrapper {
	overflow: auto;
}

#header {
	position: absolute;
    left: 50%;
    margin-left: -480px;
    width: 960px;
}

#textbox_border {
	background: url(/images/text_gradient_border.png) repeat-x;
	margin-top: 310px;
	height: 335px;
	width: 545px;
	position: absolute;
    left: 50%;
    margin-left: -480px;
	float: left;
}

#textbox {
	background: #D7D8D9 url(/images/text_gradient.png) repeat-x left top;
	min-height: 328px;
	width: 538px;
	position: absolute;
    left: 50%;
    margin-left: -270px;
	float: left;
	margin-top: 3px;
	overflow: auto;
	font-size: 12px !important;
}

	#textbox h2 {
		color: #3383BB;
	}

#textboxbig_border {
	background: url(/images/text_gradient_border.png) repeat-x;
	margin-top: 310px;
	height: 335px;
	width: 950px;
	position: absolute;
    left: 50%;
    margin-left: -480px;
	float: left;
}

#textboxbig {
	background: #ddd url(/images/text_gradient.png) repeat-x left bottom;
	min-height: 328px;
	width: 940px;
	position: absolute;
    left: 50%;
    margin-left: -470px;
	float: left;
	margin-top: 3px;
	overflow: auto;
}

#text {
	margin: 20px;
	text-align: justify;
	overflow: auto;
	min-height: 328px;
}

	.project {
		width: 200px;
		text-align: center;
		float: left;
		margin-bottom: 30px;
		border: 1px solid #4F6A76;
		padding: 10px 0;
		height: 190px;
		margin-right: 30px;
	}
	
		.project img {
			clear: both;
			max-height: 150px;
			max-width: 150px;
			text-align: center;
		}
	
	.product {
		width: 200px;
		text-align: center;
		float: left;
		height: 130px;
	}

#menu {
	list-style: none;
	overflow: auto;
	margin-top: 15px;
}

	#menu li {
		margin-right: 32px;
		float: left;
		padding-top: 10px;
		text-align: center;
		min-width: 71px;
	}
		
		#menu li a ,
		#menu li a img {
			text-decoration: none;
			border: 1px red;
			margin-top: 10px;
		}
		
		#menu li img {
			margin: 0;
		}	

			ul#menu li:hover {
				background: url(/images/icon_over.png) no-repeat center;
				
			}
		
#afbeeldingen_border {
	background: url(/images/text_gradient_border.png) repeat-x;
	margin-top: 310px;
	width: 385px;
	position: absolute;
    left: 50%;
    margin-left: 90px;
	float: left;
}

#afbeeldingen {
	background: #DBDBDB url(/images/text_gradient2.png) repeat-x left bottom;
	width: 378px;
	position: absolute;
    left: 50%;
    margin-left: -190px;
	float: left;
	margin-top: 3px;
}

	.afbeelding {
		display: block;
		width: 359px;
		float: left;
		padding: 0px 0px 8px 10px;
	}
	
	.afbeeldingbig {
		display: block;
		width: 375px;
		text-align: center;
		margin: 10px 0;
		float: left;
		overflow: hidden;
	}

#footer {
	width: 280px;
	text-align: center;
    left: 50%;
}

.prijs {
	color: #3383BB;
	text-align: center;
	display: block;
	clear: both;
	margin: 0 auto;
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0;
}

/** FORM **/

	table.fancy {
		
	}
	
		.fancy tr {
			line-height: 20px;
				height: 20px;
		}
		
			.fancy tr td {
				line-height: 20px;
				height: 20px;
			}
	
		.fancy input {
			border: 1px solid #CFCFCF;
			height: 14px;
			width: 140px;
			line-height: 20px;
			-moz-border-radius: 4px;
			padding: 3px;
		}
		
		.fancy input[type=submit] {
			height: 25px;
			width: auto;
		}
		
		.fancy select {
			border: 1px solid #CFCFCF;
			height: 25px;
			min-width: 148px;
			width: auto;
			line-height: 30px;
			-moz-border-radius: 4px;
			padding: 3px;
		}
		
.productgroepen {
	list-style: none;
}

	.productgroepen li {
		width: 378px;
		height: 40px;
		background-color: #4E6A76;
		position: relative;
	}
	
		.productgroepen li.even {
			background-color: #6B7E89;
		}
		
		.productgroepen li a {
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			width: 358px;
			height: 40px;
			line-height: 40px;
			padding-left: 20px;
			color: #fff;
		}
		
			.productgroepen li:hover a {
				font-weight: bold;
			}
