html {margin:0; padding:0; height:100%}
body {margin:0; padding:60px 15px 15px 15px; font-family:sans-serif; height:100%}
.spacer {height: 100%; width: 1px; float: right;} 

div.title, div.navbar, body {
 color: white;
 background-color: #1020FF;
}

/* a { color:white; text-decoration:none; font-weight:bold; } */

div.title {
 position:fixed;
 top: 0px;
 left: 0px;
 width: 100%;
 height:80px;
}

div.title h1 
{
 text-align: center;
 font-size:120%;
}

div.title p 
{
 display: block;
 text-align: center;
 padding: 5px;
 font-size:12pt;
}


div.title p a
{
 margin-left: 10px;
 margin-right: 10px;
 padding: 5px;
}

div.title p a:link, div.title p a:visited
{   
    background-color:#0099ff;
    border-bottom:#003399 solid 1px;
    border-right:#003399 solid 1px;
    border-left:#99ccff solid 1px;
    border-top:#99ccff solid 1px;
    color:white;
    font-family:arial,helvetica,sans-serif;
    font-size:11px;
    font-weight:bold;
    letter-spacing: .5pt;
    padding:1px;
    text-decoration:none;
}

div.title p a:hover
{   
 background-color: #9999ff;
}

div.title p a:focus, div.title p a:active
{
 background-color: #059Aff;
 color: yellow;
}


div.navbar {
 position:fixed;
 top:80px;
 left:0px;
 width:100%;
 height:16px;
 font-size:14px;
 /*padding-top: 5%;*/
 padding-left: 5%;
 padding-right: 5%;
}

/* div.navbar[id] { position:fixed; } */

div.navbar a { 
 text-align:center;
 padding-top:1px;
 padding-bottom: 1px;
 padding-left:10px;
 padding-right:10px; 
}

/*div.navbar a:active, div.navbar a:focus 
{   border-bottom:#99ccff solid 1px;
    border-left:#003399 solid 2px;
    border-right:#99ccff solid 1px;
    border-top:#003399 solid 1px;
    letter-spacing: .3pt;
}*/

div.navbar a:link,div.navbar a:focus { color:white; text-decoration:none; font-weight:bold; }
div.navbar a:visited { color:white; text-decoration:none; font-weight:bold; }
div.navbar a:hover { color:#EE0000; text-decoration:none; background-color:#FFFF99; font-weight:bold; }
div.navbar a:active,div.navbar a:focus  { color:#0000EE; background-color:white; font-weight:bold; }


div.content
{
 background-color:white;
 color:black;
 position:fixed;
 top: 96px;
 left: 0px;
 width: 95%;
 height:85%;
 padding:1em;
 padding-right:2em;
 overflow:scroll;
}

div.content h2 a:active {visibility:visible;}

div.content h2 { padding-top:1em; }

p.Paragraph
{
 display: block;
 text-align:justify;
 margin-left:1em;
 padding-top:0.5em;
 /*padding-right:2em;
 padding-top:0.5em;
 padding-bottom:0.5em;*/
}

dl { padding-top:5px; padding-bottom:5px; } 

dl dt { font-weight:bold; padding-left:0.5em; }

dl dd { padding-left:1em; padding-bottom:5px; }

pre.Code 
{
 display:block;
 padding-top:0.5em;
 padding-bottom:0.5em;
 margin-left:1em;
 margin-right:1.5em;
 color:black;
 background-color:#ACD2FF;
}

div.Bildschirmfoto {
	padding-bottom: 1em;
	padding-top: 0.5em;
	text-align: center;
}
