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

/* 
Hinweise: 
schwarz, sw	    :	#000000;
weiss, w		:	#ffffff;
rot, gn		    :	#;
grün, gr		: 	#;
*/


/* Aufteilung */
.page								{ width: 905px; margin: auto; }
.entry-flash-page					{ width: 1000px; margin: auto; background-image: url(../pics/layout/melitta/entry_flash_header.jpg); background-repeat: no-repeat; background-position: 95px 0; }
.where-to-buy-page					{ width: 1000px; margin: auto; background-image: url(../pics/layout/melitta/cafe_collection_header.jpg); background-repeat: no-repeat; background-position: right 0; }
.where-to-buy-page .claim			{ width: 389px; padding-top: 31px; float: left; overflow: hidden; }
.learn-more-page					{ width: 1000px; margin: auto; background-image: url(../pics/layout/melitta/entry_flash_header.jpg); background-repeat: no-repeat; background-position: 95px 0; position: relative; }

.header								{ width: 100%; height: 63px; text-align: left; background-image: url(../pics/layout/melitta/awning_top_middle.jpg); background-repeat: repeat-x; }
.header .thema						{ width: 100%; }
.header .meta						{ width: auto; height: 20px; padding: 10px; background-color: #ffccff; }

.logo								{ width: 204px; height: 132px; margin: 0 0 0 7px; background-image: url(../pics/layout/melitta/logo_menu.gif); background-repeat: no-repeat; }
.logo .home-link					{ margin: 0 0 0 31px; }
.logo .home-link img				{ width: 155px; height: 85px; }

.main								{ width: 100%; text-align: left; height: auto; overflow: hidden; clear: both; padding: 0 0 7px 0; background-image: url(../pics/layout/melitta/frame_bottom.gif); background-repeat: no-repeat; background-position: 16px bottom; }
.entry-flash-page .main				{ background-image: none }
.where-to-buy-page .main			{ width: 580px; padding-top: 130px; background-image: none; clear: none; margin-left: 420px; }
.learn-more-page .main				{ padding: 40px 0 0 40px; background-image: none }

.main .float-helper					{ float: left; width: 100%; background-image: url(../pics/layout/melitta/background_main.gif); background-repeat: repeat-y; background-position: 18px 0; }

.main .navigation-wrapper			{ float: left; width: 210px; background-image: url(../pics/layout/melitta/frame_vert.gif); background-repeat: repeat-y; background-position: 7px 0; }

.main .navigation					{ position: relative; padding: 0 0 80px 0; height: 444px; background-image: url(../pics/layout/melitta/bg_menu.png); background-repeat: repeat-y; background-position: 23px 0; }
.main .navigation .divider			{ margin: 0 0 0 23px; }
.main .navigation .menu-finish		{ position: absolute; bottom: 0px; left: 0px; margin: 0 0 0 23px; }
.main .navigation .menu-finish img	{ display: block; }

.main .content-wrapper				{ float: left; width: 689px; }
.main .content-wrapper img.awning-end
									{ float: right; }

.main .content						{ position: relative; margin: 0 12px 0 0; padding: 0 0 25px 0; background-color: #4D1B1A; }
.main .content .main-column			{ margin: 0 25px 0 25px; border: 1px solid #E2C380; padding: 25px; background-color: #6D433C; }
.main .content .main-column table	{ }
.main .content .main-column td		{ vertical-align: top; }
.main .content .main-column td.left-column
									{ width: 386px; padding: 0 30px 0 0; }
.main .content .main-column td.right-column
									{ width: 160px; }

.footer								{ padding: 10px 0 10px 5px; overflow: hidden; clear: both; width: 890px; }
.footer .base						{ float: left; }
.footer .base .text					{ margin: 0 0 0 25px; color: #A27325; }

.hauptnavigation2					{ position: absolute; left: 402px; top: 60px; width: 250px; height: 170px; background-image: url(../pics/layout/melitta/background_h2.gif); }
.hauptnavigation2 table				{ width: 250px; height: 170px; }
.hauptnavigation2 td				{ vertical-align: middle; text-align: center; }

/* Basisdefinitionen */
*						{ font-family: Verdana, Sans Serif; font-size: 11px; font-weight: normal; padding: 0px; margin: 0px; }

html					{ height: 100%; } 
body					{ background-color: #000; height: 100%; }

a:link					{ color: #E6D2BA; text-decoration: none; }
a:visited				{ color: #E6D2BA; text-decoration: none; }
a:hover					{ color: #E6D2BA; text-decoration: underline; }
a:active				{ color: #E6D2BA; text-decoration: none; }

h1						{ font-weight: bold; font-size: 13px; margin-bottom: 10px; }
h2						{ font-weight: bold; margin-bottom: 10px; }

b						{ font-weight: bold; }
strong					{ font-weight: bold; }
i						{ font-style: italic; }
img						{ border: 0; }
.cycon-body img			{ position: absolute; }
p						{ padding: 0; }

ul						{ margin: 0; padding: 0; }
ol						{ margin: 0; padding: 0; }
ul li					{ list-style : none; }

/* Formulare */
form								{ }
form .form-eingabe-zeile			{ }
form label							{ }
form .form-text						{ }
form .form-select					{ }
form .form-checkbox					{ }
form .form-radio					{ }
form .form-button					{ }

.fehler								{ margin-bottom: 15px; }
.fehler .fehler-titel				{ font-weight: bold;}
.fehler .fehler-zeile				{ }

embed								{ margin-bottom: -2px; }