BODY {
        font-family: Arial, Helvetica, Sans-Serif;
        background-color: #0000bb;
        color: white;
        font-size:1.0em;
}

em {font-family: "Times New Roman"
    }


td { border:1px solid #000bb;
     vertical-align:top;
     overflow:hidden;
   }


h1 {
    text-align: left;
    font-size: 1.7em;
    padding-top:0px;
   }

h2 {
   font-size:1.4em;
}

h3 {
    font-size:1.2em;
}

h4 {
    font-size:1.0em;
}

a:link {
    color:#00ff00;
}

a:visited {
    color: #ff0000;
}

a:active {
    color:#ffff80;
}

a:hover {
    color:#ffff80;
}

.q1 {
color: aqua;
}

.q2 {
color: lime;
}

.Kopfzeile {
        background-color: #0000BB;
        color: white;
        font-size:1.8em; /* Schriftgröße des normalen Textes */
        font-style: italic; /* Kursive Schrift */
        text-align: center; /* Text wird zentriert */
        margin-top: 0px; /* Abstand des Feldes von der Dokumentobergrenze */
        padding: 10px; /* Abstand des Textes von den Block-Grenzen */
        width: 100,01%; /* Breite des Feldes, kann in px oder % angegeben werden */
}

.lispa {
        float: left;  /* Feld soll am linken Rand fließen */
        width: 17em;
        background-color: #0000BB;
        color: white;
        font-size: 0.7em;
        padding: 0.5em;
        padding-top: 0em;
        margin-top: 30px;
        margin-left: 5px;
        margin-right: 5px;
}

.respa {
        background-color:#0000BB;
        color: white;
        font-size: 1.0em;
        line-height: 1.4em;
        padding: 0.5em;
}

.fusszeile {
        width:100,01%;
        background-color:#0000BB;
        color: white;
        text-align: center;
        font-size:0.8em;
        padding:10px;
}

.lyrik  {
        margin-left:250px;
}

/* Ab hier folgen die Definitionen für das Navigationsmenü */

/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout5.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */

.menu {
z-index:1000;
font-size:1.1em;
height:320px;
margin:0 0 0 0px; /* this page only */
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:165px;
position:relative;
border:1px solid #fff;
border-width:1px 1px 0 1px;
background:#0000bb;
}

.menu li {
background:transparent;
height:51px;
}
* html .menu li {margin-left:-16px; margin-lef\t:0;}
/* get rid of the table */
.menu table {position:absolute;
             border-collapse:collapse;
             top:0;
             left:0;
             z-index:100;
             font-size:1em;
             width:0;
             height:0;}

/* style the links */
.menu a, .menu a:visited {
display:block;
text-decoration:none;
height:50px;
line-height:25px;
width:165px;
color:white;
text-indent:5px;
border-bottom:1px solid #fff;
background:transparent;
}
/* style the link hover */
* html .menu a:hover {color:#fff; background:#999;}

.menu :hover > a {
color:#fff;
background:#999;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:-1px;
left:150px;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
background:#0000ff;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}

/*keep the fifth level hidden when you hover on third level list OR link */
.menu ul :hover ul :hover ul :hover ul ul{
visibility:hidden;
}


/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{
visibility:visible;
background:#0080ff;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {
visibility:visible;
background:#00a0ff;
}

/*make the fifth level visible when you hover over fourth level list OR link */
.menu ul :hover ul :hover ul :hover ul :hover ul {
visibility:visible;
background:#00c0ff;
}

.menu ul.top2 {top:50px;}
.menu ul.top3 {top:101px;}
.menu ul.top4 {top:152px;}
.menu ul.top5 {top:203px;}
.menu ul.top6 {top:254px;}
.menu ul.top7 {top:301px;}