@charset "UTF-8";

@media all
{

  /* Styling of buttons | Gestaltung von Buttons */
  form.yform .type-button input,
  form.yform .type-button button {
    border-top: 1px #ddd solid;
    border-left: 1px #ddd solid;
    border-right: 1px #444 solid;
    border-bottom: 1px #444 solid;
    color: #000;
    background: #ccc;
    padding: .5em 1.2em;
  }

  form.yform .type-button input#reset,
  form.yform .type-button button#reset { color: #000; background: #ccc url(images/button_red.png) top left repeat-x; }
  form.yform .type-button input#submit,
  form.yform .type-button button#submit { color: #000; background: #A0D501; }

  /* :hover and :focus status on buttons | Effekt zur Hervorhebung von Schaltern bei :hover oder :focus */
  form.yform div.type-button input:focus,
  form.yform div.type-button button:focus,
  form.yform div.type-button input:hover,
  form.yform div.type-button button:hover,
  form.yform div.type-button input:active,
  form.yform div.type-button button:active {
    border-top: 1px #444 solid;
    border-left: 1px #444 solid;
    border-right: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
    color: #fff;
    background: #666; 
  }

  form.yform div.type-button input#reset:focus,
  form.yform div.type-button button#reset:focus,
  form.yform div.type-button input#reset:hover,
  form.yform div.type-button button#reset:hover,
  form.yform div.type-button input#reset:active,
  form.yform div.type-button button#reset:active {
    background: #666; color: #fff;
  }

  form.yform div.type-button input#submit:focus,
  form.yform div.type-button button#submit:focus,
  form.yform div.type-button input#submit:hover,
  form.yform div.type-button button#submit:hover,
  form.yform div.type-button input#submit:active,
  form.yform div.type-button button#submit:active {
    background: #A0D501; color: #fff;
  }

}