@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
*/

/* Randbereiche & Seitenhintergrund */
body {
	background: White;
	padding: 0px;
}

/* Layout: Breite, Hintergrund, Rahmen */
#page{
	width: 980px; /*75em - 996px;*/
	border: none;
}
#page_margins {
	border:0;
	/* min-width: 996px; */
	/* max-width: 80em; */
	margin:auto;
	z-index:5;
}

/* Gestaltung der Hauptelemente des Layouts */
#header {
	position:relative;
	/* Achtung: Änderung verschiebt auch beide Menus! */
	height: 9.4em; /* 145px; */ /* Höhe des Company-Images! */
	/* color: #fff;
	background: #363636 url(../../img/shiny_buttons/tab_bg.gif) repeat-x top; */
}
img#companyLogo {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 75em;
}

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

#footer {
	color:#9A9A9A;
	/* background: #363636 url(../../img/shiny_buttons/tab_bg.gif) repeat-x top; */
	padding: 1em 0 0 0;
	border-top: 1px #184aa7 solid;
	line-height: 1.5em;
	font-size:0.8em;
}

/* von wegen Teaser: NavTrail, Breadcrumb */
#teaser {
	margin:0;
	background: inherit;
	padding:4px 0px 4px 0px;
	color: #184aa7;
	font-family: Arial,Helvetica,sans-serif;
	font-size:0.8em;
}
#teaser .headerNavigation {
	color: #184aa7;
	font-weight: normal;
}


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

/**
 * Formatierung der Inhaltsbereichs
 *
 * @section layout-main
 *
 * |-------------------------------|
 * | #header                       |
 * |-------------------------------|
 * | #col1   | #col3     | #col2   |
 * |-------------------------------|
 * | #footer                       |
 * |-------------------------------|
 *
 */

#col1 {
	width: 14.7em;
	z-index: 5;
}
#col1_content {
	margin-left:0;
	margin-right:0;
	color: Black;
	background:inherit;
}

#col2 {
	width:13.8em;
	z-index: 5;
}
#col2_content {
	padding-left:4px;
	margin-left:0;
	margin-right:0;
}

#col3 {
	margin-left: 14.7em;
	margin-right: 0em;
	border-left: 0px dotted #184aa7;
	border-right: 0px dotted #184aa7;
	z-index: 5;
}
#col3_large {
	margin-left: 14.7em;
	margin-right: 13.8em;
	border-left: 0px dotted #184aa7;
	border-right: 0px dotted #184aa7;
}

#col3_content {
	margin-left: 0.75em;
	margin-right: 0.75em;
}

/*------------------------------------------------------------------------------------------------------*/
/* Blätterkatalog: */

#col3_bk {
/*
	margin-left: 0.7em;
	margin-right: 13.8em;
	border-left: 0px dotted #184aa7;
	border-right: 0px dotted #184aa7;
*/
	width: 59.5em;

	margin-left: 15.4em;
	margin-right: 13.8em;
	border-left: 0px dotted #184aa7;
	border-right: 0px dotted #184aa7;
}
#col3_conten_bk {
	margin-left: 0.75em;
	margin-right: 0.75em;
}

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

/**
 * 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%;
}

}