@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-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.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 */

@media screen, projection
{
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Design of the Basic Layout | Gestaltung des YAML Basis-Layouts
  *
  * @section layout-basics
  */  
  
  /* Randbereiche, Schriftformatierungen & Seitenhintergrund */
  body {
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 80.00%;
    background: #FEFFEE repeat-x top left fixed; 
    padding: 10px 0;
    text-align: center;
  }
  
  /*Überschriften*/
  h1,h2,h3,h4,h5,h6 {
    font-family: Arial, Times, serif;
    font-weight:normal;
    color:#000080;
    margin: 0 0 0.25em 0;
  }

  h1 { font-size: 175%; font-weight: bold; }
  h2 { font-size: 150%; font-weight: bold; }
  h3 { font-size: 125%; font-weight: bold; }
  h4 { font-size: 120%; font-weight: bold; }
  h5 { font-size: 115%; font-weight: bold; }
  h6 { font-size: 107%; font-weight: bold; }
  
  .page_margins { 
    text-align:left; 
    margin: 0 auto; 
  }

  /* Layout: Breite, Hintergrund, Rahmen */
  .page_margins { 
    width: 800px;
    background: transparent;
  }
    
  .page { padding: 10px; }

  /* Gestaltung der Hauptelemente des Layouts */
  #header {
    font-size: 2em;
    text-align:center;
    background: transparent;
    padding: 30px 1.5em 1em 1.5em
    
  }
    
  #topnav {
    color: #aaa;
    background: transparent;
  }
  
  #topnav a { 
    color: #999; 
    font-weight: normal; 
    background:transparent; 
    text-decoration:none; 
  }
  
  #topnav a:focus,
  #topnav a:hover,
  #topnav a:active { 
    text-decoration:underline; 
    background-color: transparent;
  }

  #main {
    background: transparent;
    padding: 1em 0;
  }

  #footer {
    color:#666;
    background: transparent;
    padding: 10px 20px;
    border-top: 2px #efefaf solid;
    line-height: 1.2em;
    text-align: right;
    font-size: 9px;
  }
  
  #footer a { 
    color: #999; 
    background:transparent; 
    font-weight: bold;
  }
  
  #footer a:focus,
  #footer a:hover,
  #footer a:active {
    color: #4D87C7; 
    background-color: transparent; 
    text-decoration:underline;
  }

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

 /**
  * Formatierung der Inhaltsbereichs
  *
  * @section layout-main
  */

  #col1 {
    width: 80%;
    float: right;
  }
  
  #col1_content {
    padding: 10px 20px 10px 10px;
  }

  #col2 { display: none; }

  #col3 {
    margin-left: 0;
    margin-right: 80%;
  }
  
  #col3_content {
    padding: 10px 10px 10px 10px;
  }


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

 /**
  * Gestaltung weiterer Layoutelemente
  *
  * @section layout-misc
  */
  
  a.menu {
    display:block;
    padding:3px;
    border-top:1px solid #000;
    background-color:#004287;
    text-align: left;
    color:#ffffff;
    text-decoration:none;
  }

  a.menu:link, a.menu:visited {
    color:#ffffff;
    background-color:#004287;
    text-decoration:none;
    font-weight:bold;
    font-size:12px;
  }

  a.menu:active, a.menu:hover {
    color:#004287;
    font-weight:bold;
    background-color:#eeeeee;
    font-size:12px;
  }
  
  .menutitle {
    font-weight:bold;
    text-align:center;
    margin:2px;}

  .menucontainer {
    border:1px solid #000;
    background-color:#ffffff;
    width:115px;
    margin:10px 5px;}

  .klein {
    display:block;
    padding:3px;
    border-top:1px solid #000;
    background-color:#ffffff;
    text-align: left;
    color:#004287;
    text-decoration:none; }

  a.klein:link, a.klein:visited {
    color:#ffffff;
    background-color:#004287;
    text-decoration:none;
    font-weight:bold;
    font-size:12px;}

  a.klein:active, a.klein:hover {
    color:#004287;
    font-weight:bold;
    background-color:#ffffff;
    font-size:12px;}

}