body  /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen,
um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
{margin: 0; padding: 0;
}
body,table,tr,td,p {
font-family: Arial, Verdana, Helvetica, "sans-serif";
font-size:10pt;
font-weight: normal;
color:#003300;
vertical-align:top;
}

body {
background: #cccc99;
background-attachment: fixed;
}


table {
border: 2pt solid;
border-color:#cccccc;
background: #ffffcc;

}


h1{
 font-family: Arial, Verdana, Helvetica, "sans-serif";
 font-size: 30pt;
 font-weight: normal;
 color: #003300;
 align: center;
}

h2{
font-family: Arial, Verdana, Helvetica, "sans-serif";
font-size: 24pt;
font-weight: normal;
color: #003300;
}

h3{
font-family: Arial, Verdana, Helvetica, "sans-serif";
font-size: 18pt;
font-weight: normal;
color: #003300;
}

h4{
font-family: Arial, Verdana, Helvetica, "sans-serif";
font-size: 14pt;
font-weight: normal;
color: #003300;
}

hr {
color: #003300;
}
a {
 font-family: Arial, Verdana, Helvetica, "sans-serif";
 font-size: 10pt;
 text-decoration: none;
 font-weight: normal;
}

a:visited {color:#003300;}
a:active {color:#669966;}
a:hover {color:#003300; text-decoration: underline;}


#aktualisiert {font-size: 8pt; color: #003300; text-align: right;}
#small {font-size: 9pt;}
#smaller {font-size: 8pt;}
#mini {font-size: 7pt;}
#larger  {font-size: 12pt;}
.rundum {border: 1pt solid; padding: 3pt;}
.links {text-align: left;}
.rechts {text-align: right;}
.zentriert {text-align: center;}
.mittig {vertical-align: middle;}
.unten {vertical-align: bottom;}
.eng {line-height:120%;}



#menu {
        width: 100%;
        height: 50px;
        margin: 40px auto;
        font-family: Arial, Verdana, Helvetica, "sans-serif";
        background: #ffffcc;
        box-shadow: 0 0 10px #aaa;
}

#menu a {
        color: #003300;
        text-decoration: none;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
}

#menu .inhalt {
        width: 900px;
        margin: 0 auto;
}

#menu .inhalt ul {
        position: absolute;
        margin: 0 auto;
        list-style: none;
}

#menu .inhalt ul li {
        float: left;
        margin: 0 0 0 20px;
        padding: 0 10px;
        font-size: 14px;
        font-weight: bold;
        line-height: 50px;
}

#menu .inhalt>ul>li:hover {
        height: 50px;
        margin-top: -5px;
        background: #eee;
        border-top: 5px solid #cccc99;
        box-shadow: 0 0 5px #aaa;
}

#menu .inhalt ul li img {
        float: left;
        width: 16px;
        height: 16px;
        margin: 11px 5px ;
        padding: 6px;
        background: #669999;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
}

#menu .inhalt ul li ul {
        top: -9999px;
        min-width: 200px;
        background: #eeeeee;
        background: -moz-linear-gradient(top,  #eeeeee 0%, #ffffff 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#ffffff));
        background: -webkit-linear-gradient(top,  #eeeeee 0%,#ffffff 100%);
        background: -o-linear-gradient(top,  #eeeeee 0%,#ffffff 100%);
        background: -ms-linear-gradient(top,  #eeeeee 0%,#ffffff 100%);
        background: linear-gradient(top,  #eeeeee 0%,#ffffff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
        padding: 0;
        margin: 0 0 0 -10px;
        box-shadow: 0 1px 5px #ccc;
}

#menu .inhalt ul li:hover ul {
        top: 50px;
}

#menu .inhalt ul ul li {
        float: none;
        font-size: 14px;
        padding: 10px 20px;
        text-align: left;
        margin: 0;
        border-bottom: 1px solid #cccccc;
        line-height: 20px;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
}

#menu .inhalt ul ul li:hover {
        background: #cccccc;
        color: #003300;
}

#menu .inhalt ul ul li a {
        display: block;
}

#menu .inhalt ul ul li a:hover {
        color: #003300;
}

#menu li ul li ul {
        position: absolute;
        left: -9999px;
}

#menu .inhalt ul ul li:hover ul {
        left: 100%;
        top: auto;
        margin-top: -20px;
}