body {
  background-color: #fff;

  margin: 0;
  padding: 0;
}


.centerdiv {
  position: absolute;
  left: 50%;
  margin-left: -383px;
  width: 766px;
}


#head {
  margin: 0;
  padding: 0;
  
  height: 340px;
  width: 766px;
  margin-bottom: 10px;
}

#head p {
  margin: 0;
  padding: 310px 0 0 0;
  
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
}

#head a {
  display: block;
  float: right;
  
  margin: 0 0 0 30px;
  
  text-decoration: none;
  color: #047a94;
  background-color: #fff;
}
#head a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #047a94;
}




/* === Spalten === */

#container {
  margin: -25px 0 0 0;
  padding: 0;
}

#content {
  width: 511px;
  float: left;
  
  margin: 0 0 0 0;
  padding: 1px 0 0 0;
}


#rechteSpalte {
  margin: 0;
  padding: 1px 0 0 531px;
}




/* === Boxen === */

h3.box {
  /*width: 511px;*/
  height: 31px;
  
  margin: 0;
  padding: 0;
  
  font-family: "Trebuchet MS", Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  
  background-repeat: no-repeat;
}

span.boxheader {
  margin: 0;
  padding: 5px 0 0 10px;
  display: block;
}

h3.hell {
  background-image: url(../images/box_hell.jpg);
}
h3.dunkel {
  background-image: url(../images/box_dunkel.jpg);
}

h3.grau {
  background-image: url(../images/rechts_grau.jpg);
  color: #3f4c4e;
}
h3.blau {
  background-image: url(../images/rechts_blau.jpg);
}


div.box {
  margin: 0 0 30px 0;
  padding: 10px 10px 0 10px;
  
  border-style: solid;
  border-width: 0 1px 1px 1px;
}

div.hell,
div.dunkel,
div.blau,
div.grau {
  border-color: #c6d2d1;
}
div.gruen {
  background-color: #dcf1f0;
  border: none;
}




/* === Boxinhalt === */

div.box p, table, ul {
  margin: 0;
  padding: 0 0 10px 0;
  
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #5a6162;
}

div.box iframe {
  margin: 0 -5px 5px -5px;
  padding: 0;
}

ul {
  padding-left: 20px;
}


div.box h1 {
  margin: 0;
  padding: 0 0 10px 0;
  
  font-family: "Trebuchet MS", Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #5a6162;
  font-weight: normal;
}


div.box h2 {
  margin: 0;
  padding: 0 0 10px 0;
  
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #5a6162;
  font-weight: bold;
  text-transform: uppercase;
}


div.box a {
  text-decoration: none;
  color: #047a94;
}
div.box a:hover {
  text-decoration: underline;
  color: #047a94;
}

div.box .gross {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  color: #047a94;
}
div.box a.gross:hover {
  text-decoration: underline;
}


div.boxline {
  margin: 0;
  padding: 0;
  
  /*width: 205px;*/
  height: 10px;
  
  font-size: 1px;
  
  border-top: 1px solid #e2e8e8;
}



div.box .preis {
  background-color: #dcf1f0;
  
  font-size: 23px;
  font-weight: bold;
  color: #047a94;
  
  margin: 0;
  padding: 5px;
}

div.box .preisOben {
  font-size: 9px;
  font-weight: normal;
  
  vertical-align: top;
}

div.box .preisUnten {
  font-size: 9px;
  font-weight: normal;
  
  vertical-align: bottom;
}

div.box .preis a:hover {
  text-decoration: none;
}



div.box .playtext {
  font-size: 10px;
  color: #afafaf;
}




/* === Footer === */

#footer {
  clear: both;
  
  background-color: #7a898c;
  background-image: url(../images/footer.jpg);
  background-repeat: no-repeat;
  background-position: top;
  
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  color: #c0c8ca;
  
  padding: 20px 15px 20px 30px;
  margin: 0;
}

#footer p {
  font-size: 11px;
  
  margin: 0;
  psdding: 0;
}
#footer .gross {
  text-transform: uppercase;
}


#footer .partner {
  margin: 30px -10px 0 -15px;
  
  font-size: 10px;
  text-align: left;
}

#footer .partner a {
  color: #c0c8ca;
  font-weight: normal;
  text-decoration: none;
}
#footer .partner a:hover {
  color: #c0c8ca;
  font-weight: normal;
  text-decoration: underline;
}


#footer p a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
#footer p a:hover {
  color: #fff;
  text-decoration: underline;
  font-weight: bold;
}


#footer table {
  padding: 0;
  margin: 25px 0 0 0;
  
  font-size: 10px;
}

#footer table td {
  margin: 0;
  padding: 0 20px 0 0;
}

#footer table a {
  color: #c0c8ca;
  text-decoration: underline;
}
#footer table a:hover {
  color: #c0c8ca;
  text-decoration: none;
}






/* === */

img {
  border: none;
}