/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++ STYLESHEET +++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

html {
  font-family: Verdana;
}

body {
  background: url(images/bg.jpg) repeat-x #947C4C;
  padding: 0px;
  
  padding-bottom: 40px;
  
  margin: 0px;
}

img { border: 0px; }

.left {
  float: left;
}

.right {
  float: right;
}

.clear {
  clear: both;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++ PAGE +++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#bar {
  width: 100%;
  height: 280px;
  
  background: url(images/bar.jpg);
  
}

#header {
  width: 788px;
  height: 230px;
  
  margin: 0px auto;
  
  padding-top: 50px;
  padding-left: 32px;
  
  background: url(images/header.jpg);
}

#navigation {
  width: 760px;
  height: 53px;
}

#navigation ul {
  list-style: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border: none;
}

#navigation li {
  float: left;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  
  margin-left: 50px;
}

#navigation li a {
  display: block;
  width: 88px;
  height: 53px;
  
  text-decoration: none;
}

#subheader {
  width: 730px;
  height: 20px;
  
  margin-top: 147px;
  
  padding-top: 8px;
  padding-left: 15px;
  padding-right: 15px;
  
  font-size: 11px;
  color: #000000;
}

#contentumgebung {
  width: 821px;
  
  margin: 0px auto;
  
  background: url(images/verlaengerung.jpg) repeat-y #FFFFFF;
}

#leftshadow {
  float: left;
  width: 27px;
  height: 670px;
  
  background: url(images/bodyleft.jpg);
}

#rightshadow {
  float: right;
  width: 24px;
  height: 670px;
  
  background: url(images/bodyright.jpg);
}

#content {
  float: left;
  width: 734px;
  background: #FFFFFF;
  
  padding: 18px;
  
  line-height: 20px;
  font-family: Arial;
  font-size: 13px;
  color: #343537;
}

#content h1 {
  margin: 0px;
  
  font-size: 18px;
}

#content table.reftable {
  width: 100%;
  
  padding-top: 10px;
}

#content table.reftable img {
  width: 220px;
  height: 140px;
  
  border: 2px solid #A2A2A2;
}

#content table.reftable td {
  width: 33%;
}

.auflistung {
  padding-left: 25px;
}

.auflistung .punkt {
  float: left;
  width: 330px;
  
  margin-top: 8px;
  
  font-weight: bold;
}

.auflistung .mehr {
  float: left;
  
  margin-top: 8px;
  
  font-family: Arial;
  font-size: 11px;
  color:#343537;
}

.auflistung .mehr a {
  text-decoration: none;
  font-size: 11px;
  color:#343537;
}

.auflistung .mehr a:hover {
  text-decoration: underline;
}

#footer {
  width: 744px;
  
  padding-top: 8px;
  padding-left: 40px;
  padding-right: 40px;
  
  background: url(images/footer.jpg) no-repeat #947C4C;
  
  font-size: 11px;
  color: #FFFFFF;
}