

/* wrapper fuer den ausklappenden Teil, also das eigentliche Dropdown */
div.selectbox-wrapper {
  position: absolute;
  width: 450px;
  background-color: #000;
  border: 1px solid #333; /*orginal MS muesste #000 sein */
  margin: 0px;
  margin-top: -1px; /*! an Hoehe des Feldes anpassen */
  padding: 0px;
  font-size: 0.8em;
  text-align: left;
  max-height: 200px; /* erzwingt den Scrollbar, ab einer gewissen Laenge */
  overflow: auto;
}


/* ul/li um "option" zu ersetzen*/
div.selectbox-wrapper ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  float: left;
  width: 100%;
}

/* li entspricht nun der jeweiligen "option" */
div.selectbox-wrapper ul li {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 2px;
  cursor: pointer;
}

/* markiert die jeweils gewaehlte Option  - orinaler MS-farbwert: #bebebe */
div.selectbox-wrapper ul li.selected { 
  background-color: #151515;
}

/*simuliert den Rollover auf der jeweiligen Option  - orinaler MS-farbwert: #bebebe */
div.selectbox-wrapper ul li.current { 
  background-color: #333;
}

/* selbstredend, oder? */
label {
    display: block;
    clear: both;
}

/* allgemeine Styles fuer das Erscheinungsbild der Select-Felder
 *  bei mehreren Feldern ueber #id des feldes identiffizieren
 */



div.input input.selectbox {
	background: url('/i/btn_dropdown.gif') no-repeat center right;
  cursor: pointer;
}
 
