@charset "UTF-8";
/**
 * "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 (https://anatom5.de) for contribution
 *
 * @copyright Copyright 2005-2010, Dirk Jesse
 * @license CC-A 2.0 (https://creativecommons.org/licenses/by/2.0/),
 * YAML-C (https://yaml.de/en/license/license-conditions.html)
 * @link https://yaml.de
 * @package yaml
 * @version 3.2.1
 * @revision $Revision: 455 $
 * @lastmodified $Date: 2010-01-01 17:33:05 +0100 (Fr, 01. Jan 2010) $
 */
@media screen, projection
{
 /**
 * YAML Forms - visual styling
 *
 * (en) visual form styling area
 * (de) Festlegung des optischen Erscheinungsbildes
 */
 .yform {
 //background:#f4f4f4;
 //border:1px #ddd solid;
 margin:0 0 1em 0;
 padding:10px;
 }
 .yform fieldset {
 border:1px #ddd solid;
 //background:#fafafa;
 margin:0 0 1em 0;
 padding: 1em;
 }
 .yform legend {
 font-weight:bold;
 color:#000;
 }
 .yform input,
 .yform textarea,
 .yform select,
 .yform optgroup {
 font-family:Arial, Helvetica, sans-serif; /* proportional fonts for all form elements */
 }
 .yform .type-text input,
 .yform .type-text textarea,
 .yform .type-select select {
 border:1px solid #ddd;
 }
 .yform .type-text textarea {
 height:100px;
 }
 .yform .required {
 color:red;
 }
 .yform .comment {
 font-size: 91.667%;
 color:gray;
 }
 /* :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-select select:focus,
 .yform div.type-text textarea:focus,
 .yform div.type-text input:hover,
 .yform div.type-select select:hover,
 .yform div.type-text textarea:hover,
 .yform div.type-text input:active,
 .yform div.type-select select:active,
 .yform div.type-text textarea:active {
 border:1px #e5d663 solid;
 background:#fff;
 }
 /* [readonly] status on form fields | Effekt zur Hervorhebung von Formularfeldern bei [readonly] */
 .yform div.type-text input[readonly],
 .yform div.type-select select[readonly],
 .yform div.type-text textarea[readonly] {
 background:#eee;
 }
 /* Styling of custom styled buttons | Gestaltung von individuell gestalteten Buttons */
 .yform .type-button input, .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:#454545 url(images/button_gray.png) top left repeat-x;
 padding:5px 1em;
 cursor:pointer;
 }
 .yform .type-button input[type=reset], .yform .type-button button[type=reset] { color:#300; background:#661717 url(images/button_red.png) top left repeat-x; }
 .yform .type-button input[type=submit], .yform .type-button button[type=submit] { color:#330; background:#5e5607 url(images/button_yellow.png) top left repeat-x; }
 /* optional button styling for IE6 using classes */
 .yform .type-button input.reset, .yform .type-button button.reset { color:#300; background:#661717 url(images/button_red.png) top left repeat-x; }
 .yform .type-button input.submit, .yform .type-button button.submit { color:#330; background:#5e5607 url(images/button_yellow.png) top left repeat-x; }
 .yform .type-button input[type=image] {
 border:none;
 color:#000;
 background:none;
 }
 /* :hover and :focus status on buttons | Effekt zur Hervorhebung von Schaltern bei :hover oder :focus */
 .yform div.type-button input:active,
 .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:#555;
 cursor:pointer;
 }
 .yform .type-button input[type=image]:focus,
 .yform .type-button input[type=image]:hover,
 .yform .type-button input[type=image]:active {
 border:none;
 background:none;
 }
 .yform div.type-button input.reset:focus,
 .yform div.type-button input.reset:hover,
 .yform div.type-button input.reset:active,
 .yform div.type-button button.reset:focus,
 .yform div.type-button button.reset:hover,
 .yform div.type-button button.reset:active {
 background:#800; color:#fff;
 }
 .yform div.type-button input.submit:focus,
 .yform div.type-button input.submit:hover,
 .yform div.type-button input.submit:active,
 .yform div.type-button button.submit:focus,
 .yform div.type-button button.submit:hover,
 .yform div.type-button button.submit:active {
 background:#880; 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; }
 .yform fieldset { overflow:hidden; }
 .yform label { display:block; cursor:pointer; }
 .yform .type-text label,
 .yform .type-select label {
 margin-top:4px;
 }
 .yform legend { background:transparent; border:0; padding:0 0.5em; }
 .yform .message { display:block; margin-bottom:0.5em; color:#666; }
 /* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */
 .yform input[type=hidden] { display:none !important; }
 /* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
 .yform sup { color:#800; font-weight:bold; }
 /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
 .yform div.type-text,
 .yform div.type-select,
 .yform div.type-check,
 .yform div.type-button {
 margin:0.5em 0;
 padding:3px 0;
 position:relative;
 overflow:hidden;
 }
 /* увеличиваем внутренние отступы для кнопки, так как у ней нет label */
 .yform div.type-button {
 margin:0.8em 0;
 }
 /* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
 .yform .type-text input,
 .yform .type-text textarea {
 display:block;
 position:relative;
 padding:0.3em 0.3em;
 width:58.5%;
 }
 .yform .type-select select {
 display:block;
 position:relative;
 padding:0.3em 2px 0.3em 1px;
 width:60%;
 cursor:pointer;
 }
 .yform .type-select select optgroup {
 font-style:normal;
 font-weight:bold;
 }
 .yform .type-check input { cursor:pointer; float:left; margin-right:5px; }
 .yform .type-check label { margin-bottom:5px; }
 /* Styling of buttons | Gestaltung von Buttons */
 .yform .type-button input {
 cursor:pointer;
 overflow:visible; /* Fixes IE7 auto-padding bug */
 width:auto;
 }
 /* Styling of error-messages | Fehlermeldungen */
 .yform div.error {
 border:1px #a00 dashed;
 background:#fee;
 padding:0.5em;
 }
 .yform div.error .message { color:#800; }
 .yform div.error .message pre { color:#800; }
 .yform div.error .message code { color:#000; }
 /* Styling of event-messages */
 .yform div.outcome {
 border:1px #0a0 dashed;
 background:#efe;
 padding:0.5em;
 }
 .yform div.outcome .message { color:#080; }
 .yform div.outcome .message pre { color:#080; }
 .yform div.outcome .message code { color:#080; }
 /* Avoid jumping checkboxes & radiobuttons in IE8 */
 .yform div.type-check input:focus,
 .yform div.type-check input:hover,
 .yform div.type-check input:active { border:0 none; }
 /*------------------------------------------------------------------------------------------------------*/
 /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
 .full div.type-text input,
 .full div.type-text textarea { width:95.5%; margin-right: -3px; }
 .full div.type-select select { width:97.0%; margin-right: -3px; }
 /* Width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
 * html .full div.type-text input,
 * html .full div.type-text textarea { width:95.5%; }
 * html .full div.type-select select { width:97.0%; }
 /*------------------------------------------------------------------------------------------------------*/
 /**
 * Columnar forms display - technical base (optional)
 *
 * |-------------------------------------------|
 * | fieldset |
 * |-------------------------------------------|
 * | |
 * | label | input / select / textarea |
 * | |
 * |-------------------------------------------|
 * | /fieldset |
 * |-------------------------------------------|
 *
 * (en) Styling of forms where label floats left of form-elements
 * (de) Formulargestaltung, bei der die label-Elemente nach links fließen
 *
 * WARNING:This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
 */
 /* Columnar display | Spalten-Darstellung */
 .columnar .type-text label,
 .columnar .type-button label,
 .columnar .type-select label {
 float:left;
 width:100%; /* Can be fixed width too | Kann auch eine fixe Angabe sein */
 }
 /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
 .columnar div.type-check input { margin-left:10%; }
 .columnar div.error .message { margin-left:10%; }
 .columnar fieldset div.type-button,
 fieldset.columnar div.type-button { padding-left:10%; }
 .columnar div.type-text input,
 .columnar div.type-text textarea { float:left; width:87.8%; margin-right: -3px; }
 .columnar div.type-select select { float:left; width:89.4%; margin-right: -3px; }
 /* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
 * html .columnar div.type-text input,
 * html .columnar div.type-text textarea { width:87.2%; }
 * html .columnar div.type-select select { width:88.8%; }
 /*------------------------------------------------------------------------------------------------------*/
 /**
 * Global fixes for YAML's form construction set
 *
 * @workaround
 * @affected IE 5.x/Win, IE6, IE7
 * @css-for IE 5.x/Win, IE6, IE7
 * @valid no
 */
 .yform,
 .yform div,
 .yform div * { zoom:1; }
 /**
 * Forms Fieldset/Legend-Bug in IE
 * @see https://mattheerema.com/web-design/2006/04/getting-fieldset-backgrounds-and-legends-to-behave-in-ie/
 *
 * @workaround
 * @affected IE 5.x/Win, IE6, IE7, IE8
 * @css-for IE 5.x/Win, IE6, IE7, IE8
 * @valid no
 */
 /* all IE */
 .yform { padding-top:0\9; }
 .yform fieldset { padding:0 5px\9; padding-top:1em\9; }
 .yform legend { position:absolute\9; top:-.5em\9; *left:0\9; }
 .yform fieldset { position:relative\9; overflow:visible\9; margin-top:1.5em\9; zoom:1; }
 /* IE5.x, IE6 & IE7 */
 .yform legend { *padding:0 5px; }
 .yform fieldset { *padding-top:1.5em; }
 /* IE5.x & IE6 */
 * html .yform { padding-top:10px; }
}