/**
 * "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; width:600px;}

  .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 {
    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-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-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 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-select label {
    float:left;
    width:38%; /* 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: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:50%; margin-right: -3px; }
  .columnar div.type-select select { float:left; width:50%; 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 */
  .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; }
}


.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;}

.yform  div.type-check > LABEL { }


.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; }



.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 {
   
    background:#F1F1F1;
	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 fieldset P { }
.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:0px;
  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:50%;}


.yform .type-text 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:#fff 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:#fff url(../images/button-grey.png) top left repeat-x;}
.yform .type-button input.submit { color:#555; background:#fff 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;
  overflow: hidden;
  display: block;
}

.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(#fff),to(#e1e1e1));background:-moz-linear-gradient(-90deg,#fff,#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:#fff 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:#fff 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; }