* {
 padding: 0;
 margin: 0;
 }
body	{
 background: #f2f2f2;
 color: #777;
 font: 12px/1.4em Arial, Tahoma, Verdana, sans-serif;
 text-align: center;
 }
acronym {
 cursor: help;
 }
#container {
 padding: 0 2px;
 width: 500px;
 
 margin: 0 auto;
 background: #fff url(container.gif) repeat-y;
 text-align: left;
 position: relative;
 }
#quickSummary, #universell, #optimal, #vielseitig, #messbar, #bequem, #sicher, #oeko, #preise, #rabatt, #supportingText div {
 padding: 5px 20px;
 width: 330px;
 
 }
#quickSummary {
 padding: 15px 20px;
 background: url(line.gif) no-repeat 50% 100%;
 }
#universell, #optimal, #vielseitig, #messbar, #bequem, #sicher, #oeko, #preise, #rabatt {
 padding-top: 15px;
 }
#supportingText #requirements {
 padding-bottom: 12px;
 }
#supportingText #footer {
 padding: 12px 20px;
 background: url(line.gif) no-repeat 50% 0;
 text-align: center;
 }
#linkList {
 position: absolute;
 top: 287px;
 left: 372px;
 font-size: 11px;
 line-height: 1.2em;
 }
#footer {
	padding: 5px 20px;
	font: 10px Arial, Tahoma, Verdana, sans-serif;
	color: #b6c77b;
 }
#pic {
	margin-left: 20px;
	margin-top: 20px;
 }
#pic2 {
	margin-bottom: 5px;
	margin-top: 5px;
 } 
h1, h2, h3 {
 font-weight: normal;
 font-size: 1.0em;
 line-height: 1.0em;
 text-indent: -2000em;
 display: block;
 }
h1 {
 width: 500px;
 height: 80px;
 background: #fff url(h1.gif) no-repeat 0 100%;
 }
h2 {
 width: 500px;
 height: 206px;
 background: #b6c77b url(h2.jpg) no-repeat;
 }
#universell h3, #optimal h3, #vielseitig h3, #messbar h3, #bequem h3, #sicher h3, #oeko h3, #preise h3, #rabatt h3, #supportingText h3 {
 width: 300px;
 height: 27px;
 background-repeat: no-repeat;
 }
#universell h3 { background-image: url(h3_01.gif); }
#optimal h3 { background-image: url(h3_02.gif); }
#vielseitig h3 { background-image: url(h3_03.gif); }
#messbar h3 { background-image: url(h3_04.gif); }
#bequem h3 { background-image: url(h3_05.gif); }
#sicher h3 { background-image: url(h3_06.gif); }
#oeko h3 { background-image: url(h3_07.gif); }
#preise h3 { background-image: url(h3_08.gif); }
#rabatt h3 { background-image: url(h3_09.gif); }

#linkList h3 {
 width: 130px;
 height: 34px;
 background-repeat: no-repeat;
 background-color: #f2f4d8;
 }
.select {background-image: url(link.gif); }
p {
 padding-top: 5px;
 }
.p1 {
	padding-top: 5px;
	font-size: 16px;
	font-weight: bolder;
	text-decoration: underline;
 }
ul, li {
 list-style: none;
 }
ul {
 border-top: 1px solid #ddd;
 }
li {
 border-bottom: 1px solid #ddd;
 }
#lselect li {
 padding: 5px 7px 5px 24px;
 background: url(bullet1.gif) no-repeat;
 }
#lselect li:hover {
 background: #e6e9cd url(hover.gif) no-repeat;
 }
a {
 text-decoration: none;
 }
#intro a, #supportingText a {
 font-weight: bold;
 color: #9ead6c;
 }
#footer a, #linkList a {
 color: #777;
 }
#lselect a {
 display: block;
 color: #5b6341;
 }
#lselect a.c {
 display: inline;
 color: #777;
 }

#footer a:hover, #footer a:active, #linkList a:hover, #linkList a:active, #lselect a.c:hover, #lselect a.c:active {
 color: #222;
 }
#intro a:hover, #intro a:active, #supportingText a:hover, #supportingText a:active, #lselect a:hover, #lselect a:active {
 color: #85925C;
 }