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

header {
margin:1cm;
padding: 2cm;
 color: #FFcc00;
 text-decoration: None;
 background: #000033;
 background: linear-gradient(to right, #000033, #000099);
}

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


   p {
        margin-bottom: 10;
         margin-top: 10;
        -ms-hyphens: none;
        -webkit-hyphens: none;
        hyphens: none;
        text-align: justify;
      }
      .trennung {
        margin-bottom: 10;
        margin-top: 10;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
      }




<style>
/* Navigation */

ul#navigation, ul#navigation ul {
 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: 225px;
 line-height: 40px;
 text-align: Center;
 color: #FFCC00;
 text-decoration: None;
 background-color: #000033;
 background: linear-gradient(to left, #000033, #003366);
 border: 1px Solid #cccccc;
 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;
}


</style>