body {
	background: url(../img/body.jpg) repeat-x top;
	font-family: Arial;
		font: normal 12px/15px Arial
}

#container {
	background: url(../img/footer.jpg) repeat-x bottom;
}

#wrapper {
	margin: 0 auto 0;
	position: relative;
	width: 980px;
}

#top {
	height: 108px;
	position: relative;
}

	h1#logo {
		background: url(../img/sprite_nl.png) no-repeat 0 -5px;
		_background: url(../img/sprite_nl.gif) no-repeat 0 -5px;
		display: block;
		float: left;
		height: 91px;
		left: -100px;
		position: absolute;
		top: 0;
		text-indent: -9999px;
		width: 389px;
		z-index: 1;
	}
	
	h1#logo a {
		display: block;
		text-decoration: none;
		height: 100%;
		width: 100%;
	}
	
	/* NEDERLANDS */
	
	#nl #top ul {
		float: right;
		position: relative;
		z-index: 100;
	}
		#top ul li {
			float: left;
			margin: 50px 0 0 43px;
			position: relative;
			z-index: 100;
		}
			#top ul li.f { margin-left: 0; }

			#top ul li.a span {
				background: url(../img/sprite_nl.png) no-repeat -469px -32px;
				_background: url(../img/sprite_nl.gif) no-repeat -469px -32px;
				bottom: -18px;
				display: block;
				height: 5px;
				left: 50%;
				margin-left: -4px;
				position: absolute;
				width: 9px;
			}

			#top ul li a {
				background: url(../img/sprite_nl.png) no-repeat -15px 0;
				_background: url(../img/sprite_nl.gif) no-repeat -15px 0;
				display: block;
				height: 18px;
				text-indent: -9999px;
				width: 77px;
			}
				#nl #top ul li a.home {
					background-position: -10px -100px;
					width: 35px;
				}
					#nl #top ul li a.home:hover,
					#nl #top ul li.a a.home { background-position: -106px -100px; }
				#nl #top ul li a.installaties {
					background-position: -10px -118px;
					width: 78px;
				}
					#nl #top ul li a.installaties:hover,
					#nl #top ul li.a a.installaties { background-position: -106px -118px; }
				#nl #top ul li a.producten {
					background-position: -10px -136px;
					width: 72px;
				}
					#nl #top ul li a.producten:hover,
					#nl #top ul li.a a.producten { background-position: -106px -136px; }
				#nl #top ul li a.engineering {
					background-position: -10px -154px;
					width: 78px;
				}
					#nl #top ul li a.engineering:hover,
					#nl #top ul li.a a.engineering { background-position: -106px -154px; }
				#nl #top ul li a.news {
					background-position: -10px -172px;
					width: 45px;
				}
					#nl #top ul li a.news:hover,
					#nl #top ul li.a a.news { background-position: -106px -172px; }
				#nl #top ul li a.service {
					background-position: -10px -190px;
					width: 48px;
				}
					#nl #top ul li a.service:hover,
					#nl #top ul li.a a.service { background-position: -106px -190px; }
				#nl #top ul li a.projecten {
					background-position: -10px -208px;
					width: 65px;
				}
					#nl #top ul li a.projecten:hover,
					#nl #top ul li.a a.projecten { background-position: -106px -208px; }
				#nl #top ul li a.contact {
					background-position: -10px -226px;
					width: 54px;
				}
					#nl #top ul li a.contact:hover,
					#nl #top ul li.a a.contact { background-position: -106px -226px; }
				#nl #top ul li a.over {
					background-position: -10px -262px;
					width: 80px;
				}
					#nl #top ul li a.over:hover,
					#nl #top ul li.a a.over { background-position: -106px -262px; }

					
	/* ENGELS */
	
	#en #top ul {
		float: right;
		position: relative;
		z-index: 100;
	}
		#en #top ul li.a span {
				background-image: url(../img/sprite_en.png);
				_background-image: url(../img/sprite_en.gif);
		}

			#en #top ul li a {
				background-image: url(../img/sprite_en.png);
				_background-image: url(../img/sprite_en.gif);
			}
				#en #top ul li a.home {
					background-position: -10px -100px;
					width: 35px;
				}
					#en #top ul li a.home:hover,
					#en #top ul li.a a.home { background-position: -106px -100px; }
				#en #top ul li a.installaties {
					background-position: -10px -118px;
					width: 90px;
				}
					#en #top ul li a.installaties:hover,
					#en #top ul li.a a.installaties { background-position: -106px -118px; }
				#en #top ul li a.producten {
					background-position: -10px -136px;
					width: 72px;
				}
					#en #top ul li a.producten:hover,
					#en #top ul li.a a.producten { background-position: -106px -136px; }
				#en #top ul li a.engineering {
					background-position: -10px -154px;
					width: 80px;
				}
					#en #top ul li a.engineering:hover,
					#en #top ul li.a a.engineering { background-position: -106px -154px; }
				#en #top ul li a.news {
					background-position: -10px -172px;
					width: 34px;
				}
					#en #top ul li a.news:hover,
					#en #top ul li.a a.news { background-position: -106px -172px; }
				#en #top ul li a.service {
					background-position: -10px -190px;
					width: 46px;
				}
					#en #top ul li a.service:hover,
					#en #top ul li.a a.service { background-position: -106px -190px; }
				#en #top ul li a.projecten {
					background-position: -10px -208px;
					width: 63px;
				}
					#en #top ul li a.projecten:hover,
					#en #top ul li.a a.projecten { background-position: -106px -208px; }
				#en #top ul li a.contact {
					background-position: -10px -226px;
					width: 54px;
				}
					#en #top ul li a.contact:hover,
					#en #top ul li.a a.contact { background-position: -106px -226px; }
				#en #top ul li a.over {
					background-position: -10px -262px;
					width: 90px;
				}
					#en #top ul li a.over:hover,
					#en #top ul li.a a.over { background-position: -106px -262px; }
	/* DUITS */
	
	#de #top ul {
		float: right;
		position: relative;
		z-index: 100;
	}
			#de #top ul li.a span {
				background: url(../img/sprite_de.png) no-repeat -469px -32px;
				_background: url(../img/sprite_de.gif) no-repeat -469px -32px;
			}

			#de #top ul li a {
				background-image: url(../img/sprite_de.png);
				_background-image: url(../img/sprite_de.gif);
			}
				#de #top ul li a.home {
					background-position: -10px -100px;
					width: 35px;
				}
					#de #top ul li a.home:hover,
					#de #top ul li.a a.home { background-position: -106px -100px; }
				#de #top ul li a.installaties {
					background-position: -10px -118px;
					width: 78px;
				}
					#de #top ul li a.installaties:hover,
					#de #top ul li.a a.installaties { background-position: -106px -118px; }
				#de #top ul li a.producten {
					background-position: -10px -136px;
					width: 72px;
				}
					#de #top ul li a.producten:hover,
					#de #top ul li.a a.producten { background-position: -106px -136px; }
				#de #top ul li a.engineering {
					background-position: -10px -154px;
					width: 78px;
				}
					#de #top ul li a.engineering:hover,
					#de #top ul li.a a.engineering { background-position: -106px -154px; }
				#de #top ul li a.news {
					background-position: -10px -172px;
					width: 50px;
				}
					#de #top ul li a.news:hover,
					#de #top ul li.a a.news { background-position: -106px -172px; }
				#de #top ul li a.service {
					background-position: -10px -190px;
					width: 46px;
				}
					#de #top ul li a.service:hover,
					#de #top ul li.a a.service { background-position: -106px -190px; }
				#de #top ul li a.projecten {
					background-position: -10px -208px;
					width: 65px;
				}
					#de #top ul li a.projecten:hover,
					#de #top ul li.a a.projecten { background-position: -106px -208px; }
				#de #top ul li a.contact {
					background-position: -10px -226px;
					width: 54px;
				}
					#de #top ul li a.contact:hover,
					#de #top ul li.a a.contact { background-position: -106px -226px; }					

				#de #top ul li a.over {
					background-position: -10px -262px;
					width: 80px;
				}
					#de #top ul li a.over:hover,
					#de #top ul li.a a.over { background-position: -106px -262px; }
				
	#language {
		border-bottom: 1px solid #cdcdcd;
		border-right: 1px solid #cdcdcd;
		position: absolute;
		right: 0;
		top: 0;
		width: 84px;
		z-index: 1000;
	}
		#language ul {
			background: #f1f1f1;
			border-bottom: 1px solid #a3a3a3;
			border-right: 1px solid #a3a3a3;
			display: block;
			height: 22px;
			padding: 0 0 0 10px;
			_padding: 0 0 0 14px;
			width: 74px;
		}
			#language ul li {
				float: left;
				margin: 4px 8px 0 0;
			}
				#language ul li a {
					background: url(../img/sprite_nl.png) no-repeat -15px 0;
					_background: url(../img/sprite_nl.gif) no-repeat -15px 0;
					cursor: pointer;
					display: block;
					height: 13px;
					position: relative;
					text-indent: -9999px;
					width: 16px;
					z-index: 1001;
				}
					#language ul li a.nl {
						background-position: -395px -4px;
					}
						#language ul li a.nl:hover,
						#language ul li.c a.nl {
							background-position: -395px -26px;
						}
					#language ul li a.en {
						background-position: -419px -4px;
					}
						#language ul li a.en:hover,
						#language ul li.c a.en {
							background-position: -419px -26px;
						}
					#language ul li a.de {
						background-position: -442px -4px;
					}
						#language ul li a.de:hover,
						#language ul li.c a.de {
							background-position: -442px -26px;
						}

	#flash {
		margin: 10px 0 10px 0;
		position: relative;
		z-index: 1;
	}
		#flash object {
		position: relative;
		z-index: 1; }
	
	#flash #SquareToAlpha {
		
	}
	
		#flash .l,
		#flash .r {
			background: url(../img/sprite_nl.png) no-repeat 0 0;
			_background: url(../img/sprite_nl.gif) no-repeat 0 0;
			display: block;
			position: absolute;
			height: 200px;
			width: 15px;
			top: 0;
		}
		#flash .l {
			background-position: -408px -45px;
			left: -15px;
		}
		#flash .r {
			background-position: -430px -45px;
			right: -15px;
		}

	ul#breadcrumb {
		margin: 0 0 15px 4px
	}
		ul#breadcrumb li {
			color: #7240c4;
			display: inline;
			font-size: 11px;
		}
			ul#breadcrumb li a {
				color: #785fa1;
				text-decoration: none;
			}

