/* (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: 645px }
.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						{  }
.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: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #FFF; text-align: left; padding: 0; margin: 0 }

html						{ } 
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-weight: bold }
strong					{ font-weight: bold }
i						{ font-style: italic }
img						{ border:0 }
p						{ padding:0000 }

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

h1, h1 a					{ font-size: 32px; font-family: 'Century Gothic', 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								{ line-height: 1px; }
.text sup						{ font-size: 10px; color: #555; }
.text-liste sup					{ font-size: 10px; }
.page .texte .absatz .text sup	{ font-size: 10px; color: #fff; }
.page .texte .absatz .text a:hover sup	{ color: #DD1930; }
.modul-produkt .detail .text sup	{ font-size: 10px; color: #fff; }
.modul-produkt .tab-toolbar  .tab-active sup	{ font-size: 10px; color: #DD1930; }
.modul-produkt .tab-toolbar  sup	{ font-size: 10px; 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; }

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

.formular-kontakt .spalte-links label.form-label-checkbox sup	{ font-size: 10px; }
.formular-registrierung .spalte-rechts label sup	{ font-size: 10px; }

.bg-info .text sup 					{ color: #fff; }
.bg-promo .text sup					{ color: #fff; }
.absatz-promo .text sup					{ color: #fff; }
.bg-promo .langtext sup					{ font-size: 10px; color: #fff; }
.bg-promo-red .text sup					{ color: #fff; }
.bg-promo-red .langtext sup					{ font-size: 10px; color: #fff; }
.viewport sup						{ color: #323232; }
.navigation ul ul a sup				{ font-size: 10px; color: #555; }
h1 sup							{ font-size: 15px; }
h2 sup							{ font-size: 12px; }
* html sup						{ position: relative; vertical-align: absmiddle; font-size: 75% }
*+html sup						{ position: relative; font-size: 75% }
.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 .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; }