/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Screen layout for YAML examples
 * (de) Bildschirmlayout für YAML-Beispiele
 *
 * @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:426 $
 * @lastmodified    $Date: 2010-09-14 21:19:30 +0200 (Di, 14 Sep 2010) $
 */

@media screen, projection
{

body { overflow-y:scroll; background-color:#e8eaf1; background-image:url("../../images/bg_body.png"); background-position:0 87px; background-repeat:repeat-x; padding:0; text-align:center; }

.whiteshine { position:absolute; top:0; left:0; width:100%; height:651px; border:0; background-image:url("../../images/bg_whiteshine.png"); background-position:50% 0; background-repeat:no-repeat; overflow:hidden; }
.bgimagearea { position:absolute; top:0; left:0; width:100%; height:100%; border:0; }
.bgredline { position:absolute; top:0; left:0; width:100%; height:100%; border:0; background-image:url("../../images/bg_body.png"); background-position:0 87px; background-repeat:repeat-x; }

.page_margins { text-align:left; margin:0 auto; position:relative; z-index:2; min-width:0; width:1000px; max-width:1000px; background-color:transparent; padding: 0px 15px 0px 15px; }

.page { padding:0; background-color:transparent;}

#header { background-color:transparent; position:relative; height:110px; background-image:url("../../images/bg_body.png"); background-position:0 bottom; background-repeat:repeat-x; }


#main { background-color:transparent; padding:0; }

#footer { position:relative; }

/* (en) Backup for correct positioning */
/* (de) Absicherung korrekte Positionierung */
#header, #nav, #main, #footer { clear:both; }

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

/**
* (en) Formatting content container
* (de) Formatierung der Inhalts-Container
*
* |-------------------------------|
* | #header                       |
* |-------------------------------|
* | #col1   | #col3     | #col2   |
* | 25%     | flexible  | 25%     |
* |-------------------------------|
* | #footer                       |
* |-------------------------------|
*/


#col1 { width:20%; }
#col1_content { padding:0; }

#col2 { width:20%; }
#col2_content { padding:0; }

#col3 { margin:0 20%; }
#col3_content { padding:0 50px 0 58px; }


  .subc  { padding:0 1em; }
  .subcl { padding:0 2em 0 0; }
  .subcr { padding:0 0 0 2em; }

  

/**
* ------------------------------------------------------------------------------------------------- #
*
* 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;
}

}