@charset "utf-8";
/* allgemein */
*{margin:0;padding:0;border:none}
html{overflow-y:scroll;}
body{background:url(../images/);font:76% Georgia, "Times New Roman", Times, serif}
#container{width:900px;margin:40px auto 0}

/* header */
#header{background: url(../images/header-bg.jpg) no-repeat; width: 900px; height:278px}
#header img {position:absolute; margin: 11px 0 0 -26px}
	.kraeuter{background:url(../images/kraeuter.jpg) no-repeat; width:50px; height:154px; position:absolute; margin: 160px 0 0 -50px}
	.loeffel{background:url(../images/loeffel.jpg) no-repeat; width: 50px; height:154px; position:absolute; margin: 160px 0 0 900px}
	.loeffel2{background: url(../images/loeffe l2.jpg) no-repeat; width: 291px; height:47px; position:absolute; margin: 312px 0 0 621px}

/* navi */
#navi{background:url(../images/navbg.jpg) no-repeat; width: 900px; height: 34px}
#navi li{display:block; float:left; height: 34px}
#navi li a{display:block; height: 34px}
	#navi li a.nav-01{background: url(../images/nav-01.jpg) no-repeat; width: 136px}
	#navi li a.nav-02{background: url(../images/nav-02.jpg) no-repeat; width: 146px}
	#navi li a.nav-03{background: url(../images/nav-03.jpg) no-repeat; width: 106px}
	#navi li a.nav-04{background: url(../images/nav-04.jpg) no-repeat; width: 84px}
	#navi li a.nav-05{background: url(../images/nav-05.jpg) no-repeat; width: 135px}
#navi li a:hover{background-position:0 -35px}

#navi, #navi ul {padding: 0; margin: 0;	list-style: none;}
#navi li ul {position: absolute;width: 150px;left: -999em; background: #7ca500; border: 1px solid #cbcbcb; border-top:0; padding-top: 10px}
#navi li:hover ul, #navi li.sfhover ul {left: auto;}
#navi li ul li{display:inline;height: 25px; width: 150px; font-size: 11px; }
#navi li ul li a{height:25px; padding: 0 0 0 23px; color:#fff; text-decoration:none; font-weight:bold}
#navi li ul li a:hover{color: #ffff00}

/* naviAdd */
.naviAdd{position: absolute; width: 250px; height:20px; margin: 42px 0 0 620px; text-align:right; font-size:11px}
.naviAdd li{display:inline}
.naviAdd li a{color:#;text-decoration:none}
.naviAdd li a:hover{color:#;text-decoration:none}

/* content */
#content{width: 900px; background: #ffffbd url(../images/content-bg.jpg) repeat-x;}

.contentMain{width:558px; min-height: 500px; height:auto; _height: 500px; float:left; padding: 50px 13px 80px 29px}

.contentMain a img{filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity: 1.0;opacity: 1.0;}
.contentMain a:hover img{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}

.col{width:260px; float:left;}
	.abst{margin-right:33px}
	.col img{margin-bottom:30px}
.contentMain p{color:#663333; font-size:11px; line-height:18px}

h1{width:558px; margin-bottom: 20px; font: 1.4em Georgia, "Times New Roman", Times, serif; color:#038745; font-weight:bold; font-style:italic}
#index h1{height:61px; background:url(../images/hl-start.jpg) no-repeat;}
#index h2{background:url(../images/aktuelles.png) no-repeat; width:152px; height:17px; float:left; margin: 0 20px 0 0}
p.aktuellesText{width:375px; float:left;}
.weiter{display:block; text-align:right; padding: 10px 0 0 0}

h2{font: 1.2em Georgia, "Times New Roman", Times, serif; color:#8da816; font-weight:bold; font-style:italic; margin: 0 0 15px 0}
.unterschrift{background:url(../images/unterschrift.png) no-repeat; width: 351px; height:19px; margin:0; text-indent:-9000px}

/* sidebar */

.contentSidebar{width:300px; float:left; background:url(../images/sidebar-bg.jpg) no-repeat; width:300px; height:436px}
.shoplink{background: url(../images/shoplink.jpg) no-repeat; width: 312px; height:99px; position:absolute; margin: 45px 0 0 0; padding: 57px 0 0 129px}
.pfeil{background: url(../images/pfeil.jpg) no-repeat; width:20px; height:22px; display:block;}
.pfeil:hover{background: url(../images/pfeil-h.jpg) no-repeat; width:20px; height:22px; display:block;}
.open{background: url(../images/open.jpg) no-repeat; width: 312px; height:117px; position:absolute; margin: 158px 0 0 0;  padding: 70px 0 0 60px}
	.openframe{width:215px; overflow:hidden; height: 33px; _overflow:auto;}
.kontakt{background: url(../images/kontakt.jpg) no-repeat; width: 312px; height:96px; position:absolute; margin: 288px 0 0 0; padding: 52px 0 0 60px}
.contentSidebar p{width:208px; color:#03803d; font-size:11px;}
.contentSidebar a{color:#03803d}

/* footer */
#footer{background:url(../images/footer-bg.jpg) no-repeat; width: 900px; height:137px}
	.senfpulver{background:url(../images/senfpulver.jpg) no-repeat; width:175px; height:100px; position:absolute; margin: -85px 0 0 0}
	.slowfoodLogo{background:url(../images/slowfoodLogo.jpg) no-repeat; width:300px; height:111px; position:absolute; margin: -111px 0 0 600px}
	.footerKontakt{width:412px; min-height: 60px; height:auto; _height: 60px;  padding: 5px 0 0 146px; background:url(../images/footerLogo.jpg) no-repeat; position:absolute; margin: 42px 0 0 29px;}

#footer a{color:#c97a08}
#footer a:hover{text-decoration:underline}
#footer p, #footer ul, #footer p a{color:#008d2e; font-size:11px; line-height:18px}
	#footer strong{color:#c97a08; font-weight:bold}

/* allgemein */
a{color:#663333;text-decoration:underline}
a:hover{color:#663333; text-decoration:none;}
ul{list-style:none}

p{margin-bottom:20px;line-height:1.4em}
address{margin-bottom:20px;line-height:1.4em;font-style:normal}

.hidden{font-size:0.001em;line-height:0.001em;display:block;overflow:hidden;width:1px;height:1px;position:absolute; top:-1px;left:-1px}
.nofloat{font-size:0.001em;line-height:0.001em;clear:both}

.line{border-bottom: 2px dotted #cccc6e}

/* CMS */
.cmsText{margin-bottom:20px;line-height:1.4em; color: #663333; overflow:hidden }
.cmsBild{padding:5px; border:1px solid #e5e593; background:#fff; float:left; margin: 0 10px 0px 0}