@charset 'utf-8';
@import url(defaults.css);

/* ----------------------------------------------------- Page layout */

*	{border: 0;font-weight:normal;margin: 0;padding: 0;}
html {}
body {background: #f7f7f7;color: #000;font: normal 80% Verdana, Helvetica, sans-serif;line-height: 1.4em;text-align: center;}
h1 {font-size: 1.5em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.3em;color:#333}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1.0em;}
p, ul, td {font-size: 0.85em;}
a	{outline:none;}
strong {background-color:#FFF;color: #666;font-weight:bold;}


ul { margin-left: 2em; }


/* ALLGEMEINE LINKS */

a:link {
	background-color: #FFF;
	color: #01662C;	
	text-decoration: underline;
}

a:visited {
	background-color: #FFF;
	color: #91B70F;
	text-decoration: underline;
}

a:focus {
	background-color: #E1EDB8; 
	color: #91B70F;
	outline: 1px dotted #91B70F;
	text-decoration: underline;
}

a:hover {
	background-color: #E1EDB8;
	color: #91B70F;
	text-decoration: underline;
}

a:active {
	background-color: #E1EDB8;
	color: #91B70F;
	outline: 1px dotted #91B70F;
	text-decoration: underline;
}

#wrapper {
	background-color: transparent;
	margin: 10px auto 30px auto;
	width: 900px;
}

#top {
	background: url(../img/bgOben.png) no-repeat bottom transparent;
	height: 17px;
}

#content {
	background: url(../img/bgContent.png) repeat-y transparent;
	text-align:left;
	padding: 3px 46px 50px 46px;
}

/* BEREICH DER TOPNAVIGATION */

#topNav {
	background: url(../img/bgDrache.png) no-repeat transparent 0 3px;
	height: 94px;
	width: 810px;
}

#topNav ul {
	text-align: right;
	margin: 2px 0 0 0;
}

#topNav li {
	border-left: 1px solid #000;
	line-height: 1.1em;
	margin: 0 -.5em 0 .5em;
	padding: 0 .5em 0 .5em;
}

#topNav ul li {
	display: inline;
}

#topNav a {
	background-color: #FFF;
	color: #000;
	font-size: 0.8em;
	text-decoration: none;
	text-transform: uppercase;
}

#topNav a:hover, #topNav a.active {
	background-color: #FFF;
	color: #01662c;
}

#topNav a#current {
	background-color: #FFF;
	color: #91B70F;
}

#topNav #logo {
	margin: 8px 0 0 108px;
}

/* DEKORATIONSBEREICH */

#deko {
	background: url(../img/logischOekologisch.png) no-repeat right top #91B70F;
	color: #000;
	height: 244px;
	margin-bottom: 2.3em;
}

#deko #imgProdukt {
	float: left;
	width: 490px;
}

#deko #dekoHinweis {
	float: right;
	padding: 175px 0 0 0;
	width: 295px;
}

/* LEFTNAV */

#oneCol {
	float: left;
	margin-right: 20px;
	position: relative;
	width: 160px;
}

#oneCol h3 {background-color:#FFF;color: #91B70F;font-size: 0.8em;font-weight: bold;margin: 0 0 0.5em 0.25em;text-transform: uppercase;}

#oneCol ul  {
	border-top: 1px solid #9E9E9E;
	list-style-type: none;
	margin: 0 0 2.8em 0;
	position: relative;
}

#oneCol li {
	border-bottom: 1px solid #9E9E9E;
	line-height: 1.3em;
	padding: 0.5em 0 0.5em 0.25em;	
}

#oneCol li a {
	background-color: #FFF;
	color: #000;
	text-decoration: none;
}

#oneCol li a:hover {
	background-color: #E1EDB8;
	color: #91B70F;
	text-decoration: none;
}

#oneCol li a:hover {
	background-color: #FFF;
	color: #91B70F;
	text-decoration: none;
}

#oneCol li a:active {
	background-color: #FFF;
	color: #91B70F;
	text-decoration: none;
}

#oneCol li a#current {
	background-color: #FFF;
	color: #91B70F;
}

#twoCols {
	float: right;
	width: 620px
}

#twoCols h2 {
	border-bottom: 1px solid #000;
	font-size: 1.2em;
	font-weight: bolder;
	margin: 0.15em 0 1.0em 0;
	padding-bottom: 0.2em;
}

#twoCols h3 {
	background-color: #FFF;
	color: #333;
	font-size: 1.0em;
	font-weight: bold;
	margin: 20px 0 10px 0;
}

#twoCols p {
	margin-bottom: 0.6em;
}

#leftCol {
	float: left;
	width: 295px;
}

#rightCol {
	float: right;
	width: 295px;
}

#rightCol h3 {
	background-color: #FFF;
	color: #9D2739;
	font-size: 1.0em;
	font-weight: bold;
	margin: 3px 0;
}

#rightCol .beitrag {
	margin-bottom: 25px;
}

/* FOOTER */

#footer {
	background: url(../img/bgUnten.png) no-repeat left top transparent;
	margin-bottom: 10px;
	text-align: left;
	/*width: 880px;*/
}

#footer  ul {	
	list-style-type: none;
	padding: 20px 15px 10px 15px;
}

#footer a {
	background-color: #F7F7F7;
	color: #000;
	text-decoration: none;
}

#footer a:hover {
	background-color: #F7F7F7;
	color: #91B70F;
	text-decoration: none;
}
/* Links- bzw. Rechtsausrichtung für Elemente */
.alignLeft {float: left;margin: 0 0.5em 0 0;}
.alignRight {float: right;margin: 0 0 0 0.5em;}

.details {font-size: 0.85em;}
.beitrag .details a {background-color:#FFF;color:#91B70F;font-weight:bold;text-decoration: none;}

.contentFotoLeft {float:left;margin: 5px 15px 5px 0;}
.contentFotoLeft div {background-color: #F7F7F7;border: 1px solid #D7D7D7;color:#000;padding: 6px;}
.contentFotoLeft p {font-style: italic;padding-top: 4px;}

.contentFotoRight {float:right;margin: 5px 0 5px 15px;}
.contentFotoRight div {background-color: #F7F7F7;border: 1px solid #D7D7D7;color:#000;padding: 6px;}

.imgMarken {width: 121px;float: left;margin: 0 15px 15px 0;}