@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Variation of screen layout (basemod.css) for layout example "diorama_internal"
 *
 * @copyright       Copyright 2005-2008, 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.0.6
 * @revision        $Revision: 202 $
 * @lastmodified    $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $
 */

@media screen, projection
{
  /**
   * (en) Repositioning content container
   * (de) Neupositionierung der Content Container
   *
   * |-------------------------------|
   * | #header                       |
   * | 968px                         |
   * |-------------------------------|
   * | #col1   				    | #col3   |
   * | 780px   				    | 163px   |
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   */

#page_margins {width: 968px; min-width: 968px; max-width:none }
#main { background: #e1dbc4 url("/_img/diorama2/bg_main_2col.jpg") repeat-y; }


/* #co11 becomes the left column  */
#col1 {background: url("/_img/diorama2/bg_ear_col1.jpg") no-repeat 100% 42px; width: 805px; margin: 0;}
#col1_content { padding: 10px 10px 10px 20px; }
	
/* #col2 dissapears */
#col2, #col2_content { display:none; float: none;}

/* #col3 becomes the right column  */
#col3 {background: url("/_img/diorama2/bg_ear_col3.jpg") no-repeat 1px 42px; margin-left: 805px; margin-right: 0;}
#col3_content { padding: 10px; } 
}