/* START AUTOCOMPLETE  */

.ac_holder{
	position:relative;
}
.ac_field{	

	background-color: #f7f7f7;
	background-position:right;
	background-repeat:no-repeat;
}
.ac_field_busy{
	
	background-image:url(images/autocomplete/autocomplete_spinner.gif);
	background-color: #f7f7f7;
	background-position: 92%;
	background-repeat:no-repeat;
}

/* ---------------------------------- obere höhe-----------------------------------------*/
div.autocomplete
{
	position: absolute;
	background-image: url(images/autocomplete/spacer.png);
	background-position: 5% 0%;
	background-repeat: no-repeat;
	/* MG2: extra padding for animation */
	padding: 5px 0 6px 0;
}




/* ---------------------------------- Ecke rechts oben -----------------------------------------*/


div.autocomplete div.ac_header,
div.autocomplete div.ac_footer
{
	position: relative;
	height: 1px;
	width: 154px;
	 background-image: url(images/autocomplete/strich_anzeige_oben_unten.png);
	/*background-position: top right;*/
	background-repeat: no-repeat;
	/*overflow: hidden;*/
	/*background-color: #000;*/
}

/* ---------------------------------- Ecke unten rechts -----------------------------------------*/

div.autocomplete div.ac_footer
{
	background-image: url(images/autocomplete/strich_anzeige_oben_unten.png);
	height: 1px;
	width: 154px;
	position: relative;
	bottom: 0px;
	padding: 0;
	/*background-color: #000;*/

}

div.autocomplete div.ac_header div.ac_corner,
div.autocomplete div.ac_footer div.ac_corner

/* ---------------------------------- Ecke links oben -----------------------------------------*/
{
	position: absolute;
	height: 0px;
	width: 0px;
	background-image: url(images/autocomplete/ecke.png);
	background-color: #ccc;
	background-position: top left;
	background-repeat: no-repeat;
}

/* ---------------------------------- Ecke unten links -----------------------------------------*/

div.autocomplete div.ac_footer div.ac_corner

{
	background-image: url(images/autocomplete/ecke.png);
	position: absolute;
	bottom: 0px;
	padding: 0;
	height: 0px;
	width: 0px;
}


/* ---------------------------------- hintergrund weiss background-color: #ffffff;	width: 154px;	width: 100%;-----------------------------------------*/

div.autocomplete ul
{
	Box-Schatten: 10px 10px 5px 0px rgba(0,0,0,0.75);
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: auto;
	width: 154px;
	background-image: url(images/autocomplete/hintergrund.png);	
	position: relative;
}

/* ---------------------------------- Schrift ausrichtung farbe-----------------------------------------*/

div.autocomplete ul li
{
	color: #0000000;
	padding: 0;
	margin: 0 0px 0;
	text-align: left;
}

/* ---------------------------------- Schrift Farbe 1. zeile Suchergebniss Schatten -----------------------------------------*/

div.autocomplete ul li a
{
	color: #000000;
	display: block;
	font: 11px  Arial ;
	text-decoration: none;
	background-color: transparent;
	position: relative;
	padding: 0;
	width: 100%;
}




div.autocomplete ul li a:hover
{
	background-color: #000000;
}


/* ---------------------------------- Schrift Zeile mouse drüber grauer Balken ----------------------------------------- */

div.autocomplete ul li.ac_highlight a:hover
{
	background-color: transparent;
	background-repeat: no-repeat;	
}


/* ---------------------------------- Schrift abstand suchergebnisse  -----------------------------------------*/

  
div.autocomplete ul li a span,
div.autocomplete ul li.ac_warning,
div.autocomplete ul li.ac_message


{
	display: block;
	padding: 5px 10px;	/* ------- erste zahl höhe abstand 2.Zahl Breite -------------*/
	font-weight: bold;

}



/* ---------------------------------- Schrift zweites Suchergebniss normal 	-----------------------------------------*/


div.autocomplete ul li a span small
{
	color: #676767;
	font: 10px  Arial ;
}




/* ---------------------------------- Schrift zweites Suchergebniss bei maus drüber 	-----------------------------------------*/


div.autocomplete ul li.ac_highlight a span small
{
	color: #676767;
	font: 10px  Arial ;

}


/* ---------------------------------- Blauer balken bei maus drüber  	-----------------------------------------*/

div.autocomplete ul li.ac_highlight a
{
	color: #000000;		/* ----------- schriftfarbe maus drüber   -----------------------------*/
/*	background-color: #1B5CCD;*/
/*	background-image: url(images/autocomplete/hl_corner_br.gif);*/

	background-position: bottom right;
	background-repeat: no-repeat;
}




div.autocomplete ul li.ac_highlight a span
{
	background-image: url(images/autocomplete/begrenzung.png);
	background-position: bottom left;
	background-repeat: no-repeat;
}

/* MG: IE6 positioned the top left and top right corner images invalidly, changes for this fix are called 'IE6 position fix' */

div.autocomplete ul li a .tl,
div.autocomplete ul li a .tr
{
	background-color: transparent;
	background-repeat: no-repeat;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
}



/* MG: removed the following, IE6 position fix */
div.autocomplete ul li a .tr
{
	right: 0;
}



div.autocomplete ul li.ac_highlight a .tl
{
	
	/*  background-image: url(images/autocomplete/begrenzung.png); */
	
	background-position: top left; 
}

div.autocomplete ul li.ac_highlight a .tr
{
	
	width: 65%;
	background-image: url(images/autocomplete/begrenzung.png);
	
	background-position: top right;
}



/* ----------------------------------0000FF Farbe anfangsbuchstabe suchergebniss  font-style: normal;-----------------------------------------*/

div.autocomplete ul em
{
	
	font-style: normal;
	font: 13px  Arial ;
	color: #0000ff;
}
/* END AUTOCOMPLETE */