body {
 color: #FFFFFF;
 text-decoration: None;
 background: #666666;
 background: linear-gradient(to right, #666666, #cccccc);
}

cmunbi-bx-rm-ti

@font-face { font-family: 'chancery';
             src: url('./ChanceryRegular.ttf') format('truetype'); }

@font-face { font-family: 'scriptuamea';
             src: url('./cmunrm.ttf') format('truetype'); }
@font-face { font-family: 'scriptuamea';
             src: url('./cmunti.ttf') format('truetype');
             font-style: italic; }
@font-face { font-family: 'scriptuamea';
             src: url('./cmunbx.ttf') format('truetype');
             font-weight: bold; }
@font-face { font-family: 'scriptuamea';
             src: url('./cmunbi.ttf') format('truetype');
             font-weight: bold;
             font-style: italic; }


div {
margin: 1cm;
padding: 5;
}

header {
padding: 2cm;
 color: #FFCC00;
 text-decoration: None;
 background: #003366;
 background: linear-gradient(to right, #000033, #003366);
}
cmunbi-bx-rm-ti

@font-face { font-family: 'chancery';
             src: url('./ChanceryRegular.ttf') format('truetype'); }

@font-face { font-family: 'scriptuamea';
             src: url('./cmunrm.ttf') format('truetype'); }
@font-face { font-family: 'scriptuamea';
             src: url('./cmunti.ttf') format('truetype');
             font-style: italic; }
@font-face { font-family: 'scriptuamea';
             src: url('./cmunbx.ttf') format('truetype');
             font-weight: bold; }
@font-face { font-family: 'scriptuamea';
             src: url('./cmunbi.ttf') format('truetype');
             font-weight: bold;
             font-style: italic; }

corpus {
 color: #FFCC00;
 text-decoration: None;
 background: #003366;
 background: linear-gradient(to right, #000033, #003366);
}

      p {font-family: scriptuamea, helvetica, sans-serif;
        font-size: 2em;
        -ms-hyphens: none;
        -webkit-hyphens: none;
        hyphens: none;
        max-width: 50em;
        text-align: justify;}
    .trenn {-ms-hyphens: auto;-webkit-hyphens: auto; hyphens: auto;}
    .cit {font-size: 1.5em;}
    .ueb1 {font-size: 3em;}
    .deu {font-size: 1.5em; font-style: italic;}

table {	font-family: scriptuamea, helvetica, sans-serif; font-size: 2em;}



<style>

/* Navigation */


ul#navigation, ul#navigation ul {
align-content: center;
 margin: 0;
 padding: 0;
 list-style-type: None;
 height: 42px;
}

ul#navigation li {
 float: Left;
 width: 170px;
 position: Relative;
}

ul#navigation li a {
 display: Block;
 width: 149px;
 line-height: 40px;
 text-align: Center;
 color: #FFCC00;
 text-decoration: None;
 background-color: #ABC7E0;
 background: linear-gradient(to left, #000066, #006699);
 border: 1px Solid #FFFFFF;
 border-bottom: 0;
 border-radius: 10px;
 box-shadow: 1px 1px 3px 1px #C0C0C0;
}

ul#navigation li a:hover,
 ul#navigation li a:active {
 color: #000000;
 cursor: Pointer;
}

ul#navigation li ul {
 display: None;
 position: Absolute;
 left: 0px;
 top: 31px;
 z-index: 100;
}

ul#navigation li:hover > ul,
 ul#navigation li:active > ul {
 display: Block;
}

ul#navigation li ul a {
 background-color: #184975;
}

h1, p {
 clear: Left;
}

a {
color: #ffffff;
text-decoration: none;
}

footer {
 color: #FFFFFF;
 text-decoration: None;
 background: #666666;
 background: linear-gradient(to right, #666666, #cccccc);
}

/* Tooltip */

.tooltip {
   cursor: help;
  position: relative;

}


.tooltip span[rel=tooltip] {
  display:none;

}

.tooltip:hover span[rel=tooltip] {
    display: block;
    position: absolute;
    bottom: 1.5em;
   left: -3em;
    width: 35em;
    padding: 0.5em;
    z-index: 100;
    color: #ffffff;
    background-color: #000000;
    border: solid 2px #cc0000;
    border-radius: 0.2em;

}


</style>