#inner {
  height: 500px;
}
.subheader .left {
  float: left;
  width: 270px;
  padding: 5px 10px;
  height: 100px;
}
.subheader .mid {
  float: left;
  width: 265px;
  padding: 5px 10px;
  height: 100px;
  border: 1px #DADADA solid;
  border-width: 0 1px;
}
.subheader .right {
  float: right;
  padding: 5px 10px;
  width: 260px;
  height: 100px;
}
h2 {
  color: #990000; }
h3 {
  color: #009EE0;
}

/* screenshot simulation */
#frame {
  margin: 0 auto;
  width: 314px;
  padding:0;
  position: relative;
  top: -427px;
  left: 2px;
}
#border {
  z-index: 90;
  position:relative;
  left: 270px;
  background: transparent;
  width: 316px;
  height:424px;
  margin: 0;
}
#row {
  width: 700px;
  position: relative;
  left: 36px;
  top: 0px;
}
.rowitem {
  float: left;
  height: 500px;
  width: 240px;
  margin: 54px 50px 0px 0px;
}
.rowitem img {
  width: 240px;
  height: 320px;
  margin: 0 0 50px 0;
}
.rowitem .head{
  font-size: 1.2em;
  color:  #009EE0;
  border-bottom: 1px solid #999;
}
.desc {
  color:  #009EE0;
  padding: 5px 0;
}
#z {
  cursor: pointer;
  position: relative;
  visibility: hidden;
  top: 220px;
  left: 180px;
  width: 50px;
}
#w {
  cursor: pointer;
  position: relative;
  top: -800px;
  left: 630px;
  width: 50px;
}
.hilfe {
  width: 480px;
  margin: 0 auto;
}
.hilfe ul {

}
.hilfe li {
  list-style-type: square;
  color: #4a4a4a;
}
.subfooter {
  width: 100%;
  padding: 10px 0;
  background: #ddffff;
  min-height: 340px;
}