/**
 * Name: 	dropDownList.css
 * Datum: 	10.02.2010
 * Autor:	Manuel Wiemann
 * Beschreibung:
 * Wird im Template drop_down_list.tpl benutzt
 * CSS für Drop-Down-Listen, welche bei Reno z.B auf der Produktseite benutzt werden.
 * grundlegende Änderungen werden hier global gesetzt.
 * Farben, padding, margin 
 * Breite musss beim Aufruf des Template übergeben werden.
 * Zugehörige JS -> dropDownList.js 
 */

.ddlContainer
{
	background-color: white;
	border: 1px solid #e0e0e0;
	overflow: hidden;
	position: absolute;
	z-index: 10;
}

.ddlValueDiv
{
	background-color: white;
	background-image: url(/images/layout/buttons/menueButton.jpg);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	padding: 0.1em 0.3em;
}
.ddlValueDivWithList,
.ddlValueDiv-HOVER
{
	color: white;
	background-color: #c01156;
	background-image: url(/images/layout/buttons/menueButtonInvert.jpg);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	padding: 0.1em 0.3em;
}

.ddlSelectContainer a,
.ddlSelectContainer a:VISITED
{
	text-decoration: none;
	color: #666666;
	margin-top: 3px;
	padding: 0 0.3em;
	display: block;
}

.ddlSelectContainer a:HOVER,
.ddlSelectContainer a:FOCUS
{
	color: white;
	background-color: #c01156;
}



/* IE6 hacks*/
/* * html div*/
/*
.ddlSelectContainer div
{
	ulle: expression(
		this.onmouseover = new Function ("this.className += ' ddlSelectDiv-hover';"),
		this.onmouseout  = new Function ("this.className = this.className.replace(' ddlSelectDiv-hover', '');")
	);
}
 erst mal wieder raus genommen. Erzeugt ein Mausflattern | MW 01.03.2010
.ddlValueDiv
{
	ulle: expression(
		this.onmouseover = new Function ("this.className += ' ddlValueDiv-HOVER';"),
		this.onmouseout  = new Function ("this.className = this.className.replace(' ddlValueDiv-HOVER', '');")
	);
}
*/