body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

td, button, input {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

td {
  vertical-align: top;
}

h1 {
/* 18pt */
  font-size: 140%;
}

h2 {
/* 16pt */
  font-size: 120%;
  margin-bottom: 2px;
}

h3 {
/* 14pt */
  font-size: 110%;
  margin-bottom: 2px;
}

h4 {
/* 110% */
  font-size: 100%;
  margin-bottom: 1px;
}

p {
  line-height: 140%;
  margin-top: 1px;
}

ul {
  line-height: 130%;
  margin-top: 1px;
}

h1.page_title {
  margin: 25px 0 0 0;
}
.main h1.page_title, .content h1.page_title, .content h1.page_title {
  margin: 0;
}
h2.page_subtitle {
  margin-top: 0;
}


a {
  color:#000000;
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:active {
  text-decoration: none;
}

#headbox {
  position: absolute;
  top: 0px;
  width: 984px;
  height: 160px;
}

#logobox {
 float: left;
 width:  195px;
 height: 110px;
 padding: 10px 0 0 5px;
}

#navbox {
  float: left;
  width: 584px;
  height: 120px;
}

#suchbox {
  float: right;
  width: 200px;
  height: 160px;
  background-color: #E3E4E5;
}

#langbox {
  float: left;
  width: 190px;
  height: 40px;
  padding-left: 10px;
}

#langbox a {
  color: #666666;
}

#langdiv {
  padding:20px 0 0 5px;
  font-size: 9px;
}

#breadbox {
  float: left;
  width: 584px;
  height: 40px;
}

#breaddiv {
  padding: 20px 0 0 10px;
  font-size: 9px;
  font-weight : bold;
}

#bodybox {
  position: absolute;
  top: 160px;
  width:984px;
}

#leftbar {
  width: 190px;
  padding: 0px 5px;
}

#newsbox {
  width: 180px;  /* 10px margin */
  height: 204px;
  margin-bottom: 25px;
}

#left-relatedbox {
  width: 180px;  /* 10px margin */
}

#contentbox {
  width: 584px;
}

#infobox {
  width: 180px;
  min-height: 200px;
  padding: 0px 5px 0px 15px;
  x-background-color: #E3E4E5;
}

#relatedbox {
  width: 180px;  /* 10px margin */
  padding:0 5px 0 15px;
}

#newsbox h3, #infobox h3 {
  margin-top: 0px;
}

#navtable {
  position: absolute;
  top: 60px;
  width: 584px;
}

.navclass td {
  height: 30px;
  padding: 0 10px;
  font-weight: bold;
  font-size: 11px;
  text-align: center;
  vertical-align: middle;
}

#impressumbox {
  width:180px;
  padding-bottom:5px;
  text-align:center;
}

#impressumbox a {
  font-size: 11px;
}

#suchform {
  height: 60px;
  width: 200px;
  background-color:#FFFFFF;
}

#suchform form {
  margin:0;
  padding:20px 0 0 0;
}

#suchform .suchclass input.suche {
  float: right;
  margin: 0px;
}

.suchclass input.suche {
  border-width: 0px;
  margin: 0 0 0 5px;
  padding: 2px 2px 1px 2px;
  font-size: 10px;
  font-weight: bold;
  background-color: black;
  color: white;
}

.suchclass input.text {
  float: left;
  font-size:10px;
  width: 130px;
}

#suchnav {
  position:absolute;
  top:60px;
  height:30px;
  width:200px;
  x-padding:5px 0;
  text-align:right;
  x-font-size:80%;
  background-color:#e1ba3b;
}

#suchnav input.suche {
  border-width: 0px;
  margin: 0 0 0 5px;
  padding: 2px 2px 1px 2px;
  font-size: 10px;
  font-weight: bold;
  background-color: black;
  color: white;
}


.topnav td {
  background-color: #FDC500; /* FFCE33 */
}

.topnav td.active {
  background-color: #FFE899;
}

.subnav td.active {
  color: #000000;
  background-color: #FFE899;
}

.subnav td a {
  color: #666666;
}

.subnav td.active a {
  color: #000000;
}

div.content {
  margin-top: 25px;
  padding-right: 15px;
}

table.content {
  margin-top: 25px;
  width:100%;
}

table.content td {
  padding-bottom: 10px;
  padding-right: 15px;
}

table.content h3 {
  margin: 10px 0 0 0;
}

table.content h4 {
  margin-top: 0px;
}

table.content td.img {
  width:100px;
}

table table.inner td {
  padding-bottom: 1px;
  padding-right: 5px;
}

table table.inner td a {
  color: #0000FF;
}

hr.dotsep {
  height: 0px;
  border: 0px;
  border-bottom: 2px dotted #666666;
}

img.arrow {
  margin-left:5px;
  position:relative;
  bottom:-3px;
}

.content .highlight {
  background-color: #FFE899;
}

.content ul {
  overflow: auto;  /* neben float: Element korrekt einrücken, allerdings break erst nach ul */
  padding-left: 17px;
  margin: 5px 0;
  list-style: none outside url(/skin/gerhardt/img/quadrat.gif);
  line-height: 100%;
}

.content li {
  padding-bottom: 5px;
}