#left {
	background: #e7e7e7;
	float: left;
	font-family: Tahoma;
	padding: 0 0 10px;
	width: 229px;
}

	#left h2 {
		display: block;
		width: 229px;
		height: 45px;
		background: url(../img/h2/h2_bg.jpg) top left no-repeat;
		color: #fff;
		font-weight: bold;
		line-height: 34px;
		padding: 0 0 0 13px;
	}
	
	#left ul {

	}
		#left ul li {
			border: 1px solid #e7e7e7;
			margin: 2px 9px 0;
		}
			#left ul li a {
				border: 1px solid #e7e7e7;
				color: #5c5c5c;
				display: block;
				font-size: 12px;
				padding: 5px;
				position: relative;
				text-decoration: none;
			}
				#left ul li a span {
					position: absolute;
					right: 5px;
					top: 4px;
					*right: 11px;
					*top: 8px;
					_right: 21px;
					_top: 8px;
				}
			#left ul li.overzicht a {
				background: #fff;
				border-bottom-color: #acacac;
				border-right-color: #acacac;
				color: #56378a;
				font-weight: bold;
			}
			#left ul li.laatste a {
				font-weight: bold;
			}
			#left ul li a:hover,
			#left ul li a.o {
				background: #d9d9d9;
				border-left-color: #a9a9a9;
				border-top-color: #a9a9a9;
			} 

