/* CSS fuer / */
  
body
    { color           : #000000;
      background-color: #ffffff; }

a:link 
    { color: #0000ff; }
a:visited
    { color: #660099; }
a:active
    { color: #ff0000; }
a:hover
    { background-color: #eeeeff; }

.red
    { color: #ffffff;
      background-color: #cc0000; 
      border-left: thin solid #f99;
      border-right: thin solid #900;
      border-top: thin solid #f99; }

.red a:link 
    { display: block;
	  color: #ffffff;
      text-decoration: none; }
.red a:visited
    { display: block;
	  color: #ffffff;
      text-decoration: none; }
.red a:active
    { display: block;
	  color: #ff0000;
      text-decoration: none; }
.red a:hover
    { display: block;
	  background-color: #ff0000; }


.green
    { color:            #ffffff; 
      background-color: #006600; 
      border-left: thin solid #696;
      border-right: thin solid #030;
      border-top: thin solid #696; }
.green a:link 
    { display: block;
	  color: #ffffff;
      text-decoration: none; }
.green a:visited
    { display: block;
	  color: #ffffff;
      text-decoration: none; }
.green a:active
    { display: block;
	  color: #ff0000;
      text-decoration: none; }
.green a:hover
    { display: block;
	  background-color: #009900; }

      
.blue
    { color:            #ffffff; 
      background-color: #000099; 
      border-left: thin solid #99f;
      border-right: thin solid #006;
      border-top: thin solid #99f; }
.blue a:link 
    { display: block;
	  color: #ffffff;
      text-decoration: none; }
.blue a:visited
    { display: block;
	  color: #ffffff;
      text-decoration: none; }
.blue a:active
    { display: block;
	  color: #ff0000;
      text-decoration: none; }
.blue a:hover
    { display: block;
	  background-color: #0000cc; }

.nav
    { width: '100%';
      color: #000;
      background-color: #eee;
      padding: 4px;
      border-right: thin solid #ccc;
      border-bottom: thin solid #ccc; }
     
.nav a 
	{ text-decoration: none; }
	 
.nav a:hover
    { background-color: #ddddff; }

      
.black
    { color:            #fff; 
      background-color: #666; 
      border-left: thin solid #888;
      border-right: thin solid #444;
      border-top: thin solid #888; }

.grey
    { color:            #000; 
      background-color: #ddd; 
      border-left: thin solid #ddd;
      border-right: thin solid #aaa;
      border-bottom: thin solid #aaa; }

.grey a:hover
    { background-color: #ddf; }

.left
    { text-align: left; }
    
.right
    { text-align: right; }
     
.top
    { vertical-align: top; }

.center
    { text-align    : center;
      vertical-align: middle; }
      
.comment
    { color: #666;
      font-style: italic; } 

.foot
    { color: #999; }
      
.note, 
.update
    { color: #ccc; }
       
h1, h2
    { text-align: center; }

li
    { margin-bottom: 0.3em;}

hr.greyline
    { border: 2px solid #eee;
      border-bottom: thin solid #ccc; }

hr.blueline
    { border: 2px solid #00c;
      border-bottom: thin solid #006; }

.noborder
    { color:        #fff;
      background-color: #fff;
      border:       0px;
      border-style: none; }

.line
    { line-height:1px;
      font-size:1px; }

.error
    { color: #f00; }