/**
 * jquery.wh.dropdowns.css
 * Dropdowns die durch jQuery ersetzt werden
 * @autor   Klaus Meyer
 * @date    07.12.2009
 * @version 1.03
 * @changes 1.01: CR jquery-wh-select-disabled
 *  				1.02: JR verschiedene Hintergr�nde, f�r moods angepasst
 *  				1.03: JR von Dorling Kindersley kopiert, moods entfernt, variable Breite eingebaut
 * @lastmodified 05.07.2011
 */

/**
 * Relative positionierung, hilft falls Dropdown gefloatet wird
 */
div.jquery-wh-dropdown {
	position: 					relative;
	font-family: 				Arial,sans-serif;
	color:								#777777;
	height:					30px;
}

/**
 * Breitenangabe
 */

div.jquery-wh-dropdown div.jquery-wh-select,
div.jquery-wh-dropdown div.jquery-wh-options {
	font-size:					12px;

}

/**
 * verschiedene Hintergr�nde
 */

div.jquery-wh-dropdown div.jquery-wh-select {
	background-image: 	url(/_images_global/dropdown_links.png);
}

div.jquery-wh-dropdown span.jquery-wh-caption {
	background-image: 	url(/_images_global/dropdown_mitte.png);
	background-repeat:	repeat-x;
	padding-top:				6px;
	height: 28px;
}

/**
 * Aktuell Aktives element, keine ausgeklappte Box
 */
div.jquery-wh-dropdown div.jquery-wh-select {
	background-color:		#fff;
	height: 						30px;
	position: 					relative;
	overflow:						hidden;
	background-position:left top;
	background-repeat:	no-repeat;
	background-color:		transparent;
	border:							none;
}

/**
 * Aktuell inaktives Elemen
 */
div.jquery-wh-dropdown div.jquery-wh-select.jquery-wh-select-disabled {
	color:							#AFAEAE;
}

/**
 * Aktuell ausgew�hltes Element
 */
div.jquery-wh-dropdown div.jquery-wh-select span.jquery-wh-caption {
	left: 							9px;
	cursor:							default;
	position:						absolute;
}

/**
 * Dropdown "Knopf" mit Pfeilchen
 */

div.jquery-wh-dropdown div.jquery-wh-select a.jquery-wh-selector {
	display: 						block;
	position: 					absolute;
	right:							0px;
	width: 							34px;
	height: 						28px;
	background-repeat:	no-repeat;
	background-color:		transparent;
	background-image: 	url(/_images_global/dropdown_rechts.png);
}

/**
 * Inaktiver Dropdown "Knopf" mit Pfeilchen
 */
div.jquery-wh-dropdown div.jquery-wh-select.jquery-wh-select-disabled  a.jquery-wh-selector {
	background-image: 	url(/_images_global/hase_und_igel_dropdown_right_disabled.png);
	cursor:							default;
}

/**
 * Die Box um die einzelnen Optionen
 */
div.jquery-wh-dropdown div.jquery-wh-options {
	display: 						none;
	position:						absolute;
	top:								24px;
	background-color:		#fff;
	border-left: 				1px solid #CFCFCF;
	border-right: 			1px solid #CFCFCF;
	border-bottom: 			1px solid #CFCFCF;
	max-height:					160px;
	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: 			10px;
	display: 						block;
	color: 							#333;
	overflow:						hidden;
	text-decoration:		none;
	color:							#777777;
	background-color:		#ffffff;
}

a.jquery-wh-option {
	padding-top:				10px;
	padding-bottom:			10px;
	outline:						none;
	word-wrap: 					break-word;
}

a.jquery-wh-selector {
	text-decoration:		none;
	color:							#ffffff;
	outline:						0 none;
	margin:							0;
	padding:						0;
}

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