body {
	background: #FFF url(../img/body-bg.png) repeat-x top left;
	font: 12px/18px "Lucida Grande", Arial, Verdana, sans-serif;
}
h2 {
	font-size: 190%;
	text-shadow: #1A1A1A 1px 1px 0;
}
h3 {
	font-size: 170%;
	text-shadow: #1A1A1A 1px 1px 0;
}
#geschmackssorte .aktiv {
	font-weight: bold;
	text-decoration: underline;
}
h2.aktuell {
	color: #66A4F3;
	margin: 50px 0 10px 30px;
}
h2.bald {
	margin: 20px 0 10px 30px;
	color: #FAAF55;
}
h3.aktuellelage {
	margin: 0 10px 10px 20px;
	color: #92CC2A;
}
#seite {
	margin: 50px auto 0 auto;
	width: 566px;
	background: transparent url(../img/box-bg.png);
	padding: 9px 10px 9px 10px;
}	
#wolken {
	background: url(../img/body-wolken.png) 50% 50% no-repeat;	
	padding: 30px 0 0 0;
}	
#mehrwolken {
	background: url(../img/body-wolken-2.png) 50% 50% no-repeat;	
	padding: 30px 0 0 0;
}
.normal .effekt {
	background: url(../img/seite-bg.png);
}
.pink .effekt {
	background: url(../img/seite-bg-pink.png);
}
.gruen .effekt {
	background: url(../img/seite-bg-gruen.png);
}
.schwarz .effekt {
	background: url(../img/seite-bg-schwarz.png);
}
.orange .effekt {
	background: url(../img/seite-bg-orange.png);
}

#grafik {
	width: 110px;
	height: 308px;
	float: left;
	background: transparent url(../img/grafik-text.png) 50% 50% no-repeat;
}
#grafik h1 {
	display: none;
}
#inhalt {
	width: 406px;
	height: 308px;
	float: left;
	background: transparent url(../img/inhalt-bg-wolke.png) repeat-y top left;
	padding-left: 50px;
}
ul {
	margin: 0 0 0 50px;
	padding: 0;
}
li {
	margin: 0;
	
	list-style-type: none;
}
#geschmacksrichtung {
	width: 566px;
	margin: 0 auto;
	text-align: right;
}
#geschmacksrichtung span:hover {
	cursor: pointer;
}