/* id mit #   , class mit . -----------------------------------------------  */
/* padding Vier Werte:   Abstand oben, rechts,  unten  links */

/*  Anwendung:

href:
<a href="href_clicked.html" style="text-decoration: none">	
<input type="submit" class="dreidbutton dreidbutton_image_ok" value="OK"></input>
</a>

submit
<form action="input_submit_clicked.html" name="ok">
<input type="submit" class="dreidbutton dreidbutton_image_ok" value="OK"></input>
</form>

reset
<a class='' >
<input class='dreidbutton dreidbutton_image_cancel' value='R&#252;cksetzen' type='reset' onclick='ruecksetzen();'> 
</a>

 onclick:
<input type="button" class="dreidbutton dreidbutton_image_ok" value="OK" onclick='alert("clicked");'></input>

*/

	/* Button */  
	input.dreidbutton  , button.dreidbutton {
	/*width: 140px;
	height: 32px; */
	width: 9em;
	height: 2.3em;
	margin-bottom: 15px;
	
	font-size: 1em; 
	font-family: Arial;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
/*	padding: 6px 0px  2px 15px  ;  */
	padding: 0.375em 0em  0.125em 0.50em  ;

	background-repeat: no-repeat;
/*	background-size: 22px;   */
	background-size: 1.4em;
	background-position:  96% center;
	cursor:pointer;
}




/* ------------- file input styles !!  --------------  */
/* hier nichts aendern !! */
.file_btn_div {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

/* hier nichts aendern !! */
.file_btn_div input[type=file] {
  font-size: 1em; 
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.file_btn {
  width: 9em;
  height: 2.3em;
  border: 2px solid  var(--colordarkgrey) ;
  border-top: 2px solid   var(--colormiddlegrey)  ; /* Rahmen*/
  border-left: 2px solid    var(--colormiddlegrey)  ;
  
  color: black;
  background: var(--colormiddlegrey);
  padding: 0.375em 0em  0.125em 0.50em  ;
  font-size: 1em; 
  font-family: Arial;
  text-decoration: none;
  font-weight: bold;
  text-align: left;
}