/* CSS Document */

@media screen{

/*
#inhalt {
position: absolute;
width: 684px;
margin-top: 15.6em;
background-color:#FFFFFF;
left: 50%;
margin-left: -267px;
z-index:1;
}
*/

#inhalt {
position: absolute;
width: 684px;
margin-top: 16.7em;
background-color:#FFFFFF;
left: 50%;
margin-left: -277px;
z-index:1;
}

#hauptnavigation {
    position: absolute;
	width: 1000px;
	clear: both;
	margin-top: 126px;
	margin-left: -500px;
	height: 17px;
    left: 50%;
}

#linke-spalte {
position: absolute;
width: 480px;
margin-top: 17.5em;
background-color:#FFFFFF;
left: 50%;
margin-left: -275px;
z-index:1;
padding: 0;
	
	
}

#rechte-spalte {
position: absolute;
width: 230px;
margin-top: 17.8em;
background-color:#FFFFFF;
left: 50%;
margin-left: 245px;
z-index:1;
padding: 0;


}

body #linker-layer {
	margin-left: 0em;
	padding: 0em 0em;
	margin-top: 8mm;
	position: absolute;
	width: 326px;
	top: -1px;
}
body #rechter-layer {
	margin-left: 340px;
	padding: 0em 0em;
	margin-top: 11mm;
	position: absolute;
	width: 326px;
	left: 14px;
	top: -1px;
}

/*
#navi-oben { 
position: absolute; 
width: 878px;
top: 9.1em; 
left: 50%;
margin-left: -500px;
background-color:#FFFFFF;
z-index:2;}
*/


#logo { 
position: absolute;
top: 2.95em; 
left: 50%;
margin-left: -470px; 
background-color:#FFFFFF;
z-index:4;}

/*
#slogan { 
position: absolute; 
top: 4.6em;
left: 50%;
margin-left: 272px; 
background-color:#FFFFFF;
z-index:1; }
*/

/*
#navi-seite { 
position: absolute;
width: 165px;
top: 15.45em; 
left: 50%;
margin-left: -486px;
background-color:#FFFFFF;
z-index:3;}
*/

#navi-seite {
	position:absolute;
	width:180px;
	top: 17.45em; 
    left: 50%;
    margin-left: -471px;
    background-color:#FFFFFF;
}



#telefon {
	position:absolute;
	width:350px;
	top: 34px; 
    left: 50%;
    margin-left: 105px;
	text-align: right;
}

.telefonnummer { 
	color: #008131; 
	font-family: Times New Roman,Georgia,Times; 
	font-weight:normal; 
	font-size:18px;
	}

.telefonzeit { 
	color:#000; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	line-height: 14px; 
	}
.navigation {
margin: 0;
}

.startbild { margin-top: 10px; margin-bottom: 18px;}
.abstand-links { margin-top: 4px; margin-left: 17px; margin-bottom: 9px;} 
.abstand-rechts { margin-top: 4px; margin-right: 17px; margin-bottom: 9px;} 
.abstand-unten {font-size: 8px;  line-height: 8px;}

.introhead {
	color: #008131;
	font-family: Times New Roman,Georgia,Times;
	font-weight:normal;
	font-size:24px;
	line-height: 28px;
}

.head {
	color: #006;
	font-family: Times New Roman,Georgia,Times;
	font-weight:normal;
	font-size:24px;
	line-height: 28px;
}


.zwischenhead { color:#006; font-size: 11px; line-height: 16px; font-weight:bold; margin-top: 0px; margin-bottom: 0px; }

#mitgliedschaften { 
position: absolute;
top: 123em; 
left: 50%;
margin-left: -465px;
background-color:#FFFFFF;
z-index:3;}


html, body, h1, h2, h3, h4 {
margin: 0;
padding: 0;
}

h1, h2, h3, h4, h5, h6, 
table {
   margin-bottom: 0.1em;
   margin-left: 0em;
}

h1, h2, h3, h4, h5, h6 { padding-top: 0.4em; }

}


body { height: 100%; color:#000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px;  
    background-image: url(../images/umweltbank-hintergrundbild.png);
	background-repeat: no-repeat;
	background-position: center top; 
	background-attachment: fixed;}
	
td { font-size: 11px; line-height: 16px; }

p { margin-bottom: 10px; margin-top: 10px; }

