@charset "UTF-8";
/**
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
*
* (en) Variation of screen layout (basemod.css) for layout example "2col_fixed_seo"
* (de) Variation des Screenlayouts (basemod.css) für Layoutbeispiel "3col_fixed_seo"
*
* @copyright       Copyright 2005-2007, 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.1
* @revision        $Revision: 92 $
* @lastmodified    $Date: 2007-07-15 10:26:40 +0200 (So, 15 Jul 2007) $
*/

@media screen
{
  /**
  * (de) Neupositionierung der Content Container
  *
  * |-------------------------------|
  * | #header                       |
  * | 960px                         |
  * |-------------------------------|
  * | #col2   | #col1     | #col3   |
  * | 240px   | 480px     | 240px   |
  * |-------------------------------|
  * | #footer                       |
  * |-------------------------------|
  */

  #main {
  	background-image: url(../images/vierspaltig-bg.gif);
	background-position: top left;
  	background-repeat: repeat-y;
  	min-height: 600px;
  }

  #col1, #col2, #col3, #col4 {
  	width: 223px;
  	margin: 0;
  	padding: 0;
  	margin-right: 25px;
        float: left;
        position: relative;
  } 
  
  #col1 {
  	margin-left: 0px;
  }
    
  #col4 {
  	margin: 0;
  	float: right;  	
  	width: 222px;
  }
  
  *html #col4 {
        width: 221px;
  }
  
  #col1_content, #col2_content, #col3_content, #col4_content {
  	margin: 0;
  	padding: 0px;
  	padding-top: 0px;
  	position: relative;
  }   
}