@charset "UTF-8";
/**
* YAML-based Template for xt:Commerce
*
* (en) Variation of screen layout (basemod.css)
* (de) Variation des Screenlayouts (basemod.css)
*
* @copyright       Copyright 2006-2007, Björn Teßmann (tessmann@zerosoft.de)
*                  Based on YAML, Copyright 2005-2007, Dirk Jesse
* @link            http://yaml.t3net.de/YAML-fuer-xt-Commerce.101.0.html
* @package         yaml for xt:Commerce
* @version         1.3.0
   
*/

@media all
{
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Design of the Basic Layout | Gestaltung des YAML Basis-Layouts
  *
  * @section layout-basics
  */

  /* Page margins and background | Randbereiche & Seitenhintergrund */
  body { background: #8a8a8a url(../../images/ho.bg-body.png) 0% 0% repeat-x;	}

  /* Layout: Width, Background, Border | Layout: Breite, Hintergrund, Rahmen */
  #page{  }
  #page_margins {border:0; min-width: 756px; max-width: 80em; margin:auto;}

  /* Design of the Main Layout Elements | Gestaltung der Hauptelemente des Layouts */
  #header { position:relative; height: 308px; background: transparent url(../../images/ho.bg-header.png) 0% 0% no-repeat; }
  img#companyLogo {position:absolute; top: 39px; right: 13px; font-size:208%;}

  #main { background: #fff ; padding-top: 1em;}

  #footer { 
  		color:#fff; 
		text-align: right;
		background: transparent url(../../images/ho.bg-footer.png) 0% 0% no-repeat; 
		padding: 1.0em 0 0 0; 
		line-height: 1.7em; 
		font-size:0.8em;
	}
  
  #teaser {
	margin:0;
	position: absolute;
	left: 0;
	top: 0;
	padding: 8px 4px 8px 18px;
	color: #fff;
	font-size: 11px;
  }
  
  #teaser-image{
   position: absolute;
	top: 108px;
	left: 257px;
	width: 722px;
	height: 200px;
  	background: url(../../images/teaser-image.jpg) 0% 0% no-repeat;
  }
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Formatting of the Content Area | Formatierung der Inhaltsbereichs
  *
  * @section layout-main
  */


  #col1 {	width: 270px; }
  #col1_content { padding: 1em 2em 0em 2em; margin-left:0; margin-right:0; color: #444; background:inherit; }


  #col2 {	width:205px; }
  #col2_content { padding: 1em 2em 0em 1em; margin-left:0; margin-right:0; }


  #col3 {
  margin-left: 260px;
  margin-right: 205px;
	border-left: 0px dotted #ddd;
	border-right: 0px dotted #ddd;
  }

  #col3_content { margin-left: 1em; margin-right: 1em; padding-top: 1em; }


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

 /**
  * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente
  *
  * @section layout-misc
  */
  
  /* ### Anpassung für die Ausblendung der Boxen bei Checkout (entsprechende index.html muss verwendet werden) ### */
  #main_checkout {	background:#ffffff; }
  #col3_checkout {	width:100%; }
}