@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: 75%}
  #col2 { display:none}
  #col3 { width: auto; margin: 0 0 0 75%}
  #col1_content { padding: 0 10px 0 20px }
  #col3_content { padding: 0 20px 0 10px }

  /* 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.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.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%; }

  /* styles for text area */

 .columnar div.wysiwyg { margin: 0.5em 0;
    position: relative;
    overflow: hidden;}
/* 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;
  }

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

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

  /*-------------------------------------------------------------------------*/
}