body {
  background-color: #969695;
  font-size: 12px;
  line-height: 17px;
  font-family: Georgia, Serif;
  color: #F7F7F7;
  padding: 40px;
  margin: 0px;
  text-align: center;
}

a {
  border: none;
  outline: none;
}

img {
  border: none 0;
  display: inline;
}

ul {
  list-style-type: none;
  list-style-position: outside;
  margin: 0px;
  padding: 0px;
  position: absolute;
  font-variant: small-caps;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 31px;
  white-space: nowrap;
}

p {
  margin: 0px;
  padding: 0px;
}

/* ----------container zentriert das layout-------------- */
#center {
  text-align: left;
  margin: 0px auto;
  padding: 0px;
  width: 842px;
  height: 595px;
}

/* ----------container zentriert das layout-------------- */
#container {
  position: relative;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  width: 842px;
  height: 595px;
  background-color: #ffffff;
  background-image: url(../pics/back.png);
}

/* ----------navigations menus linke und rechte spalte-------------- */
.menuoben {
  position: absolute;
  top: 0px;
  left: 120px;
  height: 175px;
  width: 150px;
  z-index: 90;
}

.menumitte {
  position: absolute;
  top: 195px;
  left: 120px;
  height: 283px;
  width: 150px;
  z-index: 1;
}

.menumitte2 {
  position: absolute;
  top: 330px;
  left: 120px;
  height: 50px;
  width: 150px;
  z-index: 2;
}

.menumitte3 {
  position: absolute;
  top: 425px;
  left: 120px;
  height: 50px;
  width: 150px;
  z-index: 3;
}

.menuunten {
  position: absolute;
  top: 459px;
  left: 120px;
  height: 130px;
  width: 150px;
  z-index: 80;
}

/* -----------------Inhalt--------------------- */
#right {
  position: absolute;
  top: 0px;
  left: 283px;
  width: 442px;
  height: 555px;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  color: #F7F7F7;
}

#right ul {
  text-align: right;
  width: 322px;
}

#right .menu1 {
  bottom: 0px;
  vertical-align: bottom;
}

#content {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 442px;
  overflow: visible;
  z-index: 10;
}

#bildtext {
  position: relative;
  top: 0px;
  left: 30px;
  width: 387px;
  height: 490px;
  overflow: visible;
}

#bildtext div {
  display: none;
  width: 387px;
}

#bildtext table {
  position: relative;
  left: 0px;
  right: 0px;
  width: 387px;
  height: 490px;
  display: block;
}
#bildtext td {
  vertical-align: bottom;
  text-align: right;
  width: 387px;
  height: 490px;
}

#bildtext #seite1 {
  display: inline;
}

#bildtext div p {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 255px;
  height: 273px;
  text-align: left;
}

#bildtext div img {
  position: absolute;
  bottom: 0px;
  right: 0px;
  text-align: right;
  overflow: visible;
}

#pfeilli {
  position: absolute;
  top: 320px;
  left: 0px;
  width: 17px;
  text-align: left;
}

#pfeilre {
  position: absolute;
  top: 320px;
  left: 426px;
  width: 17px;
  text-align: left;
}

/* --------------left navigavtion------------- */
#left {
  position: relative;
  top: 0px;
  left: 0px;
  width: 283px;
  height: 595px;
  margin: 0px;
  padding: 0px;
  color: #161616;
}

#left .menu1 {
  bottom: 0px;
  vertical-align: bottom;
}

#left .menu2 {
  font-variant: normal;
  font-size: 12px;
  line-height: 18px;
  top: 20px;
}

/* --------------links im WEISSEN bereich------------- */
#left a:link, #left .menu1 a:link, #left .menu2 a:link, #pfeilli a:link {
  color: #161616;
  text-decoration: none;
}

#left a:visited, #left .menu1 a:visited, #left .menu2 a:visited, #pfeilli a:visited {
  color: #161616;
  text-decoration: none;
}

#left a:focus, #left .menu1 a:focus, #left .menu2 a:focus, #pfeilli a:focus {
  color: #161616;
  text-decoration: none;
}

#left a:hover, #left .menu1 a:hover, #left .menu2 a:hover, #pfeilli a:hover {
  color: #FA710D;
  text-decoration: none;
}

#left a:active, #left .menu1 a:active, #left .menu2 a:active, #pfeilli a:active {
  color: #FA710D;
  text-decoration: none;
}

#left a:link.selected, #left .menu1 a:link.selected, #left .menu2 a:link.selected {
   color: #FA710D;
   font-weight: bold;
}

#left a:visited.selected, #left .menu1 a:visited.selected, #left .menu2 a:visited.selected {
   color: #FA710D;
   font-weight: bold;
}

/* --------------links im SCHWARZEN bereich------------- */
#bildtext a:link, #right .menu1 a:link, #pfeilre a:link {
  color: #F7F7F7;
  text-decoration: none;
}

#bildtext a:visited, #right .menu1 a:visited, #pfeilre a:visited {
  color: #F7F7F7;
  text-decoration: none;
}

#bildtext a:focus, #right .menu1 a:focus, #pfeilre a:focus {
  color: #F7F7F7;
  text-decoration: none;
}

#bildtext a:hover, #right .menu1 a:hover, #pfeilre a:hover {
  color: #FA710D;
  text-decoration: none;
}

#bildtext a:active, #right .menu1 a:active, #pfeilre a:active {
  color: #FA710D;
  text-decoration: none;
}

#bildtext a:link.selected, #right .menu1 a:link.selected {
   color: #FA710D;
   font-weight: bold;
}

#bildtext a:visited.selected, #right .menu1 a:visited.selected {
   color: #FA710D;
   font-weight: bold;
}

li.selected {
   color: #FA710D;
}

