/* filterList.css	01.02.2010	Manuel Wiemann
 * CSS für Filterlisten, welche bei Reno z.B auf der Kategorie und Produktseite benutzt werden.
 * grundlegende Änderungen werden hier global gesetzt.
 * Farben, padding, margin und Breite des Trackers/Sliders
 * Höhe und Breite der Listen Container müssen im seitenspezifischen CSS angegeben werden.
*/

.filterContainer
{
	border: 1px solid #e0e0e0;
	overflow: hidden;
}
.filterListContainerContent
{
	float: left;
	overflow: hidden;
	border: none;
	position: relative;
}
.filterListContainerInner
{
	position: absolute;
	height:2000px;
	top: 0;
	left: 0;
}
.filterListContainer
{
	background-color: white;
	padding: 0;
	border-color: #e0e0e0;
	border-style: solid;
	border-width: 0 0 1px 0;
	overflow: hidden;
	margin-top: 2px;
	overflow: hidden;
	width:100%;
}
.filterListContainerTrack
{
		width: 14px;
		background-color: #FFFFFF;
		padding-bottom:1px;
		padding-right:1px;
		padding-bottom:1px;
		padding-left:1px;
		border: 1px;
		border-color: #DFDFDF;
		border-style: solid;
}
.filterListContainerSlider
{
		width: 10px;
		margin-top:2px;
		margin-left: 2px;
		margin-bottom: 2px;
		background-color: #C01156;
		cursor: n-resize;
}
a.filter_active
{
	color:			  #000000;
	background-color: #cdcdcd;
}

.klappLink a,
.filterListContainer a
{
	color: #000000;
	text-decoration: none;
}
.spanFilterList
{
	border: none;
	float: left;
	padding-left: 0.5em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;		
}
.spanFilterList a:HOVER,
.spanFilterList a:ACTIVE
{
	color: white;
	background-color: #c01156;
}
.filterListContainer a:HOVER,
.filterListContainer a:ACTIVE
{
	color: white !important;
	background-color: #c01156;
}
.klappLink
{
	background-color: white;
	background-image: url(/images/layout/buttons/menueButton.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
	padding: 0.1em 0;
}
.klappLinkWithList
{
	color: white;
	background-color: #c01156;
	background-image: url(/images/layout/buttons/menueButtonInvert.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
	padding: 0.1em 0;
}
div.scrollboxButtonUp
{
	height:13px;
	width: 16px;
	background-color: transparent;
	background-image: url(/images/layout/buttons/scrlBtnUp.gif);
	background-position: center;
	background-repeat: no-repeat;
	padding-bottom: 3px;
}
div.scrollboxButtonDown
{
	height:13px;
	width: 16px;
	background-color: transparent;
	background-image: url(/images/layout/buttons/scrlBtnDn.gif);
	background-position: center;
	background-repeat: no-repeat;
	padding-top: 3px;
}