html,
body {
	margin:0;
	padding:0;
	font-family:Verdana,sans-serif;
	text-align:center;
}

body {
	font-size:75%;
}

textarea {
	font-family:Verdana,sans-serif;
	font-size:1em;
}

p {
	margin:0 0 1em 0;
}

body,
#navigation,
#navigation ul {
	background-color:#e9eaeb;
}

.center {
	text-align:center;
}

.error {
	color:#c00;
}

.panorama,
iframe {
	border:1px solid #ccc;
}

.small {
	font-size:x-small;
}

a {
	color:#1cb35a;
	text-decoration:none;
}

a img {
	border:0;
}

dl dt {
	float:left;
}

dl dd {
	margin-left:5em;
}

dl.stats dd {
	margin-left:12em;
	margin-bottom:0.5em;
}

dl.press dt {
	float:none;
}

dl.press dt a {
	color:#1cb35a;
}

h1 {
	font-size:1.5em;
	text-transform:uppercase;
	color:#1cb35a;
	margin-top:0;
}

h2, h3 {
	font-size:1em;
}

h3 {
	margin:0 0 0.5em 0;
}

sub {
	font-size:70%;
}

table, table th, table td {
	border:1px solid #ccc;
	border-collapse:collapse;
}

table th {
	padding:0.2em;
	width:33%;
	color:#fff;
	background-color:#ccc;
}

table td {
	padding:0.4em 0.2em;
	color:#333;
}

table td, table th {
	vertical-align:top;
}

ul.singleline,
ul.singleline li {
	list-style:none;
	padding:0;
	margin:0;
}

ul.singleline li {
	display:inline;
}

#container, #header {
	text-align:left;
}

#container {
	margin:0 auto;
	padding:0;
	width:900px;
	background:#fff url("/img/navi_stripe.gif") 0 0 repeat-y;
	position:relative;
}

#header {
	position:relative;
	background-color:#000;
	padding-bottom:1em;
	height:110px;
}

#header, #header a {
	color:#e9eaeb;
}

#header img {
	margin:2em 0 0 36px;
}

#legal {
	position:absolute;
	right:2em;
	bottom:1em;
	margin:0;
	padding:0;
	font-size:85%;
}

ul#legal,
ul#legal li,
ul#navigation,
ul#navigation li,
ul#navigation li ul,
ul#navigation li ul li {
	list-style:none;
	text-transform:uppercase;
}

ul#legal li {
	display:inline;
	padding-left:1em;
}

#appenders {
	position:absolute;
	left:57px;
	bottom:6em;
	text-align:center;
}

#oekoportal img {
	border:2px solid #333;
}

#navigation {
	float:left;
	margin:0 0 0 15px;
	padding:0.8em 0 3em 0;
	width:185px;
	text-align:left;
	font-size:95%;
}

ul#navigation ul {
	margin:0;
	padding:0.8em 0 0 0;
}

ul#navigation li {
	background-color:#ccc;
	margin-top:0.8em;
	padding:0;
}

ul#navigation ul li:first-child {
	margin-top:0;
}

ul#navigation li a {
	border-left:2px solid #1cb35a;
	padding:0 0.5em 0 1.5em;
	font-weight:bold;
	display:block;
}

ul#navigation li a,
ul#navigation li.sub li a,
ul#navigation li.sub.open li a {
	color:#333;
}

ul#navigation li.open a,
ul#navigation li.active a,
ul#navigation li.sub li.active a,
ul#navigation li.sub.open li.active a {
	color:#fff;
}

ul#navigation li.sub a {
	background-image:url("/img/arrow_right.gif");
	background-position:0.5em 50%;
	background-repeat:no-repeat;
}

ul#navigation li.sub.open a {
	background-image:url("/img/arrow_down.gif");
}

ul#navigation li li a {
	padding-left:2.5em;
	font-weight:normal;
}

ul#navigation li.sub li a,
ul#navigation li.sub.open li a {
	background-image:none;
}

#rightbar {
	float:right;
	margin:1.5em 15px 5em 0;
	text-align:left;
}

#rightbar .box {
	padding:0;
	margin:0 0 1em 0;
	width:185px;
	border:1px solid #1cb35a;
}

#rightbar .box img {
	display:block;
}

#rightbar .box p {
	padding:0 0.5em;
}

#rightbar .box.info a {
	font-weight:normal;
}

#rightbar h1 {
	margin:0 0 1em 0;
	padding:0.5em;
	font-size:1em;
	color:#fff;
	background-color:#1cb35a;
}

#rightbar ul {
	margin:0 0 1em 0;
	padding:0 0 0 1.7em;
}

#rightbar ul li {
	padding:0 0 0.5em 0;
}

#rightbar p a {
	font-weight:bold;
	color:#1cb35a;
}

#content {
	margin:0 198px 0 198px;
	padding:1.5em 19px 2em 19px;
	position:relative;
}

#footer {
	clear:both;
	text-align:right;
	font-size:90%;
	padding-bottom:2em;
}

.accessory, .article, .premium {
	float:left;
	position:relative;
	width:140px;
	height:250px;
	border:1px solid #ccc;
	margin-bottom:1em;
}

.article, .premium {
	width:144px;
	height:140px;
}

.premium {
	height:auto;
}

.accessory h2 {
	margin-top:110px;
	font-size:1em;
}

.accessory h2,
.accessory p,
.article p {
	padding:0 0.2em;
}

.article p {
	margin-top:100px;
}

/*.accessory img,*/
.accessory a.image,
.article a {
	position:absolute;
	top:0;
	left:0;
	width:140px;
	height:100px;
	border-bottom:1px solid #ccc;
	text-align:center;
}

.article a {
	width:144px;
	height:90px;
}

.article p a {
	position:static;
	width:auto;
	height:auto;
	border-bottom:none;
}

.accessory .price {
	position:absolute;
	right:0;
	bottom:0;
	padding:0.2em;
	background-color:#ccc;
	margin-bottom:0;
	font-weight:bold;
}

.accessory.end {
	float:none;
}

.accessory.second {
	margin-left:17px;
}

.article.second,
.article.second,
.premium.second {
	margin-left:13px;
}

.accessory.second.end,
.premium.second.end {
	margin-left:159px;
}

.accessory.third,
.article.third,
.premium.third {
	margin-left:314px;
	float:none;
}

.article.third {
	margin-left:320px;
}

.annotation {
	float:right;
	margin-right:-200px;
	width:185px;
	color:#1cb35a;
	font-size:x-small;
}

.annotation img {
	display:block;
}

img + h1 {
	margin-top:1em;
}

label,
form .label {
	float:left;
	width:10em;
}

label.inner {
	float:none;
	width:auto;
}