#right {
	float: right;
	width: 734px;
}

.clear {
	clear: both;
}

#footerContent {
	width: 100%;
	background: #1f1f1f;
}

	#footerContent #footerIntro {
		width: 980px;
		margin: 0 auto;
		color: #fff;
		font-size: 12px;
		padding: 0 10px 0 10px; 
		padding: 0 10px 0 10px; 
		border-right: 1px solid #242424;
		border-left: 1px solid #242424;
	}
	
	#footerContent #footerIntro #footerLeft {
		width: 720px;
		float: left;
	}
	
	#footerContent #footerIntro #footerLeft h2 {
		color: #fff;
		margin: 10px 0 10px 0;
		font-size: 15px;
		font-weight: bold;
	}
	
	#footerContent #footerIntro #footerLeft p {
		line-height: 20px;
		font-size: 11px;
		margin: 10px 0 10px 0;
		color: #bdbdbd;
	}
	
	#footerContent #footerIntro #footerLeft a,
	#footerContent #footerIntro #footerLeft a:visited {
		color: #bdbdbd;
		text-decoration: underline;
	}
	
	#footerContent #footerIntro #footerLeft a:hover,
	#footerContent #footerIntro #footerLeft a:active {
		color: #bdbdbd;
		text-decoration: none;
	}	
	
	#footerContent #footerIntro #footerRight {
		float: right;
		width: 213px;
		background: url(../img/contact-gradient.jpg) 0 125px no-repeat;
	}
	
	#footerContent #footerIntro #footerRight #building {
		margin: 10px 0 0 0;
		height: 125px;
		width: 213px;
		text-indent: -9999px;
		background: url(../img/contact-image.png) top left no-repeat;
	}
	
	#footerContent #footerIntro #footerRight #adress {
		width: 213px;
		font-size: 11px;
	}
	
	#footerContent #footerIntro #footerRight #adress p {
		line-height: 18px;
		padding: 5px 10px 5px 10px;
	}
	
	#footerContent #footerIntro #footerRight #adress a,
	#footerContent #footerIntro #footerRight #adress a:visited {
		color: #fff;
		text-decoration: underline;
	}
	
	#footerContent #footerIntro #footerRight #adress a:hover,
	#footerContent #footerIntro #footerRight #adress a:active {
		color: #fff;
		text-decoration: none;
	}

