HTML,BODY
{
  padding:      0;
  margin:       0;
  text-align:     center;
  background-color: #8B8878;

  color:        #181915;
  font-family:    Arial,Helvetica,sans-serif;
  font-size:      medium;

  height:       100%;
}

.rahmen
{
  position:     relative;

  margin:       auto;
  padding:      0;

  background-color: #d9d9c9;

  max-width:      60em;
  width:        auto !important;
  width:        60em;

  min-height:     100%;
  height:       auto !important;
  height:       100%;

  text-align:     left;

  border-left:    1px #666666 solid;
  border-right:   1px #666666 solid;

  background-repeat:  no-repeat;

  overflow:     hidden;
}
.sideimg {
  height: 100%;
  width: 325px;
  position: fixed;
}
.contentframe {
  padding-left: 325px;

}
.header
{
  background-image: URL(Bilder/header4.png);
  background-repeat:  no-repeat;
  background-position:2em 1.8em;

  height:       160px;
  width:        100%;
}
.navi
{
  padding:      0px;
  width:        100%;
}

.navi UL
{
  padding:      0px;
  margin:       0px;

  list-style:     none;

  width:        100%;
  height:       3em;

  float:        left;

  opacity:      0.75;

  background-color: #c5d5b0;
  border-bottom:    2px solid #181915;
}
.navi LI
{
  text-align:     center;

  margin:       0px;

  width: 18%;
  padding:      0.9em 0em 1.1em 0em;

  float:        left;

  height:       1em;
}

.navi LI:hover
{
  opacity: 1;
  background-color: #b0c099;

}
.navi UL A
{
  color:        #102020;
  text-decoration:  none;
}
.navi UL A:hover
{
  color:        black;
  opacity: 1;
}
.naviitem
{
  height:       100%;
  width:        100%;
}
.naviitemactive
{
  height:       100%;
  width:        100%;

  background-color: white;
}

.textbox
{
  clear:        both;

  min-height:     100%;
  height:       auto !important;
  height:       100%;

  padding:      1em 2em 2.5em 2em;

  text-align:     left;
}
.textbox P
{
  margin-top:     0.2em;
}
.textbox H1
{
  font-size:      1.3em;
  margin-top:     1.4em;
  margin-bottom:    0.5em;

  padding:      0px;
}
.textbox H2
{
  margin:       10px 0px 2px 0px;
  font-size:      1em;
}
.textbox IMG
{
# display:      inline;

  border:       2px grey solid;
  padding:      0px;

  margin-left:    1em;
  margin-top:     1em;

  max-width:      700px;
  max-height:     700px;
}
.textbox HR
{
  color:        #d75a1d;
  background-color: #d75a1d;
  height:       3px;

  border:       none;

  padding:      0;
  margin:       0;
  margin-bottom:    5px;
}
.textbox A
{
  color:        #203050;
}
.textbox LI
{
  padding-bottom:   1.5em;
}

.footer
{
  position:     fixed;

  width:        100%;

  font-size:      small;
  text-align:     center;

  left:           0px;
  bottom:         0px;

  border-bottom:    1px solid #181915;

  background:     rgba(139, 136, 120, 0.75);
}
.footer A
{
  text-decoration:  none;
  color:        #181915;
}
.footer A : hover
{
  text-decoration:  underline;
}
.footer IMG {
  height: 12px;
}

.sidebox
{
  padding-left:   3em;

}
.cpic
{
  text-align:     center;
}
.gallery IMG
{
  display:      inline-block;

  border:       0.35em solid transparent;

  margin:       0.0em;
  padding:      0.0em;

  width:        31%;

  max-width:      700px;
  max-height:     700px;

  border-radius:    2px;
}
.gallery IMG:hover
{
  border:       0.35em grey solid;
  background-color: grey;

  max-width:      700px;
  max-height:     700px;

  border-radius:    7px;
}


@media (orientation: portrait) {
  body {
    padding-top: 0;
    width: 100%;
  }
 .header
  {
    background-image: URL(Bilder/header4s.png);
    background-position: 1em 20px;
    background-size: contain;
    height: 120px;
    max-width: 400px;
  }
  .navi LI
  {
    width: 18%;
    min-width: 4em;
    padding:      0.9em 0em 1.1em 0em;
  }
  .sideimg {
    display: none;
  }
  .contentframe {
    padding: 0;
  }
  .rahmen
  {
    border:   6px #666666 solid;
  }
 .textbox {
    box-sizing: border-box;
    padding: 1em 1em 2.5em 1em;
    margin: 0;
  }
 .textbox IMG
  {
    width:        100%;
    box-sizing: border-box;
    margin-left: 0;
  }
}