html { /* erzwingt Scrollbar im Firefox */
  height:101%;
}
* { padding:0; margin:0; }

/* ======================================
   2. Allgemeine Styles
  ====================================== */


body {
  background-color: #000000;
  color: white;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small; /* Schriftgröße */
}

a:link { color: #FFFF10;
line-height: 25px; }
a:visited { color: #FFFFFF; }

a:hover, a:active
{
color: grey;
background-color: #B52C07;
}

h1
{
color: white;
font: 130% georgia, times, "times new roman", serif;
font-weight: bold;
margin: 0 0 2px 0;
}


h2
{
color: #B52C07;
font: 120% georgia, times, "times new roman", serif;
font-weight: bold;
margin: 0 0 2px 0;
}

h2 a { text-decoration: none; }

h3
{
color: #5B5E0E;
font: 106% georgia, times, "times new roman", serif;
font-weight: bold;
margin-top: 0;
}

/* Gestalte das div mit id="wrapper" */
div#wrapper {
  color: #A23626;
  background-color: black;
  width: 1076px;
  margin-top: 10px;
  margin-right: auto; /* Abstand rechts */
  margin-bottom: 10px;
  margin-left: auto; /* Abstand links */
  border-left: 2px solid #A23626;
  border-right: 2px solid #A23626;
}

#kopfbereich {
  position: relative;
  background: #000000;
  color: white;
  background-image: url(fotos_und_grafiken/grafiken/statusbar.jpg);
  background-repeat: no-repeat;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  border-bottom: 1px solid white;
}

#kopfbereich p {
  position:absolute;
  text-align:right;
  top: 10px ;
  right: 10px; /* war vorher left: 50% */
  padding: 5px 0 5px 0;
  margin-bottom: 0;
}

div#kopfbereich p span {
font-size:170%;
text-align:right;
  color:#FFFF10; /* Schriftfarbe */
}

.skiplink {
  position: absolute;
  top: -9999px;
  left: -9999px;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

p { text-indent: 30px; }
p.ohneeinzug { text-indent: 0; }

#mainnav ul { list-style-type: none;
 background-color: #A23626;}
#mainnav li { display: inline;
background-image: url(fotos_und_grafiken/grafiken/Menuehintergrund.jpg);
  background-repeat: no-repeat;

  }
#menu
{
float: left;

width: 165px;
height: 550px;
border-right: 1px solid #A00000;
padding-top: 20px;
padding-left: 25px;
margin-top: 10px;
margin-right: 10px;
}

#contents { margin: 0 10px 40px 20px; }
#contents p { line-height: 165%; }
.imagefloat { float: right;
 }

#footer
{
clear: both;
background-image: url(fotos_und_grafiken/grafiken/statusbar.jpg);
  background-repeat: no-repeat;
color: #E6E6E6;
text-align: right;
font-size: 90%;
}

#skipmenu
{
position: absolute;
left: 0;
top: 5px;
width: 645px;
text-align: right;
}

#skipmenu a
{
color: #666;
text-decoration: none;
}

#skipmenu a:hover
{
color: #fff;
background-color: #666;
text-decoration: none;
}

/* Das Kontaktformular */
form {
  background-color: #eee;
  width: 370px; /* Breite des Formulars */
  padding: 20px;
  border: 1px solid #8c8c8c;
}
label { /* Beschriftung auf eigener Zeile */
  display: block;
  cursor: pointer; /* Mauszeiger wird zur Hand */
}
input#absender,
textarea {
  width: 300px;
  border: 1px solid #8c8c8c;
  margin-bottom: 1em;
}
textarea {
  height: 7em;
}
input:focus,
textarea:focus {
  background-color: #d9d9d9;
}