/* forms.css 
 *
 * version 0.2
 * inline-block für ie version 7
 */



 
form.miniform {
	-webkit-font-smoothing: antialiased; 
  font-size: 12px;
  font-family: arial, helvetica, sans-serif;
}


form.miniform selector, form.miniform selector,
div.input_text, div.input_text span,
div.input_button, div.input_button span,
div.input_submit, div.input_submit span,
div.input_reset, div.input_reset span,
div.input_file span.filename, div.input_file span.button,
div.selector, div.selector span,
div.input_checkbox, div.input_checkbox:hover, div.input_checkbox.hover, div.input_checkbox:focus, div.input_checkbox.focus,
div.input_radio, div.input_radio:hover, div.input_radio.hover, div.input_radio:focus, div.input_radio.focus {
  background-image: url("../graphics/miniform.png");
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased; 
  font-size: 12px;
  font-family: arial, helvetica, sans-serif;
  text-align: left;	
}

form *, form input:hover, form input:active, form input:focus, form select:focus {
  outline: none;
}

/**************************************************/
/* Input Text                                     */
/**************************************************/
/* Linke Seite */
div.input_text {
  background-position: 0 -99px;
  height: 35px;
  cursor: pointer;
  position: relative;
  display: inline-block;
  display: -moz-inline-stack; /* Für Mozilla Firefox 2 */
  zoom: 1;                    /* Für IE7 und darunter */
  *display: inline;           /* Für IE7 und darunter */
}

/* Rechte Seite */ 
div.input_text span {
  display: inline-block;
  margin-left: 10px;
  height: 35px;
  background-position: right 0;
}

div.input_text span input {
  margin-right: 11px;
  margin-top: 6px;
  padding: 4px 0;
  border: none;
  background: transparent;  
  color: #2e1c1b;
}

/* Linke Seite */ 
div.input_text:hover, div.input_text.hover {
  background-position: 0 -132px;
}
/* Rechte Seite */ 
div.input_text:hover span, div.input_text.hover span {
  background-position: right -33px;
}
/* Linke Seite */ 
div.input_text.focus, div.input_text.focus  {
  background-position: 0 -165px;
}
/* Rechte Seite */ 
div.input_text.focus span {
  background-position: right -66px;
}



/**************************************************/
/* Input Button                                   */
/**************************************************/
/* Linke Seite */
div.input_button, div.input_submit, div.input_reset {
  background-position: 0 -297px;
  height: 35px;
  cursor: pointer;
  position: relative;
  display: inline-block;
  display: -moz-inline-stack; /* Für Mozilla Firefox 2 */
  zoom: 1;                    /* Für IE7 und darunter */
  *display: inline;           /* Für IE7 und darunter */
}

/* Rechte Seite */ 
div.input_button span, div.input_submit span, div.input_reset span {
  display: inline-block;
  margin-left: 10px;
  height: 35px;
  background-position: right -198px;
}

div.input_button span input, div.input_submit span input, div.input_reset span input {
  margin-right: 11px;
  margin-top: 6px;
  padding: 4px 15px 4px 12px;
  border: none;
  background: transparent;
  color: #2e1c1b;
  text-shadow: 1px 1px 1px #b48025;
}

div.input_button.focus span input, div.input_submit.focus span input, div.input_reset.focus span input {
  color: #b48025;
  text-shadow: 1px 1px 1px #2e1c1b;	
	font-weight: normal;
}


/* Linke Seite */ 
div.input_button:hover, div.input_button.hover,
div.input_submit:hover, div.input_submit.hover,
div.input_reset:hover, div.input_reset.hover {
  background-position: 0 -330px;
}
/* Rechte Seite */ 
div.input_button:hover span, div.input_button.hover span,
div.input_submit:hover span, div.input_submitn.hover span,
div.input_reset:hover span, div.input_reset.hover span {
  background-position: right -231px;
}
/* Linke Seite */ 
div.input_button.focus, div.input_submit.focus, div.input_reset.focus  {
  background-position: 0 -363px;
}
/* Rechte Seite */ 
div.input_button.focus span, div.input_submit.focus span, div.input_reset.focus span {
  background-position: right -264px;
  
}



