body {
    margin: 0;
    font-family: helvetica,arial;
    background-color: #FFFFFF; 
}


p {
  color: #000000; 
  font-size:120%
}


ul,ol {
}


li a{
    font-size:200%
}

li a:link { color: #FFFFFF;}
li a:visited { color: #FFFFFF;}
li a:hover { background-color: #FFFFFF; color: #000000;}
li a:active { background-color: #000000; color: #FFFFFF;}


#logobox { 
    z-index: 2;
    position: absolute; 
    width: 100%; 
    border-bottom-width:5px;
    border-bottom-style:solid;
    border-color:black;
}

img{
    margin-left: 36%; 
}

#textbox{
    z-index: 1;
    position: absolute; 
    left: 25%; 
    width: 54%; 
    height: 100%;
    border-right-width:5px;
    border-right-style:solid;
    border-color:black;
}

 #textbox img{
  margin-left: 0em;
}

#textbox a:link { text-decoration:underline; color: #000000;}
#textbox a:visited { text-decoration:underline; color: #000000;}
#textbox a:hover { text-decoration:underline; color: #000000;}
#textbox a:active { text-decoration:underline; color: #000000;}

#textbox p{
  margin-top: 160px;
  margin-right: 5px;
  margin-left: 0em;
  font-size:130%
}

#bottombox{
    z-index: 0;
    position: absolute; 
    bottom: 0px;
    width: 100%;
    height: 15%; 
    border-top-width:5px;
    border-top-style:solid;
    border-color:black;
    background-color: #FFFFFF; 
}

#menubox { 
    z-index: 1;
    position: absolute; 
    width: 23%;
    height: 100%;
    border-right-width:5px;
    border-right-style:solid;
    border-color:black;
}

.menu {
    
    margin-left: 0em;                   /* braucht man, damit der graue Balken linksbuendig mit der Schrift der Contentbox anfaengt */
    margin-top: 150px;                          /* braucht man, damit der Balken am oberen Rand der umgebenden Box klebt */
    padding-left: 0em;                /* Padding: beschreibt den Abstand der Schrift zum Rand des grauen Balkens */
    padding-top: 5px; 
    padding-bottom: 100%; 
    list-style-type: none;
    word-spacing: 0.2em;                    /* Abstand zwischen den einzelnen Menuepunkten; Achtung: bricht in eine zweite Menuezeile um, wenn zu gross */
}

.menu li {
    font-size: 180%;
    text-align:right;
    background-color: #000000; 

}

.menu #selected{
    padding-right: 0.5em;
    background-color: #FFFFFF; 
    color: #000000;
}

.menu #blackbox{
    position: absolute; 
    background-color: #000000; 
    height: 39% ;
    width: 100%;
    bottom: 15%;
}

.menu a {
    font-size: 100%;
    text-decoration: none;
    color: #bd1111;
    padding-left: 0.1em;
    padding-right: 0.5em; 
}

.invisible {
    display: none;
}


p a:link { text-decoration:underline; color: #000000;}
p a:visited { text-decoration:underline; color: #000000;}
p a:hover { text-decoration:underline; color: #000000;}
p a:active { text-decoration:underline; color: #000000;}