/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) YAML core stylesheet
 * (de) YAML Basis-Stylesheet
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @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: 480 $
 * @lastmodified    $Date: 2010-10-12 21:56:55 +0200 (Di, 12 Okt 2010) $
 */
@media screen {
  option {
    padding-left: 0.4em;
  }
  select {
    padding: 1px;
  }
  fieldset {
    border: 0 solid;
  }
  .subcolumns {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  .c20l,
  .c25l,
  .c33l,
  .c40l,
  .c38l,
  .c50l,
  .c60l,
  .c62l,
  .c66l,
  .c75l,
  .c80l {
    float: left;
  }
  .c20r,
  .c25r,
  .c33r,
  .c40r,
  .c38r,
  .c50r,
  .c60r,
  .c66r,
  .c62r,
  .c75r,
  .c80r {
    float: right;
    margin-left: -5px;
  }
  .c20l,
  .c20r {
    width: 20%;
  }
  .c40l,
  .c40r {
    width: 40%;
  }
  .c60l,
  .c60r {
    width: 60%;
  }
  .c80l,
  .c80r {
    width: 80%;
  }
  .c25l,
  .c25r {
    width: 25%;
  }
  .c33l,
  .c33r {
    width: 33.333%;
  }
  .c50l,
  .c50r {
    width: 50%;
  }
  .c66l,
  .c66r {
    width: 66.666%;
  }
  .c75l,
  .c75r {
    width: 75%;
  }
  .c38l,
  .c38r {
    width: 38.2%;
  }
  .c62l,
  .c62r {
    width: 61.8%;
  }
  .subc {
    padding: 0 0.5em;
  }
  .subcl {
    padding: 0 1em 0 0;
  }
  .subcr {
    padding: 0 0 0 1em;
  }
  .equalize,
  .equalize .subcolumns {
    table-layout: fixed;
  }
  .equalize > div {
    display: table-cell;
    float: none;
    margin: 0;
    overflow: hidden;
    vertical-align: top;
  }
}
/**
 * "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 0 1em 0;
    padding: 10px;
  }
  .yform fieldset {
    margin: 0 0 1em 0;
    padding: 0.5em;
  }
  .yform .type-button input {
    padding: 5px 1em;
  }
  /*------------------------------------------------------------------------------------------------------*/
  /**
  * 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 fieldset {
    display: block;
    zoom: 1;
  }
  .yform label {
    display: block;
    cursor: pointer;
  }
  .yform legend {
    background: transparent;
    border: 0;
    padding: 0 0.5em;
  }
  .yform .message {
    display: block;
    margin-bottom: 0.5em;
  }
  /* 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;
  }
  /* per row float clearing | zeilenweises Float-Clearing */
  fieldset:after,
  .yform div.type-text:after,
  .yform div.type-select:after,
  .yform div.type-check:after,
  .yform div.type-button:after,
  .yform div.type-text-col:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
  }
  /* 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 {
    display: block;
    margin: 0.5em 0;
    padding: 3px 0.5em;
    position: relative;
    zoom: 1;
  }
  .yform div.type-text-col {
    display: block;
    margin: 0.5em 0;
    margin-right: 8px;
    padding: 3px 0.5em;
    position: relative;
    zoom: 1;
    width: 40%;
    float: left;
  }
  .yform div.type-text-col label[for="accessible_from"] {
    width: 77%;
  }
  .yform div.type-button {
    padding: 3px 0em;
  }
  /* 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-text-col input {
    display: block;
    position: relative;
    padding: 0.3em 0.3em;
    width: 20%;
  }
  .yform .type-select select {
    display: block;
    position: relative;
    padding: 0.3em 2px 0.3em 1px;
    width: 60%;
    cursor: pointer;
  }
  .yform .type-check input {
    cursor: pointer;
  }
  .yform .type-check label {
    display: inline;
  }
  /* 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 {
    padding: 0.5em;
  }
  /* 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-col 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-col 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-select label {
    float: left;
    width: 30%;
    /* Can be fixed width too | Kann auch eine fixe Angabe sein */
  }
  .columnar .type-text-col label {
    float: left;
    width: 15%;
  }
  /* 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: 30%;
  }
  .columnar div.error .message {
    margin-left: 30%;
  }
  .columnar fieldset div.type-button,
  fieldset.columnar div.type-button {
    padding-left: 30%;
  }
  .columnar div.type-text input,
  .columnar div.type-text textarea {
    float: left;
    width: 67.8%;
    margin-right: -3px;
  }
  .columnar div.type-select select {
    float: left;
    width: 69.4%;
    margin-right: -3px;
  }
  .columnar div.type-text-col input,
  .columnar div.type-text-col textarea {
    float: left;
    width: 23%;
    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: 67.2%;
  }
  * html .columnar div.type-select select {
    width: 68.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 http://www.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 */
  .i6 .yform,
  .ie7 .yform,
  .ie8 .yform {
    padding-top: 0;
  }
  .i6 .yform fieldset,
  .ie7 .yform fieldset,
  .ie8 .yform fieldset {
    padding: 0 5px;
    padding-top: 1em;
  }
  .i6 .yform legend,
  .ie7 .yform legend,
  .ie8 .yform legend {
    position: absolute;
    top: -.5em;
    *left: 0;
  }
  .i6 .yform fieldset,
  .ie7 .yform fieldset,
  .ie8 .yform fieldset {
    position: relative;
    overflow: visible;
    margin-top: 1.5em;
    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;
  }
}
.yform {
  background: #EBEEEE;
  padding-top: 13px;
  border-radius: 4px;
}
.yform h2 {
  margin: 0 0 10px 4px;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: normal;
  line-height: 21px;
  padding: 0;
  border: none;
}
.yform UL,
LI {
  margin: 0;
  padding: 0;
}
.yform fieldset {
  border: 1px solid #E6E6E6;
  border-color: #C4C4C4 #E9E9E9 #E9E9E9 #C4C4C4;
  background: #fff;
  margin: -3px 0 0;
  border-color: #E6E6E6 #CCCCCC #CCCCCC #E6E6E6;
}
.yform fieldset:first-of-type {
  -moz-border-radius: 3px 3px 0px 0px;
}
.yform fieldset:last-child {
  -moz-border-radius: 0px 0px 3px 3px;
}
.yform fieldset P {
  font-size: 11px;
  color: #333;
  margin: 0;
  padding: 0;
  line-height: 15px;
}
.columnar div.type-text label + textarea + p,
.columnar div.type-text label + input + p {
  padding: 0 0 0 30%;
}
.yform legend {
  font-size: 14px;
  font-weight: normal;
  color: #232526;
}
.yform label {
  color: #232526;
  font-size: 14px;
  padding-top: 6px;
  padding-bottom: 2px;
}
.yform input,
.yform textarea,
.yform select,
.yform optgroup {
  font-family: Arial, Helvetica, sans-serif;
  /* proportional fonts for all form elements */
  font-size: 12px;
  color: #232526;
  line-height: 15px;
}
.yform div.type-button INPUT.form-invalid:focus,
.yform div.type-button INPUT.form-invalid:hover,
.yform div.type-button INPUT.form-invalid {
  color: red;
}
.yform div.type-button INPUT.form-valid:focus,
.yform div.type-button INPUT.form-valid:hover,
.yform div.type-button INPUT.form-valid {
  color: green;
}
.columnar div.type-text textarea {
  width: 97.8%;
}
.columnar div.type-text label + textarea {
  width: 67.8%;
}
.yform .type-text input,
.yform .type-text-col input,
.yform .type-text textarea,
.yform .type-select select {
  border: 1px solid #E6E6E6;
  border-color: #C4C4C4 #E9E9E9 #E9E9E9 #C4C4C4;
  -moz-border-radius: 3px 3px 3px 3px;
  padding: 7px 3px;
  x-moz-box-shadow: 0 1px 2px rgba(172, 188, 209, 0.35);
}
.yform .type-text input.file {
  border-color: #F0F0F0;
}
/* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
.yform div select:focus,
.yform div.type-text input:focus,
.yform div select:focus,
.yform div textarea:focus,
.yform div.type-text input:hover,
.yform div select:hover,
.yform div textarea:hover,
.yform div.type-text input:active,
.yform div select:active,
.yform div textarea:active {
  border: 1px #a66 solid;
  background-color: #fff;
}
/* Styling of custom styled buttons | Gestaltung von individuell gestalteten Buttons */
.yform .type-button input {
  border-top: 1px #ddd solid;
  border-left: 1px #ddd solid;
  border-right: 1px #444 solid;
  border-bottom: 1px #444 solid;
  color: #232526;
  background: #454545 url(../images/button_gray.png) top left repeat-x;
}
.yform .type-button input[type=reset],
.yform .type-button input[type=submit] {
  color: #555;
  background: #ffffff url(../images/button-grey.png) top left repeat-x;
  -moz-border-radius: 3px 3px 3px 3px;
  display: block;
  float: right;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  line-height: 100%;
  min-width: 99px;
  padding: 3px 12px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px rgba(255, 255, 255, 0.75);
  text-transform: uppercase;
  border-color: #D4D4D4 #B4B4B4 #B4B4B4 #D4D4D4;
  border-right: 1px solid #B4B4B4;
  border-style: solid;
  border-width: 1px;
}
/* optional button styling for IE6 using classes */
.yform .type-button input.reset {
  color: #555;
  background: #ffffff url(../images/button-grey.png) top left repeat-x;
}
.yform .type-button input.submit {
  color: #555;
  background: #ffffff url(../images/button-grey.png) top left repeat-x;
}
/* :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-color: #B4B4B4;
  background-color: #F7F7F7;
  color: #333;
}
.yform .message {
  color: #666;
}
/* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
.yform sup {
  color: #800;
  font-weight: bold;
}
.yform .type-select select optgroup {
  font-style: normal;
  font-weight: bold;
}
.yform div.error {
  border: 1px #a00 dashed;
  background: #faf4f4;
}
.yform LABEL.error {
  color: #a00;
}
.yform div.error label {
  color: #232526;
  font-weight: bold;
}
.yform div.error .message {
  color: #800;
}
/* CSS3 spicing for mozilla and webkit */
button.classy,
a.button.classy {
  height: 34px;
  padding: 0;
  position: relative;
  top: 1px;
  margin-left: 10px;
  font-family: helvetica,arial,freesans,clean,sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #333;
  text-shadow: 1px 1px 0 #fff;
  white-space: nowrap;
  border: none;
  overflow: visible;
  background: #ddd;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#e1e1e1');
  background: -webkit-gradient(linear, 0% 0, 0% 100%, from(#ffffff), to(#e1e1e1));
  background: -moz-linear-gradient(-90deg, #ffffff, #e1e1e1);
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  -webkit-font-smoothing: subpixel-antialiased !important;
}
a.button.classy {
  display: inline-block;
}
button.classy:hover,
a.button.classy:hover {
  color: #fff;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
  border-bottom-color: #0770a0;
  background: #0770a0;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#0ca6dd', endColorstr='#0770a0');
  background: -webkit-gradient(linear, 0% 0, 0% 100%, from(#0ca6dd), to(#0770a0));
  background: -moz-linear-gradient(-90deg, #0ca6dd, #0770a0);
}
button.classy.mousedown,
a.button.classy.mousedown {
  color: #fff;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
  background: #0ca6dd;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#0ca6dd', endColorstr='#0770a0');
  background: -webkit-gradient(linear, 0% 100%, 0% 0, from(#0ca6dd), to(#0770a0));
  background: -moz-linear-gradient(90deg, #0ca6dd, #0770a0);
}
button.classy.mousedown span,
a.button.classy.mousedown span {
  background-position: 0 -120px;
}
button.classy::-moz-focus-inner {
  margin: -1px -3px;
}
/*missing: glowing*/
.help {
  font: italic 12px Georgia,Times,serif;
  color: #A5B1B8;
}
/* RF */
.columnar div.error .message {
  margin-bottom: 0;
}
.yform div.error {
  margin: 0 0 5px;
}
.yform .fileupload-info {
  list-style-type: none;
  margin-left: 30%;
  padding: 0;
  font-size: 12px;
  line-height: 18px;
}
.yform .fileupload-info .label {
  font-weight: bold;
}
.yform .fileupload-info .info {
  margin-right: 10px;
}
.yform .fileupload-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 20px;
}
.yform .fileupload-list .formhandler_removelink {
  vertical-align: middle;
  padding: 2px 0 0 4px;
}
.yform .uploadedfiles-label {
  display: block;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 4px;
}
.yform .uploadedfiles {
  margin-left: 30%;
}
.yform .type-file input[type=submit] {
  color: #555;
  background: #ffffff url(../images/button-grey.png) top left repeat-x;
  -moz-border-radius: 3px 3px 3px 3px;
  display: block;
  margin-left: 15px;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  line-height: 100%;
  min-width: 99px;
  padding: 3px 12px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px rgba(255, 255, 255, 0.75);
  text-transform: uppercase;
  border-color: #D4D4D4 #B4B4B4 #B4B4B4 #D4D4D4;
  border-right: 1px solid #B4B4B4;
  border-style: solid;
  border-width: 1px;
}
/* optional button styling for IE6 using classes */
.yform .type-file input.submit {
  color: #555;
  background: #ffffff url(../images/button-grey.png) top left repeat-x;
}
/* :hover and :focus status on buttons | Effekt zur Hervorhebung von Schaltern bei :hover oder :focus */
.yform div.type-file input:focus,
.yform div.type-file input:hover,
.yform div.type-file input:active {
  border-color: #B4B4B4;
  background-color: #F7F7F7;
  color: #333;
}
.yform UL.error-list {
  list-style-type: none;
  margin: 0 0 10px 0;
  padding: 0;
}
.yform UL.error-list div.error {
  border: 0;
  background: transparent;
}
.yform UL.error-list div.error .message {
  margin: 0;
}
.yform div.type-file input {
  cursor: pointer;
  overflow: visible;
  /* Fixes IE7 auto-padding bug */
  width: auto;
  padding: 5px 1em;
}
.yform .tx-srfreecap-pi2-cant-read {
  color: #778180;
}
.type-text .captcha input {
  width: 51% !important;
}
.type-text .captcha img {
  float: left;
  padding-right: 5px !important;
}
.type-text .recaptcha {
  float: left;
}
img.tx-srfreecap-pi2-image {
  margin: 0;
}
.type-text .sr_freecap img {
  float: left;
}
.type-text .sr_freecap .sr_freecap-input {
  float: left;
  margin: 0.5em 0 0.5em 30%;
  width: 67.8%;
  padding: 3px 0.5em 3px 0;
}
.type-text .sr_freecap .sr_freecap-input input {
  width: 100% !important;
}
.type-text .wt_captcha img {
  float: left;
}
.type-text .wt_captcha input {
  float: left;
  width: 42% !important;
  margin-left: 8px;
}
.type-text .mathguard pre {
  width: 65px;
  height: 21px;
  background: none;
  border-left: 0;
}
.type-text .mathguard input {
  width: 538px !important;
  margin-left: 8px;
}
.yform .type-text.ajax input,
.yform .type-text.ajax textarea {
  width: 65%;
}
.yform .type-text.ajax span,
.yform .type-text.ajax span {
  margin-left: 10px;
}
.yform IMG {
  margin-top: 8px;
}
.yform LABEL.error {
  color: #880000;
  background: none;
  border: 0 none transparent;
  padding: 6px 0 2px 0;
  margin: 0;
}
.yform .formhandler-ajax-validation-result SPAN.error,
.yform .formhandler-ajax-validation-result SPAN.success {
  display: inline;
  border: 0;
  background: 0;
  margin: 0;
  padding: 0;
}
.loading_ajax-submit {
  display: none;
  text-align: right;
  width: 80%;
  margin-top: -3px;
  float: left;
}