html {
 margin: 0;
 padding: 0;
}

body {
 font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
 margin: 0;
 padding: 0;
 color: black;
}

h1 {
 font-size: 175%;
 text-transform: uppercase;
 letter-spacing: 0.1em;
 padding: 1em 0 1em 0;
 margin: 0;
 color: black;
}

h2 {
 font-size: 133%;
 font-style: italic;
 letter-spacing: 0.1em;
 margin: 0;
 padding: 0 0 1em 0;
 color: black;
}

h3 {
 font-size: 100%;
 font-style: bold;
 margin: 0;
 padding: 0 0 0.5em 0;
 border-bottom: 1px dotted gray;
 color: gray;
}

h4 {
 font-size: 100%;
 margin: 0;
 color: solid gray;
}

p {
 line-height: 1.66;
}

a {
 text-decoration: none;
}

a:hover {
 text-decoration: underline;
}

strong {
 color: rgb(90%, 10%, 10%);
}

#navi_links h4 {
 padding: 1ex 0.7em 1ex 0;
 text-align: right;
 border-right: 3px double gray;
}

#navi_links ul {
 padding: 0;
 margin: 0;
 border-top: 1px solid gray;
 border-bottom: 1px solid gray;
}

#navi_links ul li {
 font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
 list-style: none;
 padding: 0 0.7em 0 0;
 border-right: 1px solid gray;
 line-height: 4ex;
 text-align: right;
}

.oben    { vertical-align:top; }
.mittig  { vertical-align:middle; }
.unten   { vertical-align:bottom; }