@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Variation of screen layout (basemod.css) for layout example "flexible_grids"
 * (de) Variation des Screenlayouts (basemod.css) fĂ_r Layoutbeispiel "flexible_grids"
 *
 * @copyright       Copyright 2007, Sven Kausche
 * @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.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 */

@media screen, projection
{


  body, html { background:black; height: 100% !important; padding: 0px;  }

  .page_margins {
  position:relative !important;
  min-height:100%; /* real browsers */
  height: auto !important;
  background: url(/tpl/img/new/i_ground_bg.jpg) repeat-x center 349px;
  }
  * html .page_margins { height:100% !important; }

  /* allocate space for footer ... */


  #nav { width:1010px;padding-left:0px; margin:0px auto; }
  #nav ul { margin-left: 20px; }

  #footer {
    position:relative !important;
    /*min-width: 100%;
    max-width: 80em;*/
    margin: 0 auto;
    /* move #footer to its position ... */
    margin: 0px auto 0;

    background: #fff;
    border: 0 none;
    padding: 0;
  }

  #footer_content {
    text-align: left;
    color:#666;
    background: #f9f9f9;
    border-top: 5px #efefef solid;
  }

  #main {
  min-height:700px;width:1010px;margin: 0px auto; padding-bottom:60px;
  }

  * html #main {
  height:600px;
  }



  span.navline h1 {
    font-size:22px !important;
    letter-spacing:-1px !important;
    font-weight:normal !important; 
    /*color:#fe9600 !important;*/
    color:#FF9A09 !important;
    padding-bottom:10px;
  }


  /* (en) Repeat the main color from the header above the navigation */
  /* (de) Wiederholung der Hauptfarbe aus dem Header oberhalb der Navigation */
  #header {  }
  /*.hlist {background-color: #c8ddf3}*/
  .hlist ul { padding-left: 0}



  /*#nav {height:20px;background: url(/tpl/img/i_dec_bg.png) repeat-x left -40px }*/

  /**
   * (en) Repositioning content container
   * (de) Neupositionierung der Content Container
   *
   * |-------------------------------|
   * | #header                       |
   * |-------------------------------|
   * | #col1               | #col3   |
   * | 75%                 | flexible|
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   */


  /* #col1 becomes main column | Linke float-Spalte wird zur Inhaltsspalte */
  #col1 { width: 75%; }

  /* hide #col2 | Rechte Spalte abschalten */
  #col2, #col2_content { display:none }

  /* #col3 moves to the right | Linken Randabstand anpassen - #col3 wird zur Randspalte */
  #col3 { margin-left:75%; margin-right:0; }
  #col3_content { padding-left: 0px; padding-right: 20px; }


  form.reg{
  background:transparent;
  border:0px;
  margin:0px;
  padding:2px;
  }

  /*
  form input { width:auto; }
  form select { width:auto; }
  form textarea { width:100%; }
  */

  .columnar div.type-text table tr td textarea { width: auto; }
  .columnar div.type-text table tr td input { width: auto; }

  form.reg .type-text input { width:92% }

  form table tr td { padding:0px; margin:0px;}

  .yform {
  background:transparent;
  border-color:#3b5072;
  }

  .yform fieldset {
  background:transparent;
  border-color:#3b5072;
  }

  .yform label {
  color:#A6D1DA;
  }

  .yform button {
  background:#454545 url(/tpl/img/new/butbg2.png) repeat-x scroll left top;
  border-color:#3f6d8a #152537 #152537 #3f6d8a;
  border-style:solid;
  border-width:1px;
  color:#FFF;
  padding:0.5em 1.2em;
  }

  .yform .type-button button#reset {
  background:#661717 url(/yaml/screen/images/button_red.png) repeat-x scroll left top;
  border-color:#DDDDDD rgb(68, 68, 68) rgb(68, 68, 68) rgb(221, 221, 221);
  border-style:solid;
  border-width:1px;
  color:#000000;
  padding:0.1em 1.2em;
  height:25px
  }

  .yform .type-button button#submit {
  background:#5E5607 url(/yaml/screen/images/button_yellow.png) repeat-x scroll left top;
  border-color:#DDDDDD rgb(68, 68, 68) rgb(68, 68, 68) rgb(221, 221, 221);
  border-style:solid;
  border-width:1px;
  color:#000000;
  padding:0.1em 1.2em;
  height:25px
  }


  .yform type-button button:focus, .yform .type-button button:hover, .yform .type-button button:active,
  .yform type-button button#reset:focus, .yform .type-button button#reset:hover, .yform .type-button button#reset:active 
  .yform type-button button#submit:focus, .yform .type-button button#submit:hover, .yform .type-button button#submit:active {
  background:#555555 none repeat scroll 0% 0%;
  border-color:#444444 rgb(221, 221, 221) rgb(221, 221, 221) rgb(68, 68, 68);
  border-style:solid;
  border-width:1px;
  color:#FFFFFF;
  }


  form.yform div input,
  form.yform div select,
  form.yform div textarea,
  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 #3b5072 solid;
    background: #000;

  }


  form.yform .type-text input,
  form.yform .type-text textarea,
  form.yform .type-select select {
    font-family:  Arial, Helvetica, sans-serif; /* proportional fonts for all form elements */
    border: 1px solid #3b5072;
  }


  .columnar .type-text label, .columnar .type-select label {
  text-align:right;
  padding-right:1%;
  width:29%;
  }

  .columnar .type-button label {
  text-align:right;
  padding-right:1%;
  width:29%;
  float:left;
  }

  .columnar .type-button {
  text-align:left;
  }

  .columnar .submit {
  text-align:center;
  }

  .width100 { width:100% !important; }
  .width90 { width:90% !important; }
  .width80 { width:80% !important; }
  .width70 { width:70% !important; }
  .width60 { width:60% !important; }
  .width50 { width:50% !important; }
  .width40 { width:40% !important; }
  .width30 { width:30% !important; }
  .width20 { width:20% !important; }
  .width10 { width:10% !important; }

  .hlist strong a {
  background:none;
  padding:0px;
  font-weight:bold;
  color:#333344;
  }

  .hlist strong a:link, .hlist strong a:visited {
  color:#333344;
  }


}