h1 { color: #006; font-family: Times New Roman,Georgia,Times; font-weight:normal; font-size:24px; line-height: 28px; }
h2 { color:#006; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; margin-bottom: 15px; }
h3 { color:#008131;	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; margin-bottom: 15px; }
h4 { color: #006; font-family: Times New Roman,Georgia,Times; font-weight:normal; font-size:18px; line-height: 28px; margin-bottom: 0px;}

.gruen { color: #008131; }
.rot { color: #FF0033; }
.blau { color: #006; }
.schwarz { color: #000; }
.sterne { color: #008131; font-size: 16px; vertical-align: -5px; }
.konditionen { color: #006; text-align:right; margin-right:3px }

a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; font-weight: bold; }
a:link { color: #008131; text-decoration: none; }
a:visited { color:#008131; text-decoration: none; }
a:focus { text-decoration: underline; }
a:hover { text-decoration: underline; }

.url { font-family: Verdana, Arial, Helvetica, sans-serif; display: block; font-size: 11px; line-height: 16px; margin-top: 7px; font-weight: bold; }
.url a:link { color: #008131; text-decoration: none; }
.url a:visited { color:#008131; text-decoration: none; }
.url a:focus { text-decoration: underline; }
.url a:hover { text-decoration: underline; }

.big { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; }
.big a:link { color: #008131; text-decoration: none; font-size: 17px; }
.big a:visited { color:#008131; text-decoration: none; font-size: 17px; }
.big a:focus { text-decoration: underline; font-size: 17px; }
.big a:hover { text-decoration: underline; font-size: 17px; }

.xs { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; font-weight: normal; }
.xs a:link { color: #008131; text-decoration: none; }
.xs a:visited { color:#008131; text-decoration: none; }
.xs a:focus { text-decoration: underline; }
.xs a:hover { text-decoration: underline; }

.headline {  color:#006; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; margin-bottom: 15px; }
.headline a:link {  color:#006; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; margin-bottom: 15px; }
.headline a:visited {  color:#006; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; margin-bottom: 15px; }
.headline a:focus { text-decoration: underline; }
.headline a:hover { text-decoration: underline; }

.ma img { margin-bottom: 14px; } /* unterer Abstand bei den Mitarbeiterfotos spart jeweils eine Tabellenzeile */

.links { margin-left: 17px; margin-bottom: 9px;} /*  Abstand bei Bildern */
.rechts { margin-right: 17px; margin-bottom: 9px;} /*  Abstand bei Bildern */

#kontakt { position: relative; margin: 20px 0 10em 0; } /* margin: Abstand zum umgebenden Text */

.textnormal { color:#000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

.f1 { background-color: #d8f9d2; padding: 8px; margin: 0; width: 314px; position: absolute; top: 0; left: 0; } /* hellgruener Fond fuer  I n f o r m a t i o n  */
.f2 { background-color: #e6e6fa; padding: 8px; margin: 0; width: 314px; position: absolute; top: 0; left: 354px; } /* hellblauer Fond fuer  B e r a t u n g  */

.f1 h2, .f2 h2 { margin: 0 0 2px 0; }
.f2 p { margin: 0 0 2px 0; }
.f1 p { margin: 0 0 2px 0; }

.tab20f { color: #000; font-weight: bold; margin-left: 20px; }  /* 20px Abstand nach links bei Servicetel.nr. */

.kl { font-size: 9px !important; line-height: 14px !important; }  /* kleiner link wie z.B. Aktienseite */
.kl_sup { font-size: 8px !important; line-height: 11px !important; margin-left:1px; }  /* Aktienseite - Fußnote */
.normal { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px !important; line-height: 14px !important; }
.co2 { font-size: 8px !important; line-height: 14px !important; }  /* Stil für Ziffer bei CO2 */
.klgruen { color:#008131; font-weight: bold; font-size: 9px !important; line-height: 14px !important; }  /* kleiner link wie z.B. Aktienseite */
.kl a { font-size: 9px !important; line-height: 14px !important; }  /* kleiner link wie z.B. Aktienseite */
.hgweiss { background-color: #FFFFFF; }

 /*NEU für Bilder mit Bildunterschrift */
.bildunterschrift { font-size: 9px !important; line-height: 11px !important; padding-top:20px;}
.bild_margin { margin-bottom: 5px;}