body {
    margin-left: 0px;
    margin-top: 1px;
    margin-right: 0px;
    margin-bottom: 1px;
    font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px;
}
a {color:#2A70B6}
a:hover {color:#009900}

a.mehr {font: normal 9px verdana, arial, helvetica, geneva; color:#2A70B6;}
a.mehr:hover {font: normal 9px verdana, arial, helvetica, geneva; color:#009900;}
td {  font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px}
#content { margin-right:5px; margin-top:5px; margin-bottom:5px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px}
#content h1 {color:#2A70B6; font: bold 14px arial, helvetica, verdana, geneva; margin:0px; padding:0px;}
.oekowerk {font: bold 16px verdana, arial, helvetica, geneva; color:#009900;margin-left:3px;}
h2 {font: bold 12px verdana, arial, helvetica, geneva; color:#2A70B6;margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px }
h3 {font: bold 14px verdana, arial, helvetica, geneva; color:#666666;}
div.bildunterschrift { margin-left:4px; font-family: Verdana, Arial, Helvetica,  sans-serif; font-size: 10px;color:#2A70B6;}
div.copy {  font-family: Verdana, Arial, Helvetica,  sans-serif; font-size: 10px;color:#009900;}
td.border_top {border-top: 1px solid #009900;}
td.border_bottom {border-bottom: 1px solid #009900;}
td.border_leftbottom {border-left: 1px solid #009900;border-bottom: 1px solid #009900;}

table.border {border: 2px solid #009900; }
table.border_u {border-left: 2px solid #009900;border-bottom: 2px solid #009900;border-right: 2px solid #009900;}

div.beispielhaft {float:right; border: 1px solid #666666; padding-left:10px;margin-left:10px;background-color:#f2f2f2; width:50%}
table.beispielrechnung {font: normal 11px arial, verdana, helvetica, geneva; color:#666666; background-color:#FFE6BF; border:1px dashed #666666;align:center;margin-right:10px;}
table.beispielrechnung td {font: normal 11px arial, verdana, helvetica, geneva; color:#666666;}
table.beispielrechnung td.beispielrechnung_ergebnis {font: normal 11px arial, verdana, helvetica, geneva; color:#009900;}
#ticker_zelle h1 {color:#2A70B6; font: normal 16px arial, helvetica, verdana, geneva; margin:7px 0px 0px 50px; padding:0px;}
#ticker_zelle a {text-decoration:none;}
div.adresse {color:#009900;height:30px;font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px;margin:0px 0px 0px 50px; }
div.trenn { clear:none; }
div.kontakt { border: 1px solid #009900; background-color:#E2F3E1; width:300px;padding:5px	}
a.infobox { color:#000000; font: bold 12px arial, helvetica, verdana, geneva; border-bottom: 1px dashed #009900; text-decoration:none; }
a.infobox:hover { cursor:help; }
a.infobox span {
    visibility:hidden;
    position:absolute;
    }
a.infobox:hover span {
    visibility:visible;
    border:1px solid #2A70B6;
    font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px;
    text-align:left;
    color:#2A70B6;
    margin-top:0px;
    padding:1em;
    width:250px;
    background:#FFFFFF;
}
    
/* Nach links ausgerichteter PoPUP */

a.infobox_left { color:#000000; font: bold 12px arial, helvetica, verdana, geneva; border-bottom: 1px dashed #009900; text-decoration:none; }
a.infobox_left:hover { cursor:help; }
a.infobox_left span {
    visibility:hidden;
    position:absolute;
}

a.infobox_left:hover span {
    visibility:visible;
    border:1px solid #2A70B6;
    font: normal 11px verdana, arial, helvetica, geneva;
    text-align:left;
    color:#2A70B6;
    margin-top:0px;
    padding:1em;
    width:250px;
    right:230px;
    background:#FFFFFF;
}

    

img.border {border: 1px solid #2A70B6}
img.border_double {border: 3px double #2A70B6;margin-left:3px}
.klein     {font: normal 9px tahoma, verdana, arial, helvetica, geneva; }

#content       { margin-top:20px; margin-left:5px; }

#navigation       {
                  position:relative; top:0px; left:0px;
                  width:120px; overflow:visible;margin-top:5px;margin-bottom:5px;z-index:1;
                  }

#navigation a{display: block;color:#E0F3DF; text-decoration:none; margin-bottom:5px; }
#navigation a.top{font: bold 12px arial, helvetica, verdana, geneva; letter-spacing:1px;display: block;color:#E0F3DF; text-decoration:none; padding-top:3px;  padding-bottom:3px; padding-left:10px;}
#navigation a.top:hover {font: bold 12px arial, helvetica, verdana, geneva; letter-spacing:1px;color:#2A70B6;display: block; text-decoration:none; padding-top:3px;  padding-bottom:3px; padding-left:10px;}
#navigation a.top_aktiv {background:#D5E4F4;font: bold 12px arial, helvetica, verdana, geneva; letter-spacing:1px;display: inline;color:#2A70B6; text-decoration:none; padding-top:3px;  padding-bottom:3px; position:relative; left:-10px;border: 1px solid #009900; padding-left:2px; padding-right:2px;}
#navigation a.sub{white-space:nowrap;font: normal 11px arial, helvetica, verdana, geneva;color:#009900; text-decoration:none; margin-bottom:5px; padding-left:2px; padding-right:2px;}
#navigation a.sub:hover, #navigation a.sub_aktiv {font: normal 11px arial, helvetica, verdana, geneva;color:#2A70B6; text-decoration:none; margin-bottom:5px; padding-left:2px; padding-right:2px}

/* -------------------------- BEGIN do not change --------------------------- */

ul.dropdown
{
    list-style: none;
    margin:0;
    padding:0;
}

ul.dropdown li
{
        position: relative;
        padding: 1px 0px 1px 0px; /* 1px 0px 1px 0px; helps Opera with hover - do not remove! */
}


ul.dropdown a
{
    /* display:block;*/
}

ul.dropdown ul.popup, ul.dropdown ul ul, ul.dropdown ul ul ul
{
    display:none;
    list-style: none;
    position:absolute;
    margin:0px;
    padding:0px;
    top:0px;
    left:120px;
   border: 1px solid #009900;
   background:#D5E4F4;
   width:120px;
}

ul.dropdown li:hover ul ul, ul.dropdown li:hover ul ul ul
{
    display:none;
}

ul.dropdown li:hover ul, ul.dropdown ul li:hover ul, ul.dropdown ul ul li:hover ul
{
    display:block;
}

/* -------------------------- END do not change --------------------------- */

ul.dropdown li ul.active
{
    display:block;
    position:relative;
    list-style: none;
    margin:0px;
    margin-bottom:3px;
    padding: 0px;
    top:3px;
    left:-10px;
   border: 1px solid #009900;
   background:#D5E4F4;
   width:127px;
   overflow:visible;
}
