* {
         margin: 0;
         padding: 0;
}
html, body {
         height: 100%;
         width: 100%;
}
#global {
         position: relative;
         font-family: sans-serif;
         height: 100%;
         width: 100%;
}
#head {
         background-color: #E357EA;
         height: 15%;
         margin-top: 0%;
         margin left: 0%;
}
#navigation {
         background-color: #ECB4EF;
         text: black;
         padding-left: 15%;
}
#text {
         text: black;
         margin-left: 15%;
         margin-right: 7%;
}
#title {
         font-size: 200%;
         padding-top: 3%;
}
#content {
         font-size: 100%;
         padding-top: 7%;
         padding-left: 7%;
         padding-bottom: 20%;
}
#fuss {
         position: relative;
         width: 100%;
         height: 20%;
         padding-top: 3%;
         padding-left: 22%;
         padding-bottom: 0%;
         background-color: #777777;
         color: #EEEEEE;
         font-size: 80%;
}
a:link {
         color: black;
         text-decoration: none;
}
a:hover {
         color: black;
         text-decoration: underline;
}
a:visited {
         color: black;
         text-decoration: none;
}
a:active {
         color: black;
         text-decoration: underline;
}
h1 {
         color: #EEEEEE;
         padding-top: 1%;
         padding-right: 3%;
}
h2 {
         color:#EEEEEE;
         padding-top: 0.5%;
         padding-right: 3%;
}