<style>
A:visited
{
    COLOR: black;
    FONT-FAMILY: Arial, Tahoma2, Verdana
}
A:active
{
    COLOR: black;
    FONT-FAMILY: Arial, Tahoma2, Verdana
}
A:link
{
    COLOR: black;
    FONT-FAMILY: Arial, Tahoma2, Verdana;
}
BODY
{
    FONT-SIZE: 120%;
    BACKGROUND-IMAGE: url(/_styles/img/seiten_schatten.gif);
    MARGIN-LEFT: 30px;
    COLOR: black;
    FONT-FAMILY: Arial, Tahoma2, Verdana;
    scrollbar-arrow-color: #FFF7DF;
    scrollbar-darkshadow-color: #000000;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-face-color: black;
    scrollbar-3dlight-color: black;
}
TD.Schatten
{
    background-color:silver; 
}
.collapsed
{
    DISPLAY: none
}
.expanded
{
}
TABLE
{
    BORDER-RIGHT: 1px;
    BORDER-TOP: 1px;
    FONT-SIZE: 100.01%;
    BORDER-LEFT: 1px;
    BORDER-BOTTOM: 1px;
    FONT-FAMILY: Arial, Tahoma2, Verdana;
    bordercolorlight: yellow;
    bordercolordark: red;
    bgcolor: orange;
    wigth: 100%
}
TD
{
    FONT-SIZE: 100.01%;
    bordercolorlight: green;
    bordercolordark: red;
    bgcolor: orange;
    valign: top
}
H1
{
    BORDER-RIGHT: thick;
    BORDER-TOP: thick;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 14pt;
    BORDER-LEFT: thick;
    COLOR: black;
    BORDER-BOTTOM: thick;
    FONT-FAMILY: Arial, Tahoma2, Verdana
}
H2
{
    FONT-SIZE: 12pt;
    COLOR: black;
    FONT-FAMILY: Arial, Tahoma2, Verdana
}
H3
{
    FONT-SIZE: 11pt;
    COLOR: black;
    FONT-STYLE: italic;
    FONT-FAMILY: Arial, Tahoma2, Verdana
}
H4
{
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: Arial, Tahoma2, Verdana
}
H5
{
    FONT-SIZE: 7pt;
    COLOR: black;
    FONT-STYLE: italic;
    FONT-FAMILY: Arial, Tahoma2, Verdana
}
H6
{
    FONT-SIZE: 6pt;
    COLOR: black;
    FONT-FAMILY: Arial, Tahoma2, Verdana
}
OL
{
    LIST-STYLE-TYPE: circle
}
UL
{
    LIST-STYLE: circle url(/_styles\listenfeld.gif) outside;
    VERTICAL-ALIGN: super
}
HR
{
}



nav.topmenu { 
    height: auto; 
    max-height:0; 
    overflow: hidden; 
    transition: all 0.5s;
}


label.hamburg { 
   display: block;
   background: #555; width: 75px; height: 50px; 
   position: relative; 
   margin-left: auto; margin-right: auto;
   border-radius: 4px; 
}

input#hamburg {display:none}
.line { 
   position: absolute; 
   left:10px;
   height: 4px; width: 55px; 
   background: #fff; border-radius: 2px;
   display: block; 
   transition: 0.5s; 
   transform-origin: center; 
}

.line:nth-child(1) { top: 12px; }
.line:nth-child(2) { top: 24px; }
.line:nth-child(3) { top: 36px; }

#hamburg:checked + .hamburg .line:nth-child(1){
   transform: translateY(12px) rotate(-45deg);
}

#hamburg:checked + .hamburg .line:nth-child(2){
   opacity:0;
}

#hamburg:checked + .hamburg .line:nth-child(3){
   transform: translateY(-12px) rotate(45deg);
}
#hamburg:checked + .hamburg  + nav.topmenu { 
    max-height: 600px; 
}

</style>.
