/* ######################################################################################################*/
/* ################################################ Formulare ###########################################*/
/* ######################################################################################################*/

input[type="text"], input[type="password"], select, input[type="textarea"], input[type="email"], textarea {
 border: 1px solid #e0e0e0;
 padding: 8px 9px;
 outline: none;
 font-size: 13px;
 color: #000000;
 background: #fff;
 -webkit-box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.5);
 box-shadow: 0 2px 1px 0 rgb(0,0,0); border-radius: 2px;
}

input[type="select"] {
 padding: 0;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus{
 border: 1px solid #ff0000;
 color: #ff0000; 
}

input[type="checkbox"] {
 display: inline;
}

label span,	legend span {
 font-weight: normal;
 font-size: 13px;
 color: #444;
}

.button, input[type="button"], input[type="submit"], input[type="reset"]{
  margin-bottom: 15px;
  display: inline-block;
  border: #000000 1px solid;
  font-weight: 500;
  outline-width: medium;
  outline-style: none;
  font-size: 13px;
  cursor: pointer;
  width: 100px;
  height: 30px;
  transition-property: all;
  transition-duration: 200ms;
  transition-timing-function: ease-in-out;
  transition-delay: 0s;
  border-radius: 2px;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.2) inset;
  letter-spacing: -0.2px;
}

.button, input[type="button"], input[type="submit"], input[type="button"]:focus, input[type="submit"]:focus, input[type="reset"]:focus{
 color: #000000;
 background-color: #ffff00;
 box-shadow: 0 2px 1px 0 rgb(0,0,0);
}


select {
 border: 1px solid #efefef;
 padding: 1px 1px 1px 1px;
 box-shadow: 0 2px 1px 0 rgb(0,0,0);
}

select:focus{
 border: 1px solid #ff0000;
}

option {
 background:#222;
 border-top:1px solid #444;
 padding:.3em 1em .3em 1em;
 color: #ffffff;
}


.button, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover{
 background-color: #aaaaaa;
 background-image: none;
 background-repeat: repeat;
 background-attachment: scroll;
 background-position: 0% 0%;
 background-clip: border-box;
 background-origin: padding-box;
 background-size: auto auto;
}

textarea {
 back/ground: url(images/benice.png) center center no-repeat; /* This ruins default border */
 border: 1px solid #888; 
 border-radius: 2px;
 width: 335px;
}