/**************************************************/
/* Input File                                     */
/**************************************************/

div.input_file {
  height: 35px;
  width: 260px;
  cursor: pointer;
  position: relative;
  overflow: hidden; 
  border-bottom: 0px solid hotpink;
}

div.input_file span.button {
  height: 35px;
  line-height: 35px;
  width: 100px;
  text-align: center;
  padding-right: 10px;
  padding-top: 1px;
  float: left;
  display: inline;
  overflow: hidden;
  cursor: pointer; 
  background-position: right -198px;
  border: 0px solid red;
  color: #2e1c1b;
  text-shadow: 1px 1px 1px #b48025;
}

div.input_file:hover span.button, div.input_file.hover span.button {
  background-position: right -231px;
}

div.input_file:focus span.button, div.input_file.focus span.button {
  background-position: right -264px;
  color: #b48025;
  text-shadow: 1px 1px 1px #2e1c1b;
}

div.input_file span.filename {
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  float: left;
  cursor: default;
  height: 35px;
  line-height: 35px;
  width: 126px;
  padding: 0 10px;   
  background-position: 0 -396px;
  border: 0px solid blue;
}

div.input_file:hover span.filename, div.input_file.hover span.filename {
  background-position: 0 -429px;
}

div.input_file:focus span.filename, div.input_file.focus span.filename {
  background-position: 0 -429px;
}


div.input_file input {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none;
  background: none;
  position: absolute;
  top: 0;
  right: 0;
  float: right;
  cursor: default;
  width: 100%;
  height: 100%; 
}


/**************************************************/
/* DROPDOWN                                       */
/**************************************************/

/* normal: links */
div.selector {
  position: relative; /* wichtig, sonst klappt die option-box nicht auf */  
  width: 210px;
  height: 35px;
  overflow: hidden;
  background-position: 0 -99px;
  display: inline-block;
  zoom: 1;                    /* Für IE7 und darunter */
  *display: inline;           /* Für IE7 und darunter */
}

div.selector:hover, div.selector.hover {
  background-position: 0 -132px;
}

div.selector:focus, div.selector.focus {
  background-position: 0 -165px;
} 


/* normal: rechts */
div.selector span {
  background-position: right -495px;
  display: block;
  margin-left: 10px;
  height: 35px;
  line-height: 35px;
  
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
}

div.selector span.select_value {
	color: #2e1c1b;
	padding-right: 30px;
}

div.selector:hover span, div.selector.hover span {
  background-position: right -528px;
}

div.selector:focus span, div.selector.focus span {
  background-position: right -561px;
}


div.selector select {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  
  border: none;
  background: #fff;
  position: absolute;
  
  /* für den Internetexplorer die Option-box etwas tiefer setzen => 35px-4px=31px */
  height: 31px; 
  top: 0px; 
  left: 5px;
  width: 100%; 
  
  }




/****************************************************************************************************/
/* CHECKBOX                                                                                         */
/****************************************************************************************************/
div.input_checkbox {
	margin: 0 3px -8px 0;
  background-position: 0 -594px;
  display: inline-block;
  height: 23px;
  width: 23px;
}

div.input_checkbox:hover, div.input_checkbox.hover {
	background-position: -23px -594px;
}

div.input_checkbox:focus, div.input_checkbox.focus {
  background-position: -92px -594px;
}

div.input_checkbox:focus:hover, div.input_checkbox.focus.hover {
  background-position: -115px -594px;
}

div.input_checkbox input {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  display: block;
  width: 25px; height: 25px;
  text-align: center;
}




/****************************************************************************************************/
/* RADIOBUTTONS                                                                                     */
/****************************************************************************************************/

div.input_radio {
  margin: 0 3px -8px 0;
  background-position: 0 -627px;
  display: inline-block;
  height: 23px;
  width: 23px;
}


div.input_radio:hover, div.input_radio.hover {
  background-position: -23px -627px;
}

div.input_radio:focus, div.input_radio.focus {
  background-position: -92px -627px;
}

div.input_radio:focus:hover, div.input_radio.focus.hover {
  background-position: -115px -627px;
}


div.input_radio input {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  display: block;
  width: 25px; height: 25px;
  text-align: center;
}