html {
  background-color: white;
  background-repeat: repeat-y;
  background-image: url(files/Layout/Navigationstreifen.png?ver=1264513336);
}

body {
  font-family: "Lucida grande", arial, geneva, sans-serif;
  font-size: 82%;
  color: black;
  background-repeat: repeat-x;
  background-image: url(files/Layout/Kopfkachel.png?ver=1264512554);
  margin: 0;
  padding: 0;
}

@media print {
  html, body { background-image: none; }
}

.nowrap { white-space: nowrap; }
.thinspace { margin-left: -0.17em; }

img { border: 0; }
.imgborder img { border: 1px solid rgb(150,150,150); }

p  { margin: 1em 0; } /* MSIE Win nimmt sonst einen erheblich größeren Abstand */

div.clearer { clear: both; height: 1px; width: 1px; margin-bottom: -1px; overflow: hidden; } /* height usw. für Opera und Netscape */
br.clearer { clear: both; }

.printonly { display: none; }

@media print, embossed {
  .noprint { display: none; }
  span.printonly { display: inline; }
  div.printonly { display: block; }
  tr.printonly { display: block; display: table-row; } /* Internetadresse im Impressum */
}

hr { height: 1px; border: 0; border-top: 1px solid black; padding: 0; margin: 0; color: white;  }
del { color: #BB0000; }
ins { color: #009900; }
#head {
  padding-top: 128px;
  background-repeat: no-repeat;
  background-image: url(files/Layout/Seitenkopf.png?ver=1264512462);
  overflow: hidden;
  height: 0;
}

#head #divoben {
  height: 1px; 
  width: 1px; 
  overflow: hidden;
  position: absolute;
  top:-1px;
}

@media print {
  #head { 
    padding-top: 0;
    background-image: none;
    height: auto;
    padding-bottom: 1em;
  }
}

@media print, embossed {
  #head #divoben,
  #cms_vorschau_label { display: none; }
}
.verticalnavi {
  float: left;
  width: 190px;
  height: 444px;
  background-image: url(files/Layout/Navigation.png?ver=1264512497);;
  background-repeat: no-repeat;
  list-style-type: none;
  margin: 0;
  padding: 27px 0 0 0;
}
.msie6 .verticalnavi,
.msie7 .verticalnavi { position: absolute; padding-top: 36px; }

.verticalnavi li {
  margin: 10px;
  font-weight: bold;
}

.verticalnavi li.curdir a {
  color: white;
  background-color: rgb(180,20,20);
  border-color: black;
}

.verticalnavi a { 
  color: rgb(121,122,124);
  background-color: white;
  border-style: solid;
  border-color: rgb(121,122,124);
  border-width: 0 1px 1px 0;
  padding: 7px 2px 7px 10px;
  text-decoration: none;
  display: block;
}
.msie6 .verticalnavi a { height: 1%; } /* damit die gesamte Buttonfläche anklickbar ist */

.verticalnavi a:hover {
  color: rgb(180,20,20);
}

.verticalnavi li.curdir a:hover {
  color: rgb(200,200,200);
}

.verticalnavi a:active,
.verticalnavi li.curdir a:active {
  border-width: 1px 0 0 1px;
}

.verticalnavi a:active {
  color: rgb(180,20,20);
  background-color: rgb(200,200,200);
}

.verticalnavi li.curdir a:active {
  color: rgb(200,200,200);
  background-color: rgb(159,15,15);
}

@media print, embossed {
  .verticalnavi { display: none; }
}

#blaettern {
  padding: 7px 0 0 0;
  height: 30px;
}

ul#blaettern {
  list-style-type: none; 
  margin: 0; 
  color: rgb(121,122,124);
  font-size: 0.92em;
}

ul#blaettern li {
  display: inline;
  margin-left: 5px;
  padding-left: 5px;
  border-left: 1px solid rgb(121,122,124);
}

ul#blaettern li.firstchild {
  margin-left: 0;
  padding-left: 0;
  border-left: none;
}

@media print, embossed {
  #blaettern { display: none; }
}

.bilder img {
  margin-right: 18px;
}

.bilderoben .bilder img {
  margin-bottom: 1em;
}

