body {
  background: url(../img/blank.png) repeat;
  text-align: center;
  color: #648396;
  font: 12px Arial, sans-serif;
}

h5 {
  color: #004651;
  font: 12px Arial, sans-serif;
  margin: 0;
}

div.content > img {
  height: 115px;
}

a:hover, a:link, a:visited, a:active {
  text-decoration: none;
  color: #648396;
}

.de {
  color: #063e4d;
}

.en {
  color: #829ea6;
}

img {
  border: 0px;
}

#main {
  width: 840px;
  margin: 35px auto;
  text-align: left;
}

.box {
  background-color: white;
  width: 840px;
  height: 115px;
}

.box:hover {
  cursor: pointer;
}

.unfoldedbox {
  background-color: white;
  font: 12px Arial, sans-serif;
  width: 840px;
  overflow: auto;
  padding: 0;
}

.spacer {
  background-image: url(../img/spacer.jpg);
  width: 840px;
  height: 20px;
}

.titleheader {
  float: left;
  width: 270px;
}

.infobox {
  padding-left: 20px;
  padding-top: 20px;
  float: left;
  width: 270px;
}

.infotext {
  padding-top: 30px;
  width: 250px;
  float: left;
}

.sample {
  width: 530px;
  padding: 20px 20px 20px 0;
  float: left;
}

.sample:hover {
  cursor: pointer;
}

.title {
  float: left;
  width: 270px;
  height: 95px;
  padding: 20px 0 0 20px;
  
}

.content {
  float: left;
  width: 550px;
  height: 115px;
}