html, body {
  height: 100%;
  margin: 0px;
}

body {
  background-color: #B6BAD8;
  padding: 0;
  text-align: center;
}

#content {
  position: relative;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* IE6, http://www.dustindiaz.com/min-height-fast-hack/ */
  width: 770px;
  margin: 0px auto;
  text-align: left;
  padding: 0 50px;
  border: 0px;
  background-image: url('./images/content.png');
  background-repeat: repeat-y;
  background-color: #ECECEC;
}
/*  border:1px dashed #333; */

#content_top {
  margin: 0;
  width: 870px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url('./images/content_top.png');
}

body, table, td, p, li {
  font-family: Arial,Verdana,sans-serif;
  font-size: 10pt;
  color: black;
  text-decoration: none;
  line-height: 1.3;
}

br {
  line-height:0.5em;
}

li {
  list-style-image: url('./images/item.gif');
}

ul {
  padding: 0 0 0 1em;
  margin: 0;
}
/* Absatz innerhalb li */
p.li {
  margin: 0.3em 0 0 0;
}

p {
  text-align: justify;
  margin: 1em 0 0 0;
}

h2 {
  font-family: Arial,Verdana,sans-serif;
  font-size: 12pt;
  font-weight: bold;
  margin: 1em 0 0.5em 0;
}

h3 {
  margin: 1em auto 0.1em auto;
  font-size: 11pt;
}

form {
  padding: 20px;
  }

/* Reihenfolge nicht ändern, sonst geht hover bzw. active nicht mehr */
a:link    {color: blue;  text-decoration: underline;} /* noch nicht besuchte Links */
a:visited {color: black; text-decoration: underline;} /* besuchte Links */
a:hover   {color: red;   text-decoration: underline;} /* Link bei "MouseOver" */
a:active  {color: blue;  text-decoration: underline;} /* Link während anklicken */

/* BEGIN Menü oben */
div.menue {
  padding-top:30px;
  text-align: right;
  }
div.menue h1 {
  font-weight: normal;
  font-size: 1.5em;
  margin: 0;
  }
div.menue a:link    {color: black; text-decoration: none; } /* noch nicht besuchte Links */
div.menue a:visited {color: black; text-decoration: none; } /* besuchte Links */
div.menue a:hover   {color: black; text-decoration: underline; background-image: url('./images/menue_hover.png'); background-repeat: repeat-x;} /* Link bei "MouseOver" */
div.menue a:active  {color: black; text-decoration: underline; background-image: url('./images/menue_hover.png'); background-repeat: repeat-x;} /* Link während anklicken */
/* END Menü oben */

/* BEGIN Formular */
div.formular {
  width: 600px;
/*  background-color: #cc9;
  border: 1px dotted #333; */
  padding: 0px;
  margin: 0px auto;
  }
div.formular form {
/*  background-color: #9c9;
  border: 1px dotted #333; */
  padding: 10px;
  }
div.row {
  clear: both;
  padding-top: 10px;
  }
div.row span.label {
  float: left;
  width: 170px;
  text-align: right;
  }
div.row span.formw {
  float: right;
  width: 400px;
  text-align: left;
  }
/* END Formular */

abbr, acronym, .help {
  border-bottom: 1px dotted #333;
  cursor: help;
  }