html {
  height: 100%;
}

body {
  color: #000000;
  margin: 0;
  padding: 0;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  background: url( ../bilder/fond_linksbuendig.gif ) repeat-y;
  height: 100%;
}

#container {
  width: 1024px;
  height: auto;
}

#top-area {
  width: 800px;
  height: 56px;
  background: url( ../bilder/thomlogo.gif ) no-repeat center;
  padding-top: 10px;
  padding-bottom: 10px;

  clear: both;
}

#menu-area {
  width: 800px;
  height: 16px;
  text-align: center;
  padding-bottom: 8px;

  margin-top: -2px;

  font-size: 11px;

  clear: both;
}

#main-area {
  width: 1024px;
  height: auto;

  background: #cccccc;

  padding-top: 15px;
  padding-bottom: 15px;
}

#main-area .sub-menu {
  width: 125px;
  height: auto;
  float: left;

  font-size: 11px;

  margin-top: 10px;
}

#main-area .sub-menu .text {
  padding-left: 25px;
  padding-right: 10px;
}

#main-area .sub-menu .text .item {
  padding-top: 12px;
}

#main-area .area {
  width: 562px;
  height: auto;
  float: left;
}

#main-area .area .top {
  font-size: 1px;

  width: 562px;
  height: 6px;

  padding: 0;
  margin: 0;

  background: url( ../bilder/linie-oben.gif ) no-repeat top left;
}

#main-area .area .text {
  width: auto;
  height: auto;

  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 26px;
  padding-right: 26px;

  background: url( ../bilder/linie-mitte.gif ) repeat-y top left;

  min-height: 500px;
  height: auto !important;
  height: 500px;
}

#main-area .area .text ul {
 padding-left: 15px;
}

#main-area .area .text li.normal {
  list-style: none;
  padding-bottom: 10px;
}

#main-area .area .text li.square {
  list-style: disc;
}

#main-area .area .text .image {
  width: 100%;
  text-align: center;

  padding-bottom: 10px;
  padding-top: 10px;
}

#main-area .area .text .image-main {
  width: 100%;
  text-align: center;
}

#main-area .area .text .image-left {
  width: 100%;
  text-align: left;

  padding-bottom: 0px;
  padding-top: 10px;
}

#main-area .area .text .image-left-kontakt {
  width: 100%;
  text-align: left;

  padding-bottom: 0px;
  padding-top: 0px;
}


#main-area .area .bottom {
  font-size: 1px;

  width: 562px;
  height: 6px;

  padding: 0;
  margin: 0;

  background: url( ../bilder/linie-unten.gif ) no-repeat top left;
}

#main-area .picstrip {
  width: 315px;
  height: auto;
  float: left;

  margin: 10px;
}

#main-area .picstrip img {
  padding-bottom: 10px;
  padding-right: 10px;
}

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

a:hover {
  color: #666666;
  text-decoration: none;
}

h2 {
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
}

.space {
  height: 15px;
  clear: both;
}