@charset "UTF-8";
/* CSS Document */
body {margin:40px 100px 0 100px; padding:0; background:#a9d865; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#330000;}
div#top {position:relative; margin:19px auto 0 auto; width:900px; height:172px; z-index:100;}
div#main {position:relative; margin:0 auto; width:900px; min-height:300px; background:#e7f1ce; z-index:2;}
div#footer {position:relative; margin:22px auto 100px auto; width:900px; text-align:center; clear:both; z-index:3;}
img.logo {position:relative; top:13px; width:110px; height:136px; border:0; }
div.welcome {position:absolute; top:0; left:148px; width:752px; font-size:21px; line-height:26px; z-index:4;}
div.welcome > span {margin-left:115px;}
ul#menu {position:absolute; margin:0; padding:0; top:78px; left:197px; width:703px;}
ul#menu > li {float:left; width:160px; height:30px; list-style:none; margin-bottom:10px;}
ul#menu > li.dist {margin-left:40px;}
ul#menu > li > a > span {display:block; width:160px; height:30px; background:url(files/btn-up-blanko.gif) no-repeat; text-align:center; font-size:18px; line-height:30px;}
ul#menu > li > a > span:hover, ul#menu > li > a > span.active {background:url(files/btn-over-blanko.gif) no-repeat;}
ul#menu > li > a, ul#menu > li > a:hover, ul#submenu > li a, ul#submenu > li a:hover {text-decoration:none; color:#330000;}
ul#menu:after {clear:both}
ul#submenu {position:relative; margin:0; padding:0; width:528px; height:19px; line-height:19px; font-size:13px;}
ul#submenu > li {float:left; background:#fce9a1; list-style:none; width:132px; text-align:center;}
ul#submenu >li > a > span {display:block; width:132px; height:19px;}
ul#submenu > li:hover, ul#submenu > li.active {background:#f89b00;}
a:link, a:visited, a:focus, a:hover, a:active {text-decoration:underline; color:#330000;}
a:hover {color:#ff3603;}
a.umwelt:hover {color: forestgreen}
div.picleft {width:372px; float:left; z-index:5;}
div#slideshow {width:420px; float:left; z-index:6;}
div.content {width:506px; padding-right:22px; float:right; z-index:7;}
div.content > span {margin-left:100px;}
div.startcon {width:438px; padding-right:22px; float:right; z-index:8;}
div.aktion {width:650px; position:relative; margin:0; text-align:center; float:left; background:#FF9; z-index:9;}
div.aktionecke {width:250px; position:relative; margin:auto 0 0 auto; text-align:center; float:right; background:#FF9; z-index:99;}
div#wochenkarte-oval {position:relative; margin: -10px auto 3px auto; width: 400px; height: 65px; background:#ffb539; -moz-border-radius: 330px / 50px; -webkit-border-radius: 330px / 50px; border-radius: 330px / 50px; display: block; font: bolder 22px/26px Arial, Helvetica, sans-serif; line-height: 60px; vertical-align: bottom; color:#E50003; text-align: center;}

h1 {margin:22px 0 11px 15px; font:italic bold 13px/20px Arial, Helvetica, sans-serif; color:#ff3603;}
h2 {font:bold 12px/20px Arial, Helvetica, sans-serif; color:#330000;}
h3 {font:bold 12px/20px Arial, Helvetica, sans-serif; color:#ff3603;}
.aktion1 {font:bold 14px/21px Arial, Helvetica, sans-serif; color:#ff3603; margin-bottom:8px;}
.aktion2 {font:bold 14px/21px Arial, Helvetica, sans-serif; color:#330000;}
h1.start {font-size:18px;}
h1.start > span {margin-left:65px; font-size:15px;}
h4 {margin:22px 0 11px 15px; font:italic bold 18px/20px Arial, Helvetica, sans-serif; color:#ff3603;}
.flole {float:left;}
.flori {float:right;}
.cb {clear:both;}
.mari22 {margin-right:22px;}
.male22 {margin-left:22px;}
.matobo46 {margin:46px 0;}
.mabo46 {margin:0 0 46px 0;}
div.open {position:relative; margin:100px 0 auto 250px; float:left; z-index:10;}
div#woka {position:relative; clear:both; z-index:11;}
div#woka > li.hover, div#woka > li.active {border:#f89b00;}
div#kontakt {float:left; width:270px; z-index:12;}
div#offen {float:left; width:200px; z-index:13;}
ul.marboli > li {margin-bottom:20px;}
div#aktions-buttons {position:relative; margin:0 auto 0 auto; width:1000px; height:10px; z-index:29;}
div#aktions-buttons-kontakt {position:relative; margin:-400px auto 0 auto; width:1000px; height:10px; z-index:28;}
div#aktion {position:absolute; margin:-500px auto auto -100px; padding:10px 10px 10px 10px; width:150px; height:130px; background-color:hsla(48,100%,50%,0.95); display:block; border-radius:20px; text-align:center; z-index:30;
-moz-transform:rotate(-10deg); /* Firefox 3.6 Firefox 4 */
-webkit-transform:rotate(-10deg); /* Safari */
-o-transform:rotate(-10deg); /* Opera */
-ms-transform:rotate(-10deg); /* IE9 */
transform:rotate(-10deg); /* W3C */
box-shadow: 2px 2px 3px #BC7700;}
div#jobs {position:absolute; margin:-343px auto auto -105px; padding:10px 10px 10px 10px; width:150px; height:45px; background-color:hsla(45,100%,50%,0.95); display:block; border-radius:20px; text-align:center; z-index:31;
-moz-transform:rotate(2deg); /* Firefox 3.6 Firefox 4 */
-webkit-transform:rotate(2deg); /* Safari */
-o-transform:rotate(2deg); /* Opera */
-ms-transform:rotate(2deg); /* IE9 */
transform:rotate(2deg); /* W3C */
box-shadow: 2px 2px 3px #BC7700;}