/***
   * Global
   ***/

body { 
  margin: 0px;
  padding: 0px;
  color: #333;
  background: white url(../images/fpr.jpg) no-repeat bottom right;
  font-family: "Arial", "Verdana", sans-serif;
}

a { 
  color: red;
  font-weight: bold;
}

/***
   * Header
   ***/

#head {
  background: black url(../images/cccdd.png) no-repeat top left;
  height: 120px;
  width: 100%;
}
#c3d2 { 
  display: none;
}
#headline {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 480px;
  height: 120px;
  background: black url(../images/datenspuren.png) no-repeat top right;
}
#headline * { 
  display: none;
}

/***
   * Navigation
   ***/

ul.navigation { 
  list-style-type: none;
  padding: 0;
  margin: 0;
  background: black;
}

ul.navigation li { 
  display: inline-block;
  margin: 0.8em 0 0 1.5em;
  padding: 0.4em;
  text-align: center;
  width: 8em;
  background: red;
}

ul.navigation li a { 
  color: white;
  font-family: "Lucida Grande", "Trebuchet MS", Arial,Helvetica;        
  font-weight: bold;
  text-decoration: none;
}

/***
   * Content
   ***/

#content { 
  margin: 0;
  padding: 1em 2em;
  color: #333;
}

/***
   * Footer
   ***/
#foot { 
  clear: both;
  position: fixed;
  bottom: 0px;
  width: 100%;
  margin: 0;
  padding: 0.1em 0;
  text-align: center;
  background: black;
  color: #ccc;
  font-weight: bold;
  font-size: 90%;
}
#foot a { 
  color: #ffff7f;
  text-decoration: none;
}

/***
   * Content elements
   ***/
#content p { 
  max-width: 60em;
}

#content p.notice {
  float: right;
  max-width: 12em;
  padding: 2em;
  margin: 2em;
  background-color: #ddd;
  color: black;
  font-weight: bold;
}

#content p.feed:before {
  content: url(../images/feed.png);
}

#content p.calendar:before {
  content: url(../images/calendar.png);
}

#content p.title { 
  font-size: 110%;
  font-weight: bold;
}

#content dl dt { 
  font-weight: bold;
}
#content dl dd {
  padding-left: 2em;
}