#footer {
	font-size: 11px;
	height: 60px;
	line-height: 14px;
}
	#footer .tags {
		background: #56378a;
		height: 22px;
		padding: 8px 0 0;
		margin: 0 0 1px;
	}
		#footer .tags,
		#footer .tags a { 
			color: #b2a1cf;
			text-decoration: none;
		}
		#footer .tags a:hover { color: #fff; }
	#footer .copy {
		border-top: 1px solid #56378a;
		height: 22px;
		padding: 8px 0 0;
	}
		#footer .copy,
		#footer .copy a {
			color: #848484;
			text-decoration: none;
		}
		#footer .copy a:hover { color: #000; }
		#footer .copy li { margin: 0 5px 0 0; }
	#footer ul {
		display: block;
		margin: 0 auto 0;
		width: 980px;
	}
	#footer ul li {
		display: inline;
	}

/* content specific css */
#newslist {
	background: url(../img/content.jpg) repeat-x top;
	padding: 20px 20px 0;
}
	#newslist .item {
		border-bottom: 1px solid #56378a;
		clear: left;
		/* height: 175px; */
		margin: 0 0 20px;
	}
		#newslist .last { border-bottom: 0; margin: 0; }
		#newslist .item h2 {
			font-size: 14px;
			font-weight: bold;
			margin: 0 0 5px;
		}
		#newslist .item span {
			color: #56378a;
			font-size: 10px;
		}
		#newslist .item p {
			font-size: 11px;
			line-height: 19px;
			margin: 7px 0 0;
		}
		#newslist .item p a {
			color: #969696
		}
		#newslist .item p img {
			float: left;
			margin: 0 20px 0 0;
		}
		
#contentpage {
	background: url(../img/content.jpg) repeat-x top;
	padding: 20px 20px 0;
	min-height: 400px;
}

	#contentpage h2 {
		font-size: 14px;
		font-weight: bold;
		margin: 0 0 5px;
	}

	#contentpage p {
		margin: 10px 0 0 0;
		line-height: 19px;
		font-size: 12px;
	}

	#contentpage a,
	#contentpage a:link,
	#contentpage a:visited {
		text-decoration: underline;		
		color: #000;
	}

	#contentpage a:hover,
	#contentpage a:active {
		text-decoration: none;		
		color: #000;
	}

#productpage {
	background: url(../img/content.jpg) repeat-x top;
	padding: 20px 20px 0;
	min-height: 400px;
}

#productpage #gallery {

}
#productpage #gallery a {
	float: left;
	margin: 10px 3px 0 0;
	border: 1px solid #ccc;
}
#productpage #gallery a img { width: 133px; }
	#productpage h2 {
		
	}

	#productpage h3 {
		margin: 10px 0 0 0;
		color: #56378a;
		font-size: 13px;
	}

	#productpage p {
		margin: 10px 0 0 0;
		line-height: 19px;
		font-size: 12px;
	}
	#productpage ul {

	}
	#productpage li {
		margin: 0 0 0 15px;
		list-style-type: disc;
	}

	#productpage #download {
		font-size: 13px;
		padding: 18px 18px 18px 70px;
		background: #fff url(../img/icons/pdf.png) 10px center no-repeat;
		border: 1px solid #ccc;
		margin: 10px 0 20px 0;
	}

