/* 090526 */

body {margin:0; font: normal 100.01% Helvetica, Arial, sans-serif; color:#484848; background:white;}
a.top {position:absolute; top:0; left:-300px; width:300px;}
div#kopf {background:url(grafiken/emmental3.jpg); margin:0; padding:0; height:120px; width:100%; position:relative; z-index:15; overflow:visible;}
img#logo {position:relative; top: 0px; left: 0px; border:none; padding:0; margin:0;}
i {white-space: nowrap;}

ul#navmenu {position:absolute; top:3px; right:10px; margin:0; padding:0;}
ul#navmenu li {float:left; list-style:none; margin: 0; margin:0; padding:0 5px; border-left:1px solid #7F7F7F;}
ul#navmenu a {color:#7F7F7F; font-size:0.8em; text-decoration:underline;}
ul#navmenu a:hover {text-decoration:none; color:#7F7F7F;}

ul#menu {position:absolute; top:85px; left:0; font-size:0.95em; margin:0; margin-left:30px; padding:0; width:680px; height:35px; z-index:20;}
ul#menu li {list-style: none; margin: 0; padding: 0; width:155px; height:25px; padding-top:10px; margin-right:10px; text-align:center; float:left;}
ul#menu li, ul#menu a {text-decoration:none; color:#484848; border:none; display:block;}
ul#menu a:hover {font-weight:bold;}
ul#menu a:visited {color:#5F5F5F;}
li.m_baergut {background:url(grafiken/m_baergut2.gif);}
li.m_intw {background:url(grafiken/m_intw2.gif);}
li.m_extw {background:url(grafiken/m_extw2.gif);}
li.m_krea {background:url(grafiken/m_krea2.gif);}

ul#m_baergut {margin:0; padding:0; position:absolute; top:35px; left:0px; z-index:10; visibility:hidden; background:url(grafiken/menurand_baergut.gif) bottom no-repeat; padding-bottom:50px;}
ul#m_baergut li {list-style: none; margin:0; padding:0; z-index:10; height:22px; padding-top:8px; width:155px; text-align:center; float:none; background:url(grafiken/m_li_baergut.gif) repeat-y;}
ul#m_intw {margin:0; padding:0; position:absolute; top:35px; left:165px; z-index:10; visibility:hidden; background:url(grafiken/menurand_intw.gif) bottom no-repeat; padding-bottom:50px;}
ul#m_intw li {list-style: none; margin:0; padding:0; z-index:10; height:22px; padding-top:8px; width:155px; text-align:center; float:none; background:url(grafiken/m_li_intw.gif) repeat-y;}
ul#m_extw {margin:0; padding:0; position:absolute; top:35px; left:330px; z-index:10; visibility:hidden; background:url(grafiken/menurand_extw.gif) bottom no-repeat; padding-bottom:50px;}
ul#m_extw li {list-style: none; margin:0; padding:0; z-index:10; height:22px; padding-top:8px; width:155px; text-align:center; float:none; background:url(grafiken/m_li_extw.gif) repeat-y;}
ul#m_krea {margin:0; padding:0; position:absolute; top:35px; left:495px; z-index:10; visibility:hidden; background:url(grafiken/menurand_krea.gif) bottom no-repeat; padding-bottom:50px;}
ul#m_krea li {list-style: none; margin:0; padding:0; z-index:10; height:22px; padding-top:8px; width:155px; text-align:center; float:none; background:url(grafiken/m_li_krea.gif) repeat-y;}

p.noscript {position:absolute; top:126px; left:35px; margin:0; padding:0; color:#484848; font-size:0.9em; }
p.noscript a {color:#484848;}
p.noscript a:hover {text-decoration:none;}

div.bg_baergut {background:#CCCCCC; min-width:980px; padding-bottom:65px;}
div.bg_baergut_ol {background:#F1F1F1 url(grafiken/ol_baergut.gif) no-repeat top left; height:100%; position:relative; top:30px; left:15px; margin-right:26%;}
div.bg_baergut_or {background:url(grafiken/or_baergut.gif) no-repeat top right; width:100%; height:100%; }
div.bg_baergut_ul {background:url(grafiken/ul_baergut.gif) no-repeat bottom left; width:100%; height:100%; }
div.bg_baergut_ur {background:url(grafiken/ur_baergut.gif) no-repeat bottom right; width:100%; height:100%; }

div.bg_intw {background: #CCCC33; min-width:980px; padding-bottom:65px;}
div.bg_intw_ol {background:#F1F1C1 url(grafiken/ol_intw.gif) no-repeat top left; height:100%; position:relative; top:30px; left:15px; margin-right:26%;}
div.bg_intw_or {background:url(grafiken/or_intw.gif) no-repeat top right; width:100%; height:100%; }
div.bg_intw_ul {background:url(grafiken/ul_intw.gif) no-repeat bottom left; width:100%; height:100%; }
div.bg_intw_ur {background:url(grafiken/ur_intw.gif) no-repeat bottom right; width:100%; height:100%; }

div.bg_extw {background:#99CC66; min-width:980px; padding-bottom:65px;}
div.bg_extw_ol {background:#E1F1C1 url(grafiken/ol_extw.gif) no-repeat top left; height:100%; position:relative; top:30px; left:15px; margin-right:26%;}
div.bg_extw_or {background:url(grafiken/or_extw.gif) no-repeat top right; width:100%; height:100%; }
div.bg_extw_ul {background:url(grafiken/ul_extw.gif) no-repeat bottom left; width:100%; height:100%; }
div.bg_extw_ur {background:url(grafiken/ur_extw.gif) no-repeat bottom right; width:100%; height:100%; }

div.bg_krea {background:#6699CC; min-width:980px; padding-bottom:65px;}
div.bg_krea_ol {background:#D1E1F1 url(grafiken/ol_krea.gif) no-repeat top left; height:100%; position:relative; top:30px; left:15px; margin-right:26%;}
div.bg_krea_or {background:url(grafiken/or_krea.gif) no-repeat top right; width:100%; height:100%; }
div.bg_krea_ul {background:url(grafiken/ul_krea.gif) no-repeat bottom left; width:100%; height:100%; }
div.bg_krea_ur {background:url(grafiken/ur_krea.gif) no-repeat bottom right; width:100%; height:100%; }

div#inhalt {padding:5px 20px; min-height:320px; margin-bottom:25px; font-size:0.9em;}

#inhalt h1 {font-size:1.6em; margin:25px 0 15px 0;}
#inhalt h2 {font-size:1.3em; margin:15px 0 10px 0;}
#inhalt h3 {font-size:1.1em; margin:15px 0 8px 0;}
#inhalt p, ul {margin:3px 0 12px 0;}
#inhalt ul {margin:0; padding:0;}
#inhalt li {margin:0; padding:0; margin:5px 0px 10px 20px;}
#inhalt i {white-space:nowrap;}

#inhalt a {text-decoration:underline; color:#484848; border:none;}
#inhalt a:hover {color:#7F7F7F; text-decoration:none;}
#inhalt a:visited {color:#7F7F7F;}

#inhalt p.copy {text-align:right; font-size:0.8em; margin:0; color:#7F7F7F;}
#inhalt p.copy a {text-decoration:none; color:#7F7F7F;}

#inhalt p.fussnote {font-size:0.8em;}
#inhalt p.fussnote a {text-decoration:underline;}

p#up {position:relative; bottom:5px; text-align:center; margin:0 20px; height:20px; padding-top:5px; clear:both; border-width:0px 0 0 0; border-color:#CCCCCC; border-style:dashed; z-index:5;}
a.up {text-decoration:underline; color:#5F5F5F; font-size:0.8em;}
a.up:hover {text-decoration:none;}

p#adresse {position:absolute; top:10px; left:101%; color:#FFFFFF; font-size:10pt; margin:0; padding:0; overflow:visible; white-space:nowrap;}
p#adresse a, p#adresse a:visited {color:#FFFFFF; text-decoration:underline;}
p#adresse a:hover {text-decoration:none;}

p#copy {position:absolute; bottom:-20px; right:10px; color:white; font-size:0.8em; margin:0;}
p#copy a {color:white; text-decoration:underline;}
p#copy a:hover {text-decoration:none;}


td.wp {
 text-align:center;
 vertical-align:top;
}
td.tarif {
 text-align:center;
 vertical-align:top;
}
div.home_baergut {
 position:relative;
 top:0px;
 left:15px;
 width:145px;
 height:600px;
 padding:5px;
 background: url(grafiken/verlauf_f1f1f1.png) bottom repeat-x #DFDFDF;
 overflow:visible;  /* hilft ev. gegen Überbreite im IE 6 und tiefer */
 z-index:1;
}
div#werbebox {
 position:absolute;
 top:173px;
 left:80px;
 width:212px;
 border:5px solid #88BBEE;
 padding:4px;
 background:#D1E1F1;
 color:#336699;
 text-align:center;
 font-size:0.8em;
 z-index:6;
}
#werbebox h3 {font-size:1em; padding:1px 0; margin:0;}
#werbebox p {font-size:0.9em; padding:1px 0; margin:0;}
#werbebox a {color:#336699;}


div.home_intw {
 position:absolute;
 top:0px;
 left:180px;
 width:145px;
 height:600px;
 padding:5px;
 background: url(grafiken/verlauf_f1f1f1.png) bottom repeat-x #EEEE55;
 overflow:visible;  /* hilft ev. gegen Überbreite im IE 6 und tiefer */
 z-index:2;
}
div.home_extw {
 position:absolute;
 top:0px;
 left:345px;
 width:145px;
 height:600px;
 padding:5px;
 background: url(grafiken/verlauf_f1f1f1.png) bottom repeat-x #BBEE88;
 overflow:visible;  /* hilft ev. gegen Überbreite im IE 6 und tiefer */
 z-index:1;
}
div.home_krea {
 position:absolute;
 top:0px;
 left:510px;
 width:145px;
 height:600px;
 padding:5px;
 background: url(grafiken/verlauf_f1f1f1.png) bottom repeat-x #88BBEE;
 overflow:visible;  /* hilft ev. gegen Überbreite im IE 6 und tiefer */
 z-index:2;
}

h1.home {font-size:16pt; margin:0px;}
h2.home {font-size:10pt; font-weight:bold; margin:0px;}
p.home {font-size:10pt; margin:10px 0px;}
a.home, a.home:visited {text-decoration:none; color:#484848; display:block;}
a.home:hover {text-decoration:none; color:#7F7F7F;}

img.but {border:3px solid #EEEE55;}
img.krea {border:3px solid #88BBEE;}
img.kreafett {border:5px solid #88BBEE;}

img.team {border:1px solid #484848; width:80px; height:110px; margin-right:3px;}

img.intw {border:5px solid #CCCC33;}

img.extw {border:5px solid #99CC66;}

img.werkst {border:5px solid #6699CC;}

span.meldung_kreaw {display:block; background:#D1E1F1; color:#336699; text-align:left; font-weight:bold; margin:10px 0; padding:3px; white-space:normal;}

div.team {float:left; width:12.7em; height:8em; border-width:1px 0 0 2px; border-color:#CFCFCF; border-style:solid; padding:8px 0 0 8px; margin:0 5px 10px 5px;}

table.weit tr td {padding:5px 4em 5px 1em;}

div#wp {width:700px; height:470px; margin-left:-10px; padding:0; background:white;}
div#wp div {position:relative; margin:0; padding:0;}
div#wp div.spalte {width:110px; float:left; margin:0; border:0;}
div#wp div.morgenessen {height:35px;}
div#wp div.morgenessen p {margin-top:8px;}
div#wp div.morgen {height:137px;}  /* 7px mehr für den IE (damit Mittag überall gleich hoch ist) */
div#wp div.morgen p {}
div#wp div.mittag {height:40px;}
div#wp div.mittag p {}
div#wp div.nachmittag {height:137px;}  /* 7px mehr für den IE (damit Abend überall gleich hoch ist) */
div#wp div.nachmittag p {}
div#wp div.abendessen {height:35px; margin-top:20px;}
div#wp div.abendessen p {margin-top:8px;}
div#wp p {font-size:0.9em; text-align:center; margin:2px; padding:0;}
div#wp p.zeit {text-align:right;}
div#wp sup {font-size:0.8em; margin-left:1px;}
div#wp h3 {font-size:1.2em; text-align:center; font-weight:bold; color:#7F7F7F; margin:0; margin:auto;}
div#wp div.wg, div#legende td.wg {background:#EEEE55; margin:8px;}
div#legende td.wg {border:1px solid #CCCCCC;}
div#wp div.wgkw, div#legende td.wgkw {background:#EEEE55 url(grafiken/wp_wgkw3.jpg) repeat; margin:8px;}
div#legende td.wgkw {border:1px solid #CCCCCC; background:url(grafiken/wp_wgkw5.jpg);}
div#wp div.kw, div#legende td.kw {background:#AAC8FF; margin:8px;}
div#legende td.kw {border:1px solid #CCCCCC;}
div#wp div.kw p {padding-top:40px;}
div#wp div.leer {background:none; margin:8px;}
div#legende {clear:left; width:100%; margin-left:-5px; padding:15px 5%;}
div#legende h3 {font-size:1.2em; font-weight:bold; color:#7F7F7F; margin:5px; padding:0;}

#inhalt div.bilderliste img {margin:20px 12px; border:2px solid gray;}
#inhalt div.bilderliste img:hover {border:2px solid lightgray;}
#inhalt div.bilderliste img:focus {border:2px solid lightgray;}
#inhalt div.bilderliste a {border:none; outline:none; text-decoration:none;}
iframe#galerie {width:100%; height:900px;}

#inhalt ul.eventliste li {list-style:none; font-size:120%; font-variant:small-caps; font-weight:bold; color:#7F7F7F; margin:15px; }

div#shop_nisthilfen div {width:350px; height:160px; margin-bottom:10px; float:left;}
div#shop_nisthilfen div p {margin: 0 10px 0 190px;}
p.lieferstopp {color:red; margin-top: 20px; font-style:italic;}
div#shop_nisthilfen img {float:left; width:180px;}
div#shop_kerzen div {width:330px; height:200px; margin-bottom:10px; float:left;}
div#shop_kerzen div p {margin: 0 10px 0 100px;}
div#shop_kerzen img {float:left; height:190px;}
div#shop_nistkasten div {height:230px; margin-bottom:10px;}
div#shop_nistkasten div p {margin: 0 10px 10px 230px;}
div#shop_nistkasten img {float:left; width:220px;}