@charset "UTF-8";

/* Farben
Gruen Standard/Hintergrund: #339966
Grun Hell: #DEEFE7
Grun 50%: #99CCB2
Grun 70%: #70B794
*/

/* Main, Typo */

body {
	background-color: #339966;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #339966;
}
.p {
	margin:0px;
	padding:0px;
	vertical-align: top;
}

p {
	padding:0px;
	margin:0px;
	margin-bottom: 12px;
	line-height: 19px;
}

#HauptSpalte, #RechteSpalte {

	line-height: 19px;

}

#MitteContainer a, #MitteContainer a:link, #MitteContainer a:visited, #MitteContainer a:active  {

	text-decoration: underline;
	color: #339966;
}

#MitteContainer a:hover {

	text-decoration: underline;
	color: #999999;
}


h1 {
	font-size:24px;
	line-height: 30px;
	font-weight:bold;
	color: #339966;
	margin: 0px;
	padding: 0px;
	margin-bottom: 31px;

}

h2 {
	font-size:16px;
	line-height: 22px;
	font-weight:bold;
	color: #339966;
	margin: 0px;
	padding: 0px;
	margin-bottom: 0px;

}

.bildlegende {
	line-height: 17px;
	font-size:13px;
        font-style:italic;
	margin: 0px;
	padding: 0px;
	margin-bottom: 15px;
	margin-top: 8px;

}


img {
	border:0px;
}
div {
	margin:0px;
	padding:0px;
}

.clearfloat {
	clear:both;
	height:0px;
}

#Foot {

	color: #70B794;
        font-size:13px;
}

	
#Foot a, #Foot a:link, #Foot a:visited, #Foot a:active  {

	text-decoration: underline;
	color: #70B794;
}

#Foot a:hover  {

	text-decoration: underline;
	color: #999999;
}


/* Layout */


#main {

	width:1000px;
	margin: 0px auto 0px auto;

}

#RandOben {

	width:1000px;
	height: 34px;
	background-image:url(../_images/BBA_RandOben.jpg);
	background-position: left  bottom;
	background-repeat:no-repeat;

}

#RandMitte {

	width:1000px;
	height: auto;
	background-image: url(../_images/BBA_Mitte.jpg);
	background-position: left;
	background-repeat: repeat-y;
	float: left;

}


#RandUnten {

	width:1000px;
	height: 23px;
	background-image:url(../_images/BBA_RandUnten.jpg);
	background-position: left  top;
	background-repeat:no-repeat;
	float: left;
}


#Head {

	width:950px;
	height: 106px;
	float: left;
	margin-left: 25px;
}

#Navigation {

	width:950px;
	height: 24px;
	float: left;
	margin-left: 25px;
	background-color:#FFF;
	background-image:url(../_images/BBA_Navi_Inaktiv.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}


#BalkenOben {

	width: 950px;
	height: 24px;
	float: left;
	margin-left: 25px;
	background-image:url(../_images/BBA_Allgemein_oben.jpg);
	background-position: left top;
	background-repeat:no-repeat;
}



#MitteContainer {

	width: 950px;
	height: auto;
	float: left;
	margin-left: 25px;
	background-image: url(../_images/BBA_Allgemein_links_hg.jpg);
	background-position: left top;
	background-repeat: repeat-y;
	background-color:#FFF;
}



#RubrikenbalkenLinks {

	width: 117px;
	height: 381px;
	float: left;
	margin-left: 0;
	background-image: url(../_images/BBA_Allgemein_links.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

#HauptSpalte {

	width: 477px;
	height: auto;
	float: left;
	margin-top: 20px;
	background-color:#FFF;

}

#RechteSpalte {

	width: 260px;
	height: auto;
	float: left;
	margin-left: 62px;
	margin-top: 20px;
	background-color:#FFF;

}

#AbschlussRubrikenbalken {

	width: 950px;
	height: 13px;
	float: left;
	margin-left: 25px;
	background-image: url(../_images/BBA_Allgemein_links_unten.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

#Foot {

	width: 950px;
	height: 26px;
	float: left;
	margin-left: 25px;
	margin-top: 9px;
	background-image: url(../_images/BBA_Foot_hg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
        text-align:center;
	padding-top: 5px;

}



/* - - - - - - - - - - - - - -  Standard Liste - - - - - - - - - - - - - -  */

#MitteContainer ul {

	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#MitteContainer ul li {

	margin: 0px;
	padding: 0px;
	padding-left: 14px;
	padding-bottom: 5px;
	background-image:url(../_images/standard_listenpunkt.gif);
	background-repeat:no-repeat;
	background-position: 0px 5px;
}




