/* autocomplete box start */

.autoc_li {
	padding: 5px 0.4em 9px 0.4em !important;
}

.autoc_descr {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;   
	color: #00519e;
	text-align: left;
	/* changes due to new smaller autocomplete box */
    max-width: 348px !important;
    width: 348px !important;
	/* changes due to new smaller autocomplete box */
}



/* changes due to the new smaller autocomplete box */
.ui-state-focus .autoc_descr {
	width: 218px !important;
}

/* changes due to new smaller autocomplete box: broader width for entries in hits and suggestions */
ul li.hits_border ~ li.ui-state-focus .autoc_descr,
ul li.suggestion_border ~ li.ui-state-focus .autoc_descr {
	width: 313px !important;
}

ul li .autoc_openInCateg + div.autoc_descr {
	float: right;
}

.autoc_title{
	color: #8F989D;
	margin-top: 20px;
}

.autoc_li_title.hits_border .autoc_title::after{
	content: "";
	height: 1px;
	width: 61%;
	border-bottom: 1px solid #8F989D; 
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 4px;
}

.autoc_li_title.suggestion_border .autoc_title::after{
	content: "";
	height: 1px;
	width: 50%;
	border-bottom: 1px solid #8F989D; 
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 4px;
}

/* magnifier icon for suggestions*/
.autoc_descr.icon-search-neutral::before {
	content:none;
}
.autoc_descr.icon-search-neutral::after {
	content: "\e808";
	font-family: "dfg-icon-font";
	margin-left: 5px; 
}

/* arrow right icon for direct hits*/
.link-intern::after {
	content: "\f105";
	font-family: "dfg-icon-font";
	margin-left: 5px; 
}



.autoc_directOpenPic {
    padding-right: 5px;
    v-align: center;
}

.autoc_directOpen {
    float: right;
    color: #3E85C0 !important;
    font-size: smaller;
}

.autoc_openInCateg {
	/*float: right;*/
	color: #00519e;
   /* font-size: smaller;*/
}
/*.autoc_openInCateg {
    color: black;
    float: left;
}*/

.autoc_borderBefore {
    border-top: 1px solid #3E85C0;
    clear:both;
}

.ui-menu-item {
	width: 460px; /* filter width (-) */
}
.ui-menu .autoc_li.ui-state-focus {
	z-index: -100;
}

.ui-autocomplete.ui-widget-content {
	box-shadow: 0 0 8px 0 rgba(0,0,0,0.2);
    width: 470px !important;
	left: 398px !important;
	top: 93px !important;
}

.ui-autocomplete.ui-widget-content-menue {
    /*when menue open*/
	left: 638px !important;
}

/*box-shadow around searchfield input */



/* Ausschalten der Bulletpoints vor der Liste*/
ui-autocomplete ul li:before {
	content: none;
}

.ui-menu-item {
    margin: 0 10px !important;
    width: 560px; /*572px;*/
}

.autoc_borderBefore {border-top: 1px solid #808080;}

.autoc_li.ui-state-focus {
    width: 430px;
	padding:4px 5px 0px 5px !important
}

.ui-menu .autoc_li.ui-menu-item {
    height: 28px !important;
}


/* disable opasity for "weitere suchvorschläge" and "direkte treffer"*/
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: 1;
	filter:Alpha(Opacity=100); /* support: IE8 */
	background-image: none;
}
/* autocomplete box end */



/* start changes for input field suchfeld in header */

input.bab-atom-suchfeld-autoc:focus{
	outline: none;
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
}

ul.ui-autocomplete li:first-child::after {
	background: white none repeat scroll 0 0;
	bottom: 27px;
	content: "";
	height: 5px;
	left: 242px;
	position: absolute;
	width: 207px;
	z-index: 150;
}

/* end changes for input field suchfeld in header*/

/* START overwrite jquery-ui.css */
/*Abstand nach oben von "Direkte Treffer" nach "in Personen" verkleinern*/
.ui-menu .ui-menu-item {
	list-style-image: none !important; 
}

/*Abstand nach oben und unten in der autocomplete Box*/
.ui-menu {
	padding: 5px 0px 10px 0px !important;
}

/* Bulletpoints ausschalten*/
ul.ui-menu.ui-autocomplete li.autoc_li::before,
ul.ui-autocomplete.ui-menu li.autoc_li_title::before {
	content: none;
}

/* hover Effekt auf normale li*/
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	border: 1px solid #ccc;
	background: #ededed;
	font-weight: normal;
	color: ##004da2;
}


.ui-widget-content.ui-autocomplete {
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
	width: 470px !important;
}
/*END Anpassungen zu JQuery*/