/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) CSS-component for creating vertical forms
 * (de) CSS-Baustein zur Erstellung von Formularen mit untereinander angeordneten Elementen
 *
 * @note            Many thanks to Ansgar Hein (http://www.anatom5.de) for contribution
 *
 * @copyright       Copyright 2005-2010, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.3
 * @revision        $Revision: 470 $
 * @lastmodified    $Date: 2010-10-03 18:16:04 +0200 (So, 03 Okt 2010) $
 */

@media screen, projection
{
  /**
   *  YAML Forms - visual styling
   *
   *  (en) visual form styling area
   *  (de) Festlegung des optischen Erscheinungsbildes
   */

  .yform {
    margin:0 8px 0 0;
    padding:0 0 0 0;
	width:163px;
	float:right;
  }
  
  .gesamtsuchestart .yform {
    margin:28px 0 0 0;
    padding:0 0 0 0;
	width:100%;
	float:left;
  }
  
  .page-id-611 .yform {
    margin:0;
    padding:0 0 35px 0;
	width:100%;
	float:none;
  }

  .yform input {
    font-family:Arial, Helvetica, sans-serif; /* proportional fonts for all form elements */
  }

  .yform .type-text input {
    border:1px solid #000;
  }

  /* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
  .yform div.type-text input:focus,
  .yform div.type-text input:hover,
  .yform div.type-text input:active {
    border:1px #a66 solid;
    background:#fff;
  }

  /* Styling of custom styled buttons | Gestaltung von individuell gestalteten Buttons */
  .yform .type-button input {
	border:1px #474844 solid;
	color:#fff;
	background:#474844;
	padding:1px 4px;
  }

  .yform .type-button input[type=submit] { color:#fff; background-color:#474844; float:right; width:31px; }
  .page-id-611 .yform .type-button input[type=submit] { color:#fff; background-color:#474844;float:none; width:64px; }
  .page-id-611 .yform input[type=radio], .page-id-611 .yform input.radbut { background-color:#fff; border:1px solid #474844; }

  /* optional button styling for IE6 using classes */
  .yform .type-button input.submit { color:#fff; background-color:#474844; }

  /* :hover and :focus status on buttons | Effekt zur Hervorhebung von Schaltern bei :hover oder :focus */
  .yform div.type-button input:focus,
  .yform div.type-button input:hover,
  .yform div.type-button input:active {
    border:1px #474844 solid;
    color:#000;
    background:#474844; 
  }

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

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Vertical-Forms - technical base (standard)
  *
  * |-------------------------------|
  * | fieldset                      |
  * |-------------------------------|
  * |   label                       |
  * |   input / select / textarea   |
  * |-------------------------------|
  * | /fieldset                     |
  * |-------------------------------|
  *
  * (en) Styling of forms where both label and input/select/textarea are styled with display:block;
  * (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display:block; gestaltet werden
  *
  * WARNING:This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */

  /* General form styling  | Allgemeine Formatierung des Formulars */
  .yform { overflow:hidden; }

  /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
  .yform div.type-text,
  .yform div.type-button {
	display:block;
    margin:7px 0 0 0;
    padding:0;  
    position:relative;
	zoom:1; 
  }
  
  .yform div.type-button {
    padding:0px 0 0 0;  
	float:right;
  }
  
  .page-id-611 .yform div.type-button {
    padding:0;  
	float:left;
  }
  
  /* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
  .yform .type-text input{
    display:block;
    position:relative;
    padding:2px 4px;
    width:112px;
	float:left;
  }
  
  .gesamtsuchestart .yform .type-text input{
    width:135px;
  }
  
  .page-id-611 .yform .type-text input{
    width:135px;
	margin:7px 13px 0 0;
  }

  /* Styling of buttons | Gestaltung von Buttons */
  .yform .type-button input {
    cursor:pointer;
    overflow:visible;  /* Fixes IE7 auto-padding bug */
    width:50px;
  }

  .gesamtsuchestart .yform .type-button input {
    width:85px;
  }
  
  #col1 .gesamtsuchestart .yform .type-button input, #col1 .yform input {
	font-size:14px;
  }

  .yform fieldset {
	margin:0 0 0 0;
	padding:20px 0 0px 157px;
	clear:both;
  }
  .yform fieldset { display:block; zoom:1; }
  
  .yform .type-check input { 
    cursor:pointer;
	margin:6px 0;
  }
  
  /* per row float clearing | zeilenweises Float-Clearing */
  fieldset:after,
  .yform div.type-check:after,
  .yform div.type-button:after {
    clear:both;
    content:".";
    display:block;
    font-size:0;
    height:0;
    visibility:hidden;
  }
}