@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @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) $
 * @appdef yaml
 */

@media all
{
/**
	* Fonts
	*
	* (en) global settings of font-families and font-sizes
	* (de) Globale Einstellungen für Zeichensatz und Schriftgrößen
	*
	* @section content-global-settings
	*/

	/* (en) reset font size for all elements to standard (16 Pixel) */
	/* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
	html * { font-size: 100.01%; }

/**
	* (en) reset monospaced elements to font size 16px in all browsers
	* (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
	*
	* @see: http://webkit.org/blog/67/strange-medium/
	*/

	textarea, pre, code, kbd, samp, var, tt {
		font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
	}

	/* (en) base layout gets standard font size 12px */
	/* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
	body { font-family:Verdana,"Lucida Sans",Tahoma,sans-serif; font-size: 75.00%; color: #FFF; }

	/*--- Headings | Überschriften ------------------------------------------------------------------------*/

	h1,h2,h3,h4,h5,h6 {
		font-family: "Times New Roman", Times, serif;
		font-weight:normal;
		color:#222;
		margin: 0 0 0.25em 0;
	}

	h1 { font-size: 250%; }                       /* 30px */
	h2 { font-size: 200%; }                       /* 24px */
	h3 { font-size: 150%; }                       /* 18px */
	h4 { font-size: 133.33%; }                    /* 16px */
	h5 { font-size: 116.67%; }                    /* 14px */
	h6 { font-size: 116.67%; }                    /* 14px */

	#impressum h2{ font-size:11px; font-weight:bold; font-family:Arial,sans-serif;}

	/* --- Lists | Listen  -------------------------------------------------------------------------------- */

	ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em; }
	ul li { list-style-type: disc; }
	ul ul li { list-style-type: circle; }

	ol li { list-style-type: decimal; }
	ol ol li { list-style-type: lower-latin; }

	li { margin-left: 0.8em; line-height: 1.5em; }
	#microsite-basis li, #intensa-active li, #espresso-active li, #crema-active li, #kaffeereise li, #impressum li{margin:0; list-style-type:none;}
	#microsite-basis ul, #intensa-active ul, #espresso-active ul, #crema-active ul, #kaffeereise ul{margin:0; height:309px; }
	#microsite-basis #sec3 ul { position:absolute; bottom:12px; right:11px; height:117px; }
	#microsite-basis #sec3 ul#pads { position:absolute; top:0; left:0; height:117px; }

	#nav ul{padding-top:14px; padding-left:47px; height:124px;}
	#impressum ul{padding-left:10px; padding-top:3px;}

	#branding #nav #navstart{background:transparent url(../../images/kaffee_btn_startseite.png) no-repeat; height:14px; width:56px;}
	#branding #nav #navimpressum{background:transparent url(../../images/kaffee_btn_impressum.png) no-repeat; height:14px; width:56px;}

	#branding #navstart a, #branding #navimpressum a{height:14px; width:56px; display:block; border:none;}

.hidemeheader { text-indent:-1000em; }

#branding #nav #flashlink {
	padding-bottom:5px;
	padding-left:2px;
}

#branding #nav #navstart{padding-bottom:1px;}

dt { font-weight: bold; }
dd { margin: 0 0 1em 0.8em; }

/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

p { line-height: 1.5em; padding: 0 0 1em 0; }

#impressum p{font-size:11px; line-height: 1.3em; color:#000; font-family:Arial,sans-serif;}

