@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 {
  }    
  
  #main_content {
  	background-image: url(../images/main-bg-home.gif);  	  	
  }

  *html #main_content {
  height: 30px;
  }
  
  /* #col1 becomes the middle column | #col1 wird zur mittleren Spalte */
  #col1, #image1 { 
  	width: 225px; 
  	float:left; 
  	top: 0px;
  	margin-right: 10px; 
  	background-color: transparent;
  	position: relative;
  	height: 20px;
  }

  #col1_content {
  	margin: 0 4px 0 4px;
  	padding: 0;
  }

  /* #col2 becomes the left column | #col2 wird zur linken Spalte */
  #col2, #image2 { 
  	width: 225px; 
  	float:left;  
  	position: relative;
  	margin-right: 10px;  
  	margin-top: 0;
  	background-color: transparent;
  	height: 20px;
  	padding: 0;
  }
  
  #col2_content {
  	margin: 0 4px 0 4px;
  	padding: 0;
  }
  
  #col1_content .element,
  #col2_content .element {
	padding-top: 4px;
  }
  
  /* #col3 becomes the right column | #col3 wird zur rechten Spalte */
  #col3, #image3 { 
  	margin-left: 0;   	
  	top: 0;   	
  	width: 375px; 
  	float: right; 
  	background-color: transparent;
  }
  
  #col3_content {
  	margin: 0 4px 0 4px;
  	padding: 0;  	  	
  }
  
  #main #col3 .element {
    background-color: transparent;
  }
  
  #image1, #image2, #image3 {
  	height: 399px;
  	background-repeat: no-repeat;
  	background-position: bottom left;
  	z-index: 10; 
  	padding: 0px 50px;
  }
  
  #col1, #col2, #col3 {
  	min-height: 120px;
  	padding: 10px;
  }
  
  .abstand_start {
  	clear: both;
  	height: 10px;
  }  
  
  #col1 .news-latest-container, #col2 .news-latest-container, #col3 .news-latest-container,
  #col1 .news-latest-morelink, #col2 .news-latest-morelink, #col3 .news-latest-morelink, 
  #col3 #col3_content h1,   #col3 #col3_content .bodytext {
	background-color: transparent;	
  }
  
  #col1 .news-latest-item, #col2 .news-latest-item, #col3 .news-latest-item {  
  	padding: 5px 0;
  }
  
  .news-latest-container p.bodytext {
  	padding: 2px 0;
  }
  
/*  #col3 #col3_content h1 {
  	padding-top: 0 !important;
  } */    
}