html {
	height: 100%;
}

body {
	height: 100%;
	background: #ffffff;
	color: #003399;
	text-align: center;
}

a {
	color: #003399;
}

#pageWrapper {
	width: 949px;
	height: 100%;
	margin: 0 auto;
	text-align: left;
}
	#page {
		height: 100%;
		margin: 0 10px;
		background: #397ec4 url(../img/verlauf_content.jpg) repeat-x 0 117px;
	}
		#metaNavi {
			height: 20px !important;
			height /**/: 36px;
			padding: 16px 18px 0;
			background: #ffffff;
			color: #2a6db3;
			font-size: 0.9em;
			text-align: right;
		}
			#metaNavi * {
				display: inline;
			}
				/* \*/
				* html #metaNavi a {
					height: 1%;
					line-height: 0.7em;
				}
				/* */
				#metaNavi a {
					margin-right: 5px;
					padding: 0 10px 0 5px;
					background: url(../img/metanavi_border.gif) no-repeat right center;
					color: #2a6db3;
					text-decoration: none;
				}
				#metaNavi .last a {
					padding-right: 0;
					background-image: none;
				}
				#metaNavi object {
					position: relative;
					top: 0.2em;
				}
		#headerWrapper {
			background: url(../img/verlauf_head.jpg) repeat-y;
			border-bottom: 1px solid white;
		}
			#header {
				background: url(../img/ecke_o_links.gif) no-repeat;
			}
				#headerContent {
					position: relative;
					height: 80px;
					background: url(../img/ecke_o_rechts.gif) no-repeat right top;
				}
					#logo {
						position: absolute;
						display: block;
						top: 15px;
						right: 30px;
						width: 356px;
						height: 58px;
					}
						#logo img {
							float: left;
						}
						#logo #tagline {
							padding: 22px 0 7px 12px;
						}
						#logo #print {
							display: none;
						}
					#mainNavi {
						position: absolute;
						left: 0;
						bottom: 0;
						width: 880px;
						padding: 0 18px 6px;
						list-style: none;
						font-weight: bold;
					}
						#mainNavi li {
							display: inline;
						}
							#mainNavi a {
								float: left;
								margin-right: 10px;
								padding-left: 10px;
								background: url(../img/pfeil.gif) no-repeat left center;
								color: #ffffff;
								text-decoration: none;
							}
							.ueber_salakis #mainNavi .ueber_salakis,
							.produkte #mainNavi .produkte,
							.rezepte #mainNavi .rezepte,
							.aktionen #mainNavi .aktionen,
							.ihre_meinung #mainNavi .ihre_meinung,
							#mainNavi a:hover,
							#mainNavi a.active {
								color: #003399;
							}
		#body {
			overflow: auto;
			background: #397ec4 url(../img/verlauf_content.jpg) repeat-x;
		}
		* html #body {
			overflow: visible;
		}
			#emo {
				float: left;
				width: 216px;
				height: 430px;
			}
			#main {
				float: left;
				width: 514px;
				margin-left: 12px;
				background: url(../img/schiff.jpg) no-repeat 514px 313px;
			}
				#headline {
					height: 60px;
				}
					#headline h1 {
						padding: 30px 0 0 10px;
						color: #ffffff;
						font-size: 1.9em;
					}
				.boxWrapper {
					float: left;
					width: 514px;
					margin-bottom: 12px;
					padding-top: 4px;
					background: url(../img/content_oben.png) no-repeat center top;
				}
					.box {
						float: left;
						width: 514px;
						padding-bottom: 4px;
						background: url(../img/content_unten.png) no-repeat center bottom;
					}
						.boxContent {
							float: left;
							width: 490px;
							padding: 8px 12px;
							background: url(../img/inhalt.png);
						}
							.boxContent .content {
								float: left;
								width: 490px;
							}
						* html .boxContent {
							background: url(../img/content_white.png) no-repeat;
						}
				/* \*/
				* html .boxWrapper {
					height: 1%;
					background-image: url(../img/content_oben.gif);
					filter: alpha(opacity=60);
				}
					* html .box {
						background-image: url(../img/content_unten.gif);
					}
						* html .boxContent {
							background: #ffffff;
						}
							* html .boxContent * {
								position: relative;
							}
							* html .boxContent .content {
								height: 1%;
							}
				/* */
								.content h2 {
									color: #003399;
								}
								.content h3, .content h4 {
									font-weight: normal;
								}
								.gewinne .content h3 {
									margin-bottom: 12px;
									font-weight: bold;
								}
								.ueber_salakis .content ul {
									list-style: disc;
								}
								.ueber_salakis .content li {
									margin: 0 0 6px 1.5em;
								}
								.aktionen .columns {
									position: relative;
								}
								.spiel .columns {
									margin-bottom: 12px;
								}
								.content .bigBottom {
									margin-bottom: 12px;
								}
								.content .smallBottom {
									margin-bottom: 6px;
								}
								.content .bigBottoms div {
									height: 107px;
								}
								.content .bigBottoms h2 {
									margin-bottom: 12px;
								}
								.columns div, .columns img {
									float: left;
								}
								.columns div img {
									float: none;
								}
								.columns .zoom {
									position: relative;
									margin-right: 18px;
								}
								.columns .zoom .zoomButton {
									position: absolute;
									right: 0;
									bottom: 0;
									margin: 0;
								}
								.columns .left {
									position: relative;
									margin-right: 12px;
								}
								.columns .right {
									position: relative;
									margin-left: 12px;
								}
								.columns .new {
									position: absolute;
									left: 0;
									top: 0;
									margin: 0;
								}

								.ueber_salakis .columns .medium { width: 238px; }
								.produkte .columns .narrow { width: 172px; }
								.produkte .columns .medium { width: 257px; }
								.produkte .columns .wide { width: 306px; }
								.rezepte .columns .wide { width: 300px; }
								.rezepte .columns .medium { width: 240px; }
								.aktionen .columns .medium { width: 300px; }
								.spiel .columns .medium { width: 257px; }
								.urlaub .columns .medium { width: 257px; }

								.produkte .columns .left {
									width: 119px;
									padding-left: 53px;
									background-repeat: no-repeat;
								}
								.produkte .columns .gold { background-image: url(../produkte/img/dlg_gold_salakis.png); }
								.produkte .columns .silber { background-image: url(../produkte/img/dlg_silber_salakis.png); }
								.produkte .columns .bronze { background-image: url(../produkte/img/dlg_bronze_salakis.png); }
								* html .produkte .columns .gold { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '/produkte/img/dlg_gold_salakis.png', sizingMethod = 'crop'); }
								* html .produkte .columns .silber { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '/produkte/img/dlg_silber_salakis.png', sizingMethod = 'crop'); }
								* html .produkte .columns .bronze { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '/produkte/img/dlg_bronze_salakis.png', sizingMethod = 'crop'); }

								.produkt-des-jahres .columns .left { width: 220px; padding-left: 0; }

								.aktionen .columns .narrow {
									position: absolute;
									left: -12px;
									width: 209px;
									height: 144px;
									background: url(../aktionen/img/gewinnspiel_teaser1.png) no-repeat;
								}
								* html .aktionen .columns .narrow { background-image: url(../aktionen/img/gewinnspiel_teaser1.jpg); }
									.aktionen .columns .narrow a {
										position: relative;
										display: block;
										width: 100%;
										height: 100%;
										z-index: 666;
									}
								.aktionen .columns .wide {
									display: inline;
									width: 300px;
									height: 132px;
									margin-left: 158px;
								}

								.spiel .columns .left {
									position: relative;
									width: 220px;
									height: 112px;
									background: url(../aktionen/img/schaf-preview.png) no-repeat;
								}
								* html .spiel .columns .left { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '/aktionen/img/schaf-preview.png', sizingMethod = 'scale'); }

								.gewinne .columns p {
									float: left;
									display: inline;
									padding-top: 180px;
									font-weight: bold;
									text-align: center;
								}
								.gewinne .columns .left { width: 225px; }
								.gewinne .columns .center {
									width: 36px;
									margin: 0;
								}
								.gewinne .columns .right { width: 190px; }
								.gewinne .columns p span {
									display: block;
									position: absolute;
									background-repeat: no-repeat;
								}
								.gewinne .columns .left span {
									left: 0;
									top: 0;
									width: 225px;
									height: 180px;
									background-image: url(../aktionen/img/strandset.png);
								}
								* html .gewinne .columns .left span { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '/aktionen/img/strandset.png', sizingMethod = 'scale'); }
								.gewinne .columns .right span {
									left: 12px;
									top: 46px;
									width: 152px;
									height: 134px;
									background-image: url(../aktionen/img/kuehltasche.png);
								}
								* html .gewinne .columns .right span { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '/aktionen/img/kuehltasche.png', sizingMethod = 'scale'); }

								.notice {
									width: 100%;
									font-size: 0.8em;
								}

								.sheep {
									display: block;
									width: 33px;
									height: 23px;
									background-repeat: no-repeat;
									text-indent: -9000px;
								}
								a.sheep {
									background-image: url(../aktionen/img/schaf-1.png);
									cursor: pointer;
								}
								* html a.sheep { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '/aktionen/img/schaf-1.png', sizingMethod = 'scale'); }
								span.sheep {
									background-image: url(../aktionen/img/schaf-2.png);
								}
								* html span.sheep { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '/aktionen/img/schaf-2.png', sizingMethod = 'scale'); }
								.spiel .sheep {
									float: right;
									display: inline;
									margin: 6px 0 6px 12px;
								}

			#multibar {
				position: relative;
				float: left;
				width: 146px !important;
				width /**/: 158px;
				margin: 60px 0 0;
				padding-left: 12px;
			}
				#subNaviWrapper {
					margin-bottom: 12px;
					padding-top: 4px;
					background: url(../img/sub_oben.gif) no-repeat center top;
				}
					#subNavi {
						padding-bottom: 4px;
						background: url(../img/sub_unten.gif) no-repeat center bottom;
					}
					/* \*/
					* html #subNavi {
						height: 1%;
					}
					/* */
						#subNavi ul {
							background: #ffffff;
						}
							#subNavi li {
								display: inline;
							}
								#subNavi a {
									display: block;
									padding: 1px 15px;
									background: url(../img/pfeil.gif) no-repeat 6px 0.3em;
									color: #003399;
									text-decoration: none;
								}
								.spiel #subNavi .spiel,
								.gewinne #subNavi .gewinne,
								.regeln #subNavi .regeln,
								.herstellung #subNavi .herstellung,
								.schafmilch #subNavi .schafmilch,
								.tvspot #subNavi .tvspot,
								.gesund #subNavi .gesund,
								#subNavi a:hover,
								#subNavi a.active {
									color: #e62230;
								}
				.promoWrapper {
					margin-bottom: 12px;
				}
				#multibar .promoWrapper {
					position: relative;
				}
					.promoHeader {
						background: no-repeat;
					}
					#main .promoHeader { background-image: url(../img/promohead_orange_links.gif); }
					#main #promo_bottom_right .promoHeader,
					#multibar .promoHeader { background-image: url(../img/promohead_links.gif); }
						.promo h2 {
							padding: 0 23px;
							background: no-repeat right top;
							text-align: center;
							text-transform: uppercase;
						}
						#main .promo h2 { background-image: url(../img/promohead_orange_rechts.gif); }
						#main #promo_bottom_right .promo h2,
						#multibar .promo h2 { background-image: url(../img/promohead_rechts.gif); }
							.promo h2 span {
								display: block;
								padding: 3px 0;
								color: #ffffff;
							}
							#main .promo h2 span { background: #ff8400; }
							#main #promo_bottom_right .promo h2 span,
							#multibar .promo h2 span { background: #e62230; }
					.promo p {
						height: 127px;
						background: no-repeat;
					}
					.home #produkte .promo p { height: 286px; }
						.promo p a {
							display: block;
							height: 127px;
							background: no-repeat;
							text-decoration: none;
						}
						.home #produkte .promo p a { height: 286px; }
						.promo p a:hover {
							text-align: center; /* siehe Kommentar unten */
						}
							.promo p a span {
								display: block;
								visibility: hidden;
								padding: 24px 6px 0;
								font-weight: bold;
								text-align: center; /* muss 2 Mal drin stehen, weil es sonst der verf***te ****-IE nicht mehr blickt */
							}
							.home #produkte .promo p a span { padding: 148px 24px 0; }
							.promo p a:hover span {
								visibility: visible;
							}
					#multibar .promo p { background-image: url(../img/gewinnspiel_home_teaser_over.jpg); }
						#multibar .promo p a { background-image: url(../img/gewinnspiel_home_teaser.jpg); }
						#multibar .promo p a:hover { background-image: none; }
					.produkte #oekotest .promo p {
						height: 80px;
						background-image: url(../img/oekotest_soft.gif);
					}
						.produkte #oekotest .promo p a {
							height: 80px;
							background-image: url(../img/oekotest.gif);
						}
						.produkte #oekotest .promo p a:hover { background-image: none; }
				.home #rezepte,
				.home #produkt-des-jahres,
				.home #gesund,
				.home #promo_bottom_right {
					float: left;
					display: inline;
					width: 251px;
				}
				.home #produkt-des-jahres,
				.home #rezepte {
					margin-right: 12px;
				}
					.home #produkte .promo p { background-image: url(../img/home_1_over.jpg); }
						.home #produkte .promo p a { background-image: url(../img/home_1.jpg); }
						.home #produkte .promo p a:hover { background-image: none; }
					.home #rezepte .promo p { background-image: url(../img/home_2_over.jpg); }
						.home #rezepte .promo p a { background-image: url(../img/home_2.jpg); }
						.home #rezepte .promo p a:hover { background-image: none; }
					.home #produkt-des-jahres .promo p { background-image: url(../img/produkt-des-jahres-08-over.jpg); }
						.home #produkt-des-jahres .promo p a { background-image: url(../img/produkt-des-jahres-08.jpg); }
						.home #produkt-des-jahres .promo p a:hover { background-image: none; }
					.home #gesund .promo p { background-image: url(../img/teaser_lecker_over.jpg); }
						.home #gesund .promo p a { background-image: url(../img/teaser_lecker.jpg); }
						.home #gesund .promo p a:hover { background-image: none; }
					.home #promo_bottom_right .promo p { background-image: url(../img/home_5_over.jpg); }
						.home #promo_bottom_right .promo p a { background-image: url(../img/home_5.jpg); }
						.home #promo_bottom_right .promo p a:hover { background-image: none; }
				#ship {
					position: absolute;
					left: 12px;
					top: 256px;
				}
			#footer {
				clear: left;
			}

		label {
			clear: left;
		}
		p input, p textarea {
			display: block;
			width: 320px;
			margin-bottom: 6px;
			border: 1px inset #93c0e8;
		}
		.oneline {
			display: block;
			overflow: auto;
		}
		.oneline input {
			float: left;
			width: 155px;
			margin: 0 6px 6px 0;
			border: 1px inset #93c0e8;
		}
		.oneline .narrow {
			width: 65px;
		}
		.oneline .wide {
			width: 245px;
		}
		.choose, #send {
			width: auto;
			margin-bottom: 0;
		}
		.choose {
			display: inline;
			border: none;
		}
		#send {
			margin-top: 12px;
			background: #ffffff;
			border-style: outset;
			color: #003399;
			font-size: 0.9em;
		}

		#gameWrapper {
			float: left;
			width: 100%;
			margin-bottom: 18px;
		}
		#gameWrapper p {
			margin-bottom: 12px;
			color: #ffffff;
			font-weight: bold;
		}
			#game {
				width: 400px;
				margin: 0 auto;
			}