@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/main-bg.gif);
    background-repeat: repeat-y;  
  }

  /* #col1 becomes the middle column | #col1 wird zur mittleren Spalte */
  #col1 { 
  	width: 165px; 
  	float:left;   	  	
  	height: 100%;  	  	  	
  	background-color: transparent;
  }
  
  #col1_content {
  	margin: 0;
  	padding: 0;
  	background-color: transparent;
  	background-image: none;
  }

  /* #col2 becomes the left column | #col2 wird zur linken Spalte */
  #col2 { 
  	width: 669px;   	  	
  	float:left;  
  	position: relative;  	
  	margin-top: 0;
  	height: 20px;
  	padding: 0;
  	background-color: #fff;
  	background-image: none;  	
  }
  
  #col2_content { 
  	margin: 40px;  	
  	padding: 0;
  	background-color: transparent;
  	background-image: none;  	
  }
  
  /* #col3 becomes the right column | #col3 wird zur rechten Spalte */
  #col3 { 
  	margin-left: 0; 
  	top: 0; 
  	margin-right: 0; 
  	width: 165px; 
  	float:right;   	  	
  	background-color: transparent;
  }
  
  #col3_content {
    margin: 0;
  	padding: 0;
  	margin: 0;  
  	background-color: transparent;
  	background-image: none;   	 		
  }
  
  .both {
    
  }
   
  .left {
    width: 350px;
    float: left;
    margin-right: 20px;
    padding-right: 20px;
  }  
  
  .right {
    float: left;
    width: 195px;
  }
}