body, html  { 
	font-family: Trebuchet MS, Verdana, sans-serif; 
	background-image: url(/garten/gfx/bg.jpg); 
	background-repeat: repeat-y; 
	background-color: #FAF1E8; 
	color: #000000; 
	margin: 0px; 
	padding: 0px; 
}

h1 { font-size: 17px; font-weight: bold }
h2 { font-size: 16px; font-weight: bold }
h3 { font-size: 14px; font-weight: bold; text-decoration: underline; }
h4 { font-size: 12px; font-weight: bold }

a:link, a:active, a:visited { color: #000000; text-decoration: underline }

.roundbox {
	background-image:url(gfx/ad_box.jpg); 
	width: 155px;
	height: 140px;
	text-align: center;
}

.roundbox_inner {
	padding-top: 30px;
	font-size: 11px;
	font-weight: bold;
}

#adbox { 
	left: 770px; 
	top: 95px;
	visibility: visible; 
	position: absolute;
}

.adbox_produkt {
	width: 158px;
	border: 1px solid #006600;
	background-color: #fff;
	text-align: center;
	font-size: 11px;
}

.adbox_kopf {
	padding: 5px;
	background-color: #006600;
	font-weight: bold;
	color: #fff;
}

.produktbox {
	width: 172px;
	text-align: center;
	background-color: #fff;
	font-size: 11px;
}

.produktbox_kopf {
	padding: 5px;
	background-color: #BCB09F;
	font-weight: bold;
	color: #fff;
}


.gewinnbox {
	padding-left: 20px;
	padding-right: 50px; 
}

.gewinnbox_inner {
	text-align: justify;
	background-color: #FF9899;
	border: 1px dotted #520000;
	font-size: 12px;
	padding: 5px;
	color: #000;
}

.gewinnbox_inner input {
	font-size: 12px;
	background-color: #F07A7A;
	color: #fff;
}

.gewinnbox_inner span {
	font-size: 13px;
	font-weight: bold;
	color: #000;
}

.links { font-family: Trebuchet MS, Verdana, sans-serif; font-size: 8pt; width: 172px; margin-bottom: 2em }

.links a {
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #339933;
	border-top: 1px solid #E9E0D3;
	font-weight: bold;
	font-size: 8pt;
	color: #ffffff;
	text-decoration: none;
}

.links a:visited {
	text-decoration: none;
	color: #fff;
}

.links a:hover {
	background-color: #33CC33;
	color: #fff;
}

.links a span {
	display: none;
}


/* Klassen für den oberen Layer */

#oben  {
	width:750px;
	height:55px;
	color: #000;
	background-color:#006600;
	padding-bottom: 15px;
	padding-top: 25px;
	background-image: url(/garten/gfx/oben.jpg);
	background-repeat: no-repeat;
}

#obenlinks  {
	float: left; 
	padding-left: 10px;
	color: #3F0000;
}
#obenrechts  {
	float: right;
	padding-right: 10px;
	color: #3F0000;
}
#oben a  {
	color:#000; 
	background-color:transparent; 
	text-decoration:none;
}


/* Klassen für den mittleren Layer */

#middle  {
	position:relative; 
	top:0px; 
	left:0px; 
	width:750px;
}


/* Klassen für den Navigations Layer */

#menu
{
	position: absolute; 
	top: 0px;
	left: 0px; 
	width: 172px;
	padding-bottom: 30px;
	margin-top: 0px;
	color:#000; 
}

#menu .navkopf
{
	color:#fff;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #006600;
	font-size: 13px;
	font-weight: bold;
}

#menu .navhier  {
    color:#ff9c00; background-color:#ffe; font-weight:bold; white-space:nowrap;
}

#menu .navitems
{
	padding-left: 12px; 
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
}

.navitems a 
{
	color:#646464;
	text-decoration: none;
	border-bottom: 1px dotted #000000
}

.navitems a:hover
{
	color:#8C0000;
	text-decoration: none;
	border-bottom: 1px dotted #8C0000
}

#menu .impressum a {
    color:#000; background-color:transparent;
}
#menu .feed  {
    padding-left:12px; color:#fff; background-color:#ffe; padding-top:35px;
}
#menu .feed a {
    margin:0; padding:0 4px 1px; border:1px solid; border-color:#fc9 #630 #330 #f96;
    font:bold 8pt Verdana; color:#fff; background:#f60; text-decoration:none;
}


/* ---------------- INHALT ---------------- */

#content  { 
	margin-left: 190px; 
	padding-bottom: 20px; 
	color: #000; 
}
#content p  {
	padding-left: 20px; 
	padding-right: 50px; 
	font-size: 12px; 
	line-height: 1.4em; 
}

