/**
 * Aufklappbares Fenster in welchem die Vorschläge 
 * angezeigt werden
 */  
div.searchproposal {
    position:           absolute;
    overflow:           auto;
    border:             1px solid #777;
    padding:            3px;
    font-family:        arial;
    font-size:          12px;
    margin-top:         -1px;
    background-color:   #fff;
    text-align:         left;
    z-index:            10000;
}

/**
 * Eintrag im Fenster
 * searchItems   = Wonach andere gesucht haben
 * proposalItems = Vorschläge
 */    
div.searchproposal div.searchItems,
div.searchproposal div.proposalItems {
    font-family:        arial;
    font-size:          12px;
    margin-top:         1px;
    background-color:   transparent;
    clear:              left;
    height:             16px;
    text-align:         left;
}

/**
 * Eintrag im Fenster bei einem Mouseover
 * searchItems_mo   = Wonach andere gesucht haben
 * proposalItems_mo = Vorschläge
 */
div.searchproposal div.searchItems_mo,
div.searchproposal div.proposalItems_mo {
    font-family:        arial;
    font-size:          12px;
    margin-top:         1px;
    background-color:   rgb(224,241,254);
    clear:              left;
    height:             16px;
    cursor:             pointer;
    text-align:         left;
}

/**
 * Überschriftliene (Andere Benutzer suchten: / Vorschläge: / Artikel:)
 */  
div.searchproposal div.headerLine {
    border-bottom:      1px solid #999;
    color:              #999;
    text-align:         right;
    margin-top:         6px;
}

/**
 * Icon in den Einträgen, vor dem Text
 */ 
div.searchproposal div.searchItems div.searchItemIcon,
div.searchproposal div.searchItems_mo div.searchItemIcon,
div.searchproposal div.proposalItems div.searchItemIcon,
div.searchproposal div.proposalItems_mo div.searchItemIcon {
    position:           absolute;
    float:              left;
    height:             16px;
    width:              16px;
    text-align:         left;
} 
/**
 * Text in den Einträgen, nach dem Icon
 */ 
div.searchproposal div.searchItems div.searchItemText,
div.searchproposal div.searchItems_mo div.searchItemText,
div.searchproposal div.proposalItems div.searchItemText,
div.searchproposal div.proposalItems_mo div.searchItemText {
    position:           absolute;
    float:              left;
    height:             16px;
    margin-left:        20px;
    text-align:         left;
    width:              260px;
    overflow:           hidden;
} 

/**
 * Artikel-Einträge
 */ 
div.searchproposal div.artikelItems,
div.searchproposal div.artikelItems_mo {
    font-family:        arial;
    font-size:          12px;
    margin-top:         1px;
    margin-bottom:      5px;
    background-color:   #fff;
    clear:              left;
    height:             60px;
    cursor:             pointer;
    overflow:           hidden;
    text-align:         left;
}

/**
 * Artikel-Einträge bei einem Mouseover
 */ 
div.searchproposal div.artikelItems_mo {
    background-color:   rgb(224,241,254);
}

/**
 * Thumbnail in einem Artikeleintrag
 */ 
div.searchproposal div.artikelItems div.artikelItemIcon,
div.searchproposal div.artikelItems_mo div.artikelItemIcon {
    position:           absolute;
    float:              left;
    height:             55px;
    width:              60px;
    text-align:         left;
} 

div.searchproposal div.artikelItems div.artikelItemIcon img,
div.searchproposal div.artikelItems_mo div.artikelItemIcon img {
    background-image:   url(../images/loading_arrows.gif);
    background-repeat:  no-repeat;
    background-position: center center;
    text-align:         left;
}

/**
 * Text in einem Artikeleintrag
 */ 
div.searchproposal div.artikelItems div.artikelItemText,
div.searchproposal div.artikelItems_mo div.artikelItemText {
    position:           absolute;
    float:              left;
    margin-left:        60px;
    height:             60px;
    width:              220px;
    overflow:           hidden;
    font-size:          11px;           
    font-weight:        small;
    text-align:         left;
} 

/**
 * TÜberschrift in einem Artikeleintrag
 */ 
div.searchproposal div.artikelItems div.artikelItemText b,
div.searchproposal div.artikelItems_mo div.artikelItemText b {
    font-size:          11px;           
    font-weight:        bold;
    text-align:         left;
}