/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Template for designing a screen layout
 * (de) Gestaltungsvorlage für die Erstellung eines Screenlayouts
 *
 * @copyright       Copyright 2005-2009, 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.2
 * @revision        $Revision:392 $
 * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
 */

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

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

 /**
  * Design of the Basic Layout | Gestaltung des YAML Basis-Layouts
  *
  * @section layout-basics
  */

  /* Page margins and background | Randbereiche & Seitenhintergrund */
  body { background: #fff; padding: 0; text-align: center;}

  /* Layout:Width, Background, Border | Layout:Breite, Hintergrund, Rahmen */
  .page_margins { text-align: left; margin: 0 auto; width: 1050px; padding-left: 8px; }
  .page { width: 920px; margin: 0; }

  #header, #footer { overflow: hidden; min-width: 1050px; }

  /* Design of the Main Layout Elements | Gestaltung der Hauptelemente des Layouts */
  #header { background: #fff; }
  #header .page { height: 60px; }
  #header .menu { width: 920px; margin: 0; background: url(../gfx/logo2.png) no-repeat left top; height: 29px; }
  #header span.navlinks { color: 000; float: right; padding: 6px 0; }
  #teaser { position: relative; background: #fff; border-top: 2px #fff solid; min-height: 90px; height:auto !important; height:90px;}
  #teaser img.rechts { float: right; display:inline; }

  div.hlist {  }
  #main { background: #fff; border-bottom: 1px #9EC4D9 solid; }
  #footer { padding: 12px 0px; }

  #skyscraper { position: absolute; top: 100px; left: auto; float: right; margin-left: 930px; }

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

 /**
  * Formatting of the Content Area | Formatierung der Inhaltsbereichs
  *
  * @section layout-main
  */

  #col1 { float: left; width: 720px; }
  #col2 { display: none; }
  #col3 { width: auto; margin: 0 0 0 720px; padding: 10px 0; }
  #col1_content { padding: 10px 15px 0 0; }
  #col3_content { padding: 5px 5px 0 5px; background: #F2F7FA; border-left: 1px #9EC4D9 solid; border-right: 1px #9EC4D9 solid; }

  .topnews { padding-bottom: 15px; background: url(images/hr_news.png) no-repeat left bottom; }

  .c45l { float:left; }
  .c55r { float:right; margin-left:-5px; }
  .c45l { width:45%; }
  .c55r { width:55%; }

  div.c50l { border-right: 1px #9EC4D9 solid; }
  div.c17r { border-left: 1px #9EC4D9 solid; margin-left: 12px; }

  .subc  { padding: 0 1em; }

 /* Änderung für Expandable Werbebanner, damit die sichtbar werden über anderen div-Containern */ 
  .equalize > div {
    overflow: visible;
  }

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

 /**
  * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente
  *
  * @section layout-misc
  */

  div.kategorie { padding-top: 6px; padding-bottom: 10px; border-right: 1px solid #9EC4D9; border-left: 1px solid #9EC4D9; background: #F2F7FA; }
  td.left { padding: 10px 0; }
  #col3_content h3 { background: #F2F7FA; color: #006CA2; margin-bottom: 10px; padding-left: 20px; }

  /* Set up the default font and ovrall size to include image */
  .menu { font-family: Arial, Verdana; font-size: 150%; }
  /* get rid of the default padding - margin and bullets */
  .menu ul { padding:0; margin:0; list-style-type: none; float:right; padding-top: 10px; }
  /* make menu horizontal */
  .menu ul li { float: left; position: relative; list-style-type: none; }

  /* set up the default top level links */
  .menu ul li a, .menu ul li a:visited { display: block; text-decoration:none; width: auto; height: 1.5em; font-weight: bold;
  color: #333; border-bottom: 6px solid #DDECF3; padding-left: 10px; padding-right: 10px; line-height: 1.5em; margin-right: 2px; }
  /* style the top level hover */
  .menu ul li a:hover, .menu ul li a.active { border-bottom: 6px solid #006CA2; text-decoration: none; }

  #search-box { margin: 2px 0px; display: block; text-align: left; white-space: nowrap; /* For Opera */}
  #search-box #keywords { width: 100px; }
  input { padding: 2px 4px; }
  input[type=text], input[type=password] { padding: 2px; border: 1px solid #9EC4D9; margin-bottom: 6px; }
  #col3_content fieldset { padding: 0 10px; }

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Skiplinks
  *
  * (en) Visual styling for skiplink navigation
  * (de) Visuelle Gestaltung der Skiplink-Navigation
  *
  * @section content-skiplinks
  */

  #skiplinks a.skip:focus,
  #skiplinks a.skip:active {
  color:#fff;
  background:#333;
  border-bottom:1px #000 solid;
  padding:10px 0;
  text-decoration:none;
  }
}