BODY
    {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 15px; PADDING-BOTTOM: 0px;
     MARGIN: 5px; COLOR: #000; PADDING-TOP: 0px; BACKGROUND-COLOR: ##FFFFDD
}
#maincontent
    {PADDING-RIGHT: 1em; PADDING-LEFT: 1em; PADDING-BOTTOM: 1em; MARGIN: 0px 0px 0px 240px;
     BORDER-LEFT: #ccc 2px none; PADDING-TOP: 1em; BACKGROUND-COLOR: #f7f7f7
}
H1 {
    {PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; PADDING-BOTTOM: 0.5em;
     FONT: 1.7em "trebuchet MS",Verdana,sans-serif; PADDING-TOP: 0.5em
}
H1 CODE
    {FONT-WEIGHT: bold; COLOR: #999
}

#navigation
    {LEFT: 7px; POSITION: absolute; TOP: 20px; BACKGROUND-COLOR: transparent
}
#navigation LI
    {PADDING-TOP: 5px; PADDING-LEFT: 0px; LIST-STYLE-TYPE: none; BACKGROUND-COLOR: transparent
}
#navigation UL
    {MARGIN:0 PADDING-TOP: 0px; BACKGROUND-COLOR: transparent;
}
#navigation A
    {PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px;
     MARGIN: 0px; FONT: bold 1em/12px sans-serif;
     PADDING-TOP: 15px;
     TEXT-ALIGN: left;
}
#navigation A:link
    {PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 5px;
     BACKGROUND: url(gruen b.gif) #FFFFDD no-repeat 0px 0px;
     PADDING-BOTTOM: 6px; WIDTH: 130px; COLOR: #000; PADDING-TOP: 7px;
     TEXT-DECORATION: none
}
#navigation A:link.red
    {PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 5px;
     BACKGROUND: url(rot b.gif) #FFFFDD no-repeat 0px 0px;
     PADDING-BOTTOM: 6px; WIDTH: 130px; COLOR: #000; PADDING-TOP: 7px;
     TEXT-DECORATION: none
}
#navigation A:link.yel
    {PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 5px;
     BACKGROUND: url(gelb b.gif) #FFFFDD no-repeat 0px 0px;
     PADDING-BOTTOM: 6px; WIDTH: 130px; COLOR: #000; PADDING-TOP: 7px;
     TEXT-DECORATION: none
}
#navigation A:visited
    {PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 5px;
     BACKGROUND: url(gruen b.gif) #FFFFDD no-repeat 0px 0px;
     PADDING-BOTTOM: 6px; WIDTH: 130px; COLOR: #000; PADDING-TOP: 7px;
     TEXT-DECORATION: none
}
#navigation A:visited.red
    {PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 5px;
     BACKGROUND: url(rot b.gif) #FFFFDD no-repeat 0px 0px;
     PADDING-BOTTOM: 6px; WIDTH: 130px; COLOR: #000; PADDING-TOP: 7px;
     TEXT-DECORATION: none
}
#navigation A:visited.yel
    {PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 5px;
     BACKGROUND: url(gelb b.gif) #FFFFDD no-repeat 0px 0px;
     PADDING-BOTTOM: 6px; WIDTH: 130px; COLOR: #000; PADDING-TOP: 7px;
     TEXT-DECORATION: none
}
#navigation A:hover
    {PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 5px;
     BACKGROUND: url(gruen b.gif) #FFFFDD no-repeat 0px -26px;
     PADDING-BOTTOM: 6px; WIDTH: 130px; COLOR: #000; PADDING-TOP: 7px;
     TEXT-DECORATION: none;
}
#navigation A:hover.red
    {PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 5px;
     BACKGROUND: url(rot b.gif) #FFFFDD no-repeat 0px -26px;
     PADDING-BOTTOM: 6px; WIDTH: 130px; COLOR: #000; PADDING-TOP: 7px;
     TEXT-DECORATION: none
}
#navigation A:hover.yel
    {PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 5px;
     BACKGROUND: url(gelb b.gif) #FFFFDD no-repeat 0px -26px;
     PADDING-BOTTOM: 6px; WIDTH: 130px; COLOR: #000; PADDING-TOP: 7px;
     TEXT-DECORATION: none
}
#navigation A:unknown
    {PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 5px;
     BACKGROUND: url(gruen b.gif) #FFFFDD no-repeat 0px -26px;
     PADDING-BOTTOM: 6px; WIDTH: 130px; COLOR: #000; PADDING-TOP: 7px;
     TEXT-DECORATION: none
}
#navigation A:unknown.red
    {PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 5px;
     BACKGROUND: url(rot b.gif) #FFFFDD no-repeat 0px -26px;
     PADDING-BOTTOM: 6px; WIDTH: 130px; COLOR: #000; PADDING-TOP: 7px;
     TEXT-DECORATION: none
}
#navigation A:unknown.yel
    {PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 5px;
     BACKGROUND: url(gelb b.gif) #FFFFDD no-repeat 0px -26px;
     PADDING-BOTTOM: 6px; WIDTH: 130px; COLOR: #000; PADDING-TOP: 7px;
     TEXT-DECORATION: none
}
#box {position:relative; top:0px; left:0px; z-index:3;}

#box a span {display:none;}

#box a:hover span {width:280px; color:black; background:#ff0;
     FONT: bold 1em/18px "trebuchet MS",Verdana,sans-serif;
     border:7px solid red; display:block; padding:15px;}
