body {font-family:Verdana; color:#222;}

h1, a h1 {font-size:17px; margin-top:2px; margin-bottom:5px; font-weight:500; letter-spacing:0.05em;}
h2 {font-size:14px; line-height:1.5; font-weight:500;}
p, a p, td {font-size:12px; line-height:1.4;}
strong {font-style:italic; font-size:90%;}
p.bottom {position:absolute; bottom:10px; left:10px; margin-right:10px;}
h2 strong.aktuell {border-bottom:3px solid #8bb1b1; font-style:normal; font-weight:500; padding: 0 5px 2px 0;}
p.aktuell {margin-top:-5px;}
p.small {font-size:10px;}
.hoch {vertical-align:text-top; font-size:10px;}
ul.normal {list-style:circle; font-size:12px; line-height:1.4;}
ul.none {list-style:none; font-size:12px; line-height:1.4;}
img.drucken {position:absolute; top:15px; right:40px; width:16px; height:16px; z-index:5;}

table { table-layout:fixed; width:100%; border:0;}
td.p_right {width:30%; border-bottom:1px solid #b18b8b; vertical-align:top; }
td.p_left {width:70%; border-bottom:1px solid #b18b8b; vertical-align:top; }

a.green:link, a.green:visited  {text-decoration:underline; /*color:#279e1e;*/ color:#5e5e5e;}
a.green:hover, a.green:active,  a.green:focus {text-decoration:underline; /*color:#279e1e;*/ background-color:#cedede;}
#navigation a:link, #navigation a:visited, 
#navigation a:hover, #navigation a:active, #navigation a:focus {text-decoration:none; font-weight:500; color:black;}

img {border:0;}
img.logo {width:455px; height;38px; margin-left:10px; margin-top:7px;}

div#container_outside {position:relative; margin:auto; width:900px; height:600px; border:1px solid #5e5e5e;}
div#container_logo {position:absolute; top:0; left:195px; width:600px; height:50px;}
div#container_navigation {position:absolute; top:0; left:0; width:195px; height:600px; overflow:visible;z-index:10; }
#container_navigation.aktuell { background-image:url('background_images/aktuell.jpg'); background-position: 0% 0%; background-repeat:no-repeat; overflow:visible;}
#container_navigation.autobahn { background-image:url(background_images/autobahn.jpg); background-position: 0% 0%; background-repeat:no-repeat; }
#container_navigation.fassreinigung { background-image:url(background_images/fassreinigung.jpg); background-position: 60% 0%; background-repeat:no-repeat; }
#container_navigation.betriebe { background-image:url(background_images/betriebe.jpg); background-position: 50% 0%; background-repeat:no-repeat; }
#container_navigation.mobilfunk { background-image:url(background_images/mobilfunk.jpg); background-position: -200px 0%; background-repeat:no-repeat;}
#container_navigation.landschaft { background-image:url(background_images/landschaft.jpg); background-position: 0% 0%; background-repeat:no-repeat; }
#container_navigation.landwirtschaft { background-image:url(background_images/landwirtschaft.jpg); background-position: 0% 0%; background-repeat:no-repeat; }
#container_navigation.natur_im { background-image:url(background_images/natur_im.jpg); background-position: 0% 0%; background-repeat:no-repeat; }
#container_navigation.mitglied { background-image:url(background_images/mitglied.jpg); background-position: 0% 0%; background-repeat:no-repeat; ;}
#container_navigation.sache { background-image:url(background_images/sache.jpg); background-position: 0% 0%; background-repeat:no-repeat; }
#container_navigation.kontakt { background-image:url(background_images/kontakt.jpg); background-position: 80% 0%; background-repeat:no-repeat;}
#container_navigation.archiv { background-image:url(background_images/archiv.jpg); background-position: 10% 0%; background-repeat:no-repeat;}


div#container_main {position:absolute; top:50px; left:195px; width:705px; height:530px; overflow:auto;}
div#text {float:left; padding:10px;}

div#fotobox {position:absolute; left:205px; bottom:10px;  /*width:705px;*/ height:50px; background-color:white; border:1px solid #5e5e5e;}

/*Borders oben und unten am Main parallel zur Linkfarbe dieser Site*/
div#container_main.ca {border-top: 10px solid #8bb1b1; border-bottom:10px solid #8bb1b1;} 
div#container_main.cb {border-top: 10px solid #8b9fb1; border-bottom:10px solid #8b9fb1;}
div#container_main.cc {border-top: 10px solid #8b8bb1; border-bottom:10px solid #8b8bb1;}
div#container_main.cd {border-top: 10px solid #9f8bb1; border-bottom:10px solid #9f8bb1;}
div#container_main.ce {border-top: 10px solid #b18bb1; border-bottom:10px solid #b18bb1;}
div#container_main.cf {border-top: 10px solid #b18b9f; border-bottom:10px solid #b18b9f;}
div#container_main.cg {border-top: 10px solid #b18b8b; border-bottom:10px solid #b18b8b;}
div#container_main.ch {border-top: 10px solid #b19f8b; border-bottom:10px solid #b19f8b;}
div#container_main.ci {border-top: 10px solid #b1b18b; border-bottom:10px solid #b1b18b;}
div#container_main.ck {border-top: 10px solid #9fb18b; border-bottom:10px solid #9fb18b;}
div#container_main.cl {border-top: 10px solid #8bb18b; border-bottom:10px solid #8bb18b;}
div#container_main.cm {border-top: 10px solid #8bb19f; border-bottom:10px solid #8bb19f;}
div#container_main.cn {border-top: 10px solid #8bb1b1; border-bottom:10px solid #8bb1b1;}

/*FARBEN:#8bb1b1; #8b9fb1; #8b8bb1; #9f8bb1; #b18bb1; #b18b9f; #b18b8b; #b19f8b; #b1b18b; #9fb18b; #8bb18b; #8bb19f */


div#navigation {position:absolute; top:50px; left:0; background-color:transparent; overflow:visible; width:200px; }
div#navigation ul {margin:0; padding:0; background-color:transparent; width:195px; }
div#navigation li {margin:0; padding:0; list-style:none; background-color:transparent; display:inline; position:relative;}

div#navigation a {font-size:14px; line-height:1.3; text-decoration:none; padding:2px 0 2px 5px; width:190px; display:block; font-weight:600; color:#222; } /*Schriftgrösse der Links*/
div#navigation ul ul a {font-size:12px; text-decoration:none; padding-left:10px; width:185px;} /*Schriftgrösse der Unterlinks*/
		  

div#navigation li ul  {display:none;}
div#navigation ul li:hover ul {display:block; /*position:absolute; top:0; left:195px; width:185px; background-color:#cedede;*/ }
/*div#navigation ul ul a:hover {background-color:#eee; width:175px;}*/

/*Aktive Links bekommen verschiedene Farben gemäss Seite farben.htm*/
#navigation ul li a:hover, #navigation ul ul li a:hover {background-color:#cedede;} /*Hier Format-Farbangabe der ge-HOVERten Links*/
#iaa a.caa {background-color:#8bb1b1;} /*Farbe für AKTUELL*/
#iba a.cba, #ibb a.cbb, #ibc a.cbc, #ibd a.cbd, #ibe a.cbe, #ibf a.cbf {background-color:#8b9fb1;} /*Farbe für AUTOBAHN*/
#ica a.cca, #icb a.ccb, #icc a.ccc, #icd a.ccd  {background-color: #8b8bb1;} /*Farbe für FASSREINIGUNG*/
#ida a.cda, #idb a.cdb, #idc a.cdc, #idd a.cdd  {background-color: #9f8bb1} /*Farbe für PROBLEMATISCHE BETRIEBE*/
#iea a.cea, #ieb a.ceb {background-color:#b18bb1;}/*ELEKTROSMOG*/
#ifa a.cfa, #ifb a.cfb, #ifc a.cfc, #ife a.cfe, #iff a.cff, #ifg a.cfg {background-color: #b18b9f;}/*LANDSCHAFT UND ERHOLUNG*/
#iga a.cga, #igb a.cgb, #igc a.cgc {background-color:#b18b8b;}/*LANDWIRTSCHAFT*/
#iha a.cha {background-color:#b19f8b;}/*NATUR IM WIEDLUNGSRAUM*/
#iia a.cia {background-color: #b1b18b;}/*IRGENDETWAS*/
#ika a.cka {background-color: #9fb18b;}/*MITGLIED WERDEN*/
#ila a.cla, #ilb a.clb, #ilc a.clc, #ild a.cld  {background-color: #8bb18b;}/*IN EIGENER SACHE*/
#ima a.cma {background-color: #8bb19f;}/*ARCHIV*/
#ina a.cna {background-color: #8bb1b1}/*KONTAKT*/


/*Unterlinks bleiben en BLOCK*/
#jb ul ul.cb, #jc ul ul.cc, #jd ul ul.cd, #je ul ul.ce, #jf ul ul.cf, #jg ul ul.cg, #jl ul ul.cl, #jm ul ul.cm {display:block;}


/*AUSKLAPPBOX: TEXT ERSCHEINT INLINE BEI HOVER UND ACTIVE*/
#ausklappbox {margin:0; padding:0;}
#ausklappbox a { text-decoration:none; color:#333;}
#ausklappbox a  h1 {color:#279e1e;}
#ausklappbox a:hover {background:transparent}
#ausklappbox a span {display:none; }
#ausklappbox a:hover span, #ausklappbox a:active span {display:inline; background-color:transparent; /*#d2e4f2;*/}
#ausklappbox a p {display:inline; padding:0 0 5px 0;}

/*Spezielle Formatierungen für das Geruchsformular*/
table {table-layout:fixed; width:100%; border:0;}
td, input, textarea {font-size:12px; line-height:1.4; font-weight:300;}
.Bereich, .Feld { background-color:#ffc; width:300px; border:3px solid #8b8bb1; }
.Check  {background-color:#fff; font-weight:300; color:#222;}
.Button { background-color:#ffc; color:#222; width:150px; border:3px solid #8b8bb1; }
td.left {text-align:right; width:40%; vertical-align:top; padding:5px;}
td.right {text-align:left; width:60%; vertical-align:bottom; padding:5px;}

/*Fotobox*/
#fotobox {margin:0; padding:0;}
#fotobox a {text-decoration:none;}
#fotobox span {display:none;}
#fotobox a:hover span {position:absolute; display:block; bottom:50px; left:-1px; width:533px; height:400px;  z-index:10; }
img.left {float:left; margin-left:0px;}
img.left_10 {float:left; margin-left:10px;}



/*Copyright: Verena Berger, 2010*/
/*background-color:white; opacity:0.25; -moz-opacity:0.25; filter:alpha(opacity=25);overflow:hidden;¨border-right:1px solid seagreen;*/