/* html { height: 101%; } */

p {
  margin-top: 0;
  margin-bottom: 1.2em;
}

body {
  color: #999;
  font-size: 14px;
  font-family: Arial, Helvetica, Geneva, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  background-color: #4f4f4f;
  border-width: 0;
  outline-width: 0;
  margin: 0;
  padding: 0
}

h1 {
  color: #ccc;
  font-size: 1em;
  font-weight: normal;
  margin: 0 0 0.8em 0
}

h2 {
  color: #f60;
  font-size: 1em;
  font-weight: normal;
  margin: 0 0 0.4em
}

a {
  color: #f60;
  text-decoration: none;
  outline: none medium;
}

#wrapper {
  width: 896px;
  padding: 0;
  background-color: #333;
  border-width: 0;
  margin: 36px auto 0;
}

#kopfbereich {
  padding: 0;
  margin: 0 48px 0;
  border-width: 0;
}

#menuebereich {
  height: 28px;
  padding: 0;
  margin: 4px 48px 36px;
  border-width: 0;
  overflow: hidden;
}

#textbereich {
  padding: 0;
  padding-left: 3px;
  padding-right: 3px;
  margin: 0 48px 0 48px;
  height: 400px;
  border-width: 0;
  overflow: hidden;
}

#textbereich-sc {
  padding: 0;
  padding-left: 3px;
  padding-right: 24px;
  margin: 0 48px 0 48px;
  height: 400px;
  border-width: 0;
  overflow: auto;
}

#leftpane {
  padding: 0;
  padding-left: 3px;
  padding-right: 10px;
  margin-top: 0;
  margin-right: 0;
  margin-left: 48px;
  margin-bottom: 0;
  height: 400px;
  width: 390px;
  border-width: 0;
  overflow: hidden;
  float: left;
}

#rightpane {
  padding: 0;
  padding-left: 10px;
  padding-right: 3px;
  margin-top: 0;
  margin-right: 0;
  margin-left: 0px;
  margin-bottom: 0;
  height: 400px;
  width: 390px;
  border-width: 0;
  overflow: hidden;
}

#pfpic {
  clear: both;
  float: right;
  padding: 0;
  border: solid 1px #999;
  margin: 0;
  margin-left: 25px;
  margin-bottom: 55px;
  height: 70px;
  width: 70px;
}

#fillpic {
  height: 60px;
  width: 60px;
  padding-bottom: 3px;
  padding-left: 3px;
  padding-right: 0;
  padding-top: 0;
  border: 0;
  margin: 0;
}

#thpic {
  height: 58px;
  width: 58px;
  padding: 0;
/*
  padding-bottom: 3px;
  padding-left: 3px;
  padding-right: 0;
  padding-top: 0;
*/
  border: solid 1px #999;
/*  margin: 0; */
  margin-bottom: 3px;
  margin-left: 3px;
  margin-right: 0;
  margin-top: 0;
}

#thpic a {
  text-decoration: none;
  outline: none;
}

.HighlightText { color: #ccc; }
.SmallText { font-size: 0.75em}
.InfoHR { color: #9F3 }

form {
  width: 100%;
  margin-top: 0;
}

label {
  display: block;
  cursor: pointer;
}

input#name, input#email, textarea#nachricht {
  border: 1px solid #999;
  margin-bottom: 1em;
  margin-top: 2px;
  background-color: #333;
  color: #999;
}

input#name, input#email { width: 75%; }

textarea#nachricht { width: 90%; }

input#senden {
  background-color: #333;
  color: #999;
  border: 1px solid #999;
  width: auto;
}

/* Ab hier Navigation */

#selstart {
  width: 106px;
  height: 28px;
  text-indent: -9999px;
  background-image: url(../images/sel-start.jpg);
  float: left;
}
#navistart {
  width: 106px;
  height: 28px;
  text-indent: -9999px;
  float: left;
}
#navistart a {
  background-image: url(../images/navi-start.jpg);
  width: 106px;
  height: 28px;
  display: block;
}
#navistart a:hover {
  background-image: url(../images/navi-start.jpg);
  background-position: 0px -28px;
}

#selpf1 {
  width: 110px;
  height: 28px;
  text-indent: -9999px;
  background-image: url(../images/sel-pf1.jpg);
  float: left;
}
#navipf1 {
  width: 110px;
  height: 28px;
  text-indent: -9999px;
  float: left;
}
#navipf1 a {
  background-image: url(../images/navi-pf1.jpg);
  width: 110px;
  height: 28px;
  display: block;
}
#navipf1 a:hover {
  background-image: url(../images/navi-pf1.jpg);
  background-position: 0px -28px;
}

#selpf2 {
  width: 114px;
  height: 28px;
  text-indent: -9999px;
  background-image: url(../images/sel-pf2.jpg);
  float: left;
}
#navipf2 {
  width: 114px;
  height: 28px;
  text-indent: -9999px;
  float: left;
}
#navipf2 a {
  background-image: url(../images/navi-pf2.jpg);
  width: 114px;
  height: 28px;
  display: block;
}
#navipf2 a:hover {
  background-image: url(../images/navi-pf2.jpg);
  background-position: 0px -28px;
}

#selpf3 {
  width: 118px;
  height: 28px;
  text-indent: -9999px;
  background-image: url(../images/sel-pf3.jpg);
  float: left;
}
#navipf3 {
  width: 118px;
  height: 28px;
  text-indent: -9999px;
  float: left;
}
#navipf3 a {
  background-image: url(../images/navi-pf3.jpg);
  width: 118px;
  height: 28px;
  display: block;
}
#navipf3 a:hover {
  background-image: url(../images/navi-pf3.jpg);
  background-position: 0px -28px;
}

#selgalerie {
  width: 83px;
  height: 28px;
  text-indent: -9999px;
  background-image: url(../images/sel-galerie.jpg);
  float: left;
}
#navigalerie {
  width: 83px;
  height: 28px;
  text-indent: -9999px;
  float: left;
}
#navigalerie a {
  background-image: url(../images/navi-galerie.jpg);
  width: 83px;
  height: 28px;
  display: block;
}
#navigalerie a:hover {
  background-image: url(../images/navi-galerie.jpg);
  background-position: 0px -28px;
}

#selkontakt {
  width: 88px;
  height: 28px;
  text-indent: -9999px;
  background-image: url(../images/sel-kontakt.jpg);
  float: left;
}
#navikontakt {
  width: 88px;
  height: 28px;
  text-indent: -9999px;
  float: left;
}
#navikontakt a {
  background-image: url(../images/navi-kontakt.jpg);
  width: 88px;
  height: 28px;
  display: block;
}
#navikontakt a:hover {
  background-image: url(../images/navi-kontakt.jpg);
  background-position: 0px -28px;
}

#selds {
  width: 110px;
  height: 28px;
  text-indent: -9999px;
  background-image: url(../images/sel-ds.jpg);
  float: left;
}
#navids {
  width: 110px;
  height: 28px;
  text-indent: -9999px;
  float: left;
}
#navids a {
  background-image: url(../images/navi-ds.jpg);
  width: 110px;
  height: 28px;
  display: block;
}
#navids a:hover {
  background-image: url(../images/navi-ds.jpg);
  background-position: 0px -28px;
}