body {
background-image: url(browngradient.png);
}

.nl { font-weight:bold; color: #FFFFFF; text-decoration:none; font-size: 12px;}
.nl:visited { font-weight:bold; color: #DFDFDF; text-decoration:none; font-size: 12px;}
.nl:hover { font-weight:bold; color: #FFFF00; text-decoration:underline; font-size: 12px;}
.nl:active { font-weight:bold; color: red; text-decoration:underline; font-size: 12px;}


 .inhalte {
  background: #e7e3b7;
  }

  .zellen {
  background: #FFF;
  background-image: url(redgradient.png);
  margin: 0 auto;
  padding: 4px 5px;
  vertical-align:top;
  color: #DEBF7E;
  font: 12px Verdana,Arial;
  }
  
  .zellen th {
  background: a84c1e;
  margin: 0 auto;
  padding: 4px 5px;
  vertical-align:top;
  color: #DEBF7E;
  font: 12px Verdana,Arial;
  } 
  
  .zellen td {
  background: a84c1e;
  margin: 0 auto;
  padding: 4px 5px;
  vertical-align:top;
  color: #DEBF7E;
  font: 12px Verdana,Arial;
  }
  #links {
  background: #a84c1e;
  }

  #links a {
   display: block;
   background: gold;
   color: #000080;
   font: bold 11px Verdana,Arial;
   margin: 0 auto;
   padding: 4px 5px;
   text-decoration: none;
   width: 150px;
  }

  #links a:hover {
   background: orange;
   color: maroon
  }
  
  .cat {
   margin: 0px auto;
   padding: 4px 5px;
   background: maroon;
   font: bold 11px Verdana,Arial;
   color: white;
}

  .tz {
   margin: 0px auto;
   padding: 4px 5px;
   background: orange;
   font: bold 11px Verdana,Arial;
   color: black;
}

  .test {
   list-style-type: none;
}