body{
	font-family: verdana,Arial,Trebuchet MS;
}

#showcase{
	position: relative;
	width: 691px;
	height: 493px;
	background: url(../images/showcase_bg.gif) no-repeat left top #fff;
}

.overzicht{
	width: 215px;
	float: left;
}

#showcase .case{
	width: 218px;
	height: 97px;
	background: url(../images/case_bg.gif) no-repeat left top #fff;
}
#showcase .case table tr td{
	width: 218px;
	height: 98px;
	text-align: center;
	vertical-align: middle;
	padding: 0 30px 0 15px;
}
#showcase .case a{
	color: #555555;
	font-size: 12px;
	cursor: default;
}
#showcase .eerste table{
	margin-top: 3px;
}
#showcase .case.active{
	background: url(../images/case_bg_active.gif) repeat-x left top #86ba1d;
	color: #85b91c;
}
#showcase .eerste{
	height: 99px;
	background: url(../images/eerste_case_bg.gif) no-repeat left top #fff;
	margin-top: 0px;
}
#showcase .eerste.active{
	background: url(../images/eerste_case_bg_active.gif) no-repeat left top #85b91c;
}
#showcase .laatste{
	height: 103px;
	background: url(../images/laatste_case_bg.gif) no-repeat left top #fff;
}
#showcase .laatste.active{
	background: url(../images/laatste_case_bg_active.gif) no-repeat left top #85b91c;
}
#showcase .case.active a{
	color: #fff;
}

#showcase .item{
	display: none;
	cursor: text;
	position: absolute;
	left: 218px;
	top: 0px;
	width: 443px;
	padding: 15px;
}

#showcase .item .titel{
	font-size: 14px;
	color: #85b91c;
	font-weight: bold;
}

#showcase .item img{
	float: left;
	margin: 15px 0 5px 0;
}

#showcase .item .tekst{
	color: #555555;
	font-size: 12px;
	display: block;
	float: left;
	line-height: 1.6;
}
#showcase .item .tekst a{
	color: #85b91c;
}