/**
 * jquery.wh.dropdowns.css
 * Dropdowns die durch jQuery ersetzt werden
 * @autor   Klaus Meyer
 * @date    07.12.2009
 * @version 1.0
 */

/**
 * Relative positionierung, hilft falls Dropdown gefloatet wird
 */
div.jquery-wh-dropdown {
	position: 			relative;
	line-height: 		15px;
}
 
/**
 * Breitenangabe, wird später durch jQuery überschrieben
 */
div.jquery-wh-dropdown div.jquery-wh-select,
div.jquery-wh-dropdown div.jquery-wh-options {
	width: 				150px;
	font-size:			10px;
}

/**
 * Aktuell Aktives element, keine ausgeklappte Box
 */
div.jquery-wh-dropdown div.jquery-wh-select {
	background-color:	#fff;
	border:				1px solid #dbdbdb;
	height: 			15px;
	position: 			relative;
	overflow:			hidden;
}

/**
 * Aktuell ausgewähltes Element
 */
div.jquery-wh-dropdown div.jquery-wh-select span.jquery-wh-caption {
	padding-left: 		5px;
	cursor:				default;
}

/**
 * Dropdown "Knopf" mit Pfeilchen
 */
div.jquery-wh-dropdown div.jquery-wh-select a.jquery-wh-selector {
	display: 			block;
	position: 			absolute;
	top: 				0px;
	right: 				0px;
	width: 				20px;
	height: 			15px;
	background: 		#33A3BB url("../images/dropdown-selector.gif") no-repeat 6px 4px;
}

/**
 * Die Box um die einzelnen Optionen
 */
div.jquery-wh-dropdown div.jquery-wh-options {
	display: 			none;
	position:			absolute;
	top:				17px;
	z-index:			99;
	background-color:	#fff;
	border-left: 		1px solid #DBDBDB;
	border-right: 		1px solid #DBDBDB;
	border-bottom: 		1px solid #DBDBDB;
	max-height:			250px;
	overflow-y:			auto;
}

/**
 * Die einzelnen Optionen - Normal
 */
div.jquery-wh-dropdown div.jquery-wh-options a.jquery-wh-option:link,
div.jquery-wh-dropdown div.jquery-wh-options a.jquery-wh-option:active,
div.jquery-wh-dropdown div.jquery-wh-options a.jquery-wh-option:visited,
div.jquery-wh-dropdown div.jquery-wh-options a.jquery-wh-option:hover {
	padding-left: 		5px;
	display: 			block;
	color: 				#333;
	overflow:			hidden;
}

/**
 * Die einzelnen Optionen - Hover
 */
div.jquery-wh-dropdown div.jquery-wh-options a.jquery-wh-option:hover {
	background-color: 	#C9F1F9;
	color: 				#000;
}

/**
 * Ausnahmen im Suche Header
 */
#suche_filter
	div.jquery-wh-dropdown
		div.jquery-wh-select
{ background-color: #C9F1F9; border-color: #C9F1F9; }

#suche_filter
	div.jquery-wh-dropdown
		div.jquery-wh-select
			a.jquery-wh-selector 
{ background: url("../images/dropdown-selector-suche.gif") no-repeat scroll 8px 4px #C9F1F9; }