/* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */

/* Aufteilung */
.page											{ margin: 0 auto; width: 960px; padding: 18px 0 0 0 }

.header											{ position: fixed; top: 0; left: 0; width: 100%; height: 85px; z-index: 100; background: url(../pics/layout/header.hg.png) repeat-x; }
.header .logo									{ float: left; width: 115px; height: 72px; padding: 7px 0 0 34px }
.header .hauptnavigation						{ float: left; width: 750px; }
.header .meta									{ margin: 0 0 0 621px; height: 47px }

.header .socialbuttons							{ position: absolute; right: 0; top: 47px; clear: right;  min-width: 10px; height: 32px }
.header .socialbuttons .buttons-start			{ float: left; width: 9px; height: 32px; background: url(../pics/layout/socialmedia.hg.png) 0 bottom no-repeat }
.header .socialbuttons .buttons					{ margin: 0 19px 0 9px; padding: 0 5px 0 0; height: 32px; background: url(../pics/layout/socialmedia.hg.png) right bottom no-repeat }
.header .socialbuttons .buttons .link			{ display: block; float: left; margin: 4px 4px 0 0; width: 24px; height: 24px }

/* Seitenbild u. a. für Promotion Template */
.pagelogo .bild									{ position: relative; top: -58px; float: right; }

.footer .navigationen							{ height: 34px; background: url(../pics/layout/footer.hg.png) repeat-x; overflow: hidden }

.footer .claim									{ float: right; min-width: 1px }
.footer .claim .bild							{ float: right; min-width: 1px }