#content .bm a  {
	color: #900000; 
	background-color: transparent;
}
#content ul, ol  {
	padding-right: 10%; 
	font-size: 12px;
	line-height: 1.4em; 
	max-width: 520px;
}
#content ul a  {
	color:#000; 
	background-color:transparent;
}
#content h1  {
	padding-left:20px; 
	padding-top:10px;
}
#content h2  {
	padding-left:20px; 
	padding-top:10px;
}
#content h3, h4  {
	padding-left:20px; 
	padding-top:5px;
}


/* ----------------- FUSS ----------------- */

#unten  {
	position: relative;
	font-size: 12px;
	top: 25px;
	left: 0px;
	width: 750px;
	height: 40px;
	color: #000; 
}
#fusstext  {
    font-size:0.84em; line-height:2em; text-align:center; padding-left:185px;
    margin-top:5px;
}
#unten a  {
	color:#900000; 
	background-color:transparent;
}
.abstand  {
	padding-top: 10px;
	text-align: left;
	line-height: 1.4em;
}


.bm  {
	font-size: 12px;
	font-weight: bold;
}
.fett  {
    font-weight:bold; line-height:28px;
}
.klein  {
    font-size:0.84em; font-weight:500;
}
.normal  {
    font-weight:500;
}
.unsichtbar  {
    display:none;
}

.notice {
	padding-left: 20px; 
	padding-right: 50px; 
	font-size: 12px; 
	line-height: 16px;
	width: 490px;
}

.notice_inner {
	background-color: #fff; 
	border: 1px solid #006600;
	height: 300px;
	background-image: url('/garten/gfx/garten-box-bg.gif');
	background-repeat: no-repeat;
	background-position: center bottom;
}

.notice_text {
	padding: 5px;
}

.notice_text_desc {
	color: #006600;
	font-size: 15px; 
	font-weight: bold;  
	padding: 5px 0 15px 0; 
	text-decoration: underline;
}


.toplist_notice {
	padding-left: 20px; 
	padding-right: 50px; 
	font-size: 12px; 
	line-height: 16px;
	width: 490px;
}

.toplist_notice_inner {
	background-color: #fff; 
	border: 1px solid #006600;
	background-image: url('/garten/gfx/garten-box-bg.gif');
	background-repeat: no-repeat;
	background-position: center bottom;
}

.space_div {
	width: 100%;
	height: 40px;
	display: block;
}

.toplist_notice_text {
	padding: 5px;
}

.toplist_notice_text_desc {
	color: #006600;
	font-size: 15px; 
	font-weight: bold;  
	padding: 5px 0 15px 0; 
	text-decoration: underline;
}

#artikel_top {
	text-align: left; 
	line-height: 1.4em; 
	font-size: 12px; 
	padding-left: 20px; 
	padding-right: 50px; 
	padding-bottom: 20px;
}

#artikel_bottom {
	text-align: left;
	line-height: 1.4em; 
	font-size: 12px; 
	padding-left: 20px; 
	padding-right: 50px;
}

#artikel_ad_top {
	float: left; 
	width: 130px; 
	height: 130px; 
	margin: 2px;
	text-align: left;
}

#artikel_ad_bottom {
	float: right; 
	width: 130px; 
	height: 130px; 
	margin: 3px;
	text-align: left;
}

.artikel_image {
	align: left; 
	width: 130px; 
	height: 100px; 
	margin: 2px;
	text-align: left;
}


.shadetabs {
	padding: 0 50px 0 20px;
	margin-left: 0;
	margin-top: 1px;
	margin-bottom: 0;
	font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
	font-weight: bold;
	list-style-type: none;
	text-align: left;
	width: 448px;
}

.shadetabs li {
	display: inline;
	margin: 0;
}

.shadetabs li a {
	text-decoration: none;
	padding: 3px 7px;
	margin-right: 3px;
	border: 1px solid #ccc;
	color: #fff;
	font-size: 9pt;
	background: white url(/gfx/shade.gif) top left repeat-x;
}

.shadetabs li a:visited {
	padding: 3px 7px;
	text-decoration: none;
	color: #fff;
}

.shadetabs li a:hover {
	padding: 3px 7px;
	text-decoration: none;
	color: #fff;
}

.shadetabs li.selected {
	position: relative;
	top: 1px;
}

.shadetabs li.selected a {
	padding: 3px 7px;
	text-decoration: none;
	background-image: url(/gfx/shadeactive.gif);
	background-color: #520000;
	border-bottom-color: white;
	color: #000;
}

.shadetabs li.selected a:hover {
	text-decoration: none;
	padding: 3px 7px;
	color: #000;
}

.shadetabs li.selected a:visited {
	text-decoration: none;
	padding: 3px 7px;
	color: #000;
}

.contentstyle{
	background-color: #fff;
	border: 1px solid #ccc;
	margin-left: 20px; 
	margin-right: 50px;
}