body {  
   background-color: #05347d;
   color:white;
   margin: 0;
   padding: 0;

   font-family:  Arial, Helvetica, sans-serif, fantasy ;
   font-size:   1em;
   font-weight:    normal;
   word-spacing:   normal;
   letter-spacing: normal;
   text-transform: none;
   font-size-adjust:  .58;
}

html, body, #contents {
    min-height: 100%; 
    width: 100%; 
    height: 100%;
    max-width: 1600px;
  
} 
   /* was fuern bloeder trick */
html>body, html>body #contents {
  height:  auto; 
}

TEXTAREA {
	 background-color:  #05347d;
	 color:white;
} 

dt {
	font-weight:bold;
	margin-top: 10px;
}
li {	
	margin-top: 5px;
}

#contents {
  position:  absolute;
  top: 0;
  left:0;
}

#content {
  margin-bottom: 3em;
  margin-left:  3em;
  margin-right: 2em;
}

#footer {
  position:  absolute;
  bottom: 0;
  width: 100%; 
  border-top: 1px dotted #AAAAAA;
  font-size: 65%;
  max-width: 1600px;  
}

#footer p {
  margin: 0.5em 0 1em 2em;
  padding: 0;
}

#nav {
/*   position:  absolute; */
  text-align: right;
  font-size: 65%;
  margin-top: 1em;
}
/* #navcont { */
/*   position:  absolute; */
/*   margin-top: 1.5em; */
/* } */

p {
  padding: 0em;
  margin-left: 30px;
  margin-right: 30px;
}

hr   {
    visibility: hidden;
    /*  color:#ffffc8; */
}

h1  {
	margin-top: 10px;
    color:#ffff30;
    font-family:  Arial, Helvetica, sans-serif, fantasy ;
    font-size-adjust:   .53;
    font-size:  2em;
    font-weight:    500;
    font-style: normal;
    text-decoration:    none;
    word-spacing:   normal;
    letter-spacing: normal;
    text-transform: none;

/*     margin-bottom: -0.4em; */
}
        
h2  {
    color:#ffff50;
    font-family:  Arial, Helvetica, sans-serif, fantasy ;
    font-size-adjust:   .53;
    font-size:  1.75em;
    font-weight:    500;
    font-style: normal;
    text-decoration:    none;
    word-spacing:   normal;
    letter-spacing: normal;
    text-transform: none;

/*     margin-bottom: -0.3em; */
}
        
h3  {
    color:#ffff80;
    font-family:  Arial, Helvetica, sans-serif, fantasy ;
    font-size-adjust:   .53;
    font-size:  1.58em;
    font-weight:    600;
    font-style: normal;
    text-decoration:    none;
    word-spacing:   normal;
    letter-spacing: normal;
    text-transform: none;

/*     margin-bottom: -0.2em; */
}
        
h4  {
     color:#ffffa0;
    font-family:  Arial, Helvetica, sans-serif, fantasy ;
    font-size-adjust:   .53;
    font-size:  1.33em;
    font-weight:    600;
    font-style: normal;
    text-decoration:    none;
    word-spacing:   normal;
    letter-spacing: normal;
    text-transform: none;

/*     margin-bottom: -0.5em; */
}
        
h5 {
    color:#ffffc0;
    font-family:  Arial, Helvetica, sans-serif, fantasy ;
    font-size-adjust:   .53;
    font-size:  1.17em;
    font-weight:    600;
    font-style: normal;
    text-decoration:    none;
    word-spacing:   normal;
    letter-spacing: normal;
    text-transform: none;

/*     margin-bottom: -0.5em; */

}
        
h6  {
    color: white;
    font-family:  Arial, Helvetica, sans-serif, fantasy ;
    font-size-adjust:   .53;
    font-size:  1em;
    font-weight:    700;
    font-style: normal;
    text-decoration:   none;
    word-spacing:   normal;
    letter-spacing: normal;
    text-transform: none;

/*     margin-bottom: -0.5em; */
}

.trans {
   /* color:#05347d; */
   background-color: transparent;
}

.left {
  text-align: left;
}

.centered {
  text-align: center;
}

.noborder {
   border: 0px;
}

.right {
  text-align: right;
}
.pre {
  /*   text so ausgeben, wie im editor eingegeben */
  font-family: monospace;
  white-space: pre;
  font-size: 0.9em;
  color: #C0C0C0;
}

.giant {
  font-size: 3em;
}

.verybig {
  font-size: 1.8em;
}

.big {
  font-size: 1.5em;
}

.bigger {
  font-size: 1.3em;
}

.small {
  font-size: .9em;
}

.verysmall {
  font-size: .7em;
}

a {
  text-decoration: none;
  font-weight:    bold;
}

    /* Verweise zu noch nicht besuchten Seiten */
a:link {
  color: #ff8000;   /* orange */
  /* background: #05347d; */
}
    /* Verweise zu bereits besuchten Seiten */
a:visited {
    color: #ffee00;
     /* background: #05347d; */
}
    /* wenn Maeuschen drueber weg faehrt */
a:hover {
    color:yellow;
    /* background: #05347d; */
}
    /*  Verweise, die gerade angeklickt werden */
a:active {
    color: red;
    /* background: #05347d; */
}
a:focus {
    color: red;
    /* background: #05347d; */
}


#navigation {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    padding-top: 6px;
} 

#navigation ul  {
  list-style: upper-roman;
  margin: 0;
  padding: 0;
}

#navigation li  {
  display: inline;
}
#navigation a {
  padding: 3px 10px 3px 10px;
  text-decoration: none;
  border: 2px solid #711515;
/*   background-color: gray; */

}