blockquote, cite,q {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

	blockquote { margin: 0 0 1em 1.6em; color: #666; }

	strong,b { font-weight: bold; }
	em,i { font-style: italic; }

	pre, code, kbd, tt, samp, var { font-size: 100%; }
	pre, code { color: #800; }
	pre { line-height: 1.5em; margin: 0 0 1em 0; }
	kbd, samp, var { color: #666; }
	var { font-style: italic; }

	acronym, abbr {
		border-bottom: 1px #aaa dotted;
		font-variant: small-caps;
		letter-spacing: .07em;
		cursor: help;
	}

	sub, sup { font-size: 91.6667%; }

	hr {
		color: #fff;
		background:transparent;
		margin: 0 0 0.5em 0;
		padding: 0 0 0.5em 0;
		border:0;
		border-bottom: 1px #eee solid;
	}

	/*--- LINKS ----------------------------------------------------------------------------------------- */

	a:link { border-bottom:none; color:#FFF; text-decoration:none; }
	a:visited { border-bottom:none; color:#EEE; text-decoration:none; }
	a:hover { border-bottom:1px solid; color:#FFF; }
	a:active, a:focus{ border-bottom:1px solid; background:none; border-bottom:none; color:#FFF; }

	#microsite-basis a img, #intensa-active .imagelink, #intensa-active a img, #crema-active .imagelink, #crema-active a img, #espresso-active .imagelink, #espresso-active a img, #kaffeereise .imagelink, #kaffeereise a img { border:none; padding:0; background:none; }

	#action-fields .imagelink { float:left; }
	#action-fields .imagelink:hover { border:none !important; }

	#microsite-basis #product-1 a { background:none; width:160px; height:309px; float:left; border:none; padding:0; outline:none; }
	#microsite-basis #product-1 a:hover{ background: url(../../images/kaffee_intensa_brown_hover.jpg); height:309px; width: 160px;}
	#microsite-basis #product-2 a:hover{ background:transparent url(../../images/kaffee_crema_brown_hover.jpg); }
	#microsite-basis #product-2 a {background:none; width:130px; height:309px; float:left; border:none; padding:0; outline:none; }
	#microsite-basis #product-3 a:hover{ background:transparent url(../../images/kaffee_espresso_brown_hover.jpg);}
	#microsite-basis #product-3 a { background:none; width:160px; height:309px; float:left; border:none; padding:0; outline:none; }

	#intensa-active #product-1 a, #intensa-active #product-1 a:hover { width:160px; height:309px; float:left; border:none; padding:0; outline:none; background:transparent url(../../images/kaffee_intensa_white_hover.jpg);}
	#intensa-active #product-2 a { width:130px; height:309px; float:left; border:none; padding:0; outline:none; background:transparent url(../../images/kaffee_crema_white_inactive.jpg);}
	#intensa-active #product-3 a { width:160px; height:309px; float:left; border:none; padding:0; outline:none; background:transparent url(../../images/kaffee_espresso_white_inact.jpg);}
	#intensa-active #product-2 a:hover { background:transparent url(../../images/kaffee_crema_white_hover.jpg); }
	#intensa-active #product-3 a:hover { background:transparent url(../../images/kaffee_espresso_white_hover.jpg); }

	#crema-active #product-1 a{ width:160px; height:309px; float:left; border:none; padding:0; outline:none; background:transparent url(../../images/kaffee_intensa_white_inacti.jpg);}
	#crema-active #product-2 a, #crema-active #product-2 a:hover { width:130px; height:309px; float:left; border:none; padding:0; outline:none; background:transparent url(../../images/kaffee_crema_white_hover.jpg);}
	#crema-active #product-3 a { width:160px; height:309px; float:left; border:none; padding:0; outline:none; background:transparent url(../../images/kaffee_espresso_white_inact.jpg);}
	#crema-active #product-1 a:hover { background:transparent url(../../images/kaffee_intensa_white_hover.jpg); }
	#crema-active #product-3 a:hover { background:transparent url(../../images/kaffee_espresso_white_hover.jpg); }

	#espresso-active #product-1 a{ width:160px; height:309px; float:left; border:none; padding:0; outline:none; background:transparent url(../../images/kaffee_intensa_white_inacti.jpg);}
	#espresso-active #product-2 a { width:130px; height:309px; float:left; border:none; padding:0; outline:none; background:transparent url(../../images/kaffee_crema_white_inactive.jpg);}
	#espresso-active #product-3 a, #espresso-active #product-3 a:hover { width:160px; height:309px; float:left; border:none; padding:0; outline:none; background:transparent url(../../images/kaffee_espresso_white_hover.jpg);}
	#espresso-active #product-1 a:hover { background:transparent url(../../images/kaffee_intensa_white_hover.jpg); }
	#espresso-active #product-2 a:hover { background:transparent url(../../images/kaffee_crema_white_hover.jpg); }

	#product-1 a { width:160px; height:309px; float:left; border:none; padding:0; outline:none; }
	#product-2 a { width:130px; height:309px; float:left; border:none; padding:0; outline:none; }
	#product-3 a { width:160px; height:309px; float:left; border:none; padding:0; outline:none; }

	#microsite-basis #crema-1 a {background:url(../../images/crema_pads_start_mf.png) no-repeat 0 0; width:211px; height:211px; margin:97px 0 0 50px; display:block;}
	#microsite-basis #crema-2 a {background:url(../../images/crema_pads_start_inten.png) no-repeat 0 0; width:211px; height:211px; margin:97px 0 0 -5px; display:block;}
	#microsite-basis #crema-3 a {background:url(../../images/crema_pads_start_prod.png) no-repeat 0 0; width:211px; height:211px; margin:97px 0 0 0; display:block;}
	#microsite-basis #crema-4 a {background:url(../../images/crema_pads_start_natur.png) no-repeat 0 0; width:211px; height:211px; margin:97px 0 0 -7px; display:block;}

	#microsite-basis #crema-1 a:hover {background:url(../../images/crema_pads_start_mf_ov.png) no-repeat 0 0; }
	#microsite-basis #crema-2 a:hover {background:url(../../images/crema_pads_start_inten_ov.png) no-repeat 0 0;}
	#microsite-basis #crema-3 a:hover {background:url(../../images/crema_pads_start_prod_ov.png) no-repeat 0 0; }
	#microsite-basis #crema-4 a:hover {background:url(../../images/crema_pads_start_naturm_ov.png) no-repeat 0 0;}

	#microsite-basis .mf_big {background:url(../../images/crema_pads_start_mf_big.png) no-repeat 0 0; width:211px; height:211px; display:block; position:relative; left:50px; top:97px;}
	#microsite-basis .intensa_big {background:url(../../images/crema_pads_start_intensa_big.png) no-repeat 0 0; width:211px; height:211px; display:block; position:relative; left:50px; top:97px;}
	#microsite-basis .prodomo_big {background:url(../../images/crema_pads_start_prod_big.png) no-repeat 0 0; width:211px; height:211px; display:block; position:relative; left:50px; top:97px;}
	#microsite-basis .naturmild_big {background:url(../../images/crema_pads_start_naturm_big.png) no-repeat 0 0; width:211px; height:211px;display:block; position:relative; left:50px; top:97px;}

	#microsite-basis #crema-2.intensa_small a {background:url(../../images/crema_pads_intensa_s.png) no-repeat 0 0; width:104px; height:114px; margin:0 0 0 318px; display:block;}
	#microsite-basis #crema-2.mf_small a {background:url(../../images/crema_pads_mf_s.png) no-repeat 0 0; width:104px; height:114px; margin:0; display:block; }
	#microsite-basis #crema-3.prodomo_small a {background:url(../../images/crema_pads_prodomo_s.png) no-repeat 0 0; width:104px; height:114px; margin:0 0 0 0; display:block;}
	#microsite-basis #crema-3.intensa_small a {background:url(../../images/crema_pads_intensa_s.png) no-repeat 0 0; width:104px; height:114px; margin:0 0 0 0; display:block;}
	#microsite-basis #crema-4.naturmild_small a {background:url(../../images/crema_pads_naturm_s.png) no-repeat 0 0; width:104px; height:114px; margin:0 0 0 -6px; display:block;}
	#microsite-basis #crema-4.prodomo_small a {background:url(../../images/crema_pads_prodomo_s.png) no-repeat 0 0; width:104px; height:114px; margin:0 0 0 -6px; display:block;}

	#microsite-basis #crema-2.intensa_small a:hover {background:url(../../images/crema_pads_intensa_ov.png) no-repeat 0 0;}
	#microsite-basis #crema-2.mf_small a:hover {background:url(../../images/crema_pads_mf_ov.png) no-repeat 0 0;}
	#microsite-basis #crema-3.prodomo_small a:hover {background:url(../../images/crema_pads_prodomo_ov.png) no-repeat 0 0; }
	#microsite-basis #crema-3.intensa_small a:hover {background:url(../../images/crema_pads_intensa_ov.png) no-repeat 0 0;}
	#microsite-basis #crema-4.naturmild_small a:hover {background:url(../../images/crema_pads_naturm_ov.png) no-repeat 0 0;}
	#microsite-basis #crema-4.prodomo_small a:hover {background:url(../../images/crema_pads_prodomo_ov.png) no-repeat 0 0;}

	#microsite-basis #crema-1 a span, #microsite-basis #crema-2 a span, #microsite-basis #crema-3 a span, #microsite-basis #crema-4 a span, #microsite-basis #crema-2.intensa_small a span, #microsite-basis #crema-2.mf_small a span, #microsite-basis #crema-3.prodomo_small a span,
	#microsite-basis #crema-3.intensa_small a span, #microsite-basis #crema-4.naturmild_small a span, #microsite-basis #crema-4.prodomo_small a span { display:none;}




	/* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */

	p.icaption_left { float:left; display:inline; margin: 0 1em 0.15em 0; }
	p.icaption_right { float:right; display:inline; margin: 0 0 0.15em 1em; }

	p.icaption_left img,
	p.icaption_right img { padding:0; border: 1px #888 solid; }

	p.icaption_left strong,
	p.icaption_right strong { display:block; overflow:hidden; margin-top: 2px; padding: 0.3em 0.5em; background: #eee; font-weight: normal; font-size: 91.667%; }

/**
	* ------------------------------------------------------------------------------------------------- #
	*
	* Generic Content Classes
	*
	* (en) standard classes for positioning and highlighting
	* (de) Standardklassen zur Positionierung und Hervorhebung
	*
	* @section content-generic-classes
	*/

	.highlight { color: #f60; }
	.dimmed { color: #888; }

	.info { background: #f8f8f8; color: #666; padding: 10px; margin-bottom: 0.5em; font-size: 91.7%; }

	.note { background: #efe; color: #040; border: 2px #484 solid; padding: 10px; margin-bottom: 1em; }
	.important { background: #ffe; color: #440; border: 2px #884 solid; padding: 10px; margin-bottom: 1em; }
	.warning { background: #fee; color: #400; border: 2px #844 solid; padding: 10px; margin-bottom: 1em; }

	.float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em; }
	.float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; }
	.center { display:block; text-align:center; margin: 0.5em auto; }

/**
	* ------------------------------------------------------------------------------------------------- #
	*
	* Tables | Tabellen
	*
	* (en) Generic classes for table-width and design definition
	* (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
	*
	* @section content-tables
	*/

	table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; border-top: 2px #888 solid; border-bottom: 2px #888 solid; }
	table caption { font-variant:small-caps; }
	table.full { width: 100%; }
	table.fixed { table-layout:fixed; }

	th,td { padding: 0.5em; }
	thead th { color: #000; border-bottom: 2px #800 solid; }
	tbody th { background: #e0e0e0; color: #333; }
	tbody th[scope="row"], tbody th.sub { background: #f0f0f0; }

	tbody th { border-bottom: 1px solid #fff; text-align: left; }
	tbody td { border-bottom: 1px solid #eee; }

	tbody tr:hover th[scope="row"],
	tbody tr:hover tbody th.sub { background: #f0e8e8; }
	tbody tr:hover td { background: #fff8f8; }

/**
	* ------------------------------------------------------------------------------------------------- #
	*
	* Miscellaneous | Sonstiges
	*
	* @section content-misc
	*/

	object {outline:none;}

	a#send-email {
	display:block;
	height:20px;
	position:absolute;
	right:200px;
	top:237px;
	width:110px;
	}

#nav #navlanguage {
	height:14px;
	padding-left:0;
	padding-top:3px;
	width:105px;
}

#navlang_left {
	background:transparent url(../../images/btn-english.png) no-repeat;
	float:left;
	height:14px;
	width:42px;
}

#navlang_right {
	background:transparent url(../../images/btn-deutsch.png) no-repeat;
	float:left;
	height:14px;
	width:44px;
}

#navlang_left a, #navlang_right a {
	border:none;
	display:block;
	height:14px;
}

#navlang_left a {
	width:41px;
}

#navlang_right a {
	width:50px;
}

#terms-conditions-01 {
	font-family: Arial,sans-serif;
	font-size: 11px;
}

#stoerer {
	background:none;
	display: none;
	height: 125px;
	position: absolute;
	right: 2px;
	width: 247px;
}

#stoerer:hover {
	border-bottom:none;
}

#stoerer span {
	display:none;
}

#terms-box {
	position: relative;
	top: 10px;
}

#terms-box a {
	border-bottom:1px solid #FFFFFF;
}

#terms-box input {
	background: none repeat scroll 0 0 transparent;
	border:none;
	margin: 0 8px 0 0;
	width: auto;
}

#impressum .teilnahmebedingungen #branding h1 {
	color: #FFFFFF;
	font-size: 20px;
	padding: 4px 0 0 20px;
}

.teilnahme #footer {
	background: none repeat scroll 0 0 #1F1008;
	bottom: 0;
	height: 20px;
	left: 0;
	position: absolute;
	width: 100%;
}

.img2 {
	background: url("../../images/kaffee_action_field_02.jpg") no-repeat scroll 0 0 transparent;
	display: block;
	height: 210px;
	margin-top: -12px;
	width: 280px;
}

.img4 {
	background: url("../../images/kaffee_action_field_02-02.jpg") no-repeat scroll 0 0 transparent;
	display: block;
	height: 210px;
	margin-top: -12px;
	width: 280px;
}

#action-fields #img2 {
	display: block;
	float: left;
	height:115px;
	margin: 0 5px;
	width: 296px;
}

#action-fields #img2:hover {
	text-decoration:none;
	border-bottom:none;
}

#facebook-link {
	background: url("../../images/btn-facebook.png") no-repeat scroll 0 0 transparent;
	height: 47px;
	position: absolute;
	right: 27px;
	top: 23px;
	width: 44px;
}

#facebook-link:hover {
	border:none;
}

#facebook-link span {
	display:none;
}

.imagelink:hover {
	border:none !important;
}

#fancybox-close:hover {
	border:none;
}

#sec1 .iframe {
	background: url("../../images/btn-video-lightbox.png") no-repeat scroll 0 0 transparent;
	height: 53px;
	left: 52px;
	position: absolute;
	top: 253px;
	width: 195px;
}

#sec1 .iframe:hover {
	border:none !important;
}

#sec1 .iframe span {
	display:none;
}

}