/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) stylesheet for screen layout
 * (de) Stylesheet für das Bildschirm-Layout
 *
 * @creator       YAML Builder V1.2.1 (http://builder.yaml.de)
 * @file          basemod.css
 * @-yaml-minver  3.3
 */


@media screen, projection
{
  /** 
   * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera 
   * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera 
   *
   * @workaround
   * @affected IE8, FF, Webkit, Opera
   * @css-for all
   * @valid CSS3
   */

  body { overflow-y: scroll; }

  /*-------------------------------------------------------------------------*/

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body { background: #f0efef; padding: 8px 0 20px 0; }

  /* Layout Alignment | Layout-Ausrichtung */
  .page_margins { margin: 0 auto; }

  /* Layout Properties | Layout-Eigenschaften */
  .page_margins { width: 996px; background: transparent; }
  .page { padding: 0; }
  #header { position:relative; margin: 0 0 20px 0; color: #626366; background: transparent; }
  #top_banners { position:relative; margin: 0; color: #626366; background: transparent; }
  #mobile_banner { width: 123px; float:left; margin: 0; color: #626366; background: transparent; }
  #mobile_banner .banner-content { margin-bottom: 20px; }
/*  #gigabanner { position:relative; margin: 0; margin-left: 133px; color: #626366; background: transparent; }*/
  #gigabanner { position:relative; margin: 0; color: #626366; background: transparent; text-align: center;}
  #gigabanner .banner-content { margin-bottom: 20px; }
  #currentdayinfo { position:relative; margin: 0; color: #626366; background: transparent; }
  #currentdayinfo_content { position: relative; float: right; width: 810px; overflow: hidden; }
  #topnav { position:absolute; top:10px; right:10px; text-align:right; color: #626366; background: transparent; }
  #nav { position:relative; }
  #logo { position:absolute; top:-15px; right:858px; width:138px; height:76px; z-index: 1; background: url("../../../../img/zo_v1.2/zo-logo.png") no-repeat center center}
  #logo a { display: block; width:138px; height:76px; text-indent: -100em; overflow: hidden;}
  #user_actions { position:relative; margin: 20px 0 0 0; color: #626366; background: transparent; }
  #main { margin: 20px 0 0 0; color: #626366; background: transparent; }
  #footer { margin: 20px 0 0 0; color: #626366; }
  #footer_content { position:relative; padding: 0 8px; border: 1px #CCC solid; background: #fff; }
  #copyright { margin: 20px 0; color: #626366; background: transparent;}

  #nav > div > ul.dropmenu { margin-left: 20px; }
  #nav > div > ul.droplist { margin-right: 20px; float:right;}
  #nav .local_translator { display: block; }
  #nav .global_translator { display: none; }
  /*-------------------------------------------------------------------------*/

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   */
  
  #main { float: left; width: 100%; }
  #col1 { float: left; width: 770px; margin: 0; }
  #col2 { float: left; width: 0; margin: 0; display:none; }
  #col3 { float: none; width: 218px; margin: 0 0 0 778px; }
  #col1_content, .col1_content  { padding: 20px; border: 1px #CCC solid; background: #fff; }
  #col2_content, .col2_content { padding: 20px; border: 1px #CCC solid; background: #fff; }
  #col3_content, .col3_content { padding: 20px 8px 0px 8px; border: 1px #CCC solid; background: #fff; }
  
  #infoImg { margin-bottom: 10px}
  #infoImg2 { display: none;  margin-bottom: 10px}
  #infoImg3 { display: none;  margin-bottom: 10px}

  #currentdayinfo_content li { float: left; width: 33.333%; }
  #currentdayinfo_content li.first{ width: 45%; }
  #currentdayinfo_content li.middle { width: 20%; }
  #currentdayinfo_content li.last { width: 35%; }

  #footer_content .addthis {position:absolute; top:4px; right:4px; }
  #footer_content .logo_small { float: left; padding: 5px 1em 4px 1em; }
  
  #loginbox { position:relative; float: right; width: 218px; background: transparent; overflow: hidden;}
  #main_searchbox { position:relative; float:left; width: 584px; padding: 0 8px 0 186px; background: transparent;}

  /*-------------------------------------------------------------------------*/
}