.gui-overlay									{ background: #000; }


/* Basisdefinitionen */
*												{ font-family: "Lucida Sans W01 Roman", Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #FFF; text-align: left; padding: 0; margin: 0 }

body											{ height: 100%; text-align: center; position: relative; background-color: #ddd; margin-top: 47px; }
body.popup										{ background-color: #c9a58f; margin-top: 20px; }
body.popup-caffeo								{ background-color: #5b493d; background-image: url(../pics/layout/hg-info.png); margin-top: 20px; }
body.popup-caffeo .page							{ width: 780px; }

a:link											{ color: #FFF; text-decoration: none; text-transform: none; font-weight: normal; }
a:visited										{ color: #FFF; text-decoration: none; text-transform: none; font-weight: normal; }
a:hover											{ color: #dd1930; text-decoration: none; text-transform: none; font-weight: normal; }
a:active										{ color: #FFF; text-decoration: none; text-transform: none; font-weight: normal; }

b												{ font-family: "Lucida Sans W01 Bold",sans-serif; }
strong											{ font-family: "Lucida Sans W01 Bold",sans-serif; color:inherit; }
i												{ font-style: italic }
img												{ border:0 }
p												{ padding: 0 }

ul												{ margin: 0; padding:0 0 0 10px; display: block; overflow: hidden }
ol												{ margin: 0; padding:0 0 0 10px; display: block; overflow: hidden }
ul li											{ list-style : none }

h1, h1 a										{ font-size: 32px; font-family: "Century Gothic W01", sans-serif; margin: 20px 0 0 0; }
h2												{ font-size: 16px; margin: 0 0 40px 0; }
h2 a:link,
h2 a:visited									{ color: #FFF; font-size: 13px; padding: 1px 30px 1px 0; margin: 0 0 10px 0; background: url(../pics/layout/textlink-pfeil.png) no-repeat; background-position: top right;}
h2 a:hover										{ background-position: 100% -18px;}

sup												{ font-size: 75%; vertical-align: text-top; }
.text sup										{ color: #555; }
.page .texte .absatz .text sup					{ color: #fff; }
.page .texte .absatz .text a:hover sup			{ color: #DD1930; }
.modul-produkt .detail .text sup				{ color: #fff; }
.modul-produkt .awards-links sup 				{ color: #555; }
.modul-produkt .awards-links a:hover sup 		{ color: #DD1930; }
.modul-produkt .tab-toolbar  .tab-active sup	{ color: #DD1930; }
.modul-produkt .tab-toolbar  sup				{ color: #555; }
.modul-produkt .tab-hover  sup					{ color: #DD1930; }
.mh-milkfoamer .modul-produkt .detail sup		{ color: #555; }
.mh-accessories .modul-produkt .detail sup		{ color: #555; }
.suchergebnis-trefferliste a:hover sup			{ color: #DD1930; }
.modal-dialog .page .texte .absatz .text sup	{ color: #323232; }

a:hover span.btn-text-29 sup 					{ color: #DD1930; }
a:hover span.button-text sup 					{ color: #DD1930; }
a:hover span.button-text-29 sup 				{ color: #DD1930; }
.sitemap a:hover sup 							{ color: #DD1930; }


.bg-info .text sup 								{ color: #fff; }
.bg-promo .text sup								{ color: #fff; }
.absatz-promo .text sup							{ color: #fff; }
.bg-promo .langtext sup							{ color: #fff; }
.bg-promo-red .text sup							{ color: #fff; }
.bg-promo-red .langtext sup						{ color: #fff; }
.viewport sup									{ color: #323232; }
.navigation ul ul a sup							{ color: #555; }
.popup .text sup 								{ color: #fff; }

/* Tabellen */
.page table										{ padding: 10px 0 0 20px; background: url(../pics/layout/promo-detail-hintergrund.png); }
.page table td									{ padding: 0 10px 20px 0; }
.page table.verkostung							{ padding: 10px 0 0 0; background-image: none; }
.page table.verkostung td						{ width: 210px; padding: 20px; background: url(../pics/layout/promo-detail-hintergrund.png); }
.page table.verkostung td.empty 				{ background-image: none; }


/* Verstecken */
.cycon-wysiwyg									{ display: none }

/* Inhalt einspaltig / zweispaltig */
.page h2										{ margin: 0 0 0 0; padding: 5px 0 0 0; }
.page .column1 .absatz h2 						{ margin-bottom: 10px; }
.page .column2 .absatz h2 						{ margin-bottom: 10px; }
.page .texte									{ margin: 20px 0 0 0; }
.texte .single-column							{ width: 60%; margin: 0 0 0 30px; float: left; }
.texte .single-column.full-width				{ width: 100%; padding: 0 30px 0 30px; float: none; margin: 0; box-sizing: border-box; }
.texte .column1									{ width: 450px; margin: 0 0 0 30px; float: left; }
.texte .column2									{ margin: 0 10px 0 490px; width: 450px; }
.texte .content-wrapper							{ overflow: hidden; }
.texte  hr										{ border: 0; border-top: 1px solid #504036; border-bottom: 1px solid #837369; width: 430px; margin: 15px 0 15px 0; }
.dokument .pdf .link-icon						{ float: left; height: 18px; padding: 0px 0px 0px 37px; background: url(../system/pics/emoticons/icon_typ_pdf.png) no-repeat; cursor:pointer;}
.dokument .pdf:hover .link-icon					{ background-position: 0 -18px; }
.dokument .pdf .link-text						{ padding: 4px 0 10px 45px; }

/* Kalender */
.popup-kalender a 								{ color: #000000; }
.popup-kalender	form 							{ color: #000000; }
#cal-monat  									{ float: left; color: #000000; }
#cal-jahr  										{ float: left; margin: 0 0 0 10px; color: #000000; }
#cal-monat select 								{ color: #000000; }
#cal-monat option 								{ color: #000000; }
#cal-jahr select 								{ color: #000000; }
#cal-jahr option 								{ color: #000000; }

/* quiz */
.quiz h2										{ color: #323232; }
.quiz h1										{ color: #323232; }
body.quiz										{ margin-top: 47px; }
.quiz .titel									{ padding-top: 38px; }
.quiz .bg-info-footer							{ height: 25px; }

/* Hintergründe */
#background-wrapper								{ width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: -20; overflow: hidden; }
#background-wrapper .background					{ position: absolute; top: 0; left: 50%; z-index: -20; }
#background-wrapper .coffeesmile				{ position: absolute; width: 1515px; height: 313px; left: 0; bottom: 40px; z-index: -10; }
.texte_footer_content							{ clear: both; }

/* Hintergründe Kampagne */
#background-wrapper-campaign					{ width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: -20; overflow: hidden; }
#background-wrapper-campaign .background		{ position: absolute; top: 0; left: 50%; z-index: -20; }
#background-wrapper-campaign .coffeesmile		{ position: absolute; width: 1515px; height: 313px; left: 0; bottom: 40px; z-index: -10; }

/* Cookierichtlinien */

.button-29 {
	cursor: pointer;
	height: 29px;
	text-decoration: none;
}

.button-29 .button-left {
	background: url(../pics/layout/buttons.hg.29.png) no-repeat scroll left top transparent;
	float: left;
	height: 29px;
	width: 10px;
}

.button-29 .button-right {
	background: url(../pics/layout/buttons.hg.29.png) no-repeat scroll right top transparent;
	float: left;
	height: 29px;
	width: 10px;
}

.button-29 .button-text {
	background: url(../pics/layout/buttons.hg.29.png) repeat-x scroll center top transparent;
	float: left;
	height: 29px;
}

.button-29 .button-text span {
	background: url(../pics/layout/link.text.normal.png) no-repeat right 11px;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	float: left;
	padding: 10px 10px 0 0;
	line-height: 10px;
}

a.button-29:hover .button-left {
	background-position: left bottom;
}

a.button-29:hover .button-right {
	background-position: right bottom;
}

a.button-29:hover .button-text {
	background-position: center bottom;
}

a.button-29:hover .button-text span {
	background: url(../pics/layout/link.text.aktiv.png) no-repeat right 11px;
	color: #DD1930;
}

.button-29-reverse .button-text span {
	background: url(../pics/layout/link.text.normal.back.png) no-repeat left 11px;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	float: left;
	padding: 10px 0 0 10px;
}

a.button-29-reverse:hover .button-text span {
	background: url(../pics/layout/link.text.aktiv.back.png) no-repeat left 11px;
}

div[data-cycon-module=cookie] * {
	font-family: "Lucida Sans W01 Roman", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

div[data-cycon-module=cookie] {
	background: #DD1930 none repeat scroll 0 0;
	color: #ffffff;
	padding: 20px 0;
	position: fixed;
	text-align: center;
	width: 100%;
	z-index: 101;
	left: 0;
	bottom: 34px;
	display: none;
}

div[data-cycon-module=cookie] p {
	margin: 0 10px 10px;
	text-align: center;
	color: #ffffff;
}

div[data-cycon-module=cookie] a.button-29:hover .button-left {
	background-position: left bottom;
}

div[data-cycon-module=cookie] a.button-29 .button-left {
	background-position: left bottom;
}

div[data-cycon-module=cookie] a.button-29:hover .button-right {
	background-position: right bottom;
}

div[data-cycon-module=cookie] a.button-29 .button-right {
	background-position: right bottom;
}

div[data-cycon-module=cookie] a.button-29 .button-text {
	background-position: center bottom;
}

div[data-cycon-module=cookie] a.button-29:hover .button-text {
	background-position: center bottom;
}

div[data-cycon-module=cookie] a.button-29 .button-text span {
	background-position: right bottom;
	color: #dd1930;
}

div[data-cycon-module=cookie] a.button-29:hover .button-text span {
	background-position: right bottom;
	color: #dd1930;
}

div[data-cycon-module=cookie] a.button-29 {
	display: inline-block;
	margin-right: 10px;
	background-position: left bottom;
}

.cookie-wrapper {
	text-align: center;
	display: inline-block;
}

@media screen and (min-width: 320px) {
	div[data-cycon-module=cookie] .cookie-button-wrapper {
		text-align: center;
	}

	div[data-cycon-module=cookie] a.button-29 {
		float: none !important;
	}
}

@media screen and (min-width: 1200px) {
	div[data-cycon-module=cookie] p {
		float: left;
		width: 800px;
	}

	div[data-cycon-module=cookie] a.button-29 {
		float: left;
	}

	div[data-cycon-module=cookie] .cookie-button-wrapper {
		margin-left: 840px;
		overflow: hidden;
	}
}

/* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */

/* 
Hinweise:
- jedes Seitenelement wird hier definiert
- Seiteneffekte zwischen Seitenelementen sind auszuschließen
*/

/* TinyMCE Style Dropdown */

/* Eintrag: Rot=rot */
.rot								{ color: #F00 }

/* Eintrag: Grün=gruen */
.gruen								{ color: #0F0 }

/* Eintrag: Blau=blau */
.blau								{ color: #00F }

/* Element: Absatz */
.absatz								{  }
.absatz .bild-unterschrift			{ font-style: italic; width: 80px }
.absatz .bild-rechts				{ float: right; padding: 0 0 10px 10px }
.absatz .bild-links					{ float: left; padding: 0 10px 10px 0 }
.absatz .text						{ }

.coffee-experience-header 		{ height: 363px; width: 960px; display: block;  min-height: 1px; position: relative; }
.coffee-experience-header img 	{ display: block; }

.coffee-experience-header .pfeil-rechts:hover .coffee-experience-link-right {display: block; }
.coffee-experience-header .coffee-experience-link-right				{ display:none; height: 21px; position: absolute; right: 0px; top: 163px;  padding: 15px 35px 10px 20px; background: url(../navigationen/pics/layout/kaffee-erleben-pfeil-bg-rechts.png) no-repeat left center;}

.coffee-experience-header .pfeil-links:hover .coffee-experience-link-left {display: block; }
.coffee-experience-header .coffee-experience-link-left				{ display:none; height: 21px; position: absolute; left: 0px; top: 163px;  padding: 15px 20px 10px 35px; background: url(../navigationen/pics/layout/kaffee-erleben-pfeil-bg-links.png) no-repeat right center;}

.coffee-experience-header .coffee-experience-pfeil-right			{ width: 31px; height: 41px; position: absolute; right: 0px; top: 165px; background: url(../navigationen/pics/layout/kaffee-erleben-pfeil-rechts.png) no-repeat 0px 1px;}
.coffee-experience-header .pfeil-rechts:hover .coffee-experience-pfeil-right	{ width: 31px; height: 41px; position: absolute; right: 0px; top: 166px; background: url(../navigationen/pics/layout/kaffee-erleben-pfeil-rechts.png) no-repeat 0px -41px;}

.coffee-experience-header .coffee-experience-pfeil-left			{ width: 25px; height: 41px; position: absolute; left: 0px; top: 165px; background: url(../navigationen/pics/layout/kaffee-erleben-pfeil-links.png) no-repeat 0 1px;}
.coffee-experience-header .pfeil-links:hover .coffee-experience-pfeil-left	{ width: 25px; height: 41px; position: absolute; left: 0px; top: 166px; background: url(../navigationen/pics/layout/kaffee-erleben-pfeil-links.png) no-repeat 0 -41px;}

.coffee-experience-header .functions						{ position: absolute; top: 20px; right: 20px; background: url(../pics/layout/social-print-box.png) no-repeat; }
.coffee-experience-header .functions						{ text-align: right; float: right; width: 117px; padding: 5px 17px 4px 0; overflow: hidden ;  }
.coffee-experience-header .functions iframe					{ float: right; margin-right: 6px; }
.coffee-experience-header .functions a.print-button			{ margin: 1px 3px 0 2px; }
.coffee-experience-header .functions a.print-button:link	{ float: right; width: 21px; height: 21px; line-height: 25px; background: url(../pics/layout/icons.print.png) no-repeat 0 -30px }
.coffee-experience-header .functions a.print-button:visited	{ background: url(../pics/layout/icons.print.png) no-repeat 0 -30px }
.coffee-experience-header .functions a.print-button:hover	{ background: url(../pics/layout/icons.print.png) no-repeat 0 -30px }
.coffee-experience-header .functions a.print-button:active	{ background: url(../pics/layout/icons.print.png) no-repeat 0 -30px }

.coffee-experience-navi										{ margin-top: -40px; width: 960px; overflow: hidden; }
.coffee-experience-navi .navi-tab							{ margin-right: 2px;  height: 40px; display: inline; float: left; position: relative; }
.coffee-experience-navi .navi-tab-ende						{ background: url(../pics/layout/kaffee-erleben-tabnavi.png) right 84px; height: 40px; width: 15px; float: left; }
.coffee-experience-navi .navi-tab-start						{ padding: 10px 0 0 15px; background: url(../pics/layout/kaffee-erleben-tabnavi.png) 0 84px ; height: 30px; float: left; }
.coffee-experience-navi .navi-tab:hover .navi-tab-ende		{ background: url(../pics/layout/kaffee-erleben-tabnavi.png) right 42px; height: 40px; width: 15px; float: left; }
.coffee-experience-navi .navi-tab:hover .navi-tab-start		{ padding: 10px 0 0 15px; background: url(../pics/layout/kaffee-erleben-tabnavi.png) 0 42px ; height: 30px; float: left; }

.coffee-experience-navi .navi-tab-start-aktiv				{ padding: 10px 0 0 15px; background: url(../pics/layout/kaffee-erleben-tabnavi.png) left top; height: 30px; float: left; }
.coffee-experience-navi .navi-tab-ende-aktiv				{ background: url(../pics/layout/kaffee-erleben-tabnavi.png) right top; height: 40px; width: 15px; float: left; }

.coffee-experience-navi a:link								{ color: #fff; font-size: 13px; }
.coffee-experience-navi a:visited							{ color: #fff; font-size: 13px; }
.coffee-experience-navi a:active							{ color: #fff; font-size: 13px; }
.coffee-experience-navi a:hover								{ color: #fff; font-size: 13px; }

.coffee-experience-navi .navi-tab-start-aktiv a:link		{  color: #dd1930;}
.coffee-experience-navi .navi-tab-start-aktiv a:visited		{  color: #dd1930;}
.coffee-experience-navi .navi-tab-start-aktiv a:active		{  color: #dd1930;}
.coffee-experience-navi .navi-tab-start-aktiv a:hover		{  color: #dd1930;}

/* Element: Coffee experience container layouts */
.kaffee-erleben-navi .tab-toolbar						{ float: left; width: 750px; background-color: #FFF; padding: 0 0 0 3px }
.kaffee-erleben-navi .tab								{ overflow: hidden }
.kaffee-erleben-navi .tab-toolbar .tab-label			{ padding: 0 15px; background: url(../pics/layout/tab.trenner.gif) no-repeat right 6px #FFF; font-family: "Lucida Sans W01 Roman", sans-serif; font-size: 14px; line-height: 30px; color: #CCC; text-transform: uppercase }
.kaffee-erleben-navi .tab-toolbar .tab-label:hover	{ color: #555;}
.kaffee-erleben-navi .tab-toolbar .tab-active			{ padding: 0 15px; background: url(../pics/layout/tab.trenner.gif) no-repeat right 6px #FFF; font-family: "Lucida Sans W01 Roman", sans-serif; font-size: 14px; line-height: 30px; color: #dd1930; text-transform: uppercase }
.kaffee-erleben-navi .tab-toolbar .tab-active:hover	{ color: #dd1930;}
.kaffee-erleben-navi .tab-content						{ height: 420px; padding: 20px;   }
.kaffee-erleben-navi .tab-toolbar				{ float: left; width: 223px; border-top: 1px solid #CCC; margin: 19px 0 0 19px }
.kaffee-erleben-navi .tab-toolbar .tab-active	{ background: url(../pics/layout/link.text.aktiv.png) no-repeat right center; color: #DD1930 }
.kaffee-erleben-navi .tab-toolbar .letzter			{ border: none; background: transparent }

/* Element: Absatz Akkordeon */
.absatz-akkordeon						{ overflow: hidden; }
.absatz-akkordeon hr						{ width: 100%; margin: 0 0 10px 0; border: 0; border-top: 1px solid #440F1A; border-bottom: 1px solid #5E2934; }
.absatz-akkordeon hr.erster				{ display: none; }
.absatz-akkordeon .akkordeon-left		{ float: left; width: 320px; }
.absatz-akkordeon .akkordeon-right		{ float: left; width: 620px }

.absatz-akkordeon .bild					{ float: left; padding: 0 10px 10px 20px; }
.absatz-akkordeon h2						{ font-size: 18px; font-family: "Lucida Sans W01 Roman", sans-serif; color: #ffffff; }
.absatz-akkordeon .text					{ margin: 5px 0 0 0; font-size: 13px; font-family: "Lucida Sans W01 Roman", sans-serif; color: #ffffff; }
.absatz-akkordeon .title					{ margin-bottom: 15px }
.absatz-akkordeon .acContent				{ margin-bottom: 15px }

.absatz-akkordeon .more,
.absatz-akkordeon .less					{ float: left }

.absatz-akkordeon .btn-start				{ padding: 6px 0 6px 8px; line-height: 12px; background: url(../pics/layout/buttons.hg.23.png) no-repeat 0 0; font-size: 9px; }
.absatz-akkordeon .btn-text				{ padding: 6px 9px 6px 0; line-height: 12px; background: url(../pics/layout/buttons.hg.23.png) no-repeat right 0; color: #FFF; font-family: "Lucida Sans W01 Bold", sans-serif; font-size: 9px; font-weight: bold; text-transform: uppercase; cursor: pointer; }
.absatz-akkordeon .btn-arrow				{ padding: 6px 9px 6px 6px; line-height: 12px; background: url(../pics/layout/akkordeon.png) no-repeat; font-size: 9px; cursor: pointer; background-position: 5px -36px; }

.absatz-akkordeon .btn-start-aktiv		{ padding: 7px 0 5px 8px; background-position: 0 bottom; cursor: pointer; }
.absatz-akkordeon .btn-text-aktiv		{ background-position: right bottom; color: #DD1930; cursor: pointer; }
.absatz-akkordeon .btn-arrow-aktiv		{ background: url(../pics/layout/akkordeon.png) no-repeat center; cursor: pointer; background-position: 5px -2px; }

.absatz-akkordeon .button-23						{ cursor: pointer; height: 29px; text-decoration: none; }
.absatz-akkordeon .button-23 .button-left		{ background: url(../pics/layout/buttons.hg.23.png) no-repeat scroll left top transparent; float: left; height: 23px; width: 10px; }
.absatz-akkordeon .button-23 .button-right		{ background: url(../pics/layout/buttons.hg.23.png) no-repeat scroll right top transparent; float: left; height: 23px; width: 10px; }
.absatz-akkordeon .button-23 .button-text		{ background: url(../pics/layout/buttons.hg.23.png) repeat-x scroll center top transparent; float: left; height: 23px;}
.absatz-akkordeon .button-23 .button-text span	{ background: url(../pics/layout/akkordeon.png) no-repeat right -36px; color: #fff; font-size: 9px; text-transform: uppercase; float: left; padding: 7px 17px 0 0; line-height: 9px; }

.absatz-akkordeon .button-23 .button-left-aktiv				{ background-position: left bottom; }
.absatz-akkordeon .button-23 .button-right-aktiv				{ background-position: right bottom; }
.absatz-akkordeon .button-23 .button-text-aktiv				{ background-position: center bottom; }
.absatz-akkordeon .button-23 .button-text-aktiv span			{ background: url(../pics/layout/akkordeon.png) no-repeat right -2px; color: #DD1930; }

.absatz-akkordeon .mehr-weniger-btn		{ padding-bottom: 50px }

.absatz-akkordeon table					{ width: 561px; background: url(../pics/layout/promo.table.bg.png) no-repeat top center; }
.absatz-akkordeon table td				{ vertical-align: top; font-size: 13px; }
.absatz-akkordeon table td p			{ font-size: 13px; }
.absatz-akkordeon table td strong		{ font-size: 18px; font-weight: normal; }

.absatz-akkordeon .acText-unten			{ width: 561px; height: 10px; display: block; background: url(../pics/layout/promo.table.bg.png) no-repeat bottom center; }

/* Element: Titel */
.titel								{ }

/* Element: Text */
.text								{ }
.text ol li							{ }
.text ul li							{ list-style-type: disc; margin: 0 0 0 10px }

/* Element: Bild */
.bild								{ }
.bild-unterschrift					{ font-style: italic }
.bild-rechts						{ float: right; padding: 0 }
.bild-links							{ float: left; padding: 0 }

/* Element: Bild */
.bild-url-resize					{ position: absolute; z-index: -1; width: 0; height: 0 }

/* Element: Link */
.link								{ }

/* Element: Dokument */
.dokument							{ overflow:hidden }
.dokument .icon-typ					{ float: left }

/* Element: Container */
.container							{ }

/* Element: Umbruch */
.umbruch                            { font-size: 1px; line-height: 1px; width: 100%; height: 1px; overflow: hidden; }

/* Element: Button (rot/weiss) */

a span.btn-start					{ padding: 6px 0 6px 8px; line-height: 12px; background: url(../pics/layout/buttons.hg.23.png) no-repeat 0 0; font-size: 9px; }
a span.btn-text						{ padding: 6px 9px 6px 0; line-height: 12px; background: url(../pics/layout/buttons.hg.23.png) no-repeat right 0; color: #FFF; font-family: "Lucida Sans W01 Bold", sans-serif; font-size: 9px; font-weight: bold; text-transform: uppercase }
a span.btn-arrow					{ padding: 6px 9px 6px 0; line-height: 12px; background: url(../pics/layout/link.text.normal.png) no-repeat center; font-size: 9px; }

a:hover span.btn-start				{ background-position: left -26px; cursor: pointer; }
a:hover span.btn-text				{ background-position: right bottom; color: #DD1930; cursor: pointer; }
a:hover span.btn-arrow				{ background: url(../pics/layout/link.text.aktiv.png) no-repeat center; cursor: pointer; }

.button-23									{ cursor: pointer; height: 29px; text-decoration: none; }
.button-23 .button-left						{ background: url(../pics/layout/buttons.hg.23.png) no-repeat scroll left top transparent; float: left; height: 23px; width: 10px; }
.button-23 .button-right						{ background: url(../pics/layout/buttons.hg.23.png) no-repeat scroll right top transparent; float: left; height: 23px; width: 10px; }
.button-23 .button-text						{ background: url(../pics/layout/buttons.hg.23.png) repeat-x scroll center top transparent; float: left; height: 23px; }
.button-23 .button-text span					{ background: url(../pics/layout/link.text.normal.png) no-repeat right 7px; color: #fff; font-size: 9px; text-transform: uppercase; float: left; padding: 7px 10px 0 0; line-height: 9px; }

a.button-23:hover .button-left				{ background-position: left bottom; }
a.button-23:hover .button-right				{ background-position: right bottom; }
a.button-23:hover .button-text				{ background-position: center bottom; }
a.button-23:hover .button-text span			{ background: url(../pics/layout/link.text.aktiv.png) no-repeat right 7px; color: #DD1930; }

.button-29									{ cursor: pointer; height: 29px; text-decoration: none; }
.button-29 .button-left						{ background: url(../pics/layout/buttons.hg.29.png) no-repeat scroll left top transparent; float: left; height: 29px; width: 10px; }
.button-29 .button-right						{ background: url(../pics/layout/buttons.hg.29.png) no-repeat scroll right top transparent; float: left; height: 29px; width: 10px; }
.button-29 .button-text						{ background: url(../pics/layout/buttons.hg.29.png) repeat-x scroll center top transparent; float: left; height: 29px; }
.button-29 .button-text span					{ background: url(../pics/layout/link.text.normal.png) no-repeat right 11px; color: #fff; font-size: 12px; text-transform: uppercase; float: left; padding: 10px 10px 0 0; line-height: 10px; }

a.button-29:hover .button-left				{ background-position: left bottom; }
a.button-29:hover .button-right				{ background-position: right bottom; }
a.button-29:hover .button-text				{ background-position: center bottom; }
a.button-29:hover .button-text span			{ background: url(../pics/layout/link.text.aktiv.png) no-repeat right 11px; color: #DD1930; }

.button-29-reverse .button-text span			{ background: url(../pics/layout/link.text.normal.back.png) no-repeat left 11px; color: #fff; font-size: 12px; text-transform: uppercase; float: left; padding: 10px 0 0 10px; }
a.button-29-reverse:hover .button-text span	{ background: url(../pics/layout/link.text.aktiv.back.png) no-repeat left 11px; }

.button-order								{ display: block; margin: 15px 0 10px }
.button-order .button-text span				{ background: url(../pics/layout/produkt.button.order.icon.png) no-repeat 0 7px; padding: 10px 0 2px 25px }
a.button-order:hover .button-text span		{ background: url(../pics/layout/produkt.button.order.icon.png) no-repeat 0 -16px }

/* in die andere Richtung */
a span.btn-start-reverse				{ padding-left: 3px; }
a span.btn-text-reverse				{ padding-right: 12px; }
a span.btn-arrow-reverse				{ background: url(../pics/layout/link.text.normal.back.png) no-repeat center; }
a:hover span.btn-arrow-reverse		{ background: url(../pics/layout/link.text.aktiv.back.png) no-repeat center; }

.single-column .text 				{ margin-bottom: 15px; }

/* Element: GUI */
.dialog								{ position: absolute; z-index: 999999 }

/* Element: Coffee experience container layouts */
.coffee-experience .tab-toolbar						{ float: left; width: 750px; padding: 0 0 0 3px }
.coffee-experience .tab								{ overflow: hidden }
.coffee-experience .tab-toolbar .tab-label			{ padding: 0 15px; background: url(../pics/layout/tab.trenner.gif) no-repeat right 6px #FFF; font-family: "Lucida Sans W01 Roman", sans-serif; font-size: 14px; line-height: 30px; color: #CCC; text-transform: uppercase }
.coffee-experience .tab-toolbar .tab-label:hover		{ color: #555;}
.coffee-experience .tab-toolbar .tab-active			{ padding: 0 15px; background: url(../pics/layout/tab.trenner.gif) no-repeat right 6px #FFF; font-family: "Lucida Sans W01 Roman", sans-serif; font-size: 14px; line-height: 30px; color: #dd1930; text-transform: uppercase }
.coffee-experience .tab-toolbar .tab-active:hover		{ color: #dd1930;}
.coffee-experience .tab-toolbar .letzter			{ border: none; background: transparent }
.coffee-experience .tab-content						{ padding: 20px 20px 0 20px;   }
.coffee-experience-footer 							{ clear: both; overflow: hidden; width: 960px; height: 20px; background: url(../pics/layout/produkt.hintergrund.fff.90.ecken.png) left bottom; float: left; }
.coffee-experience									{ width: 960px; overflow: hidden; background: url(../pics/layout/produkt.hintergrund.fff.90.png) repeat }
.coffee-experience-tab								{  }

.coffee-experience .tab-toolbar						{ float: left; width: 223px; border-top: 1px solid #CCC;}
.coffee-experience .tab-toolbar .tab-active			{ background: url(../pics/layout/link.text.aktiv.png) no-repeat right center; color: #DD1930 }

.coffee-experience .content-tab						{ margin: 0 0 0 238px; background-color: transparent }
.coffee-experience .content-tab-label				{ border-bottom: 1px solid #CCC; padding: 0 10px 0 0; width: 213px; background-color: transparent; font-family: "Lucida Sans W01 Roman", sans-serif; font-size: 13px; line-height: 20px; color: #555; float: left; min-width: 5px; cursor: pointer; }
.coffee-experience .content-tab-active				{ background: url(../pics/layout/link.text.aktiv.png) no-repeat right center; color: #DD1930}
.coffee-experience .content-tab-content				{ background: transparent }

.coffee-experience .content-tab.wide				{ margin: 0; background-color: transparent }
.coffee-experience .content-tab.wide .text			{ float: left; padding: 19px; width: 531px; height: 235px; word-wrap: break-word; font-family: "Lucida Sans W01 Roman", sans-serif; font-size: 13px; line-height: 16px; color: #555; background: url(../pics/layout/produkt.detail.text.breit.hg.png) no-repeat }
.coffee-experience .content-tab.wide .pages			{ width: 569px; height: 273px; overflow: hidden; position: relative }

.coffee-experience .pages							{ width: 333px; height: 273px; overflow: hidden; position: relative }
.coffee-experience .bild							{ float: right; width: 332px; height: 273px; min-height: 1px; }

.coffee-experience .text							{ float: left; padding: 19px; width: 295px; height: 235px; font-family: "Lucida Sans W01 Roman", sans-serif; font-size: 13px; line-height: 16px; color: #555; background: url(../pics/layout/produkt.detail.text.hg.png) no-repeat }
.coffee-experience .text h4							{ padding: 0 0 10px 0; font-family: "Lucida Sans W01 Roman", sans-serif; font-size: 16px; line-height: 20px; color: #555 }
.coffee-experience .content-text .text p			{ font-family: "Lucida Sans W01 Roman", sans-serif; font-size: 13px; line-height: 19px; color: #555 }
.coffee-experience .text p							{ color: #555 }
.coffee-experience .text ul	li						{ color: #555 }

.coffee-experience .paging							{ position: absolute; width: 75px; height: 20px; left: 150px; bottom: 8px; z-index: 10; overflow: hidden }
.coffee-experience a.page-back						{ width: 18px; height: 18px; position: absolute; left: 100px; bottom: 10px; z-index: 10; display: block; background: url(../pics/layout/produkt.paging.png) no-repeat 0 0 }
.coffee-experience a.page-back:hover				{ background-position: 0 -16px }
.coffee-experience a.page-next						{ width: 18px; height: 18px; position: absolute; right: 100px; bottom: 10px; z-index: 10; display: block; background: url(../pics/layout/produkt.paging.png) no-repeat -38px 0 }
.coffee-experience a.page-next:hover				{ background-position: -38px -16px }
.coffee-experience .paging .punkt					{ float: left; width: 18px; height: 18px; background: url(../pics/layout/produkt.paging.png) no-repeat -20px -17px }
.coffee-experience .paging .punkt-aktiv				{ width: 18px; height: 18px; background: url(../pics/layout/produkt.paging.png) no-repeat -20px 0 }

.coffee-experience .functions							{ text-align: right; float: right; width: 188px; padding: 5px 19px 4px 0; overflow: hidden ; background: #FFF }
.coffee-experience .functions iframe					{ float: right }
.coffee-experience .functions a.print-button:link		{ float: right; width: 21px; height: 21px; line-height: 25px; background: url(../pics/layout/icons.print.png) no-repeat 0 -30px }
.coffee-experience .functions a.print-button:visited	{ background: url(../pics/layout/icons.print.png) no-repeat 0 -30px }
.coffee-experience .functions a.print-button:hover		{ background: url(../pics/layout/icons.print.png) no-repeat 0 -30px }
.coffee-experience .functions a.print-button:active		{ background: url(../pics/layout/icons.print.png) no-repeat 0 -30px }

.abschluss 							{ background: url("../pics/layout/produkt.hintergrund.fff.90.ecken.png") no-repeat scroll 0 bottom transparent; height: 10px; width: 960px }

/* Element: Absatz Promo Items */
.promo-items						{ overflow: hidden; padding: 0 0 0 30px }
.promo-items .titel h1				{ font-size: 18px; font-weight: bold; margin: 20px 0 15px }
.promo-items .absatz				{ float: left; height: 130px; padding: 0 20px 0 0; width: 95px }
.promo-items .absatz .bild			{ background: url(../pics/layout/promo.item.hg.png) 0 0 no-repeat; display: block; width: 96px; height: 96px; text-align: center }
.promo-items .absatz .bild a		{ display: block; width: 96px; height: 96px; text-align: center }
.promo-items .absatz .text			{ text-align: center; margin: 2px 0 0 }
.promo-items .promo-items-trenner	{ width: 900px }

/* Element: Container Promo Registrierung */
.promo-registrierung					{ background-color: #F0F0F0; margin: 10px 200px 20px 37px; padding: 20px; overflow: hidden; min-height: 250px }
.promo-registrierung * 					{ color: #555555; font-size: 12px; font-family: "Lucida Sans W01 Roman",sans-serif }
.promo-registrierung sup				{ color: #555555 !important }
.promo-registrierung ul 				{ margin: 10px 0 10px 20px }
.promo-registrierung .absatz			{ margin: 0 0 10px 0 }
.promo-registrierung .erfolg			{ margin: 20px }
.promo-registrierung a					{ color: #555555; text-decoration: underline }
.promo-registrierung a:hover			{ text-decoration: none }

/* Links im Fuß */
.single-column .link					{ float: left; padding: 0 30px 0 20px; background: url("../pics/layout/grafikelemente.png") no-repeat scroll -11px -419px transparent;}

/* Element: Video Youtube */
.video.video-youtube { display: inline-block; float: none; }
.video.video-youtube:nth-child(2n-1) { margin: 0 20px 20px 0;  }/* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */

/* Hinweis:
   die Auswahl dieser Farbwelten wird in der Textdatei "text_suche_kategorien" gepflegt.
 */

/* Farbwelten Melitta Haushalt */
.mh-filtercoffee .modul-produkt .detail .tab					{ background-color: #E2001A }
.mh-waterkettle .modul-produkt .detail .tab						{ background-color: #E2001A }
.mh-caffeolattea .modul-produkt .detail .tab					{ background-color: #8E2776 }

.mh-milkfoamer .modul-produkt .detail .tab						{ background-color: #EBECED }
.mh-milkfoamer .modul-produkt .produkt-standard-tab .absatz h3  { color: #555; }
.mh-milkfoamer .modul-produkt .produkt-standard-tab .text p		{ color: #555; }
.mh-milkfoamer .modul-produkt .produkt-standard-tab a		    { color: #555; }

.mh-accessories .modul-produkt .detail .tab						{ background-color: #EBECED }
.mh-accessories .modul-produkt .produkt-standard-tab .absatz h3 { color: #555; }
.mh-accessories .modul-produkt .produkt-standard-tab table td *,
.mh-accessories .modul-produkt .produkt-standard-tab table td	{ color: #555; }
.mh-accessories .modul-produkt .text a,
.mh-accessories .modul-produkt .text a:hover,
.mh-accessories .modul-produkt .text a:active,
.mh-accessories .modul-produkt .text a:link 					{ color: #E2001A; }
.mh-accessories .modul-produkt .produkt-standard-tab .text p	{ color: #555; }
.mh-accessories .modul-produkt .farbvariante.aktiv span			{ color: #555; }
.mh-accessories .modul-produkt .produkt-standard-tab .text a,
.mh-accessories .modul-produkt .produkt-standard-tab .text a:hover,
.mh-accessories .modul-produkt .produkt-standard-tab .text a:link,
.mh-accessories .modul-produkt .produkt-standard-tab .text a:active { color: #E2001A; }

.mh-caffeosolo .modul-produkt .detail .tab						{ background-color: #D5D7DA }
.mh-caffeosolo .modul-produkt .produkt-standard-tab a		    { color: #555; }
.mh-caffeosolo .modul-produkt .detail h1						{ color: #555; }
.mh-caffeosolo .modul-produkt .detail sup						{ color: #555; }
.mh-caffeosolo .modul-produkt .detail h2						{ color: #555; }
.mh-caffeosolo .modul-produkt .detail .text						{ color: #555; }
.mh-caffeosolo .modul-produkt .detail .text	sup					{ color: #555; }
.mh-caffeosolo .modul-produkt .produkt-standard-tab .absatz h3  { color: #555; }
.mh-caffeosolo .modul-produkt .produkt-standard-tab .text p		{ color: #555; }

.mh-fullyautomatic .modul-produkt .detail .tab					{ background-color: #474D53 }
.mh-filterbags .modul-produkt .detail .tab						{ background-color: #62A647 }
.mh-coldbrew .modul-produkt .detail .tab						{ background-color: #e5f7ff }

/* Farbwelten Melitta Kaffee */
.mc-filtercoffee .modul-produkt .detail .tab					{ background-color: #E2001A }
.mc-bellacrema .modul-produkt .detail .tab						{ background-color: #844733 }
.mc-cappuccino .modul-produkt .detail .tab						{ background-color: #434f91 }
.mc-upawake .modul-produkt .detail .tab							{ background-color: #C21868 }


/* Buttons  */
.btn-order a span.btn-start							{ padding: 6px 0 5px 8px; background: url(../pics/layout/buttons.hg.23.png) no-repeat 0 0; font-size: 11px; }
.btn-order a span.btn-text							{ padding: 6px 9px 5px 0; font-size: 11px }
.btn-order a span.btn-icon							{ padding: 3px 0 5px 20px; background: url(../pics/layout/produkt.button.order.icon.png) no-repeat 0 4px }
.btn-order a:hover span.btn-icon						{ background-position: 0 -19px }
.btn-order a:hover span.btn-start						{ background-position: 0 -26px }
.btn-order a:hover span.btn-text						{ background-position: right -26px; color: #DD1930 }

.btn-search a:link,
.btn-search a:visited								{ color: #FFF }
.btn-search a:hover									{ color: #DD1930 }
.btn-search a:active								{ color: #FFF }
.btn-search a span.btn-arrow						{ background: url(../pics/layout/link.text.normal.png) no-repeat center }
.btn-search a:hover span.btn-arrow					{ background: url(../pics/layout/link.text.aktiv.png) no-repeat center }


/* hier werden die Farbausnahmen für die HELLEN Farbwelten definiert */
.mh-milkfoamer .btn-search a:link,
.mh-milkfoamer .btn-search a:visited				{ color: #555 }
.mh-milkfoamer .btn-search a:hover					{ color: #DD1930 }
.mh-milkfoamer .btn-search a:active					{  }
.mh-milkfoamer .btn-search a span.btn-arrow			{ background: url(../pics/layout/link.text.mehr.png) no-repeat center }
.mh-milkfoamer .btn-search a:hover span.btn-arrow	{ background: url(../pics/layout/link.text.aktiv.png) no-repeat center }

.mh-caffeosolo .btn-search a:link,
.mh-caffeosolo .btn-search a:visited				{ color: #555 }
.mh-caffeosolo .btn-search a:hover					{ color: #DD1930 }
.mh-caffeosolo .btn-search a:active					{  }
.mh-caffeosolo .btn-search a span.btn-arrow			{ background: url(../pics/layout/link.text.mehr.png) no-repeat center }
.mh-caffeosolo .btn-search a:hover span.btn-arrow	{ background: url(../pics/layout/link.text.aktiv.png) no-repeat center }

.mh-accessories .btn-search a:link,
.mh-accessories .btn-search a:visited				{ color: #555 }
.mh-accessories .btn-search a:hover					{ color: #DD1930 }
.mh-accessories .btn-search a:active				{  }
.mh-accessories .btn-search a span.btn-arrow		{ background: url(../pics/layout/link.text.mehr.png) no-repeat center }
.mh-accessories .btn-search a:hover span.btn-arrow	{ background: url(../pics/layout/link.text.aktiv.png) no-repeat center }

.mh-caffeosolo .text a:link,
.mh-caffeosolo .text a:visited						{ color: #555 }
.mh-caffeosolo .text a:hover						{ color: #DD1930 }

.mh-milkfoamer .modul-produkt .detail h1,
.mh-milkfoamer .modul-produkt .detail h2,
.mh-milkfoamer .modul-produkt .detail .text,
.mh-milkfoamer .modul-produkt .detail .text p,
.mh-milkfoamer .modul-produkt .detail .text li		{ color: #555 }

.mh-accessories .modul-produkt .detail h1,
.mh-accessories .modul-produkt .detail h2,
.mh-accessories .modul-produkt .detail .text,
.mh-accessories .modul-produkt .detail .text p,
.mh-accessories .modul-produkt .detail .text li		{ color: #555 }

.mh-coldbrew .modul-produkt .detail .schatten		{ background-image: url(../pics/layout/produkt.detail.coldbrew.jpg) }
.mh-coldbrew .modul-produkt .detail h1,
.mh-coldbrew .modul-produkt .detail h2,
.mh-coldbrew .modul-produkt .detail .text,
.mh-coldbrew .modul-produkt .detail .text p,
.mh-coldbrew .modul-produkt .detail .text li				{ color: #4f2700 }
.mh-coldbrew .modul-produkt .detail sup						{ color: #4f2700 }
.mh-coldbrew .modul-produkt .detail .text sup				{ color: #4f2700 }
.mh-coldbrew .modul-produkt .detail .varianten .zeile span 	{ color: #4f2700 }


/* hier werden die Farbausnahmen für die ROTEN Farbwelten definiert */
.mh-filtercoffee .btn-search a:link,
.mh-filtercoffee .btn-search a:visited				{ color: #FFF }
.mh-filtercoffee .btn-search a:hover				{ opacity: .7; filter: alpha(opacity=70) }
.mh-filtercoffee .btn-search a:active				{  }
.mh-filtercoffee .btn-order a span.btn-start		{ background-position: left bottom }
.mh-filtercoffee .btn-order a span.btn-text			{ background-position: right bottom; color: #DD1930 }
.mh-filtercoffee .btn-order a span.btn-icon			{ background-position: 0 -19px }

.mh-waterkettle .btn-search a:link,
.mh-waterkettle .btn-search a:visited				{ color: #FFF }
.mh-waterkettle .btn-search a:hover					{ opacity: .7; filter: alpha(opacity=70) }
.mh-waterkettle .btn-search a:active				{  }
.mh-waterkettle .btn-order a span.btn-start			{ background-position: left bottom }
.mh-waterkettle .btn-order a span.btn-text			{ background-position: right bottom; color: #DD1930 }
.mh-waterkettle .btn-order a span.btn-icon			{ background-position: 0 -19px }

.mc-filtercoffee .btn-search a:link,
.mc-filtercoffee .btn-search a:visited				{ color: #FFF }
.mc-filtercoffee .btn-search a:hover				{ opacity: .7; filter: alpha(opacity=70) }
.mc-filtercoffee .btn-search a:active				{  }
.mc-filtercoffee .btn-order a span.btn-start		{ background-position: left bottom }
.mc-filtercoffee .btn-order a span.btn-text			{ background-position: right bottom; color: #DD1930 }
.mc-filtercoffee .btn-order a span.btn-icon			{ background-position: 0 -19px }


/* Farbwelten für die Container & Absätze*/
.bg-promo						{ overflow: hidden; background: url(../pics/layout/hg-promo.png); padding: 20px 0 0 0; }
.bg-promo-footer				{ width: 960px; height: 15px; background: url(../pics/layout/hg-promo-rand.png) no-repeat; background-position: 0 bottom; }
.bg-promo-header				{ width: 960px; height: 15px; background: url(../pics/layout/hg-promo-rand.png) no-repeat; background-position: 0 top; margin: 15px 0 0 0; }
.absatz-promo					{ background: url(../pics/layout/hg-promo.png); padding: 10px 10px 10px 30px; }
.bg-info						{ overflow: hidden; background: url(../pics/layout/hg-info.png); padding: 20px 0 0 0; }
.bg-info-footer					{ width: 960px; height: 115px; background: url(../pics/layout/hg-info-rand.png) no-repeat; background-position: 0 bottom; }
.bg-info-footer-reg				{ width: 960px; height: 15px; background: url(../pics/layout/hg-info-rand-100.png) no-repeat; background-position: 0 bottom; }
.klein							{ height: 15px; } 
.popup-caffeo .bg-info-footer	{ width: 780px; background: url(../pics/layout/hg-info.png); }
.bg-info-header					{ width: 960px; height: 15px; background: url(../pics/layout/hg-info-rand.png) no-repeat; background-position: 0 top; margin: 15px 0 0 0; }
.absatz-info					{ background: url(../pics/layout/hg-info.png); padding: 10px 10px 10px 30px; }
.bg-promo-red					{ overflow: hidden; background: url(../pics/layout/hg-promo-red.png); padding: 20px 0 0 0; }
.bg-promo-red-footer			{ width: 960px; height: 15px; background: url(../pics/layout/hg-promo-red-rand.png) no-repeat; background-position: 0 bottom; }
.bg-promo-red-header			{ width: 960px; height: 15px; background: url(../pics/layout/hg-promo-red-rand.png) no-repeat; background-position: 0 top; margin: 15px 0 0 0; }
.absatz-promo-red				{ background: url(../pics/layout/hg-promo-red.png); padding: 10px 10px 10px 30px; }
.bg-promo-iframe				{ padding: 0; }

.bg-promo-gray									{ background-image: url(../pics/layout/hg-promo-gray.png) }
.bg-promo-gray-footer							{ background-image: url(../pics/layout/hg-promo-gray-rand.png) }
.bg-promo-gray-header							{ background-image: url(../pics/layout/hg-promo-gray-rand.png) }
.promo-gray	.nav-inline-promo-red				{ background-image: url(../pics/layout/hg-promo-gray-navi.png) }
.promo-gray .absatz-akkordeon hr				{ border-top: 1px solid #40454B; border-bottom: 1px solid #5A5F65 }
.promo-gray .absatz-akkordeon .acText-unten		{ background-image: url(../pics/layout/promo.table.gray.bg.png) }
.promo-gray .absatz-akkordeon table				{ background-image: url(../pics/layout/promo.table.gray.bg.png) }
.promo-gray .promo-items-trenner				{ border-top: 1px solid #40454B; border-bottom: 1px solid #5A5F65 }

/* Farbwelt Service */
.bg-service						{ overflow: hidden; background: url(../pics/layout/hg-service10.png); padding: 0 0 10px 0; text-align: center; }
.bg-service-footer				{ width: 960px; height: 15px; background: url(../pics/layout/hg-service10-ecken.png) no-repeat; background-position: 0 bottom; }
.bg-service-header				{ width: 960px; height: 15px; background: url(../pics/layout/hg-service10-ecken.png) no-repeat; background-position: 0 top;  margin: 20px 0 0 0; }
.service-registrierung 		 	{ font-size: 0 }
.service-registrierung iframe 	{ width: 100%; height: 539px; overflow: hidden; border: 0 }
/* Farbwelt weiß */
.bg-weiss					{ overflow: hidden; background-color: #fff; padding: 0 0 0 0; text-align: center; }
/* Farbwelt FAQ */
.bg-faq-99					{ overflow: hidden; background: url(../pics/layout/hg_99_faq_detail.png); }

/* Farbwelten für die Navigation in der Seite */
.nav-inline-promo-red						{ background: url(../pics/layout/hg-promo-red-navi.png)}
.nav-inline-promo						{ background: url(../pics/layout/hg-promo-navi.png)}
.nav-inline-info						{ background: url(../pics/layout/hg-info-navi.png)}

/* Farbwelten Teaser */
.kaffee-header				{ background: url(../pics/layout/teaserhg.png) no-repeat; }
.modul-teaser .kaffee		{ background: url(../pics/layout/teaserhg.png) no-repeat; width: 960px; height: 325px; margin: 0 0 0 0; }

/* Farbwelt Länderauswahl */
.page-country						{ margin: 0 auto; width: 960px; padding: 38px 0 0 0; }
.bg-country							{ overflow: hidden; background: url(../pics/layout/produkt.hintergrund.fff.90.png); padding: 0 16px; }
.bg-country .content-wrapper			{ border-bottom: 1px solid #D7D7D8; padding: 10px 0 5px 0; }
.bg-country-footer					{ width: 960px; height: 15px; background: url(../pics/layout/produkt.hintergrund.fff.90.ecken.png) no-repeat; background-position: 0 bottom; position: relative;  }
.bg-country-header					{ width: 960px; height: 15px; background: url(../pics/layout/produkt.hintergrund.fff.90.ecken.png) no-repeat; background-position: 0 top; margin: 15px 0 0 0; }
.bg-country .country-element			{ float: left; width: 230px; }
.bg-country .country-element .bild	{ float: left; padding: 0 16px 0 0; }
.bg-country .country-element .link a	{ color: #555555; }

.text .melitta-button strong						{ font-weight: normal; font-family: "Lucida Sans W01 Roman",sans-serif; }

.mh-filtercoffee .text .melitta-button				{ background-color: #555; }
.mh-filtercoffee .text .melitta-button:link,
.mh-filtercoffee .text .melitta-button:visited		{ color: #ffffff !important; }
.mh-filtercoffee .text .melitta-button:hover		{ color: #DD1930 !important; background-color: #ffffff; }

.mh-caffeosolo .text .melitta-button:link,
.mh-caffeosolo .text .melitta-button:visited		{ color: #ffffff !important; }
.mh-caffeosolo .text .melitta-button:hover			{ color: #DD1930 !important; }
.mh-caffeosolo .text .melitta-button strong			{ font-weight: normal; font-family: "Lucida Sans W01 Roman",sans-serif; }@font-face {
    font-family: 'FuturaBT-Light';
    src: url('webfonts/257647_0_0.eot');
    src: url('webfonts/257647_0_0.eot?#iefix') format('embedded-opentype'), url('webfonts/257647_0_0.woff') format('woff'), url('webfonts/257647_0_0.ttf') format('truetype');
}
@font-face {
    font-family: 'FuturaBT-Book';
    src: url('webfonts/257647_1_0.eot');
    src: url('webfonts/257647_1_0.eot?#iefix') format('embedded-opentype'), url('webfonts/257647_1_0.woff') format('woff'), url('webfonts/257647_1_0.ttf') format('truetype');
}
@font-face {
    font-family: 'FuturaBT-Heavy';
    src: url('webfonts/257647_2_0.eot');
    src: url('webfonts/257647_2_0.eot?#iefix') format('embedded-opentype'), url('webfonts/257647_2_0.woff') format('woff'), url('webfonts/257647_2_0.ttf') format('truetype');
}
.gratisprobe, 
.gratisprobe input {
    font-family: "FuturaBT-Light", Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.gratisprobe input {
	color: #000000;
}
.gratisprobe {
    margin: 0px;
    padding: 0px;
    width: 810px;
    min-height: 1000px;
    background-repeat: no-repeat;
    color: #FFFFFF;
	background-image: url(../pics/layout/gratisprobe/hg.png);
}
.gratisprobe .footer {
    position: absolute;
    font-size: 12px;
    top: 940px;
    left: 10px;
    width: 780px;
    color: #000;
}
.gratisprobe h1, 
.gratisprobe h2 {
    padding-left: 20px;
	font-family: "FuturaBT-Light", Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.gratisprobe h1 {
    font-size: 40px;
    font-weight: normal;
	margin: 0.17em 0;
}
.gratisprobe h2 {
    font-size: 20px;
    font-weight: bold;
	margin: 0.83em 0;
	padding-top: 0;
}
.gratisprobe p {
    font-size: 18px;
    padding-left: 20px;
    margin: 0px 0px 15px 0px;
	font-family: "FuturaBT-Light", Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.gratisprobe a, 
.gratisprobe a:hover {
    color: #FFD24C;
	font-family: "FuturaBT-Light", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-decoration: underline;
}

.gratisprobe .btn {
    color: #FFFFFF;
    background-color: #C31924;
    padding: 8px 10px 8px 10px;
    font-size: 18px;
    text-decoration: none;
    margin-left: 20px;
}

.gratisprobe .btn:hover {
	text-decoration: none;
}
/*
 * Beschreibung
 *
 */
.gratisprobe .beschreibung {
    width: 810px;
    min-height: 1000px;
	padding: 0.67em 0 0 0;
	background-repeat: no-repeat;
	background-image: url(../pics/layout/gratisprobe/hg.png);
}
/*
 * Formular
 *
 */
.gratisprobe .formular {
    width: 810px;
    min-height: 1000px;
	padding: 0.67em 0 0 0;
	background-repeat: no-repeat;
	position: relative;
	background-image: url(../pics/layout/gratisprobe/hg.png);
}
.gratisprobe form div.s1 * {
    padding: 2px;
}
.gratisprobe form div.s1 {
    position: absolute;
    top: 70px;
}
.gratisprobe form div.s2 {
    position: absolute;
    top: 115px;
    left: 500px;
    width: 300px;
}
.gratisprobe form div.s1 label {
    display: inline-block;
    width: 150px;
    text-align: right;
    font-family: "FuturaBT-Light", Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 20px;
    margin-top: 8px;
	padding: 0;
}
.gratisprobe form div.s1 input[type="text"] {
    width: 280px;
    height: 20px;
}
.gratisprobe #plz, 
.gratisprobe #nummer {
    width: 50px;
}
.gratisprobe #strasse, 
.gratisprobe #ort {
    width: 220px;
}
.gratisprobe form div.s2 label {
    width: 250px;
    text-align: left;
    font-size: 12px;
    line-height: 100%;
    padding: 0px;
    margin: 0px;
}
.gratisprobe form div.s2 input[id="checkbox-agb"] {
    margin-left: -20px;
}
.gratisprobe form div.s2 input[type="submit"] {
    color: #FFFFFF;
    background-color: #C31924;
    border: 0px;
    padding: 4px 8px 4px 8px;
    margin-top: 20px;
    font-size: 18px;
    font-family: "FuturaBT-Light", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.gratisprobe form div.s2 a.teilnahme {
	font-size: 12px;
}

.gratisprobe .formular p {
    width: 250px;
    font-size: 12px;
    padding-left: 0px;
}
.gratisprobe .formular div.meldung {
    position: absolute;
    top: 320px;
    left: 155px;
    width: 260px;
    font-size: 14px;
    color: #FFFFFF;
    background-color: #C31924;
    border: 2px solid #FFF;
    padding: 10px;
}
.gratisprobe .formular div.meldung p {
    margin: 0px 0px 5px 0px;
}
/*
 * Teilnahmebedingungen
 *
 */
.gratisprobe .teilnahmebedingungen {
    background-image: url(../pics/layout/gratisprobe/hg_tnb.png);
    width: 810px;
    min-height: 1000px;
	position: relative;
	background-repeat: no-repeat;
}
.gratisprobe .teilnahmebedingungen div.s1 {
    position: absolute;
    top: 25px;
    left: 25px;
    width: 322px;
    background-image: url(../pics/layout/gratisprobe/verlauf.png);
    background-repeat: no-repeat;
    width: 360px;
    height: 617px;
}
.gratisprobe .teilnahmebedingungen div.s2 {
    position: absolute;
    top: 25px;
    left: 415px;
    width: 322px;
    background-image: url(../pics/layout/gratisprobe/verlauf.png);
    background-repeat: no-repeat;
    width: 360px;
    height: 617px;
}
.gratisprobe .teilnahmebedingungen div.s1 h2,
.gratisprobe .teilnahmebedingungen div.s2 h2 {
    color: #D80000;
    font-size: 16px;
    font-family: "FuturaBT-Light", Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.gratisprobe .teilnahmebedingungen div p {
    font-size: 16px;
    width: 320px;
}
.gratisprobe .teilnahmebedingungen a {
	font-size: 16px;
}
.gratisprobe .danke {
	width: 810px;
	min-height: 1000px;
	padding: 0.67em 0 0 0;
	background-repeat: no-repeat;
	background-image: url(../pics/layout/gratisprobe/hg.png);
}
/* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */

/* Home Slider */
.home												{ margin-top: 0; background: transparent }
.home .header										{ position: relative; z-index: 5 }
.home .footer										{ position: relative; z-index: 5 }
.home .page											{ position: fixed; top: 0; left: 0; overflow: hidden; width: 100%; height: 100% }

.page-slider										{ }
.slider-page										{ float: left; position: relative; overflow: hidden; }

.page-slider .coffeesmile							{ position: absolute; z-index: 1; width: 1515px; height: 313px; left: 0; bottom: 40px }

.page-slider .slider-page .background				{ position: absolute; z-index: 0; left: 50%; top: 50% }
.page-slider .slider-page .focus-element			{ position: absolute; z-index: 2 }
.page-slider .slider-page .focus-element .bild		{ position: absolute }
.page-slider .slider-page .focus-element .titel		{ position: absolute }
.page-slider .slider-page .focus-element .verweis	{ position: absolute; width: 250px }
.page-slider .slider-page .focus-element-1			{ position: absolute; z-index: 3; left: 0; bottom: 0 }
.page-slider .slider-page .focus-element-standard	{ position: absolute; }

.page-slider .slider-page .focus-element .ueberschrift		{ position: absolute }
.page-slider .slider-page .focus-element .untertitel		{ position: absolute }

.page-slider .slider-page .focus-element .ueberschrift h1,
.page-slider .slider-page .focus-element .ueberschrift h2,
.page-slider .slider-page .focus-element .untertitel h2		{ white-space: nowrap }

.page-slider .slider-page .focus-element .ueberschrift .titel-dunkel,
.page-slider .slider-page .focus-element .ueberschrift .titel-dunkel sup,
.page-slider .slider-page .focus-element .untertitel .titel-dunkel,
.page-slider .slider-page .focus-element .untertitel .titel-dunkel sup		{ color: #313131; }

.page-slider .slider-page .focus-element .ueberschrift .titel-dunkel a,
.page-slider .slider-page .focus-element .untertitel .titel-dunkel a		{ color: #313131; }

.page-slider .slider-page .focus-element .ueberschrift .titel-hell,
.page-slider .slider-page .focus-element .ueberschrift .titel-hell sup,
.page-slider .slider-page .focus-element .untertitel .titel-hell,
.page-slider .slider-page .focus-element .untertitel .titel-hell sup		{ color: #ffffff; }

.page-slider .slider-page .focus-element .ueberschrift .titel-hell a,
.page-slider .slider-page .focus-element .untertitel .titel-hell a			{ color: #ffffff; }

.page-slider .slider-page .focus-element .ueberschrift h2.ueberschrift		{ font-size: 32px; font-family: "Century Gothic W01", sans-serif; margin: 20px 0 0 0; padding: 0 }

.page-slider a.page-back:link,
.page-slider a.page-back:visited					{ width: 121px; height: 56px; position: absolute; left: 10px; top: 110px; z-index: 10; display: block; overflow: hidden }
.page-slider a.page-back:hover						{  }
.page-slider a.page-back:active						{  }

.page-slider a.page-next:link,
.page-slider a.page-next:visited					{ width: 121px; height: 56px; position: absolute; right: 10px; top: 110px; z-index: 10; display: block; overflow: hidden }
.page-slider a.page-next:hover						{  }
.page-slider a.page-next:active						{  }

.page-slider .page-next .arrow						{ cursor: pointer; position: absolute; width: 24px; height: 56px; top: 0; right: 0; z-index: 20; background: url(../pics/layout/home.slider.button.right.png) no-repeat 0 0 }
.page-slider .page-next-hover .arrow				{ background-position: right -56px }

.page-slider .page-back .arrow						{ cursor: pointer; position: absolute; width: 24px; height: 56px; top: 0; left: 0; z-index: 20; background: url(../pics/layout/home.slider.button.left.png) no-repeat 0 0 }
.page-slider .page-back-hover .arrow				{ background-position: 0 -56px }

.page-slider .page-back .preview					{ position: absolute; width: 0; height: 56px; top: 0; left: 24px }
.page-slider .page-next .preview					{ position: absolute; width: 0; height: 56px; top: 0; right: 24px }/* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */


/* Kaffee erleben - Verteilerseite */

.coffeebar .background							{ position: absolute; z-index: 0; left: 50%; top: 50% }
.coffeebar .preload img							{ display: none; }

.coffeebar a.teaser_leidenschaft					{ width: 231px; height: 70px; background: url(../pics/kaffeebar/teaser_leidenschaft.png); display: block; }
.coffeebar a.teaser_leidenschaft:hover			{ background: url(../pics/kaffeebar/teaser_leidenschaft_hover.png); }

.coffeebar a.teaser_bohne						{ width: 231px; height: 70px; background: url(../pics/kaffeebar/teaser_bohne.png); display: block; }
.coffeebar a.teaser_bohne:hover					{ background: url(../pics/kaffeebar/teaser_bohne_hover.png); }

.coffeebar #container_tafel						{ background: url(../pics/kaffeebar/tafel.png); }

.coffeebar .headline								{ margin: 8px 0 0 15px }

.coffeebar .coffeesmile							{ bottom: 40px; left: 0; position: absolute; z-index: 1; }


/* Kaffee erleben - Tafelslider */

.coffeebar-page-slider .liste 					{ display: block; width: 465px; height: 205px; overflow: hidden; }

.coffeebar-page-slider .slider-page .background 	{ position: absolute; top: 20px; left: 20px; }
.coffeebar-page-slider .slider-page .titel 		{ float: right; width: 280px; padding-top: 20px; }
.coffeebar-page-slider .slider-page .titel h1		{ font-size: 16px; }
.coffeebar-page-slider .slider-page .text		{ float: right; width: 180px; padding: 20px 40px 0 0; }

.coffeebar-page-slider  a.page-back .preview 		{ display: none;}
.coffeebar-page-slider  a.page-next .preview 		{ display: none;}

.coffeebar-page-slider a.page-back:link			{ position: absolute; top: 133px; left: 10px; width: 11px; height: 21px; z-index: 10; display: block; overflow: hidden; background: url(../pics/layout/verteiler.pfeil.links.png) no-repeat 0 0 }
.coffeebar-page-slider a.page-back:visited		{  }
.coffeebar-page-slider a.page-back:hover			{ background-position: 0 -21px }
.coffeebar-page-slider a.page-back:active		{  }

.coffeebar-page-slider a.page-next:link			{ position: absolute; top: 133px; right: 10px; width: 11px; height: 21px; z-index: 10; display: block; overflow: hidden; background: url(../pics/layout/verteiler.pfeil.rechts.png) no-repeat 0 0 }
.coffeebar-page-slider a.page-next:visited		{  }
.coffeebar-page-slider a.page-next:hover			{ background-position: right -21px }
.coffeebar-page-slider a.page-next:active		{  }

.coffeebar-page-slider .paging					{ bottom: 8px; height: 20px; overflow: hidden; position: absolute; }
.coffeebar-page-slider .paging .punkt			{ float: left; background: url(../pics/layout/verteiler.paging.png) no-repeat scroll -20px -17px transparent; height: 18px; width: 18px; }
.coffeebar-page-slider .paging .punkt-aktiv		{ background: url(../pics/layout/verteiler.paging.png) no-repeat scroll -20px 0 transparent; height: 18px; width: 18px; }


/* Kaffee erleben - Tafelinhalt */

.absatz-coffee-board-bild							{ margin: 10px 30px 0 30px; }
.absatz-coffee-board-bild .coffee-links				{ float: left; width: 200px; }
.absatz-coffee-board-bild .coffee-rechts				{ float: right; width: 190px; }
.absatz-coffee-board-bild .coffee-board-bild			{ float: left }
.absatz-coffee-board-bild .coffee-board-titel		{ float: left }
.absatz-coffee-board-bild .coffee-board-text			{ display: block; float: left }
.absatz-coffee-board-bild .coffee-board-link			{ float: left; padding-top: 20px;}

.absatz-coffee-board-text							{ margin: 10px 40px 0 40px; }
.absatz-coffee-board-text .coffee-board-link		{ float: right; padding-top: 10px; }

.absatz-coffee-board-video							{ margin: 20px 20px 0 30px; }
.absatz-coffee-board-video .coffee-links				{ float: left; width: 235px; }
.absatz-coffee-board-video .coffee-rechts			{ float: right; width: 165px; }
.absatz-coffee-board-video .coffee-board-bild		{ float: left }
.absatz-coffee-board-video .coffee-board-titel		{ float: left }
.absatz-coffee-board-video .coffee-board-text		{ display: block; float: left }
.absatz-coffee-board-video .coffee-board-link		{ float: left; padding-top: 78px;}

.coffee-board-titel h2								{ font-family: "Lucida Sans W01 Bold", sans-serif; font-size: 13px; padding-top: 10px; }


/* IFrame Gewinnspiel */

.coffeebar-iframe									{ width: 960px; height: 903px; padding-bottom: 30px }

/* Facebook Stream Expander */

.facebook-stream-expander .tab						{ float: left; padding-top: 130px; cursor: pointer; }
.facebook-stream-expander .stream					{ float: left;  height: 590px; background-color: #ffffff; }
.facebook-stream-expander .stream-hidden				{ display: none; }
.facebook-stream-expander iframe						{ z-index: 51 }
/* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */

/* Kampagnenseite - Layout */

body.campaign							{ margin-top: 47px; }

.campaign h1,
.campaign h2								{ color: #323232; margin: 0 0 0 13px; }
.campaign .titel							{ margin: 0; padding: 38px 0 9px 0; }
.campaign .dialog						{ overflow: hidden; }

.viewport								{ position: relative; }
.campaign-element						{ position: absolute; background-repeat: no-repeat; }

/* Kampagnenseite - Inhalte */

.campaign-element a.button-29 			{ position: absolute; z-index: 50; }
.campaign-element .bereich				{ float: left; }
.campaign-element .bereich span			{ color: #323232; }
.campaign-element .bereich  img.modal		{ cursor: pointer; }
.campaign-element .bereich span.modal	{ cursor: pointer; }
.campaign-element .absatz-text			{ display: block; }
.campaign-element .absatz-text strong		{ color: #323232; font-size: 13px }
.campaign-element .absatz-text img		{ vertical-align: middle; margin-right: 4px; }
.campaign-element .absatz-text a			{ color: #DD192F; }
.campaign-element .absatz-text a.erzeugt	{ color: #DD192F; }
.campaign-element .video-titel			{ font-size: 17px; color: #323232; position: absolute; }
.campaign-element .video-fb				{ position: absolute; }
.campaign-element .iframe				{ position: absolute; }

/* Zurück-Link */

#container_backlink a.backlink			{ background: url(../pics/promotionen_und_kampagnen/handfiltrationNY/zurueck_button_default.png); display: block; width: 82px; height: 31px;}
#container_backlink a.backlink:hover		{ background: url(../pics/promotionen_und_kampagnen/handfiltrationNY/zurueck_button_hover.png); }
#container_backlink .preload img			{ display: none; }

/* Modaler Dialog */

.dialog .modal-top						{ float: left; width: 626px; height: 33px; display: block; background: url(../pics/layout/modal.oben.png) no-repeat 0 0; }
.dialog .modal-content					{ float: left; height: 485px; clear: both; display: block; overflow: hidden; background: url(../pics/layout/modal.mitte.png) repeat-y 0 0; }
.dialog .modal-content-wrap				{ margin: 0 23px; background-color: #ffffff; width: 580px; }
.dialog .modal-content .modal-iframe	{ width: 580px; height: 560px; }
.dialog .modal-bottom					{ float: left; width: 626px; height: 33px; clear: both; display: block; background: url(../pics/layout/modal.unten.png) no-repeat 0 0; }
.dialog a.modal-close					{ width: 24px; height: 23px; display: block; position: absolute; right: 35px; top: 35px; color: #323232; background: url(../pics/layout/modal.close.png) no-repeat 0 0; cursor: pointer; }
.dialog a.modal-close:hover				{ background: url(../pics/layout/modal.close.png) no-repeat 0 -23px; }
.dialog .modal-text						{ height: 348px; }

.modal-dialog							{ margin: 0; padding: 0; background-color: #ffffff; text-align: left; }
.modal-dialog .titel					{ margin: 0; padding: 3px 0 14px 0; line-height: 21px; border-bottom: 1px solid #e0dfdd }
.modal-dialog .titel h1					{ color: #323232; font-size: 17px; margin: 0; padding-left: 15px; }
.modal-dialog .slider-page				{ padding-top: 20px; }
.modal-dialog .page						{ width: 580px; margin: 0; }
.modal-dialog .texte					{ margin: 0; }
.modal-dialog .bild-rechts				{ width: 580px; text-align: center; }
.modal-dialog .bild-rechts img			{ height: 295px; }
.modal-dialog .bild-unterschrift		{ font-style: normal; width: 470px; text-align: right; color: #323232; margin: 0 auto; padding-top: 5px; }
.modal-dialog .text						{ color: #323232; width: 470px; margin: 0 auto; }
.modal-dialog .text p					{ color: #323232; }
.modal-dialog .modal-text .text			{ width: 550px; }
.modal-dialog .text strong				{ color: #323232; line-height: 23px; }
.modal-dialog sup						{ color: #323232; }

.modal-dialog a.page-next:link,
.modal-dialog a.page-next:visited,
.modal-dialog a.page-back:link,
.modal-dialog a.page-back:visited		{ top: 175px; }

.modal-dialog .page-next .arrow 			{ width: 35px; height: 46px; background: url(../pics/layout/modal.rechts.png) no-repeat 0 0; }
.modal-dialog .page-back .arrow 			{ width: 35px; height: 46px; background: url(../pics/layout/modal.links.png) no-repeat 0 0; }

.modal-dialog a.page-next:hover .arrow	{ background: url(../pics/layout/modal.rechts.png) no-repeat 0 -46px; }
.modal-dialog a.page-back:hover .arrow	{ background: url(../pics/layout/modal.links.png) no-repeat 0 -46px; }

/* Modaler Dialog Spezial */

.dialog-special .modal-top						{ width: 960px; height: 14px; background: url(../pics/layout/br_contentbox_100.png) no-repeat top; }
.dialog-special .modal-content					{ height: 417px; background: url(../pics/layout/br_contentbox_100_1px.png); background-color: #4F1F0B; }
.dialog-special .modal-content-wrap				{ margin: 0 23px; background-color: #4F1F0B; width: 914px; }
.dialog-special .modal-content .modal-iframe	{ width: 914px; height: 417px; background-color: #4F1F0B; }
.dialog-special .modal-bottom					{ width: 960px; height: 14px; background: url(../pics/layout/br_contentbox_100.png) no-repeat bottom; }
.dialog-special a.modal-close					{ right: 27px; top: 16px; }

.modal-dialog-special 							{ margin: 0; padding: 0; background-color: #4F1F0B; text-align: left; }
.modal-dialog-special .page						{ width: 914px; margin: 0; }

.modal-dialog-special .link-top					{ width: 140px; height: 30px; position: relative; left: 200px; top: 120px; background: url(../pics/layout/kampagne/content_pfeil.png) no-repeat 0 0; }
.modal-dialog-special .link-top a				{ width: 100px; height: 30px; margin: 0 0 0 40px; display: block; text-indent: -3000px; background: url(../pics/layout/kampagne/content_typo_1_default.png) no-repeat 0 0; }
.modal-dialog-special .link-top a:hover			{ background: url(../pics/layout/kampagne/content_typo_1_hover.png) no-repeat 0 0; }

.modal-dialog-special .link-bottom-one			{ width: 178px; height: 30px; position: relative; left: 200px; top: 120px; background: url(../pics/layout/kampagne/content_pfeil.png) no-repeat 0 0; }
.modal-dialog-special .link-bottom-one a		{ width: 138px; height: 30px; margin: 0 0 0 40px; display: block; text-indent: -3000px; background: url(../pics/layout/kampagne/content_typo_2_default.png) no-repeat 0 0; }
.modal-dialog-special .link-bottom-one a:hover	{ background: url(../pics/layout/kampagne/content_typo_2_hover.png) no-repeat 0 0; }

.modal-dialog-special .link-bottom-two			{ width: 178px; height: 30px; position: relative; left: 200px; top: 125px; background: url(../pics/layout/kampagne/content_pfeil.png) no-repeat 0 0; }
.modal-dialog-special .link-bottom-two a		{ width: 138px; height: 30px; margin: 0 0 0 40px; display: block; text-indent: -3000px; background: url(../pics/layout/kampagne/content_typo_3_default.png) no-repeat 0 0; }
.modal-dialog-special .link-bottom-two a:hover	{ background: url(../pics/layout/kampagne/content_typo_3_hover.png) no-repeat 0 0; }

.modal-dialog-special .left							{ float: left; width: 530px; height: 417px; background: url(../pics/layout/kampagne/content_polaroids.png) no-repeat 0 130px; }
.modal-dialog-special .left h2						{ color: #B8997A; }
.modal-dialog-special .left	.text					{ width: 520px; color: #B8997A; }
.modal-dialog-special .left	.absatz					{ width: 240px; padding: 10px 0 0 290px; }
.modal-dialog-special .left	.absatz h2				{ color: #FFF; float: right; width: 180px; margin: 5px 0 5px 0; }
.modal-dialog-special .left	.absatz .bild-rechts	{ float: left; padding: 0; }
.modal-dialog-special .left	.absatz .text			{ float: right; width: 180px; color: #FFF; }

.modal-dialog-special .right							{ float: left; width: 384px; height: 417px; }
.modal-dialog-special .right .top						{ float: left; height: 210px; width: 384px; background: url(../pics/layout/kampagne/content_solo.png) no-repeat 50px 45px; }
.modal-dialog-special .right .top h2					{ color: #B8997A; padding: 20px 0 0 40px; }
.modal-dialog-special .right .top .absatz .bild-rechts	{ float: right; padding: 10px 155px 0 0; }
.modal-dialog-special .right .top .absatz .text			{ float: right; clear: both; width: 180px; padding: 0; }

.modal-dialog-special .right .bottom						{ float: left; clear: both; height: 220px; width: 384px; background: url(../pics/layout/kampagne/content_packshots.png) no-repeat -20px 25px; }
.modal-dialog-special .right .bottom h2						{ color: #B8997A; padding: 0 0 0 40px; }
.modal-dialog-special .right .bottom .absatz .bild-rechts	{ float: right; padding: 10px 155px 0 0; }
.modal-dialog-special .right .bottom .absatz .text			{ float: right; clear: both; width: 180px; padding: 0; }

/* Kampagne Spezial */
.campaign-special .page 							{ position: relative; overflow: hidden; width: 100%; padding: 0; }
.campaign-special .background-wrapper				{ width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: -20; overflow: hidden; }
.campaign-special .background-wrapper .background	{ position: absolute; top: 0; left: 50%; z-index: -20; }
.campaign-special .background-wrapper .coffeesmile	{ position: absolute; width: 1515px; height: 313px; left: 0; bottom: 15px; z-index: -10; }
.campaign-special .viewport							{ margin: 0 auto; width: 1280px; }

.campaign-special .page-slider .page-next .arrow	{ width: 99px; height: 110px; right: auto; left: 0; background: url(../pics/promotionen_und_kampagnen/brasilien/navi_stage_right.png) no-repeat 0 0; }
.campaign-special .page-slider .page-back .arrow	{ width: 99px; height: 110px; right: 0; left: auto; background: url(../pics/promotionen_und_kampagnen/brasilien/navi_stage_left.png) no-repeat 0 0; }

.campaign-special .page-slider a.page-next:link, 
.campaign-special .page-slider a.page-next:visited	{ width: 99px; height: 110px; right: 0; top: 130px; z-index: 25; }
.campaign-special .page-slider a.page-back:link, 
.campaign-special .page-slider a.page-back:visited	{ width: 99px; height: 110px; left: 0; top: 130px; z-index: 25; }

.campaign-special .page-slider a.page-next:hover .arrow	{ background: url(../pics/promotionen_und_kampagnen/brasilien/navi_stage_right_hover.png) no-repeat 0 0; }
.campaign-special .page-slider a.page-back:hover .arrow	{ background: url(../pics/promotionen_und_kampagnen/brasilien/navi_stage_left_hover.png) no-repeat 0 0; }

.campaign-special .page-slider .preview-left		{ position: absolute; display: block; overflow: hidden; width: 75px; height: 100%; left: 0; top: 0; z-index: 20; background: url(../pics/layout/trans.gif); }
.campaign-special .page-slider .preview-right		{ position: absolute; display: block; overflow: hidden; width: 75px; height: 100%; right: 0; top: 0; z-index: 20; background: url(../pics/layout/trans.gif); }

.campaign-special .campaign-guide					{ margin: 787px auto 0 auto; width: 794px; height: 265px; display: block; padding-top: 114px; background: url(../pics/promotionen_und_kampagnen/brasilien/guide/guide_bg.png) no-repeat 0 0; }
.campaign-special .campaign-guide .background		{ display: none; }
.campaign-special .guide							{ margin: 0 auto; width: 660px; height: 140px; overflow: hidden; display: block; }
.campaign-special .page-slider .guide-picture		{ width: 165px; height: 140px; float: left; display: block; text-align: center; }
.campaign-special .page-slider .guide-picture img	{ cursor: pointer; }

.campaign-special .guide .page-next .arrow			{ width: 89px; height: 96px; right: auto; left: auto; background: url(../pics/promotionen_und_kampagnen/brasilien/guide/navi_videos_right.png) no-repeat 0 0; }
.campaign-special .guide .page-back .arrow			{ width: 89px; height: 96px; right: auto; left: auto; background: url(../pics/promotionen_und_kampagnen/brasilien/guide/navi_videos_left.png) no-repeat 0 0; }

.campaign-special .guide a.page-next:link, 
.campaign-special .guide a.page-next:visited		{ width: 89px; height: 96px; right: auto; top: auto; margin-left: 651px; }
.campaign-special .guide a.page-back:link, 
.campaign-special .guide a.page-back:visited		{ width: 89px; height: 96px; left: auto; top: auto; margin-left: -80px; }

.campaign-special .guide a.page-next:hover .arrow	{ background: url(../pics/promotionen_und_kampagnen/brasilien/guide/navi_videos_right_hover.png) no-repeat 0 0; }
.campaign-special .guide a.page-back:hover .arrow	{ background: url(../pics/promotionen_und_kampagnen/brasilien/guide/navi_videos_left_hover.png) no-repeat 0 0; }

.campaign-special .cp-gewinnspiel .link					{ display: none; }
.campaign-special .cp-gewinnspiel .formular				{ position: absolute; left: 19px; top: 124px; width: 100%; }
.campaign-special .cp-gewinnspiel .antwort				{ float: left; clear: both; width: 100%; height: 27px; margin-bottom: 8px; }
.campaign-special .cp-gewinnspiel .antwort div			{ width: 33px; height: 28px; display: block; cursor: pointer; position: relative; left: 13px; top: 1px; }
.campaign-special .cp-gewinnspiel .checkbox				{ display: none; }
.campaign-special .cp-gewinnspiel .antwortgrafiken		{ display: none; }

.campaign-special .cp-gewinnspiel .formular .abschicken	{ position: absolute; left: 16px; top: 119px; }
.campaign-special .cp-gewinnspiel .formular .inaktiv	{ width: 148px; height: 29px; display: block; position: absolute; top: 119px; left: 16px; cursor: normal; background: url(../pics/promotionen_und_kampagnen/brasilien/gewinnspiel/gewinnspiel_button_inaktiv.png) no-repeat 0 0; }

.campaign-special .headline								{ margin-left: 189px; padding-top: 35px; }
.campaign-special .brown h1,
.campaign-special .brown h2,
.campaign-special .brown sup							{ color: #5F381C; }
.campaign-special .white h1,
.campaign-special .white h2,
.campaign-special .white sup							{ color: #FFF; }

.campaign-special .video-titel							{ top: 7px; left: 17px; color: #FFF; }
.campaign-special .video-fb								{ top: 7px; right: 17px; }

/* Kampagne Spezial Gewinnspiel */

.quiz .bg-info-header		{ background: url("../pics/layout/br_contentbox_80.png") no-repeat 0 top transparent; }
.quiz .bg-info				{ background: url("../pics/layout/br_contentbox_80_1px.png") 0 0 transparent; }
.quiz .bg-info-footer		{ background: url("../pics/layout/br_contentbox_80.png") no-repeat 0 bottom transparent; }

.quiz-danke .space			{ height: 134px; display: block; }
.quiz-danke .page .titel	{ padding: 0 0 0 30px; }
.quiz-danke .page .text		{ width: 350px; padding: 30px 0 0 80px; }
.quiz-danke .page h1		{ color: #B8997A; margin: 0; }
.quiz-danke .bg-info		{ height: 310px; position: relative; }
/* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */

/* Länderauswahl in der Metanavigation */
.countries-meta						{ float: right; height: 22px; }
.countries-meta ul					{ overflow: visible; padding: 0; }
.countries-meta li					{ display: inline; font-family: "Lucida Sans W01 Roman",sans-serif; font-size: 9px; line-height: 24px; margin: 0 ;  padding: 10px 10px 6px 10px; position: relative; text-transform: uppercase; z-index: 50; }
.countries-meta a:link, 
.countries-meta a:visited			{ color: #555555; font-family: "Lucida Sans W01 Roman",sans-serif; font-size: 9px; padding: 0; text-transform: uppercase; margin: 0; }
.countries-meta a:hover				{ color: #DD1930; }
.countries-meta li.top:hover			{ background-color: #F7F5F4; }
.countries-meta .liste				{ position: absolute; right: 3px; z-index: 50; width: 150px; display: none; }
.countries-meta .country				{ background-color: #F7F5F4; border-top: 1px solid #D7D7D8; padding: 0; margin: 0; display: block; }
.countries-meta li.country:hover		{ background-color: #FFFFFF; }
.countries-meta li.country:hover a		{ color: #DD1930; }
.countries-meta .country .bild		{ float: left; padding: 3px 5px 0 10px; clear: both; width: 14px; height: 14px; }
.countries-meta .country .link a,
.countries-meta .country-end .link a	{ text-transform: none; font-size: 12px; font-weight: normal; display: block; }
.countries-meta .country-end			{ background: url(../pics/layout/land.hg.png) 0 0 no-repeat transparent; border-top: 1px solid #D7D7D8; padding: 0; margin: 0; display: block; height: 26px }
.countries-meta .country-end .link	{ padding-left: 11px; }
.countries-meta li.country-end:hover	{ background-position: -150px 0; }
/* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */

.melitta-lattea				{ width: 1024px; height: 100px; margin-left: auto; margin-right: auto; text-align: center; position: relative }
.melitta-lattea				{ width: 100%; padding-top: 470px; text-align: center }
.melitta-lattea ul			{ padding: 0; margin: -10px; list-style-type: none; text-align: center }
.melitta-lattea li			{ position: relative; display: inline; margin-left: 3px; padding-right: 6px }/* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */

/* 
Hinweise:
.MODUL .KOMMANDO TAG
*/

/* cy:con Portaleditor */
.cycon-portaleditor										{ margin: 0px; padding: 1px; border-width: 0px; }
.cycon-portaleditor-x									{ margin: 0px; padding: 0px; border-width: 1px; border-style: dashed; border-color: #a0a0a0; }
.cycon-portaleditor-bezeichner							{ }
.cycon-portaleditor-zeile								{ text-align: left; }

/* Klasse: Pageview */
.pageview												{ margin: 0px; margin-bottom: 5px; padding: 0px; }
.pageview li											{ display: inline; margin-right: 5px; }

/* Element: formular */
.formular												{ }
.formular .form-eingabe-zeile							{ }
.formular label											{ }
.formular .form-text									{ }
.formular .form-button									{ }

/* Optional: Textfelder erhalten beim Ãœberfahren mit der Maus und bei Eingabe eine andere Rahmenfarbe
.formular .form-text :hover								{ border: 1px solid #888888; }
.formular .form-text :focus								{ border: 1px solid #888888; }*/

.formular .formular-kontakt								{ }
.formular .formular-empfehlung							{ }

/* Element: formular_login */

.formular-login											{ }
.formular-login h2										{ }

.formular-login .formular-login							{ padding: 10px 9px 10px 9px; }
.formular-login .formular-login form					{ }
.formular-login .formular-login form label				{ }
.formular-login .formular-login .form-text				{ width: 180px; }
.formular-login .formular-login a:link					{ }
.formular-login .formular-login a:visited				{ }
.formular-login .formular-login a:hover					{ }
.formular-login .formular-login a:active				{ }
.formular-login .formular-login .form-button			{ }

.formular-login .formular-status						{ padding: 10px 9px 10px 9px; }
.formular-login .formular-status .kennung				{ margin-bottom: 5px; }
.formular-login .formular-status .aendern				{ margin-bottom: 5px; }
.formular-login .formular-status .button				{ margin-bottom: 5px; }
.formular-login .formular-status .form-button			{ padding: 1px 9px; border: 1px solid #cccccc; background-color: #ffffff; }

/* Element: formular_passwort */
.formular-passwort										{ }
.formular-passwort .form-button							{ }
.formular-passwort .form-text							{ width: 180px; }

.formular-passwort .formular-passwort-vergessen			{ }
.formular-passwort .formular-passwort-aendern			{ }

/* Element: modul_system_ist_neu */
.modul-system-ist-neu									{ }


/* Kalender Formular */
body.kalender 										{ margin: 0px; }
.popup-kalender 										{ margin: 10px 0px 0px 5px; }
.popup-kalender label									{ color: #707173}

.popup-kalender table									{ border: 1px solid #CBCBCB; clear: both; margin-top: 5px;}
.popup-kalender table th								{ width: 29px; height: 25px; background: #aaaaaa; color:#FFFFFF; }
.popup-kalender table td								{ height: 18px; background:#DDDDDD; }
.popup-kalender table a									{ display:block; }
.popup-kalender table a:hover							{ background:#cbcbcb; }

.popup-kalender table .tag								{ }
.popup-kalender table .tag a							{ }
.popup-kalender table .ftag								{ background:#bbbbbb; }
.popup-kalender table .ftag a							{ color:#FFFFFF; }
.popup-kalender table .gewaehlt							{ background:#BD484E; }
.popup-kalender table .gewaehlt a						{ font-style: italic; }
.popup-kalender table .aktuell							{ background:#D58A8D; }
.popup-kalender table .aktuell a						{ font-weight: bold; }
.popup-kalender table .tag_leer							{ background:#cbcbcb; }

.popup-kalender .form-eingabe-zeile 					{ clear: both; float: none; }
.popup-kalender .form-eingabe-zeile label				{ text-align:left; width:95px; float: left; }
.popup-kalender .form-eingabe-zeile .form-select		{ width: 90px; float: right;}
.popup-kalender .form-eingabe-zeile .form-dropdown		{ float: right; margin-bottom: 3px;}

/* Chemical Check */
.cc-link .pdf .link-icon	{ float: left; height: 18px; padding: 0px 0px 0px 37px; background: url(../system/pics/emoticons/icon_typ_pdf.png) no-repeat; cursor:pointer;}
.cc-link .pdf:hover .link-icon	{ background-position: 0 -18px; }
.cc-link .pdf .link-text	{ margin: 2px 0 15px 45px; padding-top: 1px; }
.chemicalcheck #feld_sprache option { color: #000000; }
.chemicalcheck #feld_sprache  { color: #000000; }
.chemicalcheck { margin: 0 0 20px 0; }

/* Kontakt */
.formular-kontakt .spalte-oben 				{ margin: 0 90px 20px 40px; }
.formular-kontakt .spalte-links 				{ float:left; width: 400px; margin-left: 40px; }
.formular-kontakt .spalte-rechts 			{ margin: 0 75px 0 500px; }
.formular-kontakt .form-radio				{ margin: 0 0 0 10px ; }
.formular-kontakt label						{ margin: 0 0 8px 0; width: 85px; display: block; float: left; padding: 0; }
.formular-kontakt .spalte-links label.form-label-checkbox	{ line-height: 18px; }
.formular-kontakt label.form-label-checkbox	{ margin: 0; width: auto; display: inline; float: none; vertical-align: top; }
.formular-kontakt .form-eingabe-zeile		{ overflow: hidden; }
.formular-kontakt label.form-label-radio		{ width: auto; display: inline; float: none; } 
.formular-kontakt .form-text					{ margin: 0 0 8px 10px; width: 270px; height: 20px; }
.formular-kontakt textarea.form-text			{ height: auto; }
.formular-kontakt .form-select option 			{ color: #000000; }
.formular-kontakt .form-select  				{ color: #000000; padding: 2px 0 0 0; width: auto;  margin: 0 0 8px 10px; width: 272px; height: 22px;}
.formular-kontakt .erstes 					{ width: 60px; }
.formular-kontakt .zweites 					{ width: 200px;  margin: 0 0 0 5px; vertical-align: top; }
.formular-kontakt input 						{ color: #000000; }
.formular-kontakt textarea 					{ color: #000000; }
.formular-kontakt .zeile-checkbox 			{ margin: 0 0 4px 95px; }
.formular-kontakt .spalte-rechts .zeile-checkbox { margin-left: 95px; }
.formular-kontakt .spalte-rechts .zeile-checkbox label { margin-left: 20px; display: block; font-size: 11px; }
.formular-kontakt img.captcha				{ vertical-align: top; }
.formular-kontakt .fehler					{ border: 2px solid #dd1930;}
.formular-kontakt .zeile-checkbox div		{ overflow: hidden; width: 12px; float:left;}
.formular-kontakt .submit					{ margin: 20px 0 20px 285px; }

.formular-kontakt #checkbox-agb 				{ float:left; }
.formular-kontakt #captcha					{ vertical-align: top; width: 131px; height: 20px; margin: 0 5px 10px 10px; }
.formular-kontakt #strasse					{ width: 205px; }
.formular-kontakt #nummer					{ width: 55px; }

/* Gewinnspiel */
.formular-gewinnspiel .spalte-unten				{ margin: 20px 30px 20px 720px; overflow: hidden; width: 195px; }
.formular-gewinnspiel .spalte-links 				{ float:left; width: 400px; margin-left: 80px;}
.formular-gewinnspiel .spalte-rechts 			{ margin: 0 30px 0 500px; }
.formular-gewinnspiel .spalte-mitte 				{ overflow: hidden; }
.formular-gewinnspiel .form-radio				{ margin: 0 0 0 10px ; }
.formular-gewinnspiel label						{ margin: 0 0 8px 0; width: 85px; display: block; float: left; padding: 0; }
.formular-gewinnspiel .spalte-links label.form-label-checkbox	{ line-height: 18px; }
.formular-gewinnspiel label.form-label-checkbox	{ margin: 0 0 0 5px; padding: 0 0 2px 0; width: auto; display: inline; float: none; vertical-align: top; }
.formular-gewinnspiel .form-label-checkbox a		{ font-weight: bold; border-bottom: 1px solid #dd1930; height: 14px; }
.formular-gewinnspiel .form-label-checkbox a:hover		{ color: #dd1930; }
.formular-gewinnspiel .form-eingabe-zeile		{ overflow: hidden; }
.formular-gewinnspiel label.form-label-radio		{ width: auto; display: inline; float: none; } 
.formular-gewinnspiel .form-text					{ margin: 0 0 8px 10px; width: 270px; height: 20px; }
.formular-gewinnspiel textarea.form-text			{ height: auto; }
.formular-gewinnspiel .form-select option 			{ color: #000000; }
.formular-gewinnspiel .form-select  				{ color: #000000; padding: 2px 0 0 0; width: auto;  margin: 0 0 8px 10px; width: 272px; height: 22px;}
.formular-gewinnspiel .erstes 					{ width: 60px; }
.formular-gewinnspiel .zweites 					{ width: 200px;  margin: 0 0 0 5px; vertical-align: top; }
.formular-gewinnspiel input 						{ color: #000000; }
.formular-gewinnspiel textarea 					{ color: #000000; }
.formular-gewinnspiel .spalte-rechts .zeile-checkbox label { margin-left: 20px; display: block; }
.formular-gewinnspiel img.captcha				{ vertical-align: top; }
.formular-gewinnspiel .captcha					{ margin: 0 0 5px 0;  }
.formular-gewinnspiel .gewinne					{ height: 160px; margin: 0 0 40px 0;  }
.formular-gewinnspiel .captcha label				{ width: 145px; }
.formular-gewinnspiel .fehler					{ border: 2px solid #dd1930 ; }
.formular-gewinnspiel span.fehler				{ border: 0px; color: #dd1930 ; }
.formular-gewinnspiel span.fehler a				{ border: 0px; color: #dd1930 ; }
.formular-gewinnspiel .pflicht					{ margin: 30px 0 0 0;}
.formular-gewinnspiel .submit					{ float: right; }
.formular-gewinnspiel .zurueck					{ float: left; margin: 0; }

.formular-gewinnspiel h2							{ margin: 0 0 35px 30px; color: #fff; }
.formular-gewinnspiel .zeile-checkbox div		{ overflow: hidden; width: 12px; float:left; margin: 0 5px 0 0; }

.formular-gewinnspiel #checkbox-agb 				{ float:left; }
.formular-gewinnspiel #captcha					{ vertical-align: top; width: 120px; height: 20px; margin: 0 5px 10px 10px; }
.formular-gewinnspiel #strasse					{ width: 205px; }
.formular-gewinnspiel #nummer					{ width: 55px; }


/* Registrierung */
.formular-registrierung .spalte-links 				{ float:left; width: 400px; }
.formular-registrierung .spalte-rechts 				{ margin: 0 0 0 400px; }
.formular-registrierung .spalte-unten 				{ margin: 0 90px 0 95px; }
.formular-registrierung .spalte-oben 				{ margin: 0 90px 20px 95px; }
.formular-registrierung .spalte-mitte 				{ overflow: hidden;  margin: 0 45px 40px 95px; }
.popup-caffeo .formular-registrierung .spalte-unten 	{ margin: 0 0 0 10px; }
.popup-caffeo .formular-registrierung .spalte-oben 	{ margin: 0 0 20px 5px; }
.popup-caffeo .formular-registrierung .spalte-mitte 	{ overflow: hidden;  margin: 0 0 40px 5px; }
.formular-registrierung .mitte2		 				{ overflow: hidden;  margin-bottom: 10px; }
.formular-registrierung .agb		 					{ margin:  0 0 30px 85px; }
.formular-registrierung .fehler						{ border: 2px solid #dd1930 ; }
.formular-registrierung .zeile-checkbox div			{ overflow: hidden; width: 12px; float:left; margin: 0 5px 0 0; }
.formular-registrierung .nur_anzeigen			{ line-height: 20px; }

.formular-registrierung img.captcha				{ vertical-align: top; }
.formular-registrierung #captcha					{ vertical-align: top; width: 131px; height: 20px; margin: 0 5px 10px 0; }

.formular-registrierung .form-radio				{ margin: 0 0 0 10px ; }
.formular-registrierung label						{ margin: 0 0 8px 0; width: 85px; display: block; float: left; padding: 2px 0 0 0;  }
.formular-registrierung .form-eingabe-zeile		{ overflow: hidden; }
.formular-registrierung label.form-label-radio	{ width: auto; display: inline; float: none; } 
.formular-registrierung label.form-label-checkbox	{ margin: 0; width: auto; display: inline; float: none; vertical-align: top; }
.formular-registrierung .form-text				{ margin: 0 0 8px 10px; width: 270px; height: 20px; }
.formular-registrierung .form-select option 		{ color: #000000; }
.formular-registrierung .form-select  			{ color: #000000; width: auto;  margin: 0 0 8px 10px; width: 272px; height: 20px;}
.formular-registrierung .erstes 					{ width: 60px; }
.formular-registrierung .zweites 				{ width: 200px;  margin: 0 0 0 5px; }
.formular-registrierung input						{ color: #000000; }
.formular-registrierung span.hinweis				{ margin: 0 0 0 95px; display: block; }
.formular-registrierung .special-dk				{ padding-right: 380px; }
.formular-registrierung .radio-dk				{ float: left; padding: 0 0 0; width: 100px; }

.formular-registrierung a.popup_calendar					{ vertical-align: top; background: url(../pics/layout/caffeo-reg-kalender.png) no-repeat; height: 23px; width: 24px; margin-right: 180px; display: block; float:right; }
.popup-caffeo .formular-registrierung a.popup_calendar 	{ margin-right: 135px; }


.formular-registrierung a.seriennummer_hilfe		{ vertical-align: top; background: url(../pics/layout/caffeo-reg-hilfe.png) no-repeat; height: 23px; width: 24px; margin: 0 30px 0 0; display: block; float:right;  }

.formular-registrierung a.seriennummer_hilfe:hover	{ background-position: left bottom; }
.formular-registrierung a.popup_calendar:hover		{ background-position: left bottom; }

.formular-registrierung #benutzer_strasse			{ width: 205px; }
.formular-registrierung #benutzer_hausnummer			{ width: 55px; }
.formular-registrierung #benutzer_seriennummer1		{ width: 35px; }
.formular-registrierung #benutzer_seriennummer2		{ width: 15px; margin: 0 2px 0 3px; }
.formular-registrierung #benutzer_seriennummer3		{ width: 15px; margin: 0 0 0 3px; }
.formular-registrierung #benutzer_seriennummer4		{ width: 125px; margin: 0 0 0 3px; }
.formular-registrierung #benutzer_kauf_datum_tag		{ height: 18px; margin: 0 3px 5px 10px; }
.formular-registrierung #benutzer_kauf_datum_monat	{ height: 18px; margin: 0 3px 0 0; }
.formular-registrierung #benutzer_kauf_datum_jahr	{ height: 18px; }

.formular-registrierung .form-eingabe-zeile-geschenk { overflow: hidden; width: 775px; margin: 3px 0 0 0; }
.formular-registrierung .form-radiobutton-liste-bilder { float: left; }
.formular-registrierung .form-radiobuttonliste-bilder-zeile { width: 190px; float: left; }
.formular-registrierung .form-radiobuttonliste-bilder-zeile .radio { float: left; width: 130px; padding: 15px 0 0 0; }
.formular-registrierung .form-radiobuttonliste-bilder-zeile .form-label-radio { float:right; width: 100px; }


/* Händlersuche */
.modul-haendlersuche							{ padding-top: 20px; overflow: hidden }
.modul-haendlersuche #map						{ width: 960px; height: 400px; z-index: 0 }
.modul-haendlersuche .container					{ position: relative; width: 960px; height: 400px; }

.formular-haendlersuche							{ position: absolute; right: 20px; top: 20px; width: 315px; z-index: 1; }
.formular-haendlersuche .head, .foot			{ float: left; clear: both; width: 315px; min-height: 25px; display: block; }
.formular-haendlersuche .head					{ background: url(../pics/layout/haendlersuche-weiss-bg.png) no-repeat 0 top; }
.formular-haendlersuche .foot					{ background: url(../pics/layout/haendlersuche-weiss-bg.png) no-repeat 0 bottom; }
.formular-haendlersuche .content div			{ color: #898D8D; }
.formular-haendlersuche input					{ color: #898D8D; }
.formular-haendlersuche label					{ color: #898D8D; float: left; }
.formular-haendlersuche .content				{ float: left; clear: both; width: 301px; background: url(../pics/layout/haendlersuche-weiss-bg.png) no-repeat 0 center; padding: 0 7px 0 7px; }
.formular-haendlersuche .infocontent			{ padding-bottom: 10px; margin: 0 20px 10px 20px; border-bottom: 1px solid #ECECEC; }
.formular-haendlersuche .form-text				{ height: 20px; float: left; clear: both; }
.formular-haendlersuche .form-button			{ display: none; }
.formular-haendlersuche .form-eingabe-zeile		{ float: left; padding: 0 0 0 20px; }
.formular-haendlersuche a.button-23				{ float: right; padding: 10px 20px 0 0; }
.formular-haendlersuche #suche_filter_ort		{ width: 150px; margin: 5px 0 0 0; }
.formular-haendlersuche #suche_filter_plz		{ width: 85px; margin: 5px 0 0 0; }
.formular-haendlersuche .button					{ float: right; padding: 10px 22px 0 0; }
.formular-haendlersuche .fehler					{ border: 1px solid #EE1A30; background-color: #EEEEEE }
.formular-haendlersuche #fehler-text			{ color: #EE1A30 }

.formular-haendlersuche a.button-23:hover .button-left 		{ background-position: left top; }
.formular-haendlersuche a.button-23:hover .button-text 		{ background-position: center top; }
.formular-haendlersuche a.button-23:hover .button-right 	{ background-position: right top; }
.formular-haendlersuche a.button-23:hover .button-text span	{ color: #FFFFFF; background: url("../pics/layout/link.text.normal.png") no-repeat scroll right 7px transparent; }

.modul-haendlersuche .absatz-info									{ float: left; width: 920px; padding: 10px 10px 30px 30px }
.modul-haendlersuche .haendler-zeile								{ margin: 2px 2px 0 0; padding: 15px 10px 15px 10px; width: 203px; height: 67px; float:left; background: url(../pics/layout/haendler-hg.png); position: relative }
.modul-haendlersuche .haendler-zeile .sortiment-oben				{ float: left; background: url(../pics/layout/haendlersuche-sortiment-bg.png) no-repeat 0 top; width: 237px; height: 24px; text-align: center; color: #EE1A30; padding: 16px 0 0 0 }
.modul-haendlersuche .haendler-zeile .sortiment-inhalt				{ float: left; background: url(../pics/layout/haendlersuche-sortiment-bg.png) no-repeat 0 center; width: 223px; padding: 0 7px; }
.modul-haendlersuche .haendler-zeile .sortiment-unten				{ float: left; background: url(../pics/layout/haendlersuche-sortiment-bg.png) no-repeat 0 bottom; width: 237px; height: 25px }
.modul-haendlersuche .haendler-zeile .sortiment						{ display: none; position: absolute; left: -7px; bottom: 90px; z-index: 2; width: 237px }
.modul-haendlersuche .haendler-zeile .sortiment.aktiv				{ display: block }
.modul-haendlersuche .haendler-zeile .sortiment-inhalt .segment		{ color: #898D8D; font-size: 10px; font-weight: bold; margin: 10px 0 0 10px }
.modul-haendlersuche .haendler-zeile .sortiment-inhalt .produkt		{ color: #898D8D; font-size: 10px; margin: 2px 0 0 20px }
.modul-haendlersuche .haendler-zeile .sortiment-inhalt .produkt	sup	{ color: #898D8D; }
.modul-haendlersuche .termine-spezial								{ height: auto; background: none; padding: 15px 10px 0 10px }
.modul-haendlersuche .termine-spezial-bg							{ background: url(../pics/layout/termine-hg-spezial.png) repeat-y 0 0; float: left; display: block; margin-top: 1px; }
.modul-haendlersuche .haendler-zeile .haendler-titel				{ margin: 0 0 5px 0; font-size: 13px; }
.modul-haendlersuche .haendler-zeile .termine-titel					{ margin: 12px 0 5px 0; font-size: 13px; }
.modul-haendlersuche .anzahl										{ height: 20px; padding: 5px 20px 8px 5px; font-size: 13px; }
.modul-haendlersuche .anzahl span									{ float: left; }


.modul-haendlersuche .kategorie-links				{ float: left; width: 158px; height: 32px; display: block; padding-top: 7px; background: url(../pics/layout/haendlersuche-grau-bg.png) no-repeat left top; }
.modul-haendlersuche .kategorie-rechts				{ float: left; width: 157px; height: 32px; display: block; padding-top: 7px; background: url(../pics/layout/haendlersuche-grau-bg.png) no-repeat right top; }
.modul-haendlersuche .kategorie-links-aktiv,			
.modul-haendlersuche .kategorie-rechts-aktiv		{ background: none; }
.modul-haendlersuche .kategorie-links span			{ float: right; color: #898D8D; width: 151px; height: 23px; text-align: center; margin-top: 8px; display: block; border-bottom: 1px solid #ECECEC; font-size: 13px; cursor: pointer; }
.modul-haendlersuche .kategorie-rechts span			{ float: left; color: #898D8D; width: 150px; height: 23px; text-align: center; margin-top: 8px; display: block; border-bottom: 1px solid #ECECEC; font-size: 13px; cursor: pointer; }
.modul-haendlersuche .kategorie-links-aktiv span,	
.modul-haendlersuche .kategorie-rechts-aktiv span 	{ color: #EE1A30; }
.modul-haendlersuche .select select					{ float: left; clear: both; margin-top: 5px; width: 259px; color: #898D8D; }
.modul-haendlersuche .select select option			{ color: #898D8D; }
.modul-haendlersuche .select .form-eingabe-zeile	{ width: 280px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ECECEC; }
.modul-haendlersuche .info-text						{ float: left; padding: 5px 20px; font-size: 10px; }

.modul-haendlersuche .info-html, .info-html b		{ color: #000000; }
.modul-haendlersuche .drucken						{ float: right; width: 21px; height: 21px; }
.modul-haendlersuche .drucken a.drucken-button:link	{ float: left; background: url(../pics/layout/icons.print.white.png) no-repeat 0 0 transparent; width: 21px; height: 21px; padding-right: 20px; }




.geschenk-links					{ background: url(../pics/layout/caffeo-reg-hg-links.png) no-repeat; width: 15px; float: left; height: 85px; } 
.geschenk-rechts				{ background: url(../pics/layout/caffeo-reg-hg-rechts.png) no-repeat; float: left; height: 85px; width: 14px; }
.geschenk-submit-rechts			{ background: url(../pics/layout/caffeo-reg-hg-ecken.png) no-repeat; background-position: -46px 0;  float: left; height: 85px; width: 15px; }
.geschenk-submit-links			{ background: url(../pics/layout/caffeo-reg-hg-ecken.png) no-repeat; background-position: 0 0;  float: left; height: 85px; width: 15px; }
.bg-geschenk					{ background: url(../pics/layout/caffeo-reg-hg-mitte.png); height: 68px; padding: 8px 0 0 0; }
.formular-registrierung .submit	{ background: url(../pics/layout/caffeo-reg-hg.png); padding: 30px 0 0 60px; height: 46px; width: 90px; float: left; }
.formular-registrierung .zurueck	{ background: url(../pics/layout/caffeo-reg-hg.png); padding: 30px 0 0 70px; height: 46px; width: 450px; float: left; }

/* iframe Film*/

.bg-promo iframe					{ margin: 0 0 0 120px; }
.bg-promo-red iframe				{ margin: 0 0 0 120px; }
.bg-promo-iframe iframe				{ margin: 0; overflow: hidden }

/* Hier können nun alle benötigten Definitionen für die modul_* Elemente eingefügt werden. */

.haendler-footer								{ text-align: center; height: 40px; padding-top: 20px; background: url(../pics/layout/hg-promo-rand.png) no-repeat scroll 0 -68px transparent; float: left; clear: both; width: 960px }
.haendler-footer .paging						{ display: inline; margin: 0px; padding:0; }
.haendler-footer .paging .pageview-center		{ min-width: 1px; background: url(../pics/layout/paginierung-zahlen.png) repeat-x;  margin: 0px; padding: 3px 0px 4px 0px;  }

.haendler-footer .paging .pageview-center a			{ padding: 0px 5px 0px 5px; font-weight: bold;}
.haendler-footer .paging .pageview-center a:link	{ padding: 0px 5px 0px 5px; font-weight: bold;}
.haendler-footer .paging .pageview-center a:hover	{ color: #DD1930; padding: 0px 5px 0px 5px; font-weight: bold;}
.haendler-footer .paging .pageview-center a:visited	{ padding: 0px 5px 0px 5px; font-weight: bold;}
.haendler-footer .paging .pageview-center .paging-aktiv 			{color: #DD1930; font-weight: bold; }
.haendler-footer .paging .pageview-center a .paging-aktiv 			{color: #DD1930; font-weight: bold; }
.haendler-footer .paging .pageview-center a:link .paging-aktiv		{ color: #DD1930; font-weight: bold; }
.haendler-footer .paging .pageview-center a:hover .paging-aktiv		{ color: #DD1930; font-weight: bold; }
.haendler-footer .paging .pageview-center a:visited .paging-aktiv	{ color: #DD1930; font-weight: bold; }
.haendler-footer .paging .pageview-links	{ min-width: 1px; background: url(../pics/layout/paginierung-zahlen-ecken.png) repeat-x;  margin: 0px; padding: 3px 0 4px 9px; }
.haendler-footer .paging .pageview-rechts	{ min-width: 1px; background: url(../pics/layout/paginierung-zahlen-ecken.png) -15px 0 repeat-x; margin: 0px; padding: 3px 13px 4px 0; }

/* FAQ */
.modul-faqs 		 									{ padding: 0; }
.modul-faqs 	.bg-info	 							{ padding: 0; }
.modul-faqs 	.absatz-akkordeon						{ padding: 10px 0 0 30px; }
.modul-faqs 	.content-wrapper						{ padding: 0; }
.modul-faqs .liste-kategorien 						{ padding: 8px 0 5px 40px; height: 21px; }
.modul-faqs .liste-kategorien select					{ width: 230px; color: #000000;}
.modul-faqs .liste-kategorien select option				{ color: #000000; padding: 2px 0 0px 5px; height: 16px; }
.modul-faqs .kategorie								{ float: left; } 
.modul-faqs .unterkategorie							{ margin: 0 0 0 10px; padding: 0 0 0 20px; float: left;  background: url(../pics/layout/faq_pfeil.png) no-repeat; } 
.modul-faqs h2										{ margin: 0 0 5px 0; }
.modul-faqs hr										{ margin: 0 0 0 0; padding: 0 0 0 0; width: 100%; }
.modul-faqs .frage-antwort							{ width: 700px; margin: 0 120px 0 0; float: left; }
.modul-faqs .frage									{ margin: 0 150px 10px 0; clear: both; font-size: 16px; font-family: "Lucida Sans W01 Roman", sans-serif; color: #ffffff; }
.modul-faqs .antwort									{ font-size: 13px; font-family: "Lucida Sans W01 Roman", sans-serif; color: #ffffff; }
.modul-faqs .absatz-akkordeon .mehr-weniger-btn		{ padding-bottom: 10px; }/* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */

/* Pfadnavigation */
.pfadnavigation-link						{ text-align: left; display: inline; }

/* Navigation in der Seite */
.nav-inline					{ padding: 3px 0 0 0; height: 35px; overflow: hidden; }
.nav-inline-header			{ height: 13px; background: url("../pics/layout/produkt.hintergrund.fff.100.ecken.png") no-repeat; }
.nav-inline li				{ margin: 0px 0 10px 0; float: left; }
.nav-inline a				{ padding: 0px 10px 0px 10px; color: #555555; font-family: "Lucida Sans W01 Roman",sans-serif; font-size: 14px; line-height: 16px; background: url("../pics/layout/tab.trenner.gif") no-repeat; background-position: right 0; }
.nav-inline .active a,.nav-inline a:hover	{ color: #BB0000; }
.nav-inline div.active		{ line-height: 16px; background: url("../pics/layout/tab.aktiv.png") no-repeat scroll center 11px transparent; }

.nav-inline ul 				{ width: 800px; float: left; }
.nav-inline a.letzter		{ background: none; }

/* Toolbox */
.toolbox { position: absolute; top:72px; margin-left: 840px; width: 140px; }
.toolbox a.print-button:link				{ margin-top: 2px; float: right; width: 21px; height: 21px; line-height: 25px; background: url(../pics/layout/icons.print.png) no-repeat 0 -30px }
.toolbox a.print-button:visited			{ background: url(../pics/layout/icons.print.png) no-repeat 0 -30px }
.toolbox a.print-button:hover			{ background: url(../pics/layout/icons.print.png) no-repeat 0 -30px }
.toolbox a.print-button:active			{ background: url(../pics/layout/icons.print.png) no-repeat 0 -30px }

.toolbox-promo { top:126px; width: 106px; }

/* Sitemap */
.sitemap li				{ margin: 5px 0 0 0; display: block; }
.sitemap .ebene-1		{ font-size: 16px; margin: 15px 0 0 0; display: block; }
.sitemap .ebene-3		{ margin: 0 0 5px 32px; display: block; }
.sitemap .icon			{ display: inline-block; margin: 10px 0 0 5px; padding: 0 20px 0 0; background: url("../pics/layout/grafikelemente.png") no-repeat scroll -11px -419px transparent; }
/* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */

/* Footernavigation */
.footernavigation				{ float: left; min-width: 300px }
.footernavigation li				{ display: inline; margin: 0 0 0 19px }

.footernavigation a:link			{ color: #FFF; font-family: "Lucida Sans W01 Roman", sans-serif; font-size: 9px; line-height: 32px; text-transform: uppercase }
.footernavigation a:visited		{ color: #FFF; font-size: 9px; font-weight: bold; text-transform: uppercase }
.footernavigation a:hover		{ color: #DD1930 }
.footernavigation a:active		{ color: #DD1930 }
/* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */

/* Hauptnavigation */
.navigation								{ float: left; padding: 0 0 0 19px; background: url(../pics/layout/h1.trenner.png) no-repeat 19px 0 }
.navigation ul							{ overflow: visible; margin: 0; border: 0; padding: 0 }
.navigation li							{ float: left; display: block; position: relative; z-index: 50; background: url(../pics/layout/h1.trenner.png) no-repeat right 0 }
.navigation .hatkinder					{ cursor: default; }
.navigation span.kinder					{ cursor: default; }

.navigation li li							{ background: none }
.navigation .level2						{ display: none; position: absolute; top: 47px; left: 0; z-index: 50 }
.navigation li:hover .level2				{ display: block }

.navigation a:link,						
.navigation a:visited					{ display: block; padding: 0 19px; color: #555; font-family: "Century Gothic W01", sans-serif; font-size: 16px; line-height: 47px; text-transform: none; font-weight: normal; }
.navigation a:hover						{ color: #DD1930; }
.navigation a:active						{ color: #DD1930; }

.navigation a:link sup					{ color: #555; }
.navigation a:hover sup					{ color: #DD1930 }
.navigation a:active sup					{ color: #555 }


/* Hauptnavigation: Ebene 1 */
.navigation .ebene-1,
.navigation .ebene-1:link,
.navigation .ebene-1:visited				 { display: block; padding: 0 19px; color: #555; font-family: "Century Gothic W01", sans-serif; font-size: 16px; line-height: 47px; }

.navigation .ebene-1-aktiv,
.navigation .ebene-1-aktiv:link,
.navigation .ebene-1-aktiv:visited			{ display: block; padding: 0 19px; color: #DD1930; font-family: "Century Gothic W01", sans-serif; font-size: 16px; line-height: 47px; }


/* Hauptnavigation: Ebene 2 */
.navigation .ebene-2-aktiv,
.navigation .ebene-2-aktiv span,
.navigation .ebene-2-aktiv:link,
.navigation .ebene-2-aktiv:visited		{ color: #555!important }
.navigation .ebene-2-aktiv:hover			{ color: #DD1930!important; }

.navigation ul ul li						{ background-color: #F7F5F4 }
.navigation ul ul li:hover					{ background-color: #FFF }
.navigation ul ul li.letzter				{ background: transparent url(../pics/layout/h1.hg.level2.png) no-repeat 0 bottom }
.navigation ul ul li.letzter:hover			{ background: transparent url(../pics/layout/h1.hg.level2.png) no-repeat right bottom }

.navigation ul ul .hover					{ background-image: url(../pics/layout/h1.hg.level2.teaser.png)!important }

.navigation ul ul a,
.navigation ul ul a:link,
.navigation ul ul a:visited				{ width: 158px; display: block; border-bottom: 1px solid #E6E5E4; padding: 9px 19px; color: #555; font-family: "Lucida Sans W01 Roman", sans-serif; font-size: 13px; line-height: 16px }
.navigation ul ul a:hover					{ color: #DD1930; background-color: #FFF }

.navigation ul ul a.letzter:link,
.navigation ul ul a.letzter:visited		{ border: 0; padding-bottom: 19px }
.navigation ul ul a.letzter:hover			{ color: #DD1930; background: transparent url(../pics/layout/h1.hg.level2.png) no-repeat right bottom }

.navigation ul ul a:link span,
.navigation ul ul a:visited span			{ display: block; color: #555 }
.navigation ul ul a:hover span				{ color: #DD1930; background-color: #FFF }

.navigation .kinder						{ font-size: 13px; font-family: "Lucida Sans W01 Roman",sans-serif; padding: 0 8px 0 0; background: url(../pics/layout/link.text.mehr.png) no-repeat right center }


/* Hauptnavigation: Ebene 3 */
.navigation .level3						{ display: none; position: absolute; z-index: 50; left: 196px; top: 0 }

.navigation .ebene-3-aktiv,
.navigation .ebene-3-aktiv:link,
.navigation .ebene-3-aktiv:visited		{ color: #DD1930 }

.navigation ul ul li:hover .level3			{ display: block }
.navigation ul ul ul li						{ background: transparent }
.navigation ul ul ul li:hover					{ background: transparent }

.navigation ul ul ul a,
.navigation ul ul ul a:link					{ width: 158px; display: block; background-color: #FFF; border: 0; padding: 5px 19px; color: #555; font-family: "Lucida Sans W01 Roman", sans-serif; font-size: 13px; line-height: 16px }
.navigation ul ul ul a:hover					{ color: #DD1930 }
.navigation ul ul ul a:active				{ color: #555 }

.navigation ul ul ul a.erster:link,
.navigation ul ul ul a.erster:visited		{ padding-top: 9px; }

.navigation ul ul ul a.letzter:link,	
.navigation ul ul ul a.letzter:visited		{ border: 0; padding-bottom: 19px; background: transparent url(../pics/layout/h1.hg.level3.png) no-repeat right bottom }
.navigation ul ul ul a.letzter:hover			{ color: #DD1930 }
.navigation ul ul ul a.letzter:active		{ color: #555 }

.navigation ul ul ul a.einziger:link	,
.navigation ul ul ul a.einziger:visited		{ border: 0; padding-top: 9px; padding-bottom: 19px; background: transparent url(../pics/layout/h1.hg.level3.png) no-repeat right bottom }

.navigation ul ul ul a.teaser-navi,
.navigation ul ul ul a.teaser-navi:link,
.navigation ul ul ul a.teaser-navi:visited,
.navigation ul ul ul a.teaser-navi:hover,
.navigation ul ul ul a.teaser-navi:active	{ margin: 0; border: 0; padding: 0; display: block; width: auto; background: transparent; position: relative }
.navigation ul ul ul .teaser-navi img		{ margin: 0; border: 0; padding: 0; display: block; position: absolute; bottom: 0; left: 0 }
/* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */

/* Metanavigation */
.metanavigation								{ float: right }
.metanavigation ul							{ padding: 0 23px 0 5px }
.metanavigation li							{ display: inline; margin: 0 10px 10px 10px; font-family: "Lucida Sans W01 Roman", sans-serif; font-size: 9px; line-height: 25px; text-transform: uppercase }

.metanavigation a:link,					
.metanavigation a:visited					{ color: #555; font-family: "Lucida Sans W01 Roman", sans-serif; font-size: 9px; text-transform: uppercase }
.metanavigation a:hover						{ color: #DD1930; }
.metanavigation a:active						{ color: #DD1930; }

.metanavigation a img							{ margin: 4px 0 0 0; vertical-align: top }

/* Metanavigation: Ebene 1 */
.metanavigation .ebene-1,
.metanavigation .ebene-1:link				{ color: #555; }
.metanavigation .ebene-1:visited				{ font-size: 9px; }
.metanavigation .ebene-1:hover				{ color: #DD1930; }
.metanavigation .ebene-1:active				{ color: #DD1930; }

.metanavigation .ebene-1-aktiv,
.metanavigation .ebene-1-aktiv:link			{ color: #DD1930; }
.metanavigation .ebene-1-aktiv:visited		{ font-size: 9px; }
.metanavigation .ebene-1-aktiv:hover			{ color: #DD1930; }
.metanavigation .ebene-1-aktiv:active		{ color: #DD1930; }

/* Metanavigation: Break (2. Zeile) */
.metanavigation-break 						{ float: right } 

/* Servicenavigation */
.navi-service .ebene-2 						{ margin: 0 5px 0 0 }
.navi-service 		 						{ padding: 5px 0 10px 0 }
/* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */

/* Social-Media und Drucken - Bereich */
.coffee-experience-header .functions a.print-button	{ margin: 1px 3px 0 1px; }/* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */

/*
 Tipps und Tricks:

{ opacity: .5; filter:alpha(opacity=50) }
*/

/* Modul: Produkt */

.modul-produkt								{ }

.modul-produkt .liste						{}

.modul-produkt .detail						{ width: 960px; background-color: #DD1930; position: relative }
.modul-produkt .detail .arrow-bar			{ position: absolute; width: 11px; height: 5px; background: url(../pics/layout/tab.aktiv.png) no-repeat center 0 }
.modul-produkt .detail .tab-toolbar			{ background-color: #FFF; padding: 0 0 0 20px }
.modul-produkt .detail .tab-toolbar .functions		{ text-align: right; float: right; width: 250px; padding: 8px 19px 0 0 }
.modul-produkt .detail .tab					{ overflow: hidden; background-color: #DD1930 }
.modul-produkt .detail .tab-label			{ padding: 0 15px; background: url(../pics/layout/tab.trenner.gif) no-repeat right 6px #FFF; font-family: "Lucida Sans W01 Roman", sans-serif; font-size: 14px; line-height: 36px; color: #555; text-transform: uppercase }
.modul-produkt .detail .letzter				{ background:none; }
.modul-produkt .detail .tab-hover,
.modul-produkt .detail .tab-active			{ color: #DD1930 }
.modul-produkt .detail .tab-content			{ min-height: 420px; padding: 25px 50px 25px 25px; }
.modul-produkt .detail .produkt-embed		{ text-align: right; padding: 20px 0; }
.modul-produkt .detail .produkt-embed > *	{ max-width: 400px; display: inline-block; overflow: hidden }
.modul-produkt .detail .tab-einziger		{ background-image: none }

.modul-produkt .produkt-details .tab-content sup 	{ color: #555555 }
.modul-produkt .produkt-details .tab-content p 		{ color: #555555; font-family: "Lucida Sans W01 Roman", sans-serif; font-size: 13px; }

.modul-produkt .produkt-details .tab-content p.titel	{ font-family: arial, helvetica, sans-serif; font-size: 19px }

.modul-produkt .detail .produkt-bild		{ float: left; width: 485px }
.modul-produkt .detail .produkt-bild .bild	{ display: block }
.modul-produkt .detail h1					{ margin: 0 0 0 485px; padding: 20px 0 0 0; font-family: "Century Gothic W01", sans-serif; font-size: 32px; line-height: 31px }
.modul-produkt .detail h2					{ margin: 16px 0 0 485px; padding: 0 0 25px 0; font-family: "Century Gothic W01", sans-serif; font-size: 16px; line-height: 20px }
.modul-produkt .detail .text				{ margin: 0 0 0 485px; font-family: "Lucida Sans W01 Roman", sans-serif; font-size: 13px; line-height: 16px }
.modul-produkt .detail .text p				{ font-family: "Lucida Sans W01 Roman", sans-serif; font-size: 13px; line-height: 16px; color: #FFF }
.modul-produkt .detail .text ol,
.modul-produkt .detail .text ul				{ list-style-position: outside; }
.modul-produkt .detail .text li				{ font-family: "Lucida Sans W01 Roman", sans-serif; font-size: 13px;}

.modul-produkt .detail .schatten			{ background: url(../pics/layout/produkt.detail.schatten.png) no-repeat; background-size: 100% 100%; }
.modul-produkt .detail .view360				{ background: transparent!important; background-color: #FFF!important }
.modul-produkt .detail .view360-grey		{ background: transparent!important; background-color: #D5D5D5!important }

.modul-produkt .detail .view360-grey .tab-content,
.modul-produkt .detail .view360 .tab-content,
.modul-produkt .detail .online-special .tab-content			{ padding: 0; overflow: hidden }
.modul-produkt .detail .online-special .tab-content div		{ text-align: center; margin-top: 75px; }
.modul-produkt .detail .online-special .tab-content img		{ cursor: pointer; }

.modul-produkt .detail .view360 .flash,
.modul-produkt .detail .view360 .flash-rechts,
.modul-produkt .detail .view360-grey .flash,
.modul-produkt .detail .view360-grey .flash-rechts			{ text-align: center }

/* Modul: Produkt Farbvarianten */
.modul-produkt .detail .varianten				{ overflow: hidden; height: 105px }
.modul-produkt .detail .varianten span			{ opacity: .5; filter: alpha(opacity=50) }
.modul-produkt .detail .varianten .aktiv span,
.modul-produkt .detail .varianten .farbvariante:hover span	{ opacity: 1; filter: alpha(opacity=100) }

.modul-produkt .detail .varianten						{ width: 475px; position: relative; }
.modul-produkt .detail .varianten .liste				{ width: 470px; height: 90px; position: relative; margin: 0 15px; }
.modul-produkt .detail .varianten .zeile				{ float: left; width: 150px; height: 90px; margin: 0; text-align: center }
.modul-produkt .detail .varianten .zeile img			{ display: block; padding: 0 7px; }
.modul-produkt .detail .varianten .zeile span			{  }

.modul-produkt .detail .varianten a.page-back:link		{ width: 12px; height: 20px; position: absolute; left: 0; top: 20px; z-index: 10; display: block; background: url("../pics/layout/produkt.filter.buttons.png") no-repeat scroll 0 0 / 27px 42px rgba(0, 0, 0, 0) }
.modul-produkt .detail .varianten a.page-back:visited	{  }
.modul-produkt .detail .varianten a.page-back:hover		{ background-position: 0 -20px }
.modul-produkt .detail .varianten a.page-back:active	{  }

.modul-produkt .detail .varianten a.page-next:link		{ width: 12px; height: 20px; position: absolute; right: 0; top: 20px; z-index: 10; display: block; background: url("../pics/layout/produkt.filter.buttons.png") no-repeat scroll right top  / 27px 42px rgba(0, 0, 0, 0) }
.modul-produkt .detail .varianten a.page-next:visited	{  }
.modul-produkt .detail .varianten a.page-next:hover		{ background-position: right -20px }
.modul-produkt .detail .varianten a.page-next:active	{  }

.farbvariante								{ display: block; float: left; width: 150px; text-align: center; overflow: hidden; }
.farbvariante img							{ display: block; margin: 5px auto; box-sizing: border-box; }
.farbvariante > div 						{ display: inline-block; text-align: center; }

/* Modul: Produkt Details */
.modul-produkt .produkt-row						 { width: 960px; background-color: #ffffff; position: relative; }
.modul-produkt .produkt-row	.produkt-row-wrapper { background: #ffffff none repeat scroll 0 0; overflow: hidden; padding: 25px; display: flex; justify-content: space-between; align-items: center; }
.modul-produkt .produkt-row	.logo				 { float: left; width: 160px; height: 124px; text-align: center; }
.modul-produkt .produkt-row	.intro				 { float: left; width: 320px; box-sizing: border-box; background-color: #ffffff; position: relative; }
.modul-produkt .produkt-row	.badges				 { float: left; width: 160px; height: 100%; background-color: #ffffff; position: relative; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column;  }
.modul-produkt .produkt-row	.badge				 { display: inline-block; }
.modul-produkt .produkt-row	.badge .appstore 	 { width: 140px; display: block; }
.modul-produkt .produkt-row	.badge .playstore 	 { width: 160px; display: block; }
.modul-produkt .produkt-row	.badge img			 { width: 160px; height: auto; }
.modul-produkt .produkt-row	.badge a			 { float: left; display: block; overflow: hidden; }
.modul-produkt .produkt-row	.app-title			 { font-family: "Century Gothic W01", sans-serif; font-size: 16px; line-height: 21px; color: #555555; margin-bottom: 15px; }
.modul-produkt .produkt-row	.app-text			 { color: #555555; }
.modul-produkt .produkt-row	sup					 { color: #555555; }
.modul-produkt .produkt-row	.qrcode				 { float: left; width: 160px; height: 124px; text-align: center; }
.modul-produkt .produkt-row	.qrcode	img			 { width: 100%; max-width: 124px; height: auto; }

/* Modul: Produkt Details */
.modul-produkt .produkt-details					{ width: 960px; overflow: hidden; background: url(../pics/layout/produkt.hintergrund.fff.90.png) repeat }
.modul-produkt .produkt-details .tab-toolbar				{ float: left; width: 223px; border-top: 1px solid #CCC; margin: 19px 0 0 19px }
.modul-produkt .produkt-details .tab-toolbar .tab-active	{ background: url(../pics/layout/link.text.aktiv.png) no-repeat right center; color: #DD1930 }
.modul-produkt .produkt-details .tab-toolbar .tab-hover sup		{ color: #555555 }
.modul-produkt .produkt-details .tab-toolbar .tab-active sup	{ color: #DD1930 }

.modul-produkt .produkt-details .tab			{ margin: 0 0 0 242px; background-color: transparent }
.modul-produkt .produkt-details .tab-label		{ width: 100%; border-bottom: 1px solid #CCC; padding: 0; background-color: transparent; font-family: "Lucida Sans W01 Roman", sans-serif; font-size: 13px; line-height: 20px; color: #555 }
.modul-produkt .produkt-details .tab-content	{ padding: 19px }

.modul-produkt .produkt-details .pages			{ width: 333px; height: 273px; overflow: hidden; position: relative }
.modul-produkt .produkt-details .bild			{ float: right; width: 333px }
.modul-produkt .produkt-details .text			{ float: left; padding: 19px; width: 295px; height: 235px; font-family: "Lucida Sans W01 Roman", sans-serif; font-size: 13px; line-height: 16px; color: #555; background: url(../pics/layout/produkt.detail.text.hg.png) no-repeat }
.modul-produkt .produkt-details .text h4		{ font-family: "Lucida Sans W01 Roman", sans-serif; font-size: 16px; line-height: 20px; color: #555 }
.modul-produkt .produkt-details .text a			{ color: #555555 }
.modul-produkt .produkt-details .text a:hover	{ color: #DD1930 }
.modul-produkt .produkt-details .text ul li		{ color: #555555 }

.produkt-details .paging						{ position: absolute; width: 75px; height: 20px; left: 150px; bottom: 8px; z-index: 10; overflow: hidden }
.produkt-details .paging .punkt					{ float: left; width: 18px; height: 18px; background: url(../pics/layout/produkt.paging.png) no-repeat -20px -17px }
.produkt-details .paging .punkt-aktiv			{ width: 18px; height: 18px; background: url(../pics/layout/produkt.paging.png) no-repeat -20px 0 }

.produkt-details a.page-back					{ width: 18px; height: 18px; position: absolute; left: 100px; bottom: 10px; z-index: 10; display: block; background: url(../pics/layout/produkt.paging.png) no-repeat 0 0 }
.produkt-details a.page-back:hover				{ background-position: 0 -16px }
.produkt-details a.page-next					{ width: 18px; height: 18px; position: absolute; right: 100px; bottom: 10px; z-index: 10; display: block; background: url(../pics/layout/produkt.paging.png) no-repeat -38px 0 }
.produkt-details a.page-next:hover				{ background-position: -38px -16px }

.modul-produkt .btn-order						{ margin: 19px 0 }
.modul-produkt .btn-search						{ margin: 19px 0 }

/* Modul: Produkt Awards */
.modul-produkt .awards-links				{ width: 960px; overflow: hidden; border-top: 1px solid #CCC; background: url(../pics/layout/produkt.hintergrund.fff.100.png) }
.modul-produkt .awards						{ float: left; width: 353px; padding: 19px 10px 0 19px; overflow: hidden }
.modul-produkt .awards .liste				{ width: 353px; height: 60px; overflow: hidden; position: relative }
.modul-produkt .awards .award				{ float: left; width: 176px; height: 60px; border-right: 1px solid #CCC; text-align: center }
.modul-produkt .awards .award-letzter		{ border: 0 }

.awards a.page-back							{ width: 18px; height: 18px; position: absolute; left: 0; bottom: 20px; z-index: 10; display: block; background: url(../pics/layout/produkt.paging.png) no-repeat -4px 0 }
.awards a.page-back:hover					{ background-position: -4px -16px }
.awards a.page-next							{ width: 18px; height: 18px; position: absolute; right: 0; bottom: 20px; z-index: 10; display: block; background: url(../pics/layout/produkt.paging.png) no-repeat -32px 0 }
.awards a.page-next:hover					{ background-position: -32px -16px }

/* Modul: Produkt Links */
.modul-produkt .links						{ float: left; width: 558px; padding: 19px 0 0 0; overflow: hidden }
.modul-produkt .links .liste				{ overflow: hidden; height: 50px; padding: 7px 0 0 19px; background: url(../pics/layout/produkt.links.hg.png) no-repeat }
.modul-produkt .links .link					{ float: left; width: 167px; height: 29px }

.modul-produkt .links a:link,
.modul-produkt .links a:visited				{ text-transform: none; background-repeat: no-repeat; padding: 1px 0 1px 20px; font-size: 11px; line-height: 15px; color: #555 }
.modul-produkt .links a:hover				{ color: #DD1930;}
.modul-produkt .links a:active				{ }

.modul-produkt .links .pdf					{ background: url(../pics/layout/produkt.links.icon.pdf.png) 0 0 }
.modul-produkt .links .service				{ background: url(../pics/layout/produkt.links.icon.service.png) 0 0 }
.modul-produkt .links .hilfe				{ background: url(../pics/layout/produkt.links.icon.hilfe.png) 0 0 }
.modul-produkt .links .info					{ background: url(../pics/layout/produkt.links.icon.info.png) 0 0 }
.modul-produkt .links .registrierung		{ background: url(../pics/layout/produkt.links.icon.registrierung.png) 0 0 }
.modul-produkt .links .vergleich			{ background: url(../pics/layout/produkt.links.icon.vergleich.png) 0 0 }

.modul-produkt .abschluss					{ width: 960px; height: 19px; background: url(../pics/layout/produkt.hintergrund.fff.100.ecken.png) no-repeat 0 bottom }

/* Modul: Produkt Filter */
.modul-produkt .filter						{ width: 960px; height: 245px; position: relative; background: url(../pics/layout/produkt.filter.hg.png) no-repeat }
.modul-produkt .filter .liste				{ width: 850px; height: 245px; position: relative; overflow: hidden; margin: 0 55px; }
.modul-produkt .filter .zeile				{ float: left; min-width: 170px; height: 150px; margin: 65px 0 0 0; text-align: center }
.modul-produkt .filter .zeile img				{ display: block; padding: 0 7px; }
.modul-produkt .filter .zeile span			{  }

.modul-produkt .filter a.page-back:link		{ width: 19px; height: 30px; position: absolute; left: 19px; top: 105px; z-index: 10; display: block; background: url(../pics/layout/produkt.filter.buttons.png) no-repeat 0 0 }
.modul-produkt .filter a.page-back:visited	{  }
.modul-produkt .filter a.page-back:hover		{ background-position: 0 -30px }
.modul-produkt .filter a.page-back:active	{  }

.modul-produkt .filter a.page-next:link		{ width: 19px; height: 30px; position: absolute; right: 19px; top: 105px; z-index: 10; display: block; background: url(../pics/layout/produkt.filter.buttons.png) no-repeat right 0 }
.modul-produkt .filter a.page-next:visited	{  }
.modul-produkt .filter a.page-next:hover		{ background-position: right -30px }
.modul-produkt .filter a.page-next:active	{  }

.modul-produkt .filter .label-aktiv				{ margin: 0 auto; width: 164px; position: relative; top: -10px }
.modul-produkt .filter .label					{ display: block; margin: 0 auto; width: 164px; position: relative; top: -10px; text-align: center }

.modul-produkt .filter .ecke-lo					{ display: block; float: left; min-width: 10px; height: 10px }
.modul-produkt .filter .ecke-ro					{ display: block; min-width: 10px; height: 10px; margin: 0 0 0 10px }
.modul-produkt .filter .label-text				{ display: block; text-align: center; padding: 0 2px;  }
.modul-produkt .filter .ecke-lu					{ display: block; float: left; min-width: 10px; height: 10px }
.modul-produkt .filter .ecke-ru					{ display: block; min-width: 10px; height: 10px; margin: 0 0 0 10px }

.modul-produkt .filter .label-aktiv .ecke-lo,
.modul-produkt .filter a:hover .label .ecke-lo			{ background: url(../pics/layout/produkt.filter.produkt.aktiv.oben.png) no-repeat left top }
.modul-produkt .filter .label-aktiv .ecke-ro,
.modul-produkt .filter a:hover .label .ecke-ro			{ background: url(../pics/layout/produkt.filter.produkt.aktiv.oben.png) no-repeat right top }
.modul-produkt .filter .label-aktiv .label-text,
.modul-produkt .filter a:hover .label .label-text		{ background: url(../pics/layout/produkt.filter.produkt.aktiv.unten.png) no-repeat center top }
.modul-produkt .filter .label-aktiv .ecke-lu,
.modul-produkt .filter a:hover .label .ecke-lu			{ background: url(../pics/layout/produkt.filter.produkt.aktiv.unten.png) no-repeat left bottom }
.modul-produkt .filter .label-aktiv .ecke-ru,
.modul-produkt .filter a:hover .label .ecke-ru			{ background: url(../pics/layout/produkt.filter.produkt.aktiv.unten.png) no-repeat right bottom }

.filter .liste-kategorien						{ position: absolute; z-index: 20; top: 21px; left: 0; width: 960px; height: 28px; text-align: center }

.liste-kategorien span							{ padding: 6px 1px 7px 0; background: url(../pics/layout/produkt-nav-trenner.png) repeat-y right top; }

.liste-kategorien a.kategorie:link,				
.liste-kategorien a.kategorie:visited			{ font-weight: normal; font-size: 12px; text-transform: none; color: #FFF; padding: 8px 20px; margin: 0; line-height: 29px; background: url(../pics/layout/produkt.filter.filter.hg.png) no-repeat center 2px }
.liste-kategorien a.kategorie:hover				{ color: #FFF; background-position: center -29px }
.liste-kategorien a.kategorie:active			{ color: #FFF; background-position: center -29px }

.liste-kategorien a.kategorie-erster:link,
.liste-kategorien a.kategorie-erster:visited		{ background-position: 0 2px }
.liste-kategorien a.kategorie-erster:hover		{ background-position: 0 -29px }
.liste-kategorien a.kategorie-erster:active		{ background-position: 0 -29px }

.liste-kategorien a.kategorie-letzter:link,
.liste-kategorien a.kategorie-letzter:visited	{ background-position: right 2px }
.liste-kategorien a.kategorie-letzter:hover		{ background-position: right -29px }
.liste-kategorien a.kategorie-letzter:active		{ background-position: right -29px }

.liste-kategorien a.kategorie-aktiv:link,
.liste-kategorien a.kategorie-aktiv:visited			{ font-weight: normal; font-size: 12px; text-transform: none; color: #FFF; padding: 8px 20px; margin: 0; line-height: 29px; background: url(../pics/layout/produkt.filter.filter.hg.png) no-repeat center -29px }
.liste-kategorien a.kategorie-aktiv:hover			{ color: #FFF; background-position: center -29px }
.liste-kategorien a.kategorie-aktiv:active			{ color: #FFF; background-position: center -29px }

.liste-kategorien a.kategorie-erster-aktiv:link,
.liste-kategorien a.kategorie-erster-aktiv:visited	{ background-position: 0 -29px }
.liste-kategorien a.kategorie-erster-aktiv:hover	{ background-position: 0 -29px }
.liste-kategorien a.kategorie-erster-aktiv:active	{ background-position: 0 -29px }

.liste-kategorien a.kategorie-letzter-aktiv:link,
.liste-kategorien a.kategorie-letzter-aktiv:visited	{ background-position: right -29px }
.liste-kategorien a.kategorie-letzter-aktiv:hover	{ background-position: right -29px }
.liste-kategorien a.kategorie-letzter-aktiv:active	{ background-position: right -29px }

.liste-kategorien a.kategorie-einziger-aktiv span	{ color: #FFF; padding: 6px 0; margin: 0; line-height: 29px; background: url(../pics/layout/produkt.filter.filter.hg.png) no-repeat center -31px }
.liste-kategorien a.kategorie-einziger-aktiv .start	{ background-position: left -31px }
.liste-kategorien a.kategorie-einziger-aktiv .ende	{ background-position: right -31px }

/* Modul: Produkt Functions */
.modul-produkt .functions							{ overflow: hidden }
.modul-produkt .functions iframe					{ float: right; margin-right: 5px; }
.modul-produkt .functions a.print-button:link		{ float: right; width: 21px; height: 21px; line-height: 25px; background: url(../pics/layout/icons.print.png) no-repeat 0 -29px }
.modul-produkt .functions a.print-button:visited	{ background: url(../pics/layout/icons.print.png) no-repeat 0 -29px }
.modul-produkt .functions a.print-button:hover		{ background: url(../pics/layout/icons.print.png) no-repeat 0 -29px }
.modul-produkt .functions a.print-button:active		{ background: url(../pics/layout/icons.print.png) no-repeat 0 -29px }

/* Promo Functions */
.toolbox a.print-button:link				{ float: right; width: 21px; height: 21px; line-height: 25px; background: url(../pics/layout/icons.print.png) no-repeat 0 -29px; margin-top: 0 }
.toolbox a.print-button:visited			{ background: url(../pics/layout/icons.print.png) no-repeat 0 -29px }
.toolbox a.print-button:hover			{ background: url(../pics/layout/icons.print.png) no-repeat 0 -29px }
.toolbox a.print-button:active			{ background: url(../pics/layout/icons.print.png) no-repeat 0 -29px }



a.print-button img							{ display: block }

/* Modul: Produkt Videos */
.video-tab-toolbar							{ position: absolute; top: 440px; width: 640px; text-align: center }
.video-tab-toolbar .video-tab-active		{ border: 1px solid #F00; margin: 0 5px 0 0 }

.video-tab,									
.iframe-tab 								{ width: 640px; margin: 0 auto }
.video-tab-label							{ margin: 1px 6px 1px 1px }
.video-tab-content							{ padding: 0 0 5px 0 }

.iframe-tab iframe							{ border: 0; margin: 0; padding: 0 }
.tab-content .video-youtube					{ width: 640px; margin: 0 auto }

/* Modul: Produkt Online Special */
.dialog .online-special-modal-content			{ padding: 0 10px 10px 10px; background-color: #FFF }
.dialog .online-special-modal-content h1			{ padding: 0 0 0 4px; font-size: 14px; color: #555; line-height: 30px }
.dialog .online-special-modal-content h1 sup		{ color: #555; }
.dialog .close									{ position: absolute; top: 25px; right: 20px; color: #000; font-size: 14px; cursor: pointer; }

/* allgemeine Toolbar */
.tab-toolbar								{ overflow: hidden }
.tab-toolbar .tab-label						{ float: left; min-width: 5px; cursor: pointer }

/* Produkt Standard Tab */
.produkt-standard-tab .bild					{ float: left; width: 500px }
.produkt-standard-tab .titel				{ margin: 0 }

/* Produkt Standard Tab Absatz */
.produkt-standard-tab .absatz               { margin: 0 0 0px 0; overflow: hidden; }
.produkt-standard-tab .absatz .titel        { margin: 1px }
.produkt-standard-tab .absatz h2            { font-family: "Century Gothic W01",sans-serif; font-size: 32px; line-height: px; padding: 0 0 5px; margin: 0; }
.produkt-standard-tab .absatz h3            { font-family: "Century Gothic W01",sans-serif; font-size: 29px; line-height: 28px; padding: 0 0 5px; margin: 0; }
.produkt-standard-tab .absatz .text         { margin: 0; }
.produkt-standard-tab .absatz .text p       { word-wrap: break-word; font-family: "Lucida Sans W01 Roman",sans-serif; font-size: 13px; line-height: 16px; }
.produkt-standard-tab .absatz .bild         { width: 170px;}
.produkt-standard-tab .absatz img           { width: 170px;}
.produkt-standard-tab .absatz .text-wrapper { float: left; margin: 0 0 0 10px; width: 705px; }
.produkt-standard-tab .absatz .text a       { display: inline-block; float: right; margin: 20px 0 0; }
.produkt-standard-tab .absatz .text a:hover { text-decoration: underline; color: #fff; }
.produkt-standard-tab .absatz .icon         { padding: 0 20px 0 0; background: url("../pics/layout/grafikelemente.png") -11px -419px transparent; }

/* Dialog Bestellungen */
.popup-extern							{ margin: 0 }
.absatz-popup							{ width: 400px; height: 200px; background-color: #ffffff; position: relative }
.absatz-popup .text						{ padding: 20px; color: #000000 }
.absatz-popup .text	p,
.absatz-popup .text	p strong			{ color: #000000 }
.absatz-popup .link						{ padding: 0 20px 20px; color: #555555; font-size: 14px }
.absatz-popup .link-popup				{ position: absolute; right: 20px; bottom: 20px }
.absatz-popup .link-cancel				{ position: absolute; left: 20px; bottom: 20px }
.absatz-popup a:hover span.btn-start	{ background-position: 0 0 }
.absatz-popup a:hover span.btn-text		{ background-position: right 0; color: #FFFFFF }
/* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */

/* Basisdefinitionen */

.socialbuttons a.socialbutton:link,
.socialbuttons a.socialbutton:visited		{ background-repeat: no-repeat; background-position: 0 0 }
.socialbuttons a.socialbutton:hover			{ background-position: 0 -33px }
.socialbuttons a.socialbutton:active		{ background-position: 0 -33px }
/* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */

/* Sprachumschaltung */
.sprachnavigation								{ float: right; height: 22px; }
.sprachnavigation ul							{ overflow: visible; margin: 0; border: 0; padding: 0 }
.sprachnavigation li							{ float: left; display: block; position: relative; z-index: 50; margin: 0 0 10px 5px; font-family: "Lucida Sans W01 Roman", sans-serif; font-size: 9px; line-height: 25px; text-transform: uppercase }

.sprachnavigation a:link,
.sprachnavigation a:visited						{ padding: 0 4px 0 5px; color: #555; font-family: "Lucida Sans W01 Roman", sans-serif; font-size: 9px; text-transform: uppercase; }
.sprachnavigation a:hover						{ color: #DD1930; background-color: #F7F5F4 }
.sprachnavigation a:active						{ color: #DD1930 }

/* Sprachumschaltung: Ebene 1 */
.sprachnavigation .ebene-1-aktiv,
.sprachnavigation .ebene-1-aktiv:link,
.sprachnavigation .ebene-1-aktiv:visited		{ color: #DD1930 }
.sprachnavigation .ebene-1-aktiv:hover			{ color: #DD1930 }
.sprachnavigation .ebene-1-aktiv:active			{ color: #DD1930 }

.sprachnavigation .level2						{ display: none; position: absolute; z-index: 50; left: 0; border-top: 1px solid #D7D7D8 }
.sprachnavigation li:hover .level2				{ display: block }

.sprachnavigation ul ul li						{ padding: 0; background: none; position: static; background-color: #F7F5F4; margin: 0 }
.sprachnavigation ul ul li.letzter				{ background: transparent url(../pics/layout/land.hg.png) no-repeat 0 bottom }

.sprachnavigation li:hover						{ background-color: #F7F5F4 }

.sprachnavigation ul ul a:link,
.sprachnavigation ul ul a:visited				{ width: 64px; display: block; background-color: #F7F5F4; border: 0; padding: 2px 19px; color: #555; font-family: "Lucida Sans W01 Roman", sans-serif; font-size: 11px; line-height: 13px; font-weight: normal; text-transform: none }

.sprachnavigation ul ul a:hover					{ color: #DD1930 }
.sprachnavigation ul ul a:active				{ color: #000 }

.sprachnavigation ul ul a.aktiv:link,
.sprachnavigation ul ul a.aktiv:visited			{ color: #000; border: 0; background: transparent url(../pics/layout/sprache.hg.png) no-repeat 0 bottom }
.sprachnavigation ul ul a.aktiv:hover			{ color: #DD1930 }
.sprachnavigation ul ul a.aktiv:active			{ color: #000 }

.sprachnavigation ul ul a.erster:link,
.sprachnavigation ul ul a.erster:visited		{ border: 0; padding-bottom: 8px; padding-top: 8px; }
.sprachnavigation ul ul a.erster:hover			{ color: #DD1930 }
.sprachnavigation ul ul a.erster:active			{ color: #000 }

.sprachnavigation ul ul a.letzter:link,
.sprachnavigation ul ul a.letzter:visited		{ border: 0; padding-bottom: 8px; background: transparent url(../pics/layout/sprache.hg.png) no-repeat 0 bottom }
.sprachnavigation ul ul a.letzter:hover			{ color: #DD1930 }
.sprachnavigation ul ul a.letzter:active		{ color: #000 }

/* Sprachflaggen (mehrsprachige Systeme) */

.sprachnavigation a.sprache-de:link			{ display: block; padding-left: 22px; background: transparent url(../pics/flaggen/germany.png) no-repeat 4px 6px }
.sprachnavigation ul ul a.sprache-de:link	{ padding: 7px 54px 6px 32px; background: transparent url(../pics/flaggen/germany.png) no-repeat 10px 6px }

.sprachnavigation a.sprache-fr:link			{ display: block; padding-left: 22px; background: transparent url(../pics/flaggen/france.png) no-repeat 4px 6px }
.sprachnavigation ul ul a.sprache-fr:link	{ padding: 7px 54px 6px 32px; background: transparent url(../pics/flaggen/france.png) no-repeat 10px 6px }

.sprachnavigation a.sprache-nl:link,
.sprachnavigation a.sprache-fl:link			{ display: block; padding-left: 22px; background: transparent url(../pics/flaggen/netherlands.png) no-repeat 4px 6px }
.sprachnavigation ul ul a.sprache-nl:link,
.sprachnavigation ul ul a.sprache-fl:link	{ padding: 7px 54px 6px 32px; background: transparent url(../pics/flaggen/netherlands.png) no-repeat 10px 6px }

.sprachnavigation a.sprache-ko:link			{ display: block; padding-left: 22px; background: transparent url(../pics/flaggen/korea.png) no-repeat 4px 6px }
.sprachnavigation ul ul a.sprache-ko:link	{ padding: 7px 54px 6px 32px; background: transparent url(../pics/flaggen/korea.png) no-repeat 10px 6px }

.sprachnavigation a.sprache-en:link			{ display: block; padding-left: 22px; background: transparent url(../pics/flaggen/great-britain.png) no-repeat 4px 6px }
.sprachnavigation ul ul a.sprache-en:link	{ padding: 7px 54px 6px 32px; background: transparent url(../pics/flaggen/great-britain.png) no-repeat 10px 6px }/* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */

/* Suche */
.suche										{ float: right; height: 22px; }
.suche ul									{ padding: 0; overflow: visible }
.suche li									{ position: relative; display: inline; margin: 0; padding: 10px 10px 10px 0; font-family: "Lucida Sans W01 Roman", sans-serif; font-size: 9px; line-height: 25px; text-transform: uppercase }
.suche li.search							{ background-color: #F7F6F5 }

.suche a:link,
.suche a:visited							{ background: url(../pics/layout/icons.search.png) no-repeat 11px 0; padding: 0 0 0 25px; color: #555; font-family: "Lucida Sans W01 Roman", sans-serif; font-size: 9px; text-transform: uppercase }
.suche a:hover								{ background-position: 11px -18px; color: #DD1930 }
.suche a:active								{ background-position: 11px -18px; color: #DD1930 }

.suche li.search a:link,
.suche li.search a:visited					{ background-color: #F7F6F5; background-position: 11px -18px; color: #DD1930 }
.suche li.search a:hover					{ }
.suche li.search a:active					{ }

.suche li .formular							{ text-transform: none; display: none; position: absolute; width: 269px; height: 43px; top: 30px; left: 0; padding: 5px 11px 11px 11px; background: url(../pics/layout/search.hg.png) no-repeat center bottom }
.suche li.search .formular					{ display: block; z-index: 100; }

.suche .formular label						{ display: block; padding: 5px 0 3px 0; color: #555; font-family: "Lucida Sans W01 Roman", sans-serif; font-size: 9px; line-height: 11px }
.suche .formular .form-text					{ color: #555; font-family: "Lucida Sans W01 Roman", sans-serif; font-size: 11px; line-height: 15px; width: 182px; height: 19px; margin: 0 3px 0 0; border: 0; padding: 2px 4px; background: url(../pics/layout/search.field.hg.png) no-repeat 0 0  }
.suche .formular .form-button				{ display: none }

.suche li.search .formular a:link,
.suche li.search .formular a:visited		{ padding: 0; background: none }
.suche li.search .formular a:hover			{ }
.suche li.search .formular a:active			{ }

.filter-markieren							{ color: inherit; font-size: inherit; font-weight: inherit; }
.suchergebnis-header								{ background: url("../pics/layout/hg-info.png") repeat scroll 0 0 transparent; overflow: hidden; padding: 0px 0 15px 20px; }

.suchergebnis-header .formular						{ display: inline; float: left; width: 280px;}
.suchergebnis-header .formular label				{ display: none;}
.suchergebnis-header .formular .form-text			{ float: left; color: #555; font-family: "Lucida Sans W01 Roman", sans-serif; font-size: 11px; line-height: 15px; width: 182px; height: 19px; margin: 0 3px 0 0; border: 0; padding: 2px 4px; background: url(../pics/layout/search.field.hg.png) no-repeat 0 0  }
.suchergebnis-header .formular .form-button			{ display: none; }
.suchergebnis-header .treffer-kopf					{ margin-top: 4px; }
.suchergebnis-header .button-23						{ float: left; }

.suchergebnis-trefferliste							{ padding-bottom: 80px;}
.suchergebnis-trefferliste .liste					{ background: url(../pics/layout/suche.hg.90.png); padding-top: 1px;}
.suchergebnis-trefferliste .treffer					{ margin: 20px; font-weight: bold;}
.suchergebnis-trefferliste .treffer	a:link			{ font-size: 14px;} 
.suchergebnis-trefferliste .treffer	a:active		{ font-size: 14px;}
.suchergebnis-trefferliste .treffer	a:hover			{ font-size: 14px;}
.suchergebnis-trefferliste .treffer	a:visited		{ font-size: 14px;}
.suchergebnis-trefferliste .linie					{ background: url(../pics/layout/suche_hr.png); height: 2px; width: 960px; }
.suchergebnis-trefferliste .wortvorschlag			{ background: url(../pics/layout/suche.hg.90.png) repeat scroll 0 0 transparent; overflow: hidden;  padding: 15px 0 0px 20px; }
.suchergebnis-footer								{ text-align: center; height: 40px; padding-top: 20px; background: url(../pics/layout/hg-info-rand.png) no-repeat scroll 0 -68px transparent; }
.suchergebnis-footer .paging						{ display: inline; margin: 0px; padding:0; }
.suchergebnis-footer .paging .pageview-center		{ min-width: 1px; background: url(../pics/layout/paginierung-zahlen.png) repeat-x;  margin: 0px; padding: 3px 0px 4px 0px;  }

.suchergebnis-footer .paging .pageview-center a			{ padding: 0px 5px 0px 5px; font-weight: bold;}
.suchergebnis-footer .paging .pageview-center a:link	{ padding: 0px 5px 0px 5px; font-weight: bold;}
.suchergebnis-footer .paging .pageview-center a:hover	{ color: #DD1930; padding: 0px 5px 0px 5px; font-weight: bold;}
.suchergebnis-footer .paging .pageview-center a:visited	{ padding: 0px 5px 0px 5px; font-weight: bold;}
.suchergebnis-footer .paging .pageview-center .paging-aktiv 			{color: #DD1930; font-weight: bold; }
.suchergebnis-footer .paging .pageview-center a .paging-aktiv 			{color: #DD1930; font-weight: bold; }
.suchergebnis-footer .paging .pageview-center a:link .paging-aktiv		{ color: #DD1930; font-weight: bold; }
.suchergebnis-footer .paging .pageview-center a:hover .paging-aktiv		{ color: #DD1930; font-weight: bold; }
.suchergebnis-footer .paging .pageview-center a:visited .paging-aktiv	{ color: #DD1930; font-weight: bold; }
.suchergebnis-footer .paging .pageview-links	{ min-width: 1px; background: url(../pics/layout/paginierung-zahlen-ecken.png) repeat-x;  margin: 0px; padding: 3px 0 4px 9px; }
.suchergebnis-footer .paging .pageview-rechts	{ min-width: 1px; background: url(../pics/layout/paginierung-zahlen-ecken.png) -15px 0 repeat-x; margin: 0px; padding: 3px 13px 4px 0; }

.suche li.search .formular a.button-23 { position: absolute; top: 25px; right: 12px }
/* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */

/*
 Tipps und Tricks:

{ opacity: .5; filter:alpha(opacity=50) }
*/

/* Modul: Teaser */

.modul-teaser										{  }
.footer .modul-teaser								{ width: 965px; overflow: hidden; margin: 0 auto; padding: 80px 0 0 0 }
.footer .teaser-liste								{ width: 975px; overflow: hidden }

a.teaser:link,
a.teaser:visited									{ text-transform: none; float: left; display: block; width: 315px; height: 86px; margin: 0 10px 0 0; background: url(../pics/layout/teaser.hg.100.90.png) no-repeat 0 -90px }
a.teaser:hover										{ background-position: 0 0 }
a.teaser:active										{  }

.teaser img											{ float: left; display: block; margin: 12px }
.teaser .text										{ display: block; margin: 12px 12px 12px 114px; font-family: "Century Gothic W01", sans-serif; font-size: 12px; line-height: 15px; color: #555 }
.teaser .text p										{ font-family: "Century Gothic W01", sans-serif; font-size: 12px; line-height: 15px; color: #555 }
.teaser .text b,
.teaser .text strong								{ font-family: "Century Gothic W01", sans-serif; font-size: 12px; line-height: 15px; color: #555; font-weight: bold }
.teaser .text sup									{ color: #555 }

.teaser .icon										{ padding: 0 15px 0 0; margin: 0 0 0 5px; background: url(../pics/layout/grafikelemente.png) no-repeat -11px -419px; display: inline-block }
a.teaser:hover .icon									{ background: url(../pics/layout/grafikelemente.png) no-repeat -11px -419px }


/* Teaser PromoListe */
.teaser-liste-zeile									{ width: 280px; margin: 20px 0 20px 30px; float: left; }
.modul-teaser .erster								{ width: 960px; height: 325px; margin: 0 0 0 0; }
.modul-teaser .erster .bild							{ float:left; margin: 65px 0 0 100px; }
.modul-teaser .erster .text-liste 					{ margin: 65px 0 0 465px; width: 440px; }
.modul-teaser .erster h2							{ font-size: 18px; }
.modul-teaser .erster .untertitel					{ font-size: 16px; margin: 5px 0 5px 0; }

.modul-teaser .btn-start							{ padding: 7px 5px 0 0; float:left; background: url(../pics/layout/buttons.hg.23.png) no-repeat 0 0; }
.modul-teaser .btn-text								{ float:left; padding: 5px 0 5px 0; background: url(../pics/layout/buttons.hg.23.png) no-repeat right 0; color: #FFF; font-family: "Lucida Sans W01 Bold", sans-serif; font-size: 9px; font-weight: bold; text-transform: uppercase }
.modul-teaser .btn-arrow							{ padding: 0 20px 0px 0; float:right; background: url(../pics/layout/link.text.normal.png) no-repeat; background-position: 8px 2px; }
.modul-teaser a:hover .btn-start					{ background-position: 0 bottom; }
.modul-teaser a:hover .btn-text						{ background-position: right -26px; color: #DD1930; }
.modul-teaser a:hover .btn-arrow		 			{  background: url(../pics/layout/link.text.aktiv.png) no-repeat;  background-position: 8px 2px; }


.modul-teaser .teaser-zeilen						{ overflow: hidden; padding-top:0px;}
.modul-teaser h2									{ margin: 5px 0 5px 0; }
.modul-teaser .more 								{ margin: 10px 0 0 0; }
.bg-teaser											{ padding-top: 0; overflow: hidden; }

.modul-teaser .anzahl-2 							{ margin-left: 110px; margin-right: 70px; }
.modul-teaser .anzahl-1 							{ margin-left: 340px; }
.bg-teaser-footer 									{ height: 15px; }

.promotion-footer								{ text-align: center; height: 30px;}
.promotion-footer .paging						{ display: inline; margin: 0px; padding:0; }
.promotion-footer .paging .pageview-center		{ min-width: 1px; background: url(../pics/layout/paginierung-zahlen.png) repeat-x;  margin: 0px; padding: 3px 0px 4px 0px;  }

.promotion-footer .paging .pageview-center a			{ padding: 0px 5px 0px 5px; font-weight: bold;}
.promotion-footer .paging .pageview-center a:link	{ padding: 0px 5px 0px 5px; font-weight: bold;}
.promotion-footer .paging .pageview-center a:hover	{ color: #DD1930; padding: 0px 5px 0px 5px; font-weight: bold;}
.promotion-footer .paging .pageview-center a:visited	{ padding: 0px 5px 0px 5px; font-weight: bold;}
.promotion-footer .paging .pageview-center .paging-aktiv 			{color: #DD1930; font-weight: bold; }
.promotion-footer .paging .pageview-center a .paging-aktiv 			{color: #DD1930; font-weight: bold; }
.promotion-footer .paging .pageview-center a:link .paging-aktiv		{ color: #DD1930; font-weight: bold; }
.promotion-footer .paging .pageview-center a:hover .paging-aktiv		{ color: #DD1930; font-weight: bold; }
.promotion-footer .paging .pageview-center a:visited .paging-aktiv	{ color: #DD1930; font-weight: bold; }
.promotion-footer .paging .pageview-links	{ min-width: 1px; background: url(../pics/layout/paginierung-zahlen-ecken.png) repeat-x;  margin: 0px; padding: 3px 0 4px 9px; }
.promotion-footer .paging .pageview-rechts	{ min-width: 1px; background: url(../pics/layout/paginierung-zahlen-ecken.png) -15px 0 repeat-x; margin: 0px; padding: 3px 13px 4px 0; }
/* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */

/* TinyMCE Style Dropdown */

/* Eintrag: Title=titel */
.titel								{ margin: 0 0 9px 0; font-size: 19px; line-height: 22px; color: #555; display: block }

.timeline-content .titel			{ color: #FFF }

/* Eintrag: Button=melitta-button */
.melitta-button	{
	background-color: #DD1930;
	border: none;
	color: white;
	padding: 6px 12px;
	text-align: left;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	margin: 4px 2px;
	cursor: pointer;
	border-radius: 4px;
	text-transform: uppercase;
}

.melitta-button:hover {
	background-color: #ffffff;
}

.timeline-content .titel			{ color: #FFF }/* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */

/* Webfonts */
/*

font-family:'Century Gothic W01';
font-family:'Century Gothic W01 Bold';
font-family:'Lucida Sans W01 Roman';
font-family:'Lucida Sans W01 Bold';

http://fast.fonts.net/cssapi/68841e47-767e-4089-9429-2d32c8415400.css

*/
/* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */

.timeline								{ position: relative; margin: 150px 0; height: 242px }
.timeline .timeline-element				{ float: left; width: 223px; cursor: pointer }
.timeline .timeline-element-lower		{ margin: 35px 0 0 0 }
.timeline .timeline-element-lowest		{ margin: 70px 0 0 0 }

.timeline .button-navigation				{ position: absolute; top: 400px; width: 100%; height: 23px; text-align: center; overflow: hidden; }
.timeline .button-navigation a				{ padding: 0 5px 0 0; font-size: 20px; line-height: 23px; background: url(../pics/layout/timeline.button.hg.png) no-repeat center 0 }
.timeline .button-navigation a span			{ padding: 4px 6px 4px 12px; vertical-align: top; line-height: 23px; background: url(../pics/layout/timeline.button.trenner.png) no-repeat 0 1px }
.timeline .button-navigation a:hover,
.timeline .button-navigation a.active		{ background-position: center -23px }
.timeline .button-navigation a:hover span,
.timeline .button-navigation a.active span	{ color: #DD1930 }

.timeline .button-navigation a.first		{ background: url(../pics/layout/timeline.button.hg.png) no-repeat left 0 }
.timeline .button-navigation a.first:hover,
.timeline .button-navigation a.active-first	{ background-position: left -23px }
.timeline .button-navigation a.first span	{ background: none }
.timeline .button-navigation a.last			{ padding: 0 12px 0 0; background: url(../pics/layout/timeline.button.hg.png) no-repeat right 0 }
.timeline .button-navigation a.last:hover,
.timeline .button-navigation a.active-last	{ background-position: right -23px }

.timeline .timeline-element-container {float: left; }
.timeline .timeline-element-container .timeline-navi {display: none; }

.button-navigation a					{ padding: 0 9px; line-height: 20px }


.timeline-element .content				{ }
.timeline-element .button				{ padding: 0 19px; background: url(../pics/layout/timeline.element.border.png) no-repeat 0 2px }
.timeline-element .button h1			{ margin: 0; font-family: "Century Gothic W01 Bold", sans-serif; font-size: 16px; line-height: 19px; color: #FFF; text-transform: uppercase }
.timeline-element .button .bild			{ padding: 19px 0 }

.timeline-element .button .titel-timeline h1		{ font-family: "Century Gothic W01 Bold", sans-serif; font-size: 13px; line-height: 15px; color: #FFF; text-transform: uppercase }
.timeline-element .button .titel-timeline h1 img	{ margin: 0 0 0 6px }
.timeline-element .button .titel-timeline .arrow	{ margin-left: 3px; width: 6px; height: 9px; display: inline-block; background: url(../pics/layout/link.text.normal.png) no-repeat 0 0; }

.timeline-element .button:hover .titel-timeline h1,		
.timeline-element .button:hover .titel-timeline h1 sup	{ color: #DD1930; }
.timeline-element .button:hover .titel-timeline .arrow	{ background: url(../pics/layout/link.text.aktiv.png) no-repeat 0 0; }

.timeline a.page-back:link,
.timeline a.page-back:visited			{ width: 31px; height: 41px; position: absolute; left: 0; top: 110px; z-index: 10; display: block; overflow: hidden }
.timeline a.page-back:hover				{  }
.timeline a.page-back:active			{  }

.timeline a.page-next:link,
.timeline a.page-next:visited			{ width: 31px; height: 41px; position: absolute; right: 0; top: 110px; z-index: 10; display: block; overflow: hidden }
.timeline a.page-next:hover				{  }
.timeline a.page-next:active			{  }

.timeline a.page-next .arrow			{ cursor: pointer; position: absolute; width: 31px; height: 41px; top: 0; right: 0; z-index: 20; background: url(../pics/layout/timeline.slider.button.right.png) no-repeat 0 0 }
.timeline a.page-next:hover .arrow		{ background-position: 0 -41px }

.timeline a.page-back .arrow			{ cursor: pointer; position: absolute; width: 31px; height: 41px; top: 0; left: 0; z-index: 20; background: url(../pics/layout/timeline.slider.button.left.png) no-repeat 0 0 }
.timeline a.page-back:hover .arrow		{ background-position: 0 -41px }

/* Dialog Timeline */
.dialog .timeline-content				{ background: url(../pics/layout/timeline.element.hg.png) no-repeat; overflow: hidden; text-align: right }

.dialog .timeline-content a.close		{ display: block; position: absolute; top: 10px; right: 10px; width: 10px; height: 11px; background: url(../pics/layout/timeline.button.close.hg.png) no-repeat 0 0; font-size: 8px; line-height: 8px }
.dialog .timeline-content a.close:hover	{ background-position: 0 -11px }

.timeline-content .paragraphs			{ float: left; width: 292px; height: 275px; overflow: hidden; position: relative; margin: 19px }
.timeline-content .paragraphs h1		{ margin: 0; font-family: "Century Gothic W01 Bold", sans-serif; font-size: 16px; line-height: 19px; font-weight: bold; color: #FFF; text-transform: uppercase; opacity: .5; filter:alpha(opacity=40) }
.timeline-content .paragraphs .text		{ float: left; width: 292px; height: 260px; color: #FFF; font-family: "Lucida Sans W01 Roman",sans-serif; font-size: 13px; line-height: 16px }
.timeline-content .paragraphs .titel	{ font-family: "Century Gothic W01 Bold",sans-serif; }
.timeline-content .paragraphs .text	sup	{ color: #FFF; }

.timeline-content .media				{ float: left; width: 291px; height: 275px; margin: 19px 0; padding: 0 19px; background: url(../pics/layout/timeline.element.border.png) no-repeat 0 4px }
.timeline-content .media .viewport		{ float: left; width: 291px; height: 275px; overflow: hidden; position: relative }
.timeline-content .media .stage div		{ float: left; width: 291px; height: 275px; color: #FFF; font-family: "Lucida Sans W01 Roman",sans-serif; font-size: 13px; line-height: 16px; text-align: center; }

.timeline-content .paragraphs .paging				{ position: absolute; width: 75px; height: 20px; left: 150px; bottom: 8px; z-index: 10; overflow: hidden }

.timeline-content .paragraphs a.page-back			{ width: 18px; height: 18px; position: absolute; left: 100px; bottom: 10px; z-index: 10; display: block; background: url(../pics/layout/timeline.text.paging.png) no-repeat 0 0 }
.timeline-content .paragraphs a.page-back:hover		{ background-position: 0 -16px }
.timeline-content .paragraphs a.page-next			{ width: 18px; height: 18px; position: absolute; right: 100px; bottom: 10px; z-index: 10; display: block; background: url(../pics/layout/timeline.text.paging.png) no-repeat -38px 0 }
.timeline-content .paragraphs a.page-next:hover		{ background-position: -38px -16px }

.timeline-content .paragraphs .paging .punkt		{ float: left; width: 18px; height: 18px; background: url(../pics/layout/timeline.text.paging.png) no-repeat -20px -17px }
.timeline-content .paragraphs .paging .punkt-aktiv	{ width: 18px; height: 18px; background: url(../pics/layout/timeline.text.paging.png) no-repeat -20px 0 }

.timeline-content .media .paging					{ display: none }

.timeline-content .media a.page-back:link,
.timeline-content .media a.page-back:visited		{ width: 18px; height: 18px; position: absolute; left: 331px; top: 156px; z-index: 10; display: block; overflow: hidden; background: url(../pics/layout/timeline.text.paging.png) no-repeat 1px 0 }
.timeline-content .media a.page-back:hover			{ background-position: 1px -16px }
.timeline-content .media a.page-back:active			{  }

.timeline-content .media a.page-next:link,
.timeline-content .media a.page-next:visited		{ width: 18px; height: 18px; position: absolute; right: 0; top: 156px; z-index: 10; display: block; overflow: hidden; background: url(../pics/layout/timeline.text.paging.png) no-repeat -38px 0 }
.timeline-content .media a.page-next:hover			{ background-position: -38px -16px }
.timeline-content .media a.page-next:active			{  }

.body-timeline .dialog .close						{ display: none; }