* {
margin: 0;
padding: 0;
}
/* TAGs */
BODY {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
color: #f00;
background: #e5e5e5;
background-image:url(../00_img/background.gif);
background-repeat:repeat-y;
}
H1 {
font: normal 1.8em Georgia, 'Times New Roman', serif;
color: #00607f;
margin: 20px 0 10px 0;
}
H2 {
font: normal 1.3em Georgia, 'Times New Roman', serif;
color: #00607f;
margin: 15px 0px 0px 0px;
}
H3 {
font-size: 1em;
font-weight: normal;
}
P {
font-size: 0.80em;
padding: 0px 10px 0px 0px;
margin: 0px 0px 0px 0px;
}
A {
color:#bd0642;
text-decoration:none;
}
A:hover {
color: #7fa108;
text-decoration:underline;
}


/* IDs */
#area_11 {
color: #000;
width: 1000px;
background-image:url(../00_img/background.gif);
background-repeat:repeat-y;
}
#area_21 {
width: 1010px;
height: 140px;
background-image:url(../00_img/background-header.gif);
background-position: right;
}
#area_31 {
width: 300px;
height: 140px;
color: #fff;
background: #8dc637;
}
#area_41 {
margin-left: 310px;
margin-top: 187px;
color: #000;
line-height: 1.2em; /* to avoid the peekaboo bug */
}
p.footer-inside {
margin-bottom: 20px;
padding-top: 5px;
clear: both;
height: 28px;
border-top: 1px solid #8dc637;
}
p.footer-outside {
clear: both;
padding-top: 5px;
padding-left: 10px;
height: 28px;
border-top: 1px solid #ebebeb;
color:#999999;
}
p.footer-outside A {
color:#999999;
text-decoration:underline;
}
p.footer-outside A:hover {
color: #7fa108;
text-decoration:none;
}
p.flagg-de {
position: absolute;
top: 125px;
left: 230px;
width: 16px;
height: 11px;
}
p.flagg-us {
position: absolute;
top: 125px;
left: 257px;
}
p.img-lga {
position: absolute;
top: 20px;
left: 320px;
width: 173px;
height: 80px;
}
p.img-uwp {
position: absolute;
top: 20px;
left: 513px;
}
p.img-vbs {
position: absolute;
top: 20px;
left: 605px;
}
p.img-oekoportal {
position: absolute;
top: 25px;
left: 870px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
text-align:right;
}
p.breadcrumb {
position: absolute;
top: 122px;
left: 310px;
}
p.breadcrumb A {
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 13px;
font-size:10px;
background-image:url(../00_img/arrow_weiss.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
}
p.img-head {
position: absolute;
margin: 0;
padding: 0;
top: 140px;
left: 300px;
}
#area_61 {
margin-bottom: 20px;
padding: 0px 0px 0px 10px;
float: right;
width: 320px;
color: #000;
}
#area_71 {
margin-right: 340px;
margin-bottom: 40px;
color: #000;
background: none;
border-right: 1px solid #e0e0df;
}




/* Definition TAGs rechte Spalte */

#area_61 H1 {
font: normal 1.8em Georgia, 'Times New Roman', serif;
color: #00607f;
margin: 0px 0 10px 0;
}
#area_61 H2 {
font: normal 1.3em Georgia, 'Times New Roman', serif;
color: #00607f;
margin: 15px 0px 0px 0px;
}
#area_61 H3 {
font-size: 1em;
font-weight: normal;
}
#area_61 P {
font-size: 0.80em;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#area_61 IMG {
margin: 3px 0px 3px 0px;
padding: 0px 0px 0px 0px;
}




/* Navigation */

#area_51 {
position: absolute;
top: 140px;
left: 0;
width: 300px;
color: #000;
background-image:url(../00_img/background-navi.gif); 
}

/* Navigation - erste Ebene */

#area_51 UL {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
list-style-type:none;
}
#area_51 UL LI{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 100%;
font-size: 12px;
font-weight:bold;
line-height: auto;
display: inline;
}
#area_51 UL LI A {
padding: 5px 0px 5px 25px;
margin: 0px 0px 0px 0px;
display: block;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
line-height: 18px;
text-decoration:none;
color: #7fa108;
border: none;
background-image:url(../00_img/arrow_gruen.gif);
background-repeat:no-repeat;
background-position:left;
}
#area_51 UL LI A:hover  {
background-color:#FFFFFF;
display:block;
}
#area_51 UL LI A:active  {
background-color:#FFFFFF;
display:block;
}

/* Navigation - zweite Ebene */

#area_51 UL LI UL {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
list-style-type:none;
background: #ebebeb;
background-image:url(../00_img/background-navi-2.gif);
}
#area_51 UL LI UL LI{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 100%;
font-size: 12px;
font-weight:bold;
line-height: auto;
display: inline;
background:none;
}
#area_51 UL LI UL LI A {
padding: 5px 0px 5px 35px;
margin: 0px 0px 0px 0px;
display: block;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 18px;
text-decoration:none;
color: #000000;
border: none;
background-image:url(../00_img/arrow_gruen-2.gif);
background-repeat:no-repeat;
background-position:left;
}
#area_51 UL LI UL LI A:hover {
background-color: #FFFFFF;
display:block;
}
#area_51 UL LI UL LI A:active {
background-color: #FFFFFF;
display:block;
}

/* Navigation - dritte Ebene */

#area_51 UL LI UL LI UL {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
list-style-type:none;
background: #FFFFFF;
background-image:url(../00_img/background-navi-3.gif);
}
#area_51 UL LI UL LI UL LI{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 100%;
font-size: 12px;
font-weight:bold;
line-height: auto;
display: inline;
background:none;
}
#area_51 UL LI UL LI UL LI A {
padding: 5px 0px 5px 45px;
margin: 0px 0px 0px 0px;
display: block;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 18px;
text-decoration:none;
color: #000000;
border: none;
background-image:url(../00_img/arrow_gruen-3.gif);
background-repeat:no-repeat;
background-position:left;
}
#area_51 UL LI UL LI UL LI A:hover {
background: #ebebeb;
display:block;
}
#area_51 UL LI UL LI UL LI A:active {
background: #ebebeb;
display:block;
}