#contactpage {
	background: url(../img/content.jpg) repeat-x top;
	padding: 20px 20px 0;
	min-height: 400px;
	float: left;
	width: 700px;
	font-size: 12px;
}
	
	#contactpage h2 {
		font-size: 14px;
		font-weight: bold;
		margin: 0 0 5px;
	}

	#contactpage table {
		width: 500px;
	}

	#contactpage table td {
		padding: 5px;
	}

	#contactpage table td.left {
		width: 100px;
	}

	#contactpage table td.right {
		width: 300px;
	}

	#contactpage .text {
		width: 300px;
		height: 20px;
		line-height: 20px;
		border: 1px solid #ccc;
		background: #fff;
	}

	#contactpage .textarea {
		width: 300px;
		height: 100px;
		background: #fff;
		border: 1px solid #ccc;
		font-size: 13px;
		font-family: Arial;
	}
	
	#contactadress {
		background: #fff;
		border: 1px solid #ccc;
		font-size: 11px;
		line-height: 20px;
		float: right;
		font-family: Tahoma;
		padding: 10px;
		width: 209px;
	}
	
	#contactpage .send {
		border: 0;
		background: url(../img/button-versturen.png) top left no-repeat;
		height: 23px;
		width: 91px;
		text-indent: -9999px;
	}
	
	#contactpage .send-en {
		border: 0;
		background: url(../img/button-versturen-en.png) top left no-repeat;
		height: 23px;
		width: 91px;
		text-indent: -9999px;
	}
	
	#contactpage .send-de {
		border: 0;
		background: url(../img/button-versturen-de.png) top left no-repeat;
		height: 23px;
		width: 91px;
		text-indent: -9999px;
	}

#indexPage {
	width: 980px;
	min-height: 400px;
}

#indexLeft {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	height: 203px;
	width: 489px;
	float: left;
}

#indexRight {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	height: 203px;
	width: 489px;
	float: left;
}

	#indexLeft .image,
	#indexRight .image {
		width: 170px;
		height: 203px;
		float: left;
	}

	#indexLeft .image img,
	#indexRight .image img {
		float: left;
	}

	#indexLeft .indextext,
	#indexRight .indextext {
		width: 319px;
		height: 203px;
		float: left;
	}

	#indexLeft .indextext h2,
	#indexRight .indextext h2 {
		float: left;
		display: block;
		line-height: 35px;
		height: 35px;
		width: 309px;
		background: url(../img/h2/hr_index.jpg) top left repeat-y;
		padding: 0 0 0 10px;
		color: #5e428f;
	}

	#indexLeft .indextext p,
	#indexRight .indextext p {
		padding: 10px !important;
		font-size: 11px;
		line-height: 19px;
		margin: 10px 0 0 0 !important;
	}

#indexPage #latestProducts {
	height: 150px;
	width: 980px;
	margin: 20px 0 0 0;
}

	#indexPage #latestProducts h2 {
		font-size: 17px;
		color: #3a3a3a;
		background: url(../img/arrow.png) center left no-repeat;
		padding: 0 0 0 14px;
		margin: 0 0 5px 0;
	}

	#indexPage #latestProducts ul {
		list-style: none;
		display: inline;
	}
	
	#indexPage #latestProducts ul li {
		margin: 0 0 0 34px;
		float: left;
		list-style: none;
		width: 135px;
	}
	
	#indexPage #latestProducts ul li.first {
		margin: 0;
		float: left;
		list-style: none;
		width: 135px;
	}
	
	#indexPage #latestProducts ul li img {
		border: 1px solid #ccc;
	}
	
	#indexPage #latestProducts ul li a.product-informatie,
	#indexPage #latestProducts ul li a.product-informatie:visited {
		display: block;
		font-size: 11px;
		background: url(../img/product-info.png) center left no-repeat;
		padding: 0 0 0 15px;
		text-decoration: none;
		color: #848484;
	}
	
	#indexPage #latestProducts ul li a.product-informatie:hover,
	#indexPage #latestProducts ul li a.product-informatie:active {
		display: block;
		font-size: 11px;
		background: url(../img/product-info.png) center left no-repeat;
		padding: 0 0 0 15px;
		text-decoration: underline;
		color: #000000;
	}