body {
  color: #0096ff;
  font-family: Georgia, serif;
  font-size: 13pt;
  line-height: 17.5pt;
  margin: 50px auto;
  padding: 0 50px;
  min-width: 550px;
  max-width: 1600px;
  }

a:link, a:visited, a:hover, a:focus, a:active {
  color: #ff0000;
  }

a img {
  border: 0;
  }

h2 {
  font-size: 18pt;
  font-weight: normal;
  padding-top: .5em;
  }

#content {
  float: left;
  width: 520px;
  margin-right: 30px;
  padding-bottom: 30px;
  }

#content p {
  margin-left: 20px;
  }

#content-icons {
  margin-left: 20px;
  padding: 0;
  }

#content-icons li {
  float: left;
  text-align: center;
  margin: 0 20px 25px 0;
  width: 227px;
  height: 260px;
  list-style: none;
  }

#content-icons li a {
  background: url('img/content-icon-bg.png') no-repeat;
  color: #0096ff;
  display: block;
  height: 227px;
  width: 227px;
  text-decoration: none;
  }

#content-icons li a img {
  margin: 13.5px;
  padding-bottom: 10px;
  height: 200px;
  width: 200px;
  }

#content-icons li a:hover,
#content-icons li a:focus,
#content-icons li a:active {
  color: #ff0000;
  background: url('img/content-icon-bg-active.png') no-repeat;
  }
 
#projekte-icons li {
  float: left;
  text-align: center;
  margin: 0 20px 15px 0;
  height: 190px;
  width: 137px;
  list-style: none;
  }

#projekte-icons li a {
  color: #0096ff;
  background: url('img/icon-bg.png') no-repeat;
  display: block;
  height: 190px;
  width: 137px;
  text-decoration: none;
  }

#projekte-icons li a:hover,
#projekte-icons li a:focus,
#projekte-icons li a:active,
#projekte-icons li a.current {
  color: #ff0000;
  background: url('img/icon-bg-active.png') no-repeat;
  }

#projekte-icons li a img {
  margin: 12px auto 22px auto;
  height: 110px;
  width: 110px;
  }

.rot {
  color: #ff0000;
  }