/* Page Layout */

body {
   font-family: serif;
   font-size: 15px;
/* margin-left: 20px; */
   background-image: url("http://www.fehcom.de/buttons/backg2.jpg");
   background-repeat: repeat;
   }

#main {
/*   background-color: #d5eeff; */
/*   border: 1px solid #09f; */ 
   margin: 5px 5px; 
/*   text-align: left; */ 
/*    margin-left: 20px; */
    vlink: #004400; 
    link: #008800; 
    alink: #FF0000;
   }
   
#header {
   height: 10%;
   }
  
#indent {
   margin: 5px 5px; 
   margin-left: 50px; 
   margin-right: 100px; 
   font-size: 14px;
   }


#left {
   background-color: #ffd5ee;
   border: 1px solid #f09;
   margin: 122px 10px 10px;
   width: 225px;
   position: absolute;
   top: 0;
   left: 0;
   }

#right {
   background-color: #fff7d5;
   border: 1px solid #fc0;
   margin: 10px;
   width: 225px;
   position: absolute;
   top: 0;
   right: 0;
   }

/* Elements */

img {
   max-width:100%;
   height:auto;
   width: auto; /* ie 8 */
}

ul {
   list-style-type: square;
   }
 
#menu { 
/*   position:absolute; */
   top:60px; 
   left:10px; 
   width:180px; 
   top: 0;
   right: 0;
   }
  
#prog { 
   font-family: monospace;
   font-size: 15px;
   white-space: pre; 
   }
   
#text { 
   font-family: monospace;
   font-size: 11px;
   white-space: pre; 
   }

#long { 
   font-family: monospace;
   font-size: 11px;
   white-space: nowrap; 
   }

p,div,ul,ol { 
   font-family: serif; 
   margin-left: 20px; 
   margin-right: 20px;
   font-size: 16px;
   }
tt {
   font-family: monospace; 
   font-size: 14px;
   }

table {
   margin-left: 40px;
   }
#fig{
   margin-left: 50px;
   }
hr {   
  margin-left: 10px;
   }

th,td { 
   font-family: serif; 
   margin-left: 5px; 
   margin-right: 5px;
   font-size: 15px;
   }

#px {
   font-family: serif; 
   margin-top: -10px;
   margin-left: 75px;
   margin-bottom: 10px; 
   text-align: left;
   font-size: 14px;
   }
#py {
   text-align: right;
   font-family: serif; 
   margin-top: -50px;
   margin-bottom: -20px;
   margin-right: 40px; 
   font-size: 16px;
   }
#prebox {
   background-color:#EEEEEE;
   border: solid 1px;
   font-family: monospace;
   font-size: 12px;
   white-space: pre;
   text-align: left;
   margin-right: 100px;
   padding-right: 20px;
   display: inline-block;
   }
   
/* Headlines */

h1 { 
   font-family: sans-serif; 
   color: #000069;
   margin-top: 50px;
   }
h2 { 
   font-family: sans-serif; 
   color: #000069;
   margin-top: 40px;
   margin-left: 10px;
/*   border-bottom: solid thin blue; */
   }
h3 { 
   font-family: sans-serif; 
   color: #000069;
   margin-top: 40px;
   margin-left: 10px;
   border-bottom: solid thin blue;
   }
h4,h5,h6 { 
   font-family: sans-serif; 
   color: #000069;
   margin-top: 20px;
   margin-left: 10px;
   text-decoration:underline; 
   }

/* Links */

a:link {
   color: #000088;
   text-decoration: underline;
   }
a:visited { 
   color: #880000;
   text-decoration: none;
   }
a:hover {    
   color: #008800;
   text-decoration: none;
   } 
a:focus {    
   color: #008800;
   text-decoration: none;
   }

/* Footer */

#footer {
   margin: 50px 0px 0px 1px;
   }
#footer ul {
   list-style: none;
   text-align: center;
   }
#footer ul li {
   font-family: sans-serif;
   display: inline;
   color: #000069;
   padding: 0 0 0 20px;
   }
#footer ul li:first-child { 
   padding: 0 0 0 0;
   }