.bilderrechts .bilder img {
  margin-bottom: 18px;
}

.bilderrechts .bilder {
  float: right;
  width: 220px;
}

@media print {
  .bilderrechts .bilder { width: 202px; }
  .bilderrechts .bilder img { margin-right: 0; } 
}
#content {
  padding-left: 210px;
  line-height: 145%;
  width: 660px; /* 3 Bilder á 200px + 6 Border á 1px + 3 Zwischenräume á 18px */
}

#content.bilderrechts #textspalte { padding-right: 240px; }
#content.bilderkeine #textspalte { padding-right: 20px; }

.content a              { color: rgb(180,20,20); text-decoration: none; }
.content a:hover   { text-decoration: underline; }
.content a:active  { color: rgb(140,20,20); }
/* class="content" ist auch in der Blätter-Navigation gesetzt */

@media print {
  #content { padding-left: 0; width: auto; }

  #content.bilderrechts #textspalte { padding-right: 220px; }
  #content.bilderkeine #textspalte { padding-right: 0; }

  .content a,
  .content a:hover,
  .content a:active { color: black; text-decoration: underline; }
  .content a[href^="http"]:after { content: " <"attr(href)">"; }
  .content .notprinturl a[href^="http"]:after { content: ""; }
}

h1 { 
  font-size: 140%;
  margin: 0 0 1em 0;
  color: rgb(180,20,20);
}

h2, h3, h4, h5, h6 {
  font-size: 100%;
  margin: 0;
  display: inline;
}

.absatz ul, .absatz ol {
  padding-top: 0; 
  margin-top: 0; 
  padding-bottom: 0; 
  margin-bottom: 0;
}

.absatz ul {
  list-style-type: none;
  line-height: 160%;
  padding-left: 10px;
}

.msie6 .absatz ul,
.msie7 .absatz ul { margin-left: 0; }

.absatz ul li {
  background-image: url(files/Grafiken/Bullit.gif?ver=1264588447);
  background-repeat: no-repeat;
  background-position: 0 0.55em;
  padding-left: 15px;
}

.listemptyline li {
  margin-bottom: 1em;
}

.listemptyline ul, .listemptyline ol {
  margin-bottom: 0em;
}

.stdtable table {
  background-color: #f0f0f0; 
  border-collapse: collapse;
}

