@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) stylesheet for screen layout
 * (de) Stylesheet für das Bildschirm-Layout
 *
 * @creator       YAML Builder V1.2b (http://builder.yaml.de)
 * @file          basemod.css
 * @-yaml-minver  3.1
 */

@media screen, projection
{
  /*-------------------------------------------------------------------------*/

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body { /* background: #4d87c7 url("images/bg_blue.gif") repeat-x top left fixed;*/ padding: 10px 0;background-color:#78B7CC; }

  /* Layout Alignment | Layout-Ausrichtung */
  .page_margins { margin: 0 auto; }

  /* Layout Properties | Layout-Eigenschaften */
  .page_margins { width: auto;  min-width: 740px; max-width: 90em; background: #fff; }
  .page { padding: 10px; }
  #header { padding: 45px 2em 1em 20px; color: #000; background: #fff; }
  #topnav { color: #aaa; background: transparent; margin-top:15px; }
  #nav { overflow:hidden; }
  div.hlist {  }
  #main { margin: 10px 0; background: #fff; }
  #teaser { clear:both; padding: 0 20px; margin: 10px 0; }
  #footer { padding: 10px 20px; color:#666; background: #f9f9f9; border-top: 5px #efefef solid; }

  /* (en) navigation: horizontal adjustment | (de) horizontale Ausrichtung  */
  #nav ul { margin-left: 20px; }

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

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   */

  #col1 { float: left; width: 25%;  margin:0 }
  #col2 { float: right; width: 25%;  margin:0 }
  #col3 { width: auto; margin: 0 25% 0 25%}
  #col1_content { padding: 0 10px 0 20px }
  #col2_content { padding: 0 20px 0 10px }
  #col3_content { padding: 0 10px }


  /* set column dividers */
  #col3 { border-left: 1px #ddd dotted }
  #col3 { border-right: 1px #ddd dotted }

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

  /* Formatting some form element styles */

  .columnar div.type-text input.medium,
  .columnar div.type-text textarea.medium { width: 37.8%; }

  .columnar div.type-text input.tiny,
  .columnar div.type-text textarea.tiny { width: 7.8%; }


  .columnar div.type-text input.small,
  .columnar div.type-text textarea.small { width: 17.8%; }

  .columnar div.type-select select.medium { width: 39.4%; }
  .columnar div.type-select select.small { width: 19.4%; }
  .columnar div.type-select select.tiny { width: 9.4%; }

  /* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
  * html .columnar div.type-text input.medium,
  * html .columnar div.type-text textarea.medium { width: 37.2%; }

  * html .columnar div.type-text input.tiny,
  * html .columnar div.type-text textarea.tiny { width: 7.2%; }


  * html .columnar div.type-text input.smlall,
  * html .columnar div.type-text textarea.small { width: 17.2%; }

  * html .columnar div.type-select select.medium { width: 38.8%; }
  * html .columnar div.type-select select.small { width: 18.8%; }
  * html .columnar div.type-select select.tiny { width: 8.8%; }
/* Altering form styles */

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

  /*gray box */

  .gray_box {background:#F8F8F8 none repeat scroll 0 0;}
  .header_font {font-size:1.3em;color:#ffffff;font-weight:bold;padding:0.2em;}

  /* Modify lable color in the form */
    form.yform label {
        color:#515151;
    }

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

    .hlist {
        background:transparent none repeat scroll 0 0;
        border:0 none;
    }
/*---------------------------------------------------------------------------*/

}