@charset "UTF-8";
/**
 * "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-2010, 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.1
 * @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-color: #FFFFFF;
  
    background-image: url('../../grafik/header_bg.png');
    background-position: -400px 58px;
    background-repeat: repeat-x;  
  }

  /* Layout:Width, Background, Border | Layout:Breite, Hintergrund, Rahmen */
  .ym-wrapper{  
    width: 840px;
    margin-top: 36px;
    margin-left: auto;
    margin-right: auto;
    
    background-color: #C4D3E4;
  }
  .ym-wbox{  }

  /* Design of the Main Layout Elements | Gestaltung der Hauptelemente des Layouts */
  header {
    background-image: url('../../grafik/header_bg.png');
    background-position: 0px 22px;
    background-repeat: repeat-x;
  
    height: 102px;
    position:relative;
    clear:both;
  }
  #topnav{ position:absolute; right:10px; top:10px; margin-top:40px; text-align:right; }
  #logo{
    /* Alte Positionierung für Standardlogo */
    left: -52px;
    top: -28px;
    position: absolute;
    /* Neu Positionierung für Jubiläumslogo */
    /*top:-12px;
    left:-41px;*/
  }
  #slogan{
    left: 190px;
    top: 35px;
    position: absolute;
  }
  .headernews{ padding-left: 40px; }

  main{ background-image: url('../../grafik/content_bg.png'); background-repeat: repeat-y; }

  footer{ text-align:center; font-size:75%; height:35px; border-width:0px; border-top-width:8px; border-style:solid; border-color:#EC7405; padding-top:2px; }

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

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

  .ym-col1{ width:180px; }
  .ym-col1 .ym-cbox{ margin-top:15px; padding:0; }

  .ym-col2{ width: 165px; margin-right:15px; }
  .ym-col2 .ym-cbox{ margin-top:15px; }

  .ym-col3{ margin-left:195px; margin-right:195px; }
  .ym-col3 .ym-cbox{ padding-top:15px; }

  .ym-col23{ margin-left: 195px; width: auto; }
  .ym-col23 .ym-cbox{ padding-top:15px; }
  .ym-col23 .ym-col3{ margin-left:0; }
  .ym-col23 .ym-col3 .ym-cbox{ padding-left:0; }


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

 /**
  * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente
  *
  * @section layout-misc
  */
  
  
  
 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Skiplinks 
  *
  * (en) Visual styling for skiplink navigation
  * (de) Visuelle Gestaltung der Skiplink-Navigation
  *
  * @section content-skiplinks
  */
  
  #ym-skiplinks a.skip:focus,
  #ym-skiplinks a.skip:active { 
  color:#fff; 
  background:#333; 
  border-bottom:1px #000 solid;
  padding:10px 0;
  text-decoration:none;
  }  
}