html, body {
  background-color: #ffffff;
  color:        #000000; /* color:#888888; */
  cursor:       default;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size:        95%; /* erreicht annähernd gleiche Schriftgrößen in NN, IE und OP */
  margin-left:      10%;
  margin-right:     10%;
}
a {
  color:          green;
  font-weight:     bold;
}
a [name] {
  color:        #000000;
}
a:hover {
  color:        #ffba27;
  text-decoration: underline;
}
form dl {
  float:           left;
  width:           100%;
}
form dt {
  clear: left;
  float:           left;
  font-weight:     bold;
  margin:             0;
  padding:            0;
  text-align:     right;
  width:            8em;
}
form dd {
  float:           left;
  margin-left:      8em;
}
h1 {
  color:          green;
  margin-left:     10px;
  border-bottom:    1px dotted #808080;  /*grau*/
}
label {
  display:        block;
  float:           left;
}
p {
  color:           #000000;
  /* color:        #888888; */
  text-align:         left;
}
input {
  font-family: Arial, sans-serif;
  padding:             2px;
}
input.feld {
  background-color:#f9f9f9;
  border-width:        1px;
  border-color:    #cccccc;
  border-style:      solid;
  color:           #888888;
  font-size:         1.0em;
  padding:             2px;
  width:             120px;
  -moz-border-radius:  5px;  /* Mozilla: Rahmen mit abgerundeten Ecken */
}
input.knopf {
  background-color:#ffba27;
  color:           #ffffff;
  font-size:         small;
  margin:  4px 0px 0px 0px;
  padding:             0px;
}
input:hover {
  background:      #ffffff;
}
input:focus,
textarea:focus,
textarea:active,
input:active {
  background:      #f9f9f9;
  border:#ffba27 1px solid;
  color:           #573337;
}
table {
  border:             none;
}


/*************
 * Klassen
 *************/
.kopfzeile {
  background-color:  transparent;
  background-image:  url(/bilder/hdbg_green.png);
  background-repeat: repeat-x;
  background-position: bottom; /* background: #af24c7; */
  height:          80px;
  margin-bottom:    7px;
  width:           120%;
}
.kopfzeile h1 {
  background: transparent;
  /* background-color: #3b9e40; */
  color:        #ffffff;
  float:           left;
  font-size:       20px !important;
  font-weight:     bold;
  margin-top:      54px;
  margin-left:    -70px;
}
.kopfzeile a {
  background-image:  url(/bilder/fen80.gif);
  background-repeat: no-repeat;
  border:           0px;
  clear:           both;
  color:        #ffffff;
  float:           left;
  height:           0px !important;
  overflow:      hidden;
  padding-top:     75px;
  width:           81px;
}
.middle {
	clear:           both;
	padding-bottom:  20px;
}
.content {
  padding-left:   190px;
  right:            0px;
}
.content p {
  line-height:    1.5em;
  /* margin-left: 200px; */
  padding-bottom:  10px;
  padding-right:   20px;
}
.content .date {
  font-size:    x-small;
  /* margin-left: 200px; */
}
.content h2 {
  /* background: #eee; */
  border-bottom:  1px dashed #808080;  /*grau*/
  color:          green;
  /* color: #ffba27; */
  font: 100%/150% verdana,helvetica,arial,sans-serif;
  font-weight:     bold;
  margin-bottom:    5px;
  /*margin-left: 190px; */
  margin-top:       5px;
  padding-bottom:   5px;
  padding-left:    10px;
  padding-top:      5px;
}
.content h3 {
  /* background: #eee; */
  color:          green;
  font: 100%/350% verdana,helvetica,arial,sans-serif;
  font-weight:     bold;
  margin:           0px;
  padding:   0 0 0 10px;
}
.content a {
  color: #4c87da;
  text-decoration: underline;
}
.content a[name] {
  color:        #000000;
  text-decoration: none;
}
.search {
  color:        #ffffff;
  padding-right:    1px;
  padding-top:     30px;
  position:    absolute;
  right:            10%;
  top:             30px;
}
.search input.feld {
  background:   #90ee90;  /* lightgreen */
  color:        #000000;
  font-size:        8pt;
}
.search input.knopf {
  background:     green;
}
.urhere {
  float:           left;
}
.zoom {
  background:     green;
  color:        #ffffff;
  cursor:       pointer;
  padding:          2px;
  white-space:   nowrap;
}
.zoombereich {
  float:          right;
  padding-right:   30px;
  position:    absolute;
  right:            0px;
}
.menu {
  background:transparent url(/bilder/stripes_lightgreen.png) repeat;
  float:           left;
  height:         500px;
  margin-right:    20px;
  padding-right:   10px;
  padding-left:    10px;
  width:          150px;
}
.menu a {
  color:        #006400;  /* dunkelgrün */
  font-size:       110%;
  text-decoration: underline;
}
.menu p {
  color:        #222222;
  text-align:      left;
}
.menu input.knopf {
  background:     green;
}
.menu ul {
  list-style:      none;
  margin:             0;
  padding-left:       0;
  padding-bottom:     0;
}
.menu li {
  padding-left:     0px;
  padding-bottom:   3px;
  margin-bottom:    5px;
}
.footer {
  border-top:       1px #d3d3d3 solid;  /*hellgrau*/
  clear:           both;
  padding-top:     10px;
} 
.footer a {
  color:        #4c87da;
  height:          50px;
  text-decoration: underline;
}
.footerinfo {
  margin-top:       0px;
  margin-left:      70%;
  width:          250px;
}
.ontop {
  bottom:          45px;
  float:           left;
  font-size:    x-small;
  height:         2.0em;
  margin-left:       0%;
  position:    relative;
  width:          190px;
}
.ontop a {
  font-size:       10pt;
  font-weight:   normal;
  text-decoration: none;
}
.unsichtbar {
  left:         -2000px; /* Schiebt die "unsichtbaren" Hilfen aus dem weit weg, dadurch
  lassen sich übereifrige Screenreader, die ausgerechnet "display:none" akustisch auswerten,
   täuschen, und lesen die so versteckten Hilfen dennoch vor */
  position:    absolute;
}
.linie75 {  /* Trennlinie zu aktuellen Meldungen u.a. */
  height:          auto;
  text-align:    center;
  width:            75%;
}
.webring {
  clear:           both;
}

/* Kalender */
.kalender {
  width:            78%;
}
.menue {
  position:    absolute;
  top:            100px;
  right:           10px;
  background-color: #efefef;
  float:          right;
  width:            20%;
  vertical-align:   top;
  z-index:            1;
  font-size:    smaller;
}
.steuerung {
  margin-top:      10px;
}

/*************
 * IDs
 *************/





/*********************************
 * Formatierungen aus altem Layout
 *********************************/
img {
  border:              none;
}
td.hgrau {
  background-color: #efefef;
}
td.grau {
  background-color: #c3c3c3;
}

/* Class */
.kleiner {
  font-size:        x-small;
  line-height:          90%;
}
.zentriert {
  text-align:        center;
}

/*Briefumschlag vor Mailto-Link 
a[href^=mailto]:before {
  content: "Test: &#9871 &#2709 ";
}*/