/* - - - - - - - - - - - - - - Navigation - - - - - - - - - - - - - -  */


/* Basiseinstellungen */

#Navigation ul {
	float: left;
	width: 950px;
	list-style: none;
	font-weight: bold;
	padding: 0;
	border: none;
	margin: 0;
}

/* - - - - - - - - - - - - - - - - - - - - -  Farbige Hintergruende Submenus - - - - - - - - - - - - - - - - - - - - -   */

/* ------------ 
Farben
Hellgruen: #99CCB2
Grau: #CCCCCC
Gelb: #FFFF00
Orange: #FF9933
Rot: #FF3333
Blau: #3399CC
Hellgruen satt: #66CC33


----------- */

#Navigation ul li.Allgemein ul a  {
background-color: #99CCB2;
}

#Navigation ul li.Beratung ul a  {
background-color: #CCCCCC;
}

#Navigation ul li.Klima ul a  {
background-color: #FFFF00;
}

#Navigation ul li.Elektrosmog ul a  {
background-color: #FF9933;
}

#Navigation ul li.Boden ul a  {
background-color: #FF3333;
}

#Navigation ul li.Material ul a  {
background-color: #3399CC;
}

#Navigation ul li.Gesundheit ul a  {
background-color: #66CC33;
}

/* - - - - - - - - - - - - - - - - - - - - -  Tag Basics - - - - - - - - - - - - - - - - - - - - -   */


#Navigation ul li a {
	display: block;
	width: 119px;
        height: 24px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0;
	text-indent: -999em;
}




#Navigation ul li a:hover, #Navigation ul li a#current, #Navigation ul li:hover > a  {
	background-image:url(../_images/BBA_Navi_Aktiv.jpg);
}

#Navigation ul li.Allgemein a:hover, #Navigation ul li.Allgemein a#current, #Navigation ul li.Allgemein:hover > a {
	background-position: 0px 0px;
}

#Navigation ul li.Beratung a:hover, #Navigation ul li.Beratung a#current, #Navigation ul li.Beratung:hover > a {
	background-position: -119px 0px;
}

#Navigation ul li.Klima a:hover, #Navigation ul li.Klima a#current, #Navigation ul li.Klima:hover > a {
	background-position: -238px 0px;
}

#Navigation ul li.Elektrosmog a:hover, #Navigation ul li.Elektrosmog a#current, #Navigation ul li.Elektrosmog:hover > a {
	background-position: -357px 0px;
}

#Navigation ul li.Boden a:hover, #Navigation ul li.Boden a#current, #Navigation ul li.Boden:hover > a {
	background-position: -476px 0px;
}

#Navigation ul li.Material a:hover, #Navigation ul li.Material a#current, #Navigation ul li.Material:hover > a {
	background-position: -595px 0px;
}

#Navigation ul li.Gesundheit a:hover, #Navigation ul li.Gesundheit a#current, #Navigation ul li.Gesundheit:hover > a {
	background-position: -714px 0px;
}


#Navigation ul li li a:hover, #Navigation ul li li a#current {
	background-image: none;
}


#Navigation li {
	float: left;
	padding: 0;
	width: 119px;
}

/* - - - - - - - - - - - - - - - - - - - - -  Zweite Stufe - - - - - - - - - - - - - - - - - - - - -   */


#Navigation li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 111px;
	w\idth: 111px;
	font-weight: normal;
	border: none;
	margin: 0;
	padding-top: 0px;
}

#Navigation li li {
	padding-right: 1em;
	width: 180px;
}

#Navigation li ul a {
	width: 180px;
	w\idth: 180px;
	text-indent: 0em;
	padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 10px;

}

#Navigation li ul a:hover {
	color: #666666;

}

#Navigation li.Allgemein a, #Navigation li.Beratung a, #Navigation li.Klima a  {
       color: #666666;
}

#Navigation li.Allgemein a:hover, #Navigation li.Beratung a:hover, #Navigation li.Klima a:hover  {
       color: #000000;
}



#Navigation li ul ul {
	margin: 0;
}

#Navigation li:hover ul ul, #Navigation li:hover ul ul ul, #Navigation li.sfhover ul ul, #Navigation li.sfhover ul ul ul {
	left: -999em;
}

#Navigation li:hover ul, #Navigation li li:hover ul, #Navigation li li li:hover ul, #Navigation li.sfhover ul, #Navigationli li.sfhover ul, #Navigation li li li.sfhover ul {
	left: auto;
}

#Navigation li:hover, #Navigation li.sfhover {
	background: none;
}



/* ALT */

/* ------------------------ Menu CSS-Popup by grafikschmid.ch ------------------------ */

