BODY {
      background-color : #FFFFFF;
      background-image: url(images/4men.gif);
      background-repeat: repeat-y; 
      font-family : trebuchet ms,Verdana, Arial, Helvetica, sans-serif;
      color : #000088;
      margin: 0px; 
      }
      
.Navigation {/*The navigation on the left side, positioned absolutely*/
    position: absolute;
    top: 0px;
    left: 3px;
    width: 135px;
    height: auto;
    font-family : trebuchet ms,Verdana, Arial, Helvetica, sans-serif;
    line-height : 110%;/*line-height set to 110% in order to*/
    }                  /*have the navigation elements better separated*/
    
    
.oldbrowser {display: none;} 


.floatright { float: right; 
 padding: 2px;
 }
 
 .floatleft { float: left; 
  padding: 2px;
 }


.Inhalt {/*this is the main content area*/
    background: #FFFFFF;
    /*declare a color together with a contrasting background color*/
    font-size: 14px;
    color: #000088;/*to insure readability*/
    margin-left: 160px;
    /*to position the content area to the right of the navigation*/
    margin-right: 20px;/*breathing space for the text*/
    padding: 5px;/*space to separate navigation and content*/
    font-family : trebuchet ms,Verdana, Arial, Helvetica, sans-serif; 
    width: auto;
    border: 0.1px solid #FFFFFF; 
   /*to insure that NN4.xx renders the background-color of the content area*/
    }
    
    TD{font-family: trebuchet ms; font-size: 9pt;}
    
.Header {
    margin-top: 10px;
    margin-left: 160px;
    } 
  
.navbox {/*button-like box for the left-side navigation*/
     font-size: 10px;/*readability for the links*/
     font-family: trebuchet ms,Verdana, Arial, Helvetica, sans-serif;
     background: transparent;
     border-color: #CCCCCC;/*or, in shorthand, the three*/
     border-style: groove; /*border-properties would read:*/
     border-width: 2px;/*border: 1px groove #FF6633;*/
     padding: 1px;
     margin: 2px;
   }
   
 P, OL, UL, DL {font-size: 12px;}
 /*font-family is already defined, here I only set the font-size*/
 P OL, P UL, P DL, OL UL {font-size: 13px;}
 /*and here the I prevent the incredible shrinking text*/
         
 .six {font-size: 12px;
   color: #999999; /*this is for small text*/
   background: transparent;}
 .mit {text-align: justify;}/*justified text*/
 .red {color : #FF0000; background: #FFFFFF;}
 .mint {color: #009999; background: #FFFFFF;}
 .ROT {font-size: 10px; /*also red, but bigger and in bold*/
   color: #FF0000; 
   font-weight: 600; 
   background: #FFFFFF;}
     
 a:link {/*normal links in the text*/
   color: blue; 
   text-decoration : none; 
   background: #FFFFFF;}
 a:visited {
   color: #999999; 
   text-decoration : none; 
   background: #FFFFFF;}
 a:hover { 
   color: #000000; 
   text-decoration : underline; 
   background: #FFFFFF;}
 
 /*now follow the section links in the navigation bar on the left side*/        
 a.nav:link {
   color: #FFFFFF; 
   text-decoration : none; 
   font-weight: 600; 
   font-size:12px; 
   background: transparent;}
 a.nav:visited {
   color: #FF8C00; 
   text-decoration : none;
   font-weight: 600; 
   font-size:12px; 
   background: transparent;}
 a.nav:hover { 
   color: #7FFFD4; 
   text-decoration : none; 
   font-weight: 600; 
   font-size:12px; 
   background: transparent;}
 a.navtot {/*the style for the actual page*/
   color: #CDCDCD; 
   text-decoration: none; 
   font-weight: 600; 
   font-size: 12px; 
  background: transparent;}
  
  
  
  
  
  #fancyMenu {
  	position:relative;
  	width:250px;
  	margin:0 auto;
  	padding:0;
  	font:0.6em verdana,arial,helvetica;
  	text-transform:uppercase;
  }
  
  #fancyMenu li {
  	position:relative;
  	padding:2px 2px 2px 6px;
  	width:240px;
  	border:1px solid #000;
  	list-style-type:none;
  	background-color:#FDFDFD;
  	background-image:url(bg.png);
  	margin:2px 0 0 0;
  }
  
  #fancyMenu li a {
  	position:relative;
  	display:inline-block;
  	width:100%;
  	height:100%;
  	color:#525B53;
  	text-decoration:none;
  	z-index:10;
  	margin:0;
  }
  
  #fancyMenu li>a {
  	display:block;
  }
  
  #fancyMenu li a:hover {
  	color:#FFF;
  }
  
  .expander {
  	position:absolute;
  	background-color:#000;
  	width:250px;
  	left:0px;
  	height:1px;
  	z-index:0;
  	display:none;
  	padding:0;
  	font-size:1px;
  	margin:0;
  }
  
  /* following CSS is unrelated to the applications function */
  
  #credits {
  	position:relative;
  	margin:25px auto 0px auto;
  	width:280px; 
  	font:9px verdana;
  	border-top:1px solid #000;
  	border-bottom:1px solid #000;
  	height:90px;
  }
  
  #description {
  	position:relative;
  	border-top:1px solid #000;
  	margin:25px auto 0px auto;
  	width:280px; 
  	font:9px verdana;
  }
  
  #credits img {
  	float:left;
  	margin:5px 10px 5px 0px;
  	border:1px solid #000000;
  	width:80px;
  	height:79px;
}