@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Template for designing a screen layout
 * (de) Gestaltungsvorlage für die Erstellung eines Screenlayouts
 *
 * @copyright       Copyright 2005-2009, 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.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 */

@media screen, projection
{
/*------------------------------------------------------------------------------------------------------*/

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

	html {margin:0;}
	#main {position:relative;}
	body {background:#1F1008;}


	#page{width:898px; margin:0 auto;}

	#impressum #page{ width:490px; margin:0 auto; }

	#branding { background:#1F1008 url(../../images/kaffee_header_logo_linie.png) no-repeat; height:138px;}
	#branding #nav{width:375px; height:138px; float:left; overflow:hidden;}
	#branding #logo{width:148px; height:138px;float:left; overflow:hidden;}

	#impressum #branding{background:#27160E url(../../images/impressum_header.png) no-repeat; height:55px;}

	#impressum .teilnahmebedingungen #branding { background:#27160E; height: 55px; }

	#microsite-basis #main #sec1{float:left; background:transparent url(../../images/kaffee_content_col1.jpg) no-repeat; height:309px; width:448px;}
	#microsite-basis #main #sec2{float:left; background:transparent url(../../images/kaffee_content_bg.jpg) no-repeat; height:309px; width:450px;}
	#microsite-basis #main #sec2:hover {background:transparent url(../../images/kaffee_content_bg_soft.jpg) no-repeat; height:309px;}
	#microsite-basis #main #sec3 {height:309px; width:898px; display:block; position:relative; top:0; left:0;}
	#microsite-basis #main .pads {background:transparent url(../../images/crema_start.jpg) no-repeat;}
	#microsite-basis #main .mildfein {background:transparent url(../../images/crema_mf.jpg) no-repeat;}
	#microsite-basis #main .intensa {background:transparent url(../../images/crema_intensa.jpg) no-repeat;}
	#microsite-basis #main .prodomo {background:transparent url(../../images/crema_prodomo.jpg) no-repeat;}
	#microsite-basis #main .naturmild {background:transparent url(../../images/crema_naturmild.jpg) no-repeat;}
	#intensa-active #main { background:transparent url(../../images/kaffee_content_intensa.jpg) no-repeat; height:309px;}
	#crema-active #main { background:transparent url(../../images/kaffee_content_crema.jpg) no-repeat; height:309px;}
	#espresso-active #main { background:transparent url(../../images/kaffee_content_espresso.jpg) no-repeat; height:309px;}

	#kaffeereise #main{height:309px;}

	#impressum #main{background:#F5ECD7; padding:10px 0 1px; width:490px; text-align:left;}

	#impressum .teilnahmebedingungen #main {
		background: none repeat scroll 0 0 #F5ECD7;
		height: 348px;
		overflow-y: scroll;
		padding: 15px;
		text-align: left;
		width: 460px;
	}

	#impressum #maincol1{float:left; margin:0 15px; height:360px;}

	#action-fields {margin-top:9px; clear:both;}

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

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

	#product-1, #product-2, #product-3{ height:309px; float:left; text-indent:-1000em; }

	#product-1{ width:160px;}
	#crema-active #product-1, #espresso-active #product-1, #intensa-active #product-1{padding-left:448px;}
	#product-2{ width:130px;}
	#product-3{ width:160px;}

	#crema-1, #crema-2, #crema-3, #crema-4 { height:117px; float:left; }

	#page { position:relative; }
	#footer #col2 #col2_content { position:absolute; top:0; right:0; }
	#impressum #col2 #col2_content { position:relative; }


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

/**
	* Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente
	*
	* @section layout-misc
	*/

}