/* ------------ Navi Boxen generell ----------- 

#Navigation {
position:relative;
z-index:100;
}
/* punkte loeschen, padding und margin auf null setzen 
#Navigation ul {
padding:0;
margin:0;
margin-left: 0px;
list-style-type:none;
background-color:#C99;
}
/* 1. Stufe horizontal anzeigen 
#Navigation li {
float:left;
width:119px;
height:24px; 
position:relative;
margin-right:0px;
background-color: #0CF;
}
/* breite 2. Stufe UL 
#Navigation ul ul {
width:180px;
margin-top:0px;
margin-left: 0px;
}

/* Position 3. Stufe 
#Navigation ul ul ul {
left:181px; 
top:0px;
width:172px;
} 


/* ------------ Navi Boxen a-tags ----------- 

#Navigation a {
display:block;
width:111px; 
height:24px; 
padding-left:8px;
}

#Navigation ul ul a {
height: auto;
width:171px; 
margin-top:0px;
}

/* ------------ Linien ----------- 

/* 1. Stufe 
#Navigation ul a {
border-right: none;
}
/* 2. Stufe 
#Navigation ul ul a {
border: none;
}


/* ------------ Ein-/Ausblenden ----------- */

/* Substuven verbergen und Hoehe einstellen um Versatzu zu verhindern 
#Navigation ul ul {
visibility:hidden;
position:absolute;
height:0;
top:24px;
left:0px; 
}


/* 2. Stufe sichtbar machen 
#Navigation ul li:hover ul,
#Navigation ul a:hover ul {
visibility:visible; 
}
/* 3. Stufe unsichtbar bei Mousover 1. Stufe 
#Navigation ul :hover ul ul {
visibility:hidden;
}

/* 3. Stufe sichtbar bei Mousever 2. Stufe 
#Navigation ul :hover ul :hover ul { 
visibility:visible;
}






/* ------------ Navi Farben, Schrift ----------- 

#Navigation a, #Navigation a:link, #Navigation a:visited, #Navigation a:active  {
font-size: 13px;
color: #999999;
text-decoration: none;
border-bottom:none;
padding-top: 0px;
padding-left: 10px;
}

#Navigation ul ul a, #Navigation ul ul a:link, #Navigation ul ul a:visited, #Navigation ul ul a:active  {
color: #666666; 
}

#Navigation a:hover, #Navigation ul ul a:hover, #Navigation :hover > a, #Navigation ul ul :hover > a {
color: #0369B3;
text-decoration: none;
border-bottom:none;
}

#Navigation ul ul a:hover {
text-decoration: none;
border-bottom:none;
}

#hauptnavi a.current, #hauptnavi ul ul a.current, #hauptnavi ul ul ul a.current {
color: #FFFFFF;
border-bottom:none;
} 

/* ------------ Backgrounds ----------- */

/* ------------ 
Farben
Hellgruen: #99CCB2
Grau: #CCCCCC
Gelb: #FFFF00
Orange: #FF9933
Rot: #FF3333
Blau: #3399CC
Hellgruen satt: #66CC33


----------- 

#Navigation a, #Navigation a:link, #Navigation a:visited, #Navigation a:active  {
background-image:url(../_images/BBA_Navi_Inaktiv.jpg);
background-position: left top;
background-repeat: no-repeat;
text-indent: -4000px;
}

#Navigation a:hover  {
background-image:url(../_images/BBA_Navi_Aktiv.jpg);
}

#Navigation ul ul a, #Navigation ul ul a:link, #Navigation ul ul a:visited, #Navigation ul ul a:active  {
background-image: none;
text-indent: 0px;
}

#Navigation ul ul a:hover  {
background-image: none;
}


#Navigation a.Allgemein  {
background-position: 0px;
}

#Navigation a.Beratung  {
background-position: -119px;
}

#Navigation a.Klima  {
background-position: -238px;
}

#Navigation a.Elektrosmog  {
background-position: -357px;
}

#Navigation a.Boden  {
background-position: -476px;
}

#Navigation a.Material  {
background-position: -595px;
}

#Navigation a.Gesundheit  {
background-position: -714px;
}

/* BG zweite Stufe 

#Navigation ul ul a.Allgemein  {
background-color: #99CCB2;
}

#Navigation ul ul a.Beratung  {
background-color: #CCCCCC;
}

#Navigation ul ul a.Klima  {
background-color: #FFFF00;
}

#Navigation ul ul a.Elektrosmog  {
background-color: #FF9933;
}

#Navigation ul ul a.Boden  {
background-color: #FF3333;
}

#Navigation ul ul a.Material  {
background-color: #3399CC;
}

#Navigation ul ul a.Gesundheit  {
background-color: #66CC33;
}


 */