/*
  
    HINWEIS: Die Styles für die Banner befinden sich in der Banner-Datei, so dass
    diese auch ohne den Rahmen der Suche genutzt werden kann.
  
  */



  /*
    den äusseren Rahmen des Such-Containers
  */
  
  
body {
/*background-color:#FFFFFF;*/
  font-family:Arial, Verdana;
	font-size:11px;
}

  
.asgesamtcontainer
{
  width:590px;
  background-color:#FFFFFF;
  float:left;
}
      
  #ascontainer
  {
    width:590px;
    padding-top:0px;
    background-color:transparent;
    /*background-color:#FFFFFF;*/
    float:left;
  }
  
  #ascontainer_print
  {
    width:590px;
    float:left;
  }
  .aslandauswahl
  {
        background-color:#FFFFFF;
    padding: 0 0 0 5px;
    }

  /*
    den oberen Bereich über der Suche, der die Banner enthält
  */
  #asbannercontainer
  {
    width:585px;
    padding:0px 0px 10px 5px;
    background-color:transparent;
    float:left;
        
  }
  
  #asbannercontainer_sky
  {
    background-color:transparent;
    float:left;
  }

  /*
    Container für alle Aussteller einer Nomenklatur in Hallen-Ansicht
    + Alle Nomenklaturen in Hallenansicht
    + Filtern nach Kennzeichen (dort wie Höhe händisch noch angepasst)
  */
  .halle_liste_aussteller_container
  {
    width:260px;
    float:left;
    border-right:1px solid #000000;
    border-top:1px solid #000000;
    border-bottom:1px solid #000000;
    border-left:1px solid #000000;    
    padding:5px;
    margin-top:0px;
    margin-bottom:5px;
    margin-left:5px;
  }
  
  .halle_liste_aussteller_container_overflow
  {
    width:260px;
    float:left;
    border-right:1px solid #000000;
    border-top:1px solid #000000;
    border-bottom:1px solid #000000;        
    border-left:1px solid #000000;        
    padding:5px;
    margin-top:0px;
    margin-bottom:5px;
    margin-left:5px;
    height:150px;
    overflow:auto;
    height:200px;

  }
  
  .halle_alle_nomen_box
  {
    width:240px;
    float:left;
  }
  
  .halle_alle_nomen_box_nomen
  {
    width:215px;
    float:left;
    padding-top:3px;
  }
  
  a.halle_liste_aussteller_item
  {
    width:220px;
    display:block;  
    margin-top:7px;
    float:left;
  }
  
  .asbannercontainer_halle_container, , #HalleBannerDIV

  {
    background-color:transparent;
    float:left;
    width:1000px;
  }  

  #asbannercontainer_halle
  {
    background-color:transparent;
    float:left;
    width:750px
  }
  
  #linkkatalogcontainer
  {
    width:590px;
    margin-top:5px;
    padding:0px 0px 10px 0px;
    font-family:Arial, Verdana;
    font-size:11px;
    color:#000000;  
    background-color:#FFFFFF;      
    float:left;
  }
  
    #kataloglink
  {
        padding-left:30px;
		  padding-bottom:5px;
    background:url(images/katalogicon.gif) no-repeat left top;
  }
  
  /*
                das Aussehen der Kopfzeile
  */
  #kopfcontainer
  {
    width:590px;
    /*background-color:#FDDC15;*/
  font-family:Arial, Verdana;
  /*font-size:11px;*/
  font-size:18px;
  color:#000000;
  float:left;
  padding:0px 0px 5px 0px;
  border-bottom:15px solid #ffffff;
    }

   #kopfcontainer_print
  {
        width:640px;
    float:left;
    }
  /*
                das Aussehen der Fußzeile
  */
  #fusscontainer
  {
        width:585px;
        background-color: #FFFFFF;
        font-family:Arial, Verdana;
    font-size:11px;
    color:#000000;
    float:left;
    padding: 0 0 0 5px;
     }
        
    #fusscontainer_print
  {
        width:640px;
    float:left;
    }



  /*
    den Bereich der eigentlichen Suchmaske
  */
  #assuchmaskecontainer
  {
    width:570px;
    border:1px solid #000000;
    padding:10px 10px 10px 10px;
    background-color:#FFFFFF;
    float:left;
  }

  /*
    der Ergebnisbereich
  */
  #asergebniscontainer
  {
    margin-top:5px;
    width:590px;
    padding:0px 0px 0px 0px;
    background-color:transparent;
    border:0px;
    float:left;
  }  
  
  /*
    Sucheart (Standfard, Fehlertolerant)
  */
  #suchartcontainer
  {
    padding-top:10px;
    text-align:right;
    background-color:#FFFFFF;
    float:left;
  }  

  /*
    Anzahl Treffer
  */  
  #suchanzahltreffer
  {
    padding-top:10px;
    text-align:right;
    background-color:#FFFFFF;
    float:left;
  }  
  
  /*
    Container mit Such-Buttons
  */
  #suchbuttonscontainer
  {
    padding-top:5px;
    padding-bottom:5px;
    padding-right:5px;
    text-align:right;
    background-color:#FFFFFF;
    float:left;
     width:585px;
  }
  
  
  /*
    Container für Open Messeplaner
  */
  #openmesseplanercontainer
  {
    width:585px;
    padding:0px 5px 0px 0px;
    background-color:transparent;
    text-align:right;  
    vertical-align:middle;    
    float:left;
  }
  
  /*
    Span für Open Messeplaner, inkl. Grafik
  */
  #openmesseplaner
  {
    padding-left:20px;
    margin-right:10px;
    margin-left:10px;    
    background:url(images/loadicon.gif) no-repeat left top;
  }
  
  .telefonpikto
  {
    padding-left:20px;
    background:url(images/pikto_fon.gif) no-repeat left top;
    background-color:transparent;
    width:295px;
    float:left;
  }
  
  .faxpikto
  {
    padding-left:20px;
    background:url(images/pikto_fax.gif) no-repeat left top;
    background-color:transparent;
    width:295px;
    float:left;
  }
  .telefonpikto_print
  {
    padding-left:20px;
    background:url(images/pikto_fon.gif) no-repeat left top;
    background-color:#ffffff;
    width:280px;
    float:left;
  }
  
  .faxpikto_print
  {
    padding-left:20px;
    background:url(images/pikto_fax.gif) no-repeat left top;
    background-color:#ffffff;
    width: 280px;
    float:left;
  }

  #standlandcontainer
  {
    width:590px;
    float:left;
  }
  
  #standvoncontainer
  {
    font-size:10px;
    color:#ffffff;  /*#999999;*/
    font-family:Arial, Verdana;
    text-align:right;
    float:right;    
  }
  
  #landauswahlcontainer
  {
    float:left;
  }
  
  /* "Anzeige" über Banner */
  .anzeigeHinweis
  {
    font-family:Arial, Verdana;
    font-size:9px;
    color:#999999;
  }
  
  /*
    Tja, halt einfach die Hintergrundfarbe
  */
  .bgcolor
  {
    background-color:#FFFFFF;
  }
  
  /*
    Span für "In Messeplaner übernehmen" inkl. Grafik und "Messeplaner öffnen"
  */
  .putintomesseplaner
  {
    padding-left:20px;
    background:url(images/planicon.gif) no-repeat left center;
  }  
  
  /*
    "Vor" und "Zurück" - Umgebung
  */
  .pagingcontainer
  {
    width:578px;
    background-color: #D5D5E6;
    border:0px;
    vertical-align:middle;  
    float:left;
    padding:3px 6px;    
    margin-top:5px;
    text-align:right;
  }
  
  /*
    Number of hits - Umgebung
  */
  .numberofhitscontainer
  {
    width:590px;
    padding:0px 0px 0px 0px;
    background-color:#FFFFFF;
    border:0px;
    text-align:left;  
    vertical-align:middle;  
    float:left;
  }
  
  /*
    Kopf Messeplaner
  */  
  .messeplanerheadcontainer
  {
    width:590px;
    padding:0px 0px 0px 0px;
    background-color:transparent;
    border:0px;
    text-align:left;
    vertical-align:middle;  
    float:left;
  }

  /*
    Suche / CSV Bereich (Suchergebnis und Messeplaner)
  */  
  .printcsvcontainer
  {

    width:590px;
    padding:0px 0px 10px 0px;
    background-color:#FFFFFF;
    border:0px;
    text-align:right;  
    vertical-align:middle;  
    height:16px;
    float:left;
    
  }  
  
  /*
    Span für "Drucken"
  */
  .printme
  {
    margin-right:5px;
    margin-left:5px;    
    padding-left:20px;
    background:url(images/printicon.gif) no-repeat left center;
  }  

  /*
    Span für "PDF"
  */
  .pdfme
  {
    margin-right:5px;
    margin-left:5px;    
    padding-left:20px;
    padding-top:1px;
    background:url(images/pdficon.gif) no-repeat left center;
    height:16px;
  }  
  
  /*
    Span für "CSV"
  */
  .csvme
  {
    margin-right:5px;
    margin-left:5px;  
    padding-top:1px;
    padding-left:20px;
    background:url(images/csvicon.gif) no-repeat left center;
  }
  
  
  /*
    Span für "Speichern"
  */
  .saveme
  {
    margin-right:5px;
    margin-left:5px;  
    padding-left:17px;
    background:url(images/saveicon.gif) no-repeat left center;
  }
  
  
  /*
    Span für "Alles löschen"
  */
  .delallme
  {
    margin-right:5px;
    margin-left:5px;  
    padding-left:17px;
    background:url(images/delicon.gif) no-repeat left center;
  }
  

  /*
    Feld für einen Aussteller im Ergebnis
  */
  .asergebnisfeld
  {
    margin-top:5px;
    width:588px;
    background-color:#FFFFFF;
    padding:0px 0px 0px 0px;
     background-image:url(images/bg_.gif);
        background-repeat:repeat-y;
        float:left;
  }

  .asergebnisfeld_print
  {
    margin-top:5px;
    width:630px;
    background-color:#FFFFFF;
    border:1px solid #000000;
    padding:0px 0px 0px 0px;
    float:left;
  }

  /*
    Feld für einen Aussteller im Ergebnis - in DETAILANSICHT!
  */
  .asergebnisfelddetail
  {
    margin-top:0px;
    width:295px;
    float:left;
  }
  

  /*
    Feld für einen Aussteller im Ergebnis - TOPOFTHELIST
  */
  .asergebnisfeldTOPOFTHELIST
  {
    margin-top:5px;
    margin-bottom:20px;
    width:590px;
    background-color:#FFFFFF;
    border:1px solid #000000;
    float:left;
  }

  /*
    Feld für "mehr Infos" eines Ausstellers im Ergebnis - Ausgabe der Daten
  */

  .astrefferliste
  {
        width:576px;
        float:left;
      border:1px solid #000000;
      padding:3px 6px;
    background-color:#E6E5DC; /*Hintergrundfarbe für Trefferliste*/
    }

    .astrefferlisterahmen
    {
      width: 588px;
      float:left;
      background-color:transparent;
    }

  .askennzeichen
  {
        padding:2px 0px 0px 2px;
    background-color:transparent;
    float:left;
    width:45px;
        text-align:left;
    }

  /*
    Feld für einen Aussteller im Ergebnis - Ausgabe der Daten
  */
  .asergebnisfelddaten
  {
        padding:0px 2px 0px 5px;
    background-color:transparent;
    float:left;
    width:250px;
        text-align:left;
  
  }
  
  /*
    Feld für einen Aussteller im Ergebnis - Button "alle Infos"
  */
  .asergebnisfeldalleinfos
  {
    position:relative;
        width:145px;
    padding:0px 0px 0px 5px;
    margin-right:0px;
    background-color:transparent;
    vertical-align:top;
    text-align: left;
    float:right;
  }

    .asergebnisfeld_detail_inhalt
  {
    margin-top:5px;
    width:590px;
    background-color:#FFFFFF;
    border-top:1px solid #000000;
    border-bottom:1px solid #000000;
    border-right:1px solid #000000;
    border-left:1px solid #000000;
    padding:5px;
        background-image:url(images/bg_.gif);
        background-repeat:repeat-y;
      float:left;    
    }

    .asergebnisfeld_detail
  {
    margin-top:5px;
    width:588px;
    background-color:transparent;
    padding:0px 0px 0px 0px;
     background-image:url(images/bg_.gif);
        background-repeat:repeat-y;
        float:left;
   
    }    
    
    .asergebnisfeldalleinfos_details
  {
        width:196.66666666667px;
    padding:5px 0px 0px 5px;
    margin-right:0px;
    float:left;
  }

  .asergebnisfeldalleinfos_print
  {
    width:210px;
    font-size:11px;
    padding:0px 0px 0px 5px;
    background-color:transparent;
    vertical-align:top;
    text-align:left;
    float:left;
  }
  
    .asergebnisaddicons
    {
      text-align:right;
      float:left;
    }

  /* DIV um den "alle Infos" Button herum */
  .alleinfosdiv
  {
    float:left;
    margin-left:10px;
  }
  

  .detailschliessen
  {
    width:570px;
    padding-top:10px;
    text-align:right;
    float:left;
    background-color:transparent;
  }

  /*
    die Font-Darstellung innerhalb der Suche
  */
  span.as
  {
    font-family:Arial, Verdana;
    font-size:11px;
    color:#000000;
  }
  
  span.as_print
  {
    font-family:Arial, Verdana;
    font-size:11px;
    color:#000000;
  }

    .as_detail_WV
    {
      width:560px;
    }


  /*
    Spalte mit den Namen der Suchfelder
  */
  .suchfeldName
  {
        width:140px;
    float:left;
    vertical-align:middle;
    text-align:right;
    padding-right:20px;
    padding-top:4px;
    font-family:Arial, Verdana;
    font-size:11px;
    color:#000000;    
    overflow:visible;
  }

  /*
    Spalte mit den Inputfelder
  */
  .suchfeldInput
  {
    width:390px;
    vertical-align:middle;
    text-align:left;
    float:left;
  }
  
  /*
    Input-Tag: Text
  */
  .suchefeldText
  {
       width:98%;
    /*width:295px;*/
    font-family:Arial, Verdana;
    font-size:11px;
    color:#000000;
    vertical-align:middle;  
    margin:2px 0px;
    padding-top:2px;
    float:left;
  }
  
  .suchefeldplz
  {
        width:22%;
        /*width:84.285714285714px;  */
        margin:2px 10px 2px 0px;
        float:left;
    }

    .suchefeldort
    {
        width:70%;
        /*width:196.66666666667px; */
        margin:2px 0px;
        float:left;
    }
  /*
    Input-Tag: Warengruppe Suche
  */
  .suchefeldTextWarensuche
  {
    width:98%;
                /*width:295px;*/
    font-family:Arial, Verdana;
    font-size:11px;
    color:#000000;  
    vertical-align:middle;  
    margin:2px 0px;
    float:left;
  }

  /*
    Input-Tag: Select     Klappboxen
  */
  .suchefeldSelect
  {
       width:100%;
    /*width:295px;*/
    font-family:Arial, Verdana;
    font-size:11px;
    color:#000000;    
    vertical-align:middle;
    margin:2px 0px;
    float:left;
  }

  .suchefeldSelectInline
  {
    font-family:Arial, Verdana;
    font-size:11px;
    color:#000000;    
  }



  /*
    Input-Tag: Select für Paging
  */
  .pageselect
  {
    font-family:Arial, Verdana;
    font-size:9px;
    color:#000000;    
  }

  /*
    Such-Buttons
  */
  .suchbutton
  {
    border: 1px solid #000000;
    font-family:Arial, Verdana;
    font-size:11px;
    color:#000000;  
  }
  
  .suchbuttonWarensuche  
  {
    border: 1px solid #000000;
    font-family:Arial, Verdana;
    font-size:11px;
    color:#000000;
    width:75px;
    float:left;
  }
  
  /*
    Default-Link
  */
  a
  {
    font-family:Arial, Verdana;
    font-size:11px;
    color:#000000;  
  }

  /*
    Link (Button) "alle Infos"
  */
  a.alleinfos, .alleinfos
  {
    font-family:Arial, Verdana;
    font-size:11px;
    background-color:#000000;  
    color:#FFFFFF;
    text-decoration:none;
    width:80px;
    /*width:[FormWidthAlleInfosLink]px; */
    text-align:center;
    display:block;
    float:left;
  }

  /*
    Link zum Hallenplan in Trefferliste
  */
  .hallenplan
  {
    font-family:Arial, Verdana;
    font-size:11px;
    color:#000000;  
    text-decoration:none;
    font-weight:bold;
    padding-left:19px;
    background:url(images/halleicon.gif) no-repeat left top;
    float:left;    
  }


  /*
    Links in Popup für Auswahl des Warenverz.
  */
  a.warenverzpopup
  {
    font-family:Arial, Verdana;
    font-size:11px;
    color:#000000;  
    text-decoration:none;
  }

  /*
    Warenverz.-Links in Trefferliste
  */
  a.warenverztreffer
  {
    font-family:Arial, Verdana;
    font-size:11px;
    color:#000000;
    text-decoration:underline;
        
  }
  
  /*
    Fehlermeldung
  */
  .error
  {
    font-family:Arial, Verdana;
    font-size:11px;
    color:#FF0000;
  }

  .inactive
  {
    font-family:Arial, Verdana;
    font-size:11px;
    color:#999999;  
  }
  
  /*
    Nicht belegt Nomenklaturgruppen so anzeigen (i.d.R. grau)
  */
  .warennichtbelegt
  {
    color:#AAAAAA;
    font-family:Arial, Verdana;
    font-size:11px;    
  }

  /*
    Messekennzeichen
  */
  .messekennzeichen
  {
    font-family:Arial, Verdana;
    font-size:11px;
    color:#666666;  
    font-weight:bold;
  }

  /*
    Ausstellerlogo-Grafik
  */
  .logo
  {
    width:156px;
      height:60px;
    margin:0px 0px 10px 0px;
    border:0px;
    /*float:left;*/
    background-image:url(images/default_nortec.gif);/*background-image:url(); Hier default Hintergrund-Logo-Wasserzeichen*/
  }

  /*
    Hallenplan-Grafik
  */
  
  #hallenplangrafik
  {
    cursor:default;
  }
  
  hr
  {
    height:1px;
    color:#000000;
  }
  
  /*
    Styles für Reiter in Detailansicht
  */
  .reiterli
  {
    border-top:1px solid black;
    border-right:1px solid black;
    border-bottom:1px solid #DDDDDD;    
    margin:0;
    background-color:#DDDDDD;
  }
  
  .reiterli a, .reiterliACTIVE a 
  {
    text-decoration:none;
    color:#000000;
    font-size:11px;
    font-family:Arial, Verdana;
    display:block;
  }
  
  .reiterliACTIVE
  {
    border-top:1px solid black;
    border-right:1px solid black;
    border-bottom:0px;
    margin:0;
    background-color:#FFFFFF;
    /*border-bottom:1px solid #FFFFFF;*/
    float:left;
  }  

  .reiterliInnen
  {
    padding:3px 6px 3px 6px;
    background-color:transparent;
  }  
  
  #skyscraper
  {
        width:120px;
        height:600px;
       /* border:1px solid #000000;*/
        font-family:Arial, Verdana;
        background-color:#FFFFFF;
        font-size:11px;
    position:absolute;
    left:615px;
    top:0px;
    float:left;
        
    }

    #platzierung123Abstandhalter
    {
    width:590px;
    float:left;
    height:10px;
    }

  ul.ueberunterliste
  {
    margin-top:0px;
    margin-bottom:0px;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:0px;
    margin-left:20px;
  }
  
  li.ueberunterliste
  {
  
  }
  
  /*
    Ausgewählte Nomenklatur-Punkte im Hallenplan
  */
  .nomenklatur_selected
  {
    color:red;
  }

  /*
    Ausgewähltes Kennzeichen im Hallenplan
  */

  
  .kennzeichen_selected
  {
    border:2px solid red;
  }  
    
  .queryhighlight
      {

        color:red;

    }
    a.sucheartwechsel
    {
      font-size:11px;
      color:#000000;
      text-decoration:none;
    }
    

    #EinfacheSucheTrefferlisteAussteller,
    #EinfacheSucheTrefferlisteNomenklatur,
     #EinfacheSucheTrefferlisteWeitere
    {
      width:590px;
      float:left;
    }

  #suchanzahltreffereinfachesuche
  {
    padding-top:10px;
    text-align:left;
    float:left;
  }  
  
  a.EinfachsucheAussteller,
  a.EinfachsucheNomenklatur,
  a.EinfachsucheWeitere
  {
    width:173px;
    display:block;
    float:left;
    padding:3px 10px;
    background-color:#dddddd;
    border-right:2px solid #ffffff;
    font-size:11px;
  }

  a.EinfachSucheNomenklaturLink
  {
    text-decoration:none;
  }
  
    /*
    Container für Open Messeplaner
  */
  #suchartwechselcontainer
  {
    width:590px;
    padding:10px 0px 10px 0px;
    background-color:transparent;
    text-align:right;  
    vertical-align:middle;    
    float:left;
  }
  
  
  a.linkalleaussteller
  {
    border:1px solid #B4CEE7;
    text-align:right;
    /*background-color:#D5D5E6;*/
    /*display:block;*/
    float:right;
    padding: 6px 6px;
    margin-bottom:5px;
    color: #000000;
  }
  
    /*
    Select bei Sortierung Messeplaner
  */
  .messeplanersort
  {
    font-size:11px;
  }
  .nomenklPicture {
    padding: 10px 15px;
  }
  
  .showNomenklPicture {
    cursor: pointer;
  }
  
  img.prodPicture {
    float: left;
    margin-right: 10px;
  }
  
  .clear {
    clear: both;
  }