﻿/*#showCase{
	width: 723px;
	height: 226px;
	background-color: #FFFFFF;
	position: relative;
}
#showCase .overzicht{
	width: 264px;
	height: 225px;
	float: left;
	border-bottom: 1px solid #CCCCCC;
}
#showCase .case{
	width: 224px;
	height: 31px;
	color: #5E5E5E;
	background: url(/images/case_bg.gif) repeat-x left top transparent;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding-left: 38px;
	padding-top: 14px;
	cursor: pointer;
}
#showCase .case.active{
	background: url(/images/case_active_bg.png) repeat-x left top transparent;
	color: #fff;
}
#showCase .case h2{
	font-family: arial, verdana;
	font-weight: bold;
	font-size: 14px;
	color: #5b5b5b;
}
#showCase .case h2 a{
	font-family: arial, verdana;
	font-weight: bold;
	font-size: 14px;
	color: #5b5b5b!important;
	text-decoration: none;
}
#showCase .case.active a{
	color: #fff!important;
}
#showCase .case h2 a.aktief{
	font-family: arial, verdana;
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
}
#showCase .case h2 a:hover{
	font-family: arial, verdana;
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
}
#showCase .balk h3{
	font-family: georgia, verdana;
	font-weight: bold;
	font-style: italic;
	font-size: 15px;
	color: #ffffff;
}
#showCase .item{
	display: none;
	font-weight: bold;
	cursor: text;
	position: absolute;
	left: 265px;
	top: 0px;
	width: 458px;
}
#showCase .item img {
	height: 224px;
	border: solid #CCCCCC;
	border-width: 1px 0; 
}
#showCase .case .balk{
	display: none;
}
#showCase .aktief .balk{
	display: block;
	width: 365px;
	height: 45px;
	background: url(/images/showcase_balk_bg.png) no-repeat left top transparent;
	position: absolute;
	padding-left: 90px;
	padding-top: 0;
	left: 263px;
	top: 1px;
	z-index:5;
	cursor: pointer;
}
#showCase #case2 .balk{
	top: 46px;
}
#showCase #case3 .balk{
	top: 91px;
}
#showCase #case4 .balk{
	top: 136px;
}
#showCase #case5 .balk{
	top: 181px;
}
#showCase .nav li a{
	float:left;
	display:block;
	color:#a7a4a4;
	font-size:14px;
}
#showCase .nav li.aktief a{
	color:#000000;
}*/
#showCase{
width: 715px;
height: 277px;
position: relative;
float:left;
overflow:hidden;
}

.item .active
{
	height:226px;
	overflow:hidden;
}

#showCase .nav{
left: 20px;
overflow: hidden;
position: absolute;
top: 232px;
z-index: 1;
}
#showCase .nav li{
float:left;
list-style-type:none;
padding: 0 10px 0 0;
}
#showCase .nav li a{
font-weight:bold;
font-size:14px;
padding:5px;
}

#showCase .case.active{
	height:226px;
}

#showCase .nav li.active a{
font-weight:bold;
color:#fff;
background-color:#aab326;

}
#showCase .nav li.active a:hover{
text-decoration:none!important;
}
#showCase .overzicht{
width: 715px;
height: 258px;
float: left;
background: url(/img/showcase_overzicht_bg.gif) no-repeat left top;
overflow:hidden;
padding-top: 19px;
}
#showCase .item img{
height:226px;
left:244px;
position:absolute;
top:0px;
width:471px;
overflow:hidden;
}
#showCase .item{
font-weight: bold;
cursor: text;
position: absolute;
left: 0;
top: 0;
width: 695px;
height:226px;
padding: 0 0 0 20px;
background: #ececec;
}
#showCase .item span,
#showCase .item a{
color:#FFF;
text-decoration:none;
font-weight:bold;
cursor:pointer;
}
#showCase .item a:hover{
text-decoration:none;
}
/*#showCase .active span{color: #EB690A;cursor: pointer;}*/
#showCase .item .titel{color: #000;font-size: 14px;margin-bottom: 15px;width: 170px;display: block;margin: 15px 0px 10px 25px;}
#showCase .item h3{color:#A9B223;font-weight:bold;font-size:14px!important;text-decoration:none!important;float:left;width:215px;}
#showCase .item h3 a{color:#A9B223;font-weight:bold;font-size:14px!important;text-decoration:none!important;}
#showCase .item .extra{position: absolute;left: 25px;top: 223px;}
#showCase .item .extra a{color: #000;font-weight: bold;text-decoration: none;}
#showCase .item .extra a:hover{text-decoration: underline;}
#showCase .item .tekst{color: #000;font-size: 11px;margin-bottom: 15px;font-weight: normal;padding: 0;width:215px;display: block;clear:left;}


#accordeon li{background:url(/i/accordeon_titel_bg.jpg) repeat-x 0 0 transparent; width:229px;display:block;}
#accordeon li a{display: block;padding: 5px; color:#777777;}

#item1, #item2, #item3, #item4, #item5
{
	height:226px;
	overflow:hidden;
} 
