Diese CSS-Datei enthält Styles für das Grundlayout des erweiterten Suggest-Layers. Kopieren und speichern Sie die Datei unter dem Namen "ff_big_suggest.css" in Ihrem CSS-Verzeichnis.

 
/*****************************************************************************/
/*** SUGGEST Fact Finder***/
/*****************************************************************************/
 
/* needed otherwise the searchBoxLine will pop-up in IE */
 
/* Abweichungen normale Styles */
#head {
   position: relative;
}
 
#head_search {
   position: static !important;
}
 
/* SUGGEST */
div.suggestLayer{
   display: none;
   top: 85px;
   right:0px;
   padding: 0;
   position: absolute;
   z-index: 1000;
   font-size: 1em;
   font-weight:bold;
   color: #595959;
   border: 1px solid #486891;
   }
 
ul.suggestLayerList, 
ul.suggestLayerBlock, 
div.suggestLayerBlock{
   width: 988px; 
   left:0px;
   top: 39px;
   cursor: pointer;
   float: left;
   font-size: 1em;
   list-style: none outside none;
   background: #ebeff3;   
   border: 1px solid #f9f8f8; 
   }
 
.suggestLayerBlockText{
   float: right;
   width: 242px;
   padding: 0px 20px 16px 20px;
   background:#486891;
   color:#fff;
   height:100%;
   }
   
.suggestLayerBlockImage{
   float: left;
   width: 670px;
   padding: 0px 0px 16px 20px;
   }
 
ul.suggestLayerList li, 
ul.suggestLayerBlock li, 
ul.suggestLayerBlockText li, 
ul.suggestLayerBlockImage li{
   display: block;
   list-style: none outside none;
   }
 
ul.suggestLayerBlockText li:hover span.suggestTextQuery{
   color: #fff;
   text-decoration:underline;
   }
 
ul.suggestLayerBlockImage li:hover span.suggestTextQuery{
   color: #004287;
   text-decoration:underline;
   }
 
 
.suggestLayerBlockText span.suggestTextQueryTyped{
   color:#fff;
   text-decoration:underline;
   }
 
.suggestLayerBlockImage span.suggestTextQueryTyped{
   color:#004287;
   text-decoration:underline;
   }
 
li.suggestHeader,
li.suggestHeader:hover{
/*   border-bottom: 1px solid #EFEDED;*/
   font-size: 14px;
   text-transform:uppercase;
   clear:both;
   float:none;
   color:#004287;
   font-weight:normal;
   text-align:left;
   padding:20px 0px 8px 0px;
   }
 
.suggestLayerBlockText li.suggestHeader,
.suggestLayerBlockText li.suggestHeader:hover{
   color:#fff;
   }
   
.suggestLayerBlockText > li.suggestHeader:first-child,
.suggestLayerBlockImage > li.suggestHeader:first-child{
   margin-top:0px;
   }
   
.suggestLayerBlockImage > li.suggestHeader:first-child{   
   line-height:15px;
   }
 
.suggestLayerBlockImage li span.suggestTextQuery, 
.suggestLayerBlockText li span.suggestTextQuery{
   display: block;
   overflow: hidden;
   font-weight:normal;
   text-align: left;
   font-size: 1em;
   }
   
.suggestLayerBlockText li.suggestRow{
   line-height: 20px;
   padding-left: 10px;
   background: url(../../images/web/navi_level_2.gif) no-repeat 0px 10px;
}
 
span.suggestTextAmount{
   display: block;
   float:right;
   margin-top: -19px;
   font-weight: normal;
   color: #fff;
   width: 50px;
   font-size: 11px;
   }
 
.suggestLayerBlockImage li.suggestRow{
   padding-right: 16px;
   margin-top: 8px;
   float:left;
   }
 
li.suggestRowWithImage{
   height: 75px;
   width: 300px;
   background:#ffffff;
   margin: 0px 10px 0px 0px;
   }
   
span.suggestImage{
   float: left;
   height: 75px;
   text-align: center;
   width: 75px;
   background-color: #fff;
   }
   
ul.suggestLayerBlockImage li span.suggestTextQuery{
   height: 70px;
   }
   
.suggestLayerBlockImage li span.suggestTextQuery, 
.suggestLayerBlockText li span.suggestTextQuery{
   display: block;
   overflow: hidden;
   width: 190px;
   }
   
.suggestLayerBlockImage li span.suggestTextQuery{
   width: 210px;
   padding: 15px 0px 0px 15px;
   }
   
span.suggestImage img{
   max-height: 75px;
   max-width: 75px;
   }
 
.suggestParentCategory{
   display:none;
   }
 
.search_noresult{
   margin:40px 0;
   }
.search_noresult p{
   font-size:14px;
   font-weight:bold;
   }
.search_noresult ul{
   margin:20px 0;
   }

 

 

---