/**
 * HEX to RGB
 *
 * #005693 rgb(0, 86, 147);
 * #004985 rgb(0, 73, 133);
 * #0065a2 rgb(0, 101, 162);
 * #d1ebf9 rgb(209, 235, 249);
 * #111111 rgb(17, 17, 17);
 * #8ccdf0 rgb(140, 205, 240);
 * #9cd6f3 rgb(156, 214, 243);
 * #cbe2ee rgb(203, 226, 238);
 * #dbf0fb rgb(219, 240, 251);
 * #0096df rgb(0, 150, 223);
 * #d5edfa rgb(213,237,250);
 * #8e4e00 rgb(142, 78, 0); 
 */


/**
 * "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.3
 * @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; 
    background: rgb(0, 86, 147);
    min-width: 1098px;  
  }

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

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

  /* Page margins and background | Randbereiche & Seitenhintergrund */
  body {
    height:100%;
  }

  /* Layout:Width, Background, Border | Layout:Breite, Hintergrund, Rahmen */
  .page_margins {

  }
  
  .page{
    background:rgb(229, 244, 252);
    z-index: 0;
  }
  
  #page_inner
  {
    zoom:1;
    background:url("../img/bg_inner.png") 0 0 repeat-x;
  }
  
  .portalentrypage #page_inner {
    background-position: 0 -42px;
    padding-top:35px;
  }
  
  /* Design of the Main Layout Elements | Gestaltung der Hauptelemente des Layouts */
  
  header {
    padding-bottom:12px;
    background:rgb(255, 255, 255);
    height: 10em;
  }
  
  .portalentrypage header {
    background:url(../img/kag-logo.png) 63px 37px no-repeat rgb(255, 255, 255);
  }
  
  header .upperzindex,
  footer .upperzindex {
    z-index: 10;
  }
	
  #main {
    width:972px;
    margin:0 0 2.8em 63px;
  }

  footer {
    padding: 12px 0;  
    background:url("../img/bg_sprite_topbottom.png") 0 0 repeat-x rgb(0, 86, 147);
    color:white;
    zoom:1;
  }
  
  #topliner div.inner,
  header div.inner,
  #primarynavigation div.inner,
  footer div.inner {
    position:relative;
    margin:0 0 0 63px;
    width:972px;
  }
  
 /*------------------------------------------------------------------------------------------------------*/

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

  #col1 { 
    width:25%; 
    background:red; 
  }
  
  #col1_content {}

  #col2 { 
    width:25%;
    background:blue;    
  }
  #col2_content {}

  #col3 { 
    margin-left:25%;
    margin-right:25%;
    background:green;
  }
  #col3_content {}

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

 /**
  * 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
  */
  
  #skiplinks a.skip:focus,
  #skiplinks a.skip:active { 
	color:#fff; 
	background:#333; 
	border-bottom:1px #000 solid;
	padding:10px 0;
	text-decoration:none;
  }
  
  /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Colums 
  *
  * (en) Visual styling colums to fit layout guidlines
  * (de) Visuelle Gestaltung der Spalten um den Grafischen Guidlines
  *
  */ 
  .subcl {
      padding: 0 6px 0 0;
  }
  #main .c66l > .subcl {
      padding-right: 5px;
  }
  .subc {
      padding: 0 5px;
  }
  .subcr {
      padding: 0 0 0 6px;
  }
  
  .subcl.large {
      padding: 0 12px 0 0;
  }
  .subc.large {
      padding: 0 7px;
  }
  .subcr.large {
      padding: 0 0 0 12px;
  }
  
  
  
  .contentcol {
      padding: 0 9px 0 18px;
      background-color: #ffffff;
  }
  
  .ldaprightcol {
      padding: 0 0 0 9px;
  }
  
  
  table td, tabe th {
    vertical-align: top;
  }
  
  .leftcol25empty {
    margin-left: 25%;
  }
  
  table caption {
      font-size: 133.33%;
      color: #666;
      font-weight: normal;
      text-align: left;
  }
  
  .ie6 table caption.screenreader,
  .ie7 table caption.screenreader
  {
      line-height: 0px;
      font-size: 0.0001%;
      color: white;
  }
  
}