.typography ul{
  margin-left:20px;
  margin-bottom:20px;
}
.content ul{
/* kurzer Test, Notfalls löschen */
   margin-left: 20px;
}

.content h1,
.typography h1{
  color: black;
  font-size: 14px;
  padding-top: 10px;
  padding-bottom:10px;
  text-align: left;
  font-weight: bolder;
}

.content h2,
.typography h2{
  font-size: 13px;
  font-weight: bold;
  padding-top:10px;
  padding-bottom:5px;
  color: black;
}

.content h3,
.typography h3{
  font-size: 10px;
  color: black;
  font-weight: bold;

}

.content h4,
.typography h4,
.content h5,
.typography h5,
.content h6,
.typography h6{
  font-size: 12px;
  color: black;
  font-weight: bold;
  font-style: italic;
  text-decoration: underline;
}

/*
.content h4,
.typography h4{
  font-size: 12px;
  color: black;
  font-weight:bold;
  letter-spacing: -1px;
}
.content h5,
.typography h5{
  font-size: 10px;
  color: black;
  letter-spacing: -1px;
}
.content h6,
.typography h6{
  font-size: 8px;
  color: black;
  letter-spacing: -1px;
}

*/

/* Versuch von sexy Boxen ;) */
div#box {
        font-size: 1px;
        float: left;
        width: 300px;
        margin: 0px;
        padding-left: 5px;
}

.boxheader {
        height: 40px;
        margin: 0px;
        padding: 0px;
}

.boxheader h1 {
        padding: 14px 0px 0px 16px;
        font-family: verdana;
        font-size: 12px;
        color: #ffcc00;
        font-weight: bold;
        margin: 0px;
}

.boxcontent {
        overflow: auto;
        padding: 5px;
        margin: 0px;
        height: 300px;
        background-color: #d1d2ff;
        font-family: verdana;
        font-size: 10px;
        color: #000;
        font-weight: bold;
        border-left: 2px solid #000;
        border-right: 2px solid #000;
}

.boxfooter {
        margin: 0px;
        width: 300px;
        height: 8px;
}