html, body{	background: url("images/pattern.jpg") repeat;
}

#content{		width:880px;		margin:0 auto;	padding:0;	background: url("images/glow.png") no-repeat;	}

#links{ position: relative; top: 50px;	float: left;	width:258px;	height:886px;	}
#links img{	width: 236px; height: 80px; 	}
.aboutus{	position: relative; top: 30px;	width:258px;	height:400px;	background: url("images/bgaboutus.png") no-repeat;	}
.producten{	position: relative; top: 20px;	width:258px;	height:400px;	background: url("images/bgproducten.png") no-repeat;	}
.text1{	position: relative; top: 70px;	left: 25px;		width:210px;	font:11px Arial; color: #fff;	line-height: 19px;	}

#rechts{ position: relative; top: 60px;	left: 20px;	float: left;	width:620px;	height:886px;	}
.mainimage{	position: relative; top: 0px;	width:607px;	background: url("images/bgmainimage.png") no-repeat;	}
.mainimage img{	margin: 10px;	width:584px;	height:255px;	border: 1px solid #a3b800;	}
.goto{	position: relative; top: -60px;	left: 18px;	float: right;	width:188px;	height:38px;	background: url("images/gotopijl.png")	}
.goto a{ position: relative; top: 12px;	left: 5px;	text-decoration: none;	padding: 10px;	padding-left: 30px;	padding-right: 30px;	font:bold 14px Arial; 	color: #fff;	}
.goto a:active{ position: relative; top: 12px;	left: 5px;	text-decoration: none;	padding: 10px;	padding-left: 30px;	padding-right: 30px;	font:bold 14px Arial; 	color: #fff;	}
.goto a:visited{ position: relative; top: 12px;	left: 5px;	text-decoration: none;	padding: 10px;	padding-left: 30px;	padding-right: 30px;	font:bold 14px Arial; 	color: #fff;	}
.goto a:hover{ color: #000;	}
.text2{ position: relative; top: 13px;	left: 20px;	text-decoration: none;	font:bold 16px Arial; 	color: #fff;	}
img {border: none;}

ul.gallery {	position: relative; top: -80px;	float: left; left: -40px; width: 630px;    list-style: none;	}
ul.gallery li {	position: relative; top: 10px;	left: -3px;	width:204px;	height:239px;	background: url("images/bgmoreimg.png") no-repeat;	float: left;	display: inline; /*--Gimp Fix aka IE6 Fix--*/}
ul.gallery li a.thumb {		margin: 11px;	width: 184px;	height: 216px;	cursor: pointer;	}
ul.gallery li span { /*--Used to crop image--*/	width: 184px;	height: 216px;	overflow: hidden;	display: block;	}
ul.gallery li a.thumb:hover {	background: #333; 	}
ul.gallery li a {text-decoration: none;  display: block;}

h2.trigger {	position: relative; top: -52px; height: 50px;	width: 607px;	float: left;	}
h2.trigger a { width: 607px;	height: 44px;	color: #fff;	text-decoration: none;	display: block;	background: url("images/projecttitlebar.png") ; }
h2.trigger active {} 
.toggle_container {	position: relative; top: -65px;
	background: url("images/infobar.png") no-repeat;
	overflow: hidden;
	width: 607px;
	height: 120px;
	clear: both;
}

.toggle_container .block img{
	position: relative; top: 5px;	left: 0px;	width: 112px; height: 90px; border: 0px; float: left;
}
.text3{ position: relative; top: 12px;	left: 10px;	text-decoration: none;	font:11px Arial; 	color: #fff;	float: left; line-height: 18px;}
.toggle_container .block {
	width: 607px;
	padding: 0px; /*--Padding of Container--*/
}