/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * YAML form theme: "gray-theme"
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                       YAML-CDL (http://www.yaml.de/license.html)
 * @link                 http://www.yaml.de
 * @package         yaml
 * @version              v4.0.2
 * @revision             $Revision: 743 $
 * @lastmodified         $Date: 2012-10-23 23:01:14 +0200 (Di, 23 Okt 2012) $
 */

@media screen and (min-width: 0px){

  /**
  * @section general width settings for formular elements in modern browsers
  *          switching to CSS3 box modell "border-box" for perfect flexible forms
  *
  * Styling for: <labels>, <input>, <textarea> and <select>
  *
  */

  .box_content form input,
  .box_content form input,
  .box_content form textarea,
  .box_content form select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width:60%;
  }

  .box_content form label {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  .ym-full select,
  .ym-full input,
  .ym-full textarea { width:100%; }
}

@media screen, projection {

  /**
  * @section general form styling
  *
  * Styling for: <form>, <fieldset>, <legend>, <label> and rows (class="ym-fbox-[xxx]")
  *
  */
  .box_content form {
  }

  .box_content form fieldset {
    position:static;
    background:transparent;
    margin:0;
    padding:20px;
    border:1px solid #ccccc7;
  }

  .box_content form legend {
    background:transparent;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:160%;
  line-height: 1.2em;
  color:#000;
  }

  .box_content form label {
  display: block;
  line-height: 1.5em;
  padding: 1em 0 0.25em 0;
  }


  /**
  * @section styling form elements
  *
  * Styling for: Input, Textarea, Select ...
  *
  */

  /* styling standard form elements with 'almost' equal flexible width */
  /* Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
  .box_content form input,
  .box_content form textarea {
    line-height: 1em;
    padding: 0.55em 0.55em;
    color:#656565;
}

  .box_content form select {
    line-height: 1em;
    padding: 0.45em 2px 0.45em 1px;
    margin-top: -2px;
    color:#656565;
  }

  /* proportional fonts for all form elements */
  .box_content form input,
  .box_content form textarea,
  .box_content form select,
  .box_content form optgroup {
    -webkit-box-shadow: inset 0 0 4px #eee;
    -moz-box-shadow: inset 0 0 4px #eee;
    box-shadow: inset 0 0 4px #eee;
  } 

  .box_content form optgroup {
    font-style:normal;
    font-weight:bold;
  }

  .box_content form input,
  .box_content form textarea,
  .box_content form select {
    border:1px solid #e6e6e4;
    background-color:#e6e6e4;
    font-family:Arial, Helvetica, sans-serif;
  }

  .box_content form div.radio_checkbox {
    clear:left;
    padding:1em 0 0.25em 0;
  }

  .box_content form div.radio_checkbox input {
    border:0px none;
    background:transparent;
    width:auto;
    margin-right:20px;
    margin-bottom:0.25em;
    display:block;
    float:left;
    clear:left;
  }

  .box_content form div.radio_checkbox label {
    float:left;
    padding:0;
    line-height:1em;
  }

  /* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
  .box_content form .mandatory {
    color:#800;
    font-weight:bold;
  }


  /**
  * @section error messages
  *
  */

  .box_content form .ym-error label {
    color:#800;
    font-weight:normal;
  }

  .box_content form .ym-error input,
  .box_content form .ym-error select,
  .box_content form .ym-error textarea {
    border: 1px #800 solid;
  }

  .box_content form .ym-error input:hover,
  .box_content form .ym-error input:focus,
  .box_content form .ym-error select:hover,
  .box_content form .ym-error select:focus,
  .box_content form .ym-error textarea:hover,
  .box_content form .ym-error textarea:focus {
    border: 1px #800 solid !important;
  }

  .box_content form .ym-error .ym-message {
    color:#800;
    font-weight: bold;
    margin-top: 0;
  }

  /* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
  .box_content form input:focus,
  .box_content form textarea:focus,
  .box_content form input:hover,
  .box_content form textarea:hover,
  .box_content form input:active,
  .box_content form textarea:active {
    border:1px rgba(0, 51, 93, 1) solid;
    background:#e6e6e4;
  }

  .box_content form select:focus,
  .box_content form select:hover,
  .box_content form select:active {
    border:1px #fff solid;
    background:#d7d7d4;
  }


  /**
  * @section Buttons
  *
  * inspired from: Catalin Rosu (http://www.red-team-design.com/just-another-awesome-css3-buttons)
  */

  .box_content form button,
  .box_content form input[type="button"],
  .box_content form input[type="reset"],
  .box_content form input[type="submit"] {
    min-height:30px;
    display: block;
    clear:left;
    white-space: nowrap;
    color:#fff;
    font-weight: bold;
    border: 0px none;
    background-image:url(/fileadmin/inf/sys/script/jqtransformplugin/img/btn_left.gif);
    background-repeat:no-repeat;
    background-color: #ababa6;
    width: 135px;
    padding:2px 50px 2px 30px;
    cursor: pointer;
    margin:2em 0 0 0;
    overflow: visible; /* removes extra side spacing in IE */
    text-decoration: none !important;
    margin-bottom: 10px;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
  }

  /* pseudo elements don't work on input */
  .box_content form button:before {
    background: #ccc;
    background: rgba(0,0,0,.1);
    float: left;
    width: 1em;
    text-align: center;
    font-size: 1.5em;
    margin: 0 1em 0 -1em;
    padding: 0 .2em;
    -moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
    -webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
    box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
    -moz-border-radius: .15em 0 0 .15em;
    -webkit-border-radius: .15em 0 0 .15em;
    border-radius: .15em 0 0 .15em;
    pointer-events: none;
  }

  /* removes extra inner spacing in Firefox */
  .box_content form button::-moz-focus-inner {
    border: 0;
    padding: 0;
  }

  /* If line-height can't be modified, then fix Firefox spacing with padding */
  .box_content form input[type=button]::-moz-focus-inner,
  .box_content form input[type=reset]::-moz-focus-inner,
  .box_content form input[type=submit]::-moz-focus-inner {
    padding: .4em;
  }

  /* The disabled styles */
  .box_content form button[disabled],
  .box_content form button[disabled]:hover,
  .box_content form input[type=button][disabled],
  .box_content form input[type=button][disabled]:hover,
  .box_content form input[type=reset][disabled],
  .box_content form input[type=reset][disabled]:hover,
  .box_content form input[type=submit][disabled],
  .box_content form input[type=submit][disabled]:hover {
    background: #eee;
    color: #aaa !important;
    border-color: #aaa;
    cursor: default;
    text-shadow: none;
    position: static;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

  /* ie6 support styles - redefined buttons, because of missing support for attribute selectors */
  * html .box_content form button {
    display: inline-block;
    white-space: nowrap;
    background-color: #ccc;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
    border: 1px solid #777;
    color: #333 !important;
    cursor: pointer;
    font: normal 1em Helvetica, Helvetica, sans-serif;
    margin: 1.5em 0.75em 0 0;
    padding: 0 1.5em;
    overflow: visible; /* removes extra side spacing in IE */
    text-decoration: none !important;
  }

  * html .box_content form button:focus {
    outline: 0;
    background: #fafafa;
  }

  * html .box_content form button:hover {
    background-color: #ddd;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
  }

  * html .box_content form button:active {
    background-color: #bbb;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#bbbbbb');
    position: relative;
    top: 1px;
  }


/* draufer form fix */

/*  .box_content form div.radio_checkbox {
    clear:left;
    padding:1em 0 0.25em 0;
  }
*/
  .box_content form input[type=radio],
  .box_content form input[type=checkbox]{
    border:0px none;
    background:transparent;
    width:auto;
    margin-right:20px;
    margin-bottom:0.25em;
    display:block;
    float:left;
    clear:left;
  }

  .box_content form div.radio_checkbox label {
    float:left;
    padding:0;
    line-height:1em;
  }

  /* amerkel: fix for search box (-> fluid styled content)*/
  #search .box_content {
      padding:0;
  }
  
  #search .box_content .tx-solr form input {
      padding:0;
  }

  .box_content .tx-solr #tx-solr-search .tx-solr-submit {
      clear: none;
  }
  /* end fix */
  
}