.stdtable table,
.stdtable table th,
.stdtable table td  { border: 1px solid #b0b0b0; }

.stdtable table th,
.stdtable table td  { vertical-align: top; padding: 4px; }

.stdtable table th {
  text-align: left; 
  font-weight: normal;
}

.tableright.newline { clear: right; }
.tableleft.newline { clear: left; }
.msie6 .tableright.newline { clear: both; }
.msie6 .tableleft.newline { clear: both; }

.tableleft { float: left; margin-right: 1.5em; }
.tableright { float: right; margin-left: 1.5em; }

.width100 { float: none; margin-right: 0; }
.width100 table { width: 100%; }

.alignright table th,
.alignright table td  { text-align: right; }

/* --------------- Zebrastreifen und th ---------------- */

.stdtable thead tr { background-color: #c0c0c0; }

.tableheader.zebra .row1,
.zebra tbody .row2 { background-color: transparent; }

.stdtable tbody th,
.tableheader.zebra .row2,
.tableheader.zebra .row1 th,
.zebra tbody .row1,
.zebra tbody .row2 th { background-color: #e0e0e0; } 

.tableheader.zebra .row2 th,
.zebra tbody .row1 th { background-color: #d0d0d0; }

/* tbody nach .zebra: für MSIE 6; Reihenfolge der Selektoren nicht ändern; voranstehendes gilt auch für die Druckstylesheets unten */


@media print {
  .stdtable table, 
  .stdtable table th,
  .stdtable table td { border-color: black; }

  .stdtable table th { font-weight: bold; }

  .stdtable table,
  .tableheader.zebra .row2,
  .zebra tbody .row1,
  .stdtable thead tr,
  .stdtable tbody th,
  .tableheader.zebra .row1 th,
  .tableheader.zebra .row2 th,
  .zebra tbody .row1 th,
  .zebra tbody .row2 th { background-color: transparent; }
}


dl.dir dt {
  margin-top: 1em;
}

dl.dir dd {
  margin-left: 0;
  padding-left: 0;
}

#content.bildereigene h1 { position: absolute; }

table.dir { width: 100%; }

table.dir td {
  vertical-align: bottom;
  padding: 0 18px 18px 0;
}

table.dir td.bild { width: 202px; }

table.dir h2 {
  display: block;
  margin-bottom: 0.5em;
}

table.dir a { font-size: 0.92em; }

@media print {
  table.dir td.bild { padding-right: 0; }
}
.absatz { margin-bottom: 1em; }

h2.block { 
  display: block; 
  margin-bottom: 1em;
}

.newline { clear: both; }

.nofloat { overflow: hidden; }
.msie6 .nofloat { overflow: visible; height: 1%; }

.stdform { margin-top: 1em; }

.stdform .formtable {
  margin-top: 1em;
}

.stdform td {
  background-color: #e0e0e0;
  padding: 3px 5px;
  border-width: 0 1px 1px 0; /* da MSIE 6/7 border-spacing nicht unterstützen */
  border-style: solid;
  border-color: white;
}
.stdform table table td { border: none; }

.stdform .label {
  text-align: right;
  background-color: #d0d0d0;
}

.stdform .top_label {
  vertical-align: top;
  padding-top: 6px;
}

.stdform .label,
.stdform .pflichtfeld .inputcell label,
.stdform label { color: #666; }

.stdform .pflichtfeld .label,
.stdform .pflichtfeld label { color: black; }

.stdform .pfmarker { margin-left: 2px; }

.stdform .header { 
  color: white; 
  background-color: #666666;
}

.stdform .buttonrow td { 
  padding-top: 10px;
  background-color: transparent;
}

.stdform .buttonrow input { 
  margin-left: 0;
}

.stdform .editfield input,
.stdform .editfield textarea { width: 350px; }

.stdform .editfield table input, /* Feldgruppe */
.stdform .editfield table textarea { width: 90px; }

.stdform .Safari.Win .editfield textarea { padding-right: 2px; }
.stdform .Safari.Mac .editfield textarea { padding-right: 4px; }
.stdform .Firefox.Mac .editfield textarea { padding-right: 4px; }
.stdform .Camino .editfield textarea { padding-right: 6px; }
.stdform .Chrome .editfield textarea { padding-right: 0px; }

.stdform_upload_error { color: red; }
#form_msgbox { margin-top: 1em; }
#form_errormsg { color: red; }
#form_backmsg { font-weight: bold; }

@media print, embossed {
  .stdform .buttonrow { display: none; }
}

@media print {
  .stdform .formtable { width: 100%; }
  .stdform .editfield input,
  .stdform .editfield textarea { width: 100%; }
}
#htoplink { overflow: hidden; height: 0; width: 0; }

#vtoplink {
  padding-bottom: 2em;
  margin-top: -0.5em;
}


@media print, embossed {
  #footer { display: none; }
}

.nowrap h2.block { white-space: normal; }
.absatz #copyright,
.absatz #copyright a {
  color: gray;
  font-style: italic;
}
.absatz #copyright a  { text-decoration: none; }
.absatz #copyright a:hover { text-decoration: underline; }

.impressum .vcard p.org { margin-top: 0; }
.impressum table td { padding: 0 0.5em 0 0; } /* wird auch von Startseite gebraucht */
.impressum .vcard .type { display: none }

@media print {
  .impressum #anfahrtlink { display: none; }
  .absatz #copyright a { color: black; text-decoration: underline; font-style: normal; display: block; margin-top: 1em; }
}
@media embossed {
  .impressum #anfahrtlink { display: none; }
}
/* Klassen, die im Feld "Eingabefelder" gesetzt werden: */

.stdform .fieldgroup td,
.stdform .telefon td,
.stdform .buttons td {
  padding: 0;
}

.stdform .button,
.stdform .buttons input {
  margin-left: 0;
  margin-right: 7px;
}

.stdform .fieldgroup {
  table-layout: fixed;
  width: 100%;
}

.stdform .fieldgroup td {
  width: 50%;
}

.stdform .editfield .fieldgroup input {
  width: 40px;
}