* { padding: 0; margin: 0; }

body {
 height: 100%;
 font-family: Arial, Tahoma, Verdana;
 font-size: 12px;
 background-color: #002c9c;
}

#wrapper {
  margin: 0 auto;
  width: 848px;
  background-image: url('../hg/hg-wrapper.png')
}

#kopfbereich {
  height: 150px;
  width: 848px;
  background-image: url('../hg/hg-kopfbereich.png')
}

#inhalt {
  min-height: 700px;
  height: auto !important;
  height: 700px;
  margin-left: 174px;
  margin-right: 174px;
  margin-bottom: 0px;
  padding: 16px;
  text-align: justify;
  background-color: #002c9c;
  background-image: url('../hg/hg-inhalt.png')
}

.slideshowtext {
  float: left;
  width: 117px;
  margin-top: 0px;
  margin-bottom: 12px;
  text-align: center;
}

ol.kapitel {
  padding-top: 25px;
  padding-left: 50px;
  padding-bottom: 20px;
  line-height: 1.5;
  font-size: 12px;
  font-weight: bold;
}

ul.unterkapitel {
  list-style-type: circle;
  padding-left: 24px;
  margin-left: 0px;
  line-height: 1.5;
  font-size: 12px;
  font-weight: normal;
}

h1.kapitelueberschrift {
  margin-top: 12px;
  margin-bottom: 6px;
  padding-top: 2px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 2px;
  font-size: 12px;
  color: #ffffff;
  font-weight: bold;
  background-color: #002c9c;
}

.bildtitel {
    width: 468px;
    position: relative;
}

.bildtitel span {
  background-color: silver;
  background-color: hsla(0, 0%, 100%, 0.6);
  position: absolute;
  bottom: 8px;
  width: 100%;
  line-height: 18px;
  text-align: right;
  font-weight: bold;
}

.bildtitel img {
  display: block;
}

img {
border:0px;
}

hr.trennungslinie {
width: 100%;
size: 1px;
border: none;
border-top: 1px solid #002c9c;
margin-top: 6px;
margin-bottom: 6px;
color: #002c9c;
}

#menuelinks {
  position: relative;
  margin-top: 5px;
  float: left;
  width: 174px;

}

.navi a:link, .navi a:active, .navi a:visited
{
display: block;
width: 174px;
line-height: 20px;
text-decoration: none;
font-family: Arial, Tahoma, Verdana;
font-size: 12px;
letter-spacing: 0,6em;
font-weight: bold;
color: #000000;
text-align: center;
background-image: url('../hg/hg-menue-links.png')
}
.navi a:hover
{
color: #ffffff;
background-image: url('../hg/menue-button-links2.gif')
}

.navi2 a:link, .navi2 a:active, .navi2 a:visited
{
display: block;
width: 174px;
line-height: 20px;
text-decoration: none;
font-family: Arial, Tahoma, Verdana;
font-size: 12px;
letter-spacing: 0,6em;
font-weight: bold;
color: #000000;
text-align: center;
background-image: url('../hg/hg-menue-rechts.png')
}
.navi2 a:hover
{
color: #ffffff;
background-image: url('../hg/menue-button-rechts2.gif')
}

.listinus {
  width: 100px;
  height: 50px;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
}

.layoutplatzhalter {
  width: 95px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
}

#menuerechts {
  position: relative;
  margin-top: 5px;
  float: right;
  width: 174px;

}

.fb1 {
  width: 82px;
  height: 61px;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
}

.fb2 {
  width: 100px;
  height: 50px;
  margin-top: 9px;
  margin-left: auto;
  margin-right: auto;
}

.counter1 {
  width: 108px;
  height: 15px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  background-color: #8c8c8c;
}

.counter2 {
  width: 108px;
  height: 30px;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  background-color: #9d9d9d;
}

.hsvuhr {
  width: 162px;
  height: 22px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 33px;
  text-align: center;
}

.buttonnachobenbox {
  width: 160px;
  height: 30px;
  float: right;
  padding-top: 44px;
  margin-right: 168px;
}

.buttonzurueckbox {
  width: 160px;
  height: 30px;
  float: left;
  padding-top: 44px;
  margin-left: 168px;
}

.buttonnachoben1 {
  width: 160px;
  height: 30px;
  margin-left: auto;
  margin-right: auto;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

.buttonnachoben2 a:link, .buttonnachoben2 a:active, .buttonnachoben2 a:visited
{
display: block;
width: 160px;
line-height: 30px;
text-decoration: none;
font-family: Arial, Tahoma, Verdana;
font-size: 12px;
letter-spacing: 0,6em;
font-weight: bold;
color: #000000;
text-align: center;
background-image: url('../hinweise/oben1.png')
}
.buttonnachoben2 a:hover
{
color: #ffffff;
background-image: url('../hinweise/oben2.png')
}

.buttonzurueck1 {
  width: 160px;
  height: 30px;
  margin-left: auto;
  margin-right: auto;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

.buttonzurueck2 a:link, .buttonnachoben2 a:active, .buttonnachoben2 a:visited
{
display: block;
width: 160px;
line-height: 30px;
text-decoration: none;
font-family: Arial, Tahoma, Verdana;
font-size: 12px;
letter-spacing: 0,6em;
font-weight: bold;
color: #000000;
text-align: center;
background-image: url('../hinweise/zurueck1.png')
}
.buttonzurueck2 a:hover
{
color: #ffffff;
background-image: url('../hinweise/zurueck2.png')
}

span.bold {
font-weight: bold;
}

span.kursiv {
font-style: italic;
color: #002c9c;
}

span.gruen {
color: #009900;
font-weight: bold;
}

span.rot {
color: #FF0000;
font-weight: bold;
}

span.weiss {
color: #000000;
font-weight: bold;
}

p.clearboth {
  clear: both;
}

p.fetteschrift {
  font-weight: bold;
}

p.unterstrichen {
  text-decoration: underline;
}

p.fettundunterstrichen {
  font-weight: bold;
  text-decoration: underline;
}

p.kursiv {
  font-style: italic;
  color: #002c9c;
}

p.blaueschrift {
  color: #002c9c;
}

p.center {
text-align: center;
}

p.right {
text-align: right;
}