body {
  font-family: arial, geneva, sans-serif;
  font-size: 82%;
  color: black;
  background-color: white;
  background-repeat: repeat-y;
  background-position: 992px 0;
  background-image: url(files/Layout/Schatten.gif?ver=1269849701);
  margin: 0;
  padding: 0;
}
@media print {
  body { color: black; background-color: white; }
}

#wrapper {  /* zum Zentrieren von Layouts usw. */
  width: 992px;
  background-repeat: repeat-x;
  background-image: url(files/Layout/Verlauf.jpg?ver=1269849704);
  /* display: table; width: 100%; /* damit der Wrapper bei sehr schmalem Browserfenster den
  Inhalt komplett umschließt - wichtig, wenn #wrapper (oder #head) eine waagerechte 
  Hintergrundkachel/-farbe enthält und #content breitergedrückt wird als das 
  Browserfenster */
}
.msie6 #wrapper { overflow: hidden; }
@media print {
  body, #wrapper { background-image: none; }
  #wrapper { margin: 0; width: auto; display: block; border: 0; }
  .msie6 #wrapper { overflow: visible; }
}

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

img { border: 0; }

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

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

hr { height: 1px; border: 0; border-top: 1px solid black; padding: 0; margin: 0; color: white;  }

#oben { position: absolute; top: 0; height: 1px; width: 1px; overflow: hidden; font-size: 0; }

#head {
  height: 269px;
  background-repeat: no-repeat;
  background-image: url(files/Layout/Signet.gif?ver=1269849702);
}

#head #logo_links  {
  float: left;
  padding-top: 96px;
  padding-left: 25px;
}

#head #logo_rechts  {
  float: right;
  padding-top: 162px;
  padding-right: 42px;
}

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

  #oben,
  #head #logo_links,
  #head #logo_rechts { display: none; }
}

@media print, embossed {
  #cms_vorschau_label { display: none; }
}
/* ----------------------- UL-Tags ------------------------ */

.navright { float: right; }

.msie6 .navright { margin-left: -228px; }

/* ---------------------- runde Ecken ---------------------- */

.navright a {
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

/* --------------------- UL-Tags ------------------------ */

.nav {
  padding-bottom: 2em;
  width: 228px;
}

.msie6 .nav { position: absolute; }
.msie7 .nav { position: relative; }

.navleft { float: left; }

.msie6 .navleft { left: 0; }

.nav, .nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

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

/* ---------------------- LI-Tags ------------------------ */

.nav li { margin-bottom: 3px; }
.nav .sublinks li { margin-top: 3px; margin-bottom: 0; }

.msie6 .nav li { border-bottom: 3px solid white; margin: 0; }
.msie6 .nav .sublinks li { border-top: 3px solid white; border-bottom: none; margin: 0; }

/* --------------------- Link-Farben --------------------- */

.nav li.curdir a { 
  background-color: #284c94; 
}
.nav li.curdir .sublinks li.curdir a { 
  background-color: #bec1dc; 
}

.nav a { 
  color: white;
  background-color: #c4c6c7;
  padding: 5px 3px 5px 42px;
  text-decoration: none;
  display: block;
}

.nav li.curdir .sublinks a {
  color: black;
  background-color: #e0e2f0;
}

/* --------------------- Hover-Farben --------------------- */

.nav a:hover {
  background-color: #b4b6b7;
}
.nav li.curdir a:hover {
  background-color: #1d386e;
}

.nav li.curdir .sublinks a:hover { 
  background-color: #d1d4e9;
}
.nav li.curdir .sublinks li.curdir a:hover { 
  background-color: #acafcd;
}

/* --------------------- Active-Farben --------------------- */

.nav a:active,
.nav li.curdir a:active {
  background-color: #284c94;
}

.nav li.curdir .sublinks a:active,
.nav li.curdir .sublinks li.curdir a:active {
  background-color: #bec1dc;
}

/* ---------------------- runde Ecken ---------------------- */

.navleft a { 
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

#content {
  line-height: 140%;
  padding: 0 14px 5px 14px;
  border-left: 228px solid white;
  border-right: 228px solid white;

/*padding-left: Breite der senkrechten Navigation+gewünschter Rand, oder
   border-left: Breite der Navi, gewünschten Rand mit padding setzen
   nicht margin-left, im MSIE 6/7 bei zentrierten Layouts die Navigation nach rechts rutscht */
}

.content a              { color: #284c94; }
.content a:visited { color: gray; }
.content a:hover   { color: #1d386e; }
.content a:active  { color: #a00; }

@media print {
  #content { padding: 0; min-height: 0; border: 0; }
  .content a,
  .content a:visited,
  .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: 1.4em;
  line-height: 140%;
  margin-top: 0;
}

h1.stdheader {
  margin: -1px 0 0 0;
  height: 1px; 
  overflow: hidden;
}

@media print {
  h1.stdheader {
    margin: 0 0 0.8em 0;
    height: auto;
    overflow: visible;
  }
}

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

h2 { font-size: 1.2em; }
dl.image { margin: 0; } /* wg. Firefox */

dl.image dd {
  padding: 3px 0 0 0;
  margin: 0;
}

.bilder { overflow: hidden; } /* damit der Container alle Bilder umschließt und einen neuen Absatz erzwingt */
.msie6 .bilder { width: 100%; } /* damit der das auch macht */

.bilder .image { float: left; }

.bilder .image2,
.bilder .image3 { padding-left: 14px; }

.zweiBilder .image { width: 247px; }
.dreiBilder .image { width: 160px; }

.zweiBilder .image div,
.dreiBilder .image div {
  background-color: #eee;
  font-size: 0;
}

.einBild img,
.bilder img { display: block; }

.picHead {
  position: absolute;
  display: block;
  padding: 5px 8px;
}

.whiteHead { color: white; }
.blackHead { color: black; }

@media print {
  .einBild, .bilder { page-break-inside: avoid; }
}

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

/* nur MSIE 5 Mac - evtl. muss hier ein fester px-Wert hin */
/*\*//*/
.absatz ul, .absatz ol { width: inherit; }
/**/

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

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

.stdtable table {
  background-color: #f5f8fe;
  border: 2px solid #e0e2f0;
  border-bottom-width: 1px;
}

.stdtable table th,
.stdtable table td  { border: 0; border-bottom: 1px solid #e0e2f0; }

.width33 table { width: 160px; }
.width50 table { width: 247px; }
.width100 table { width: 100%; }

.td33 table tr td:first-child { width: 33.3%; }
.td50 table tr td:first-child { width: 50%; }
.td66 table tr td:first-child { width: 66.7%; }

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

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

.firstcol table tr td:first-child { background-color: #e0e2f0; }

.nowrap table th,  /* Hinweis: .nowrap wird auch im Layout "Datei-Kopf" deklariert */
.nowrap table td { white-space: nowrap; }

.tableheader table tr:first-child td,
.stdtable table th { background-color: #bec1dc; }

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

@media print {
  .stdtable table { background-color: transparent; border-width: 1px; border-bottom-width: 0; }
  .stdtable table, 
  .stdtable table th,
  .stdtable table td { border-color: gray; }

  .firstcol table tr td:first-child,
  .tableheader table tr:first-child td,
  .stdtable table th { background-color: transparent; font-weight: bold; }
}

dl.dir {
  margin-top: 0;
}

dl.dir dt {
  font-weight: bold;
}

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

.absatz { margin-bottom: 1em; }

h2.block { 
  display: block; 
  margin-bottom: 1em;
}
.stdform {
  margin-top: 0; 
  background-color: #f5f8fe;
  border: 2px solid #e0e2f0;
  padding: 10px 0;
}

.stdform table {
  margin-top: 0;
  width: 100%;
}

.stdform td {
  padding: 3px 5px;
}

.stdform .label {
  text-align: right;
}

.stdform label { color: #666666; }
.stdform .pflichtfeld label { color: black; }

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

.stdform .editfield { width: 350px; }

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

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

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

@media print {
  .stdform {
    background-color: transparent;
    border: none;
    padding: 0;
  }
  .stdform .editfield { width: 100%; }
}

.backlink {
  background-image: url(files/Layout/Zurueck-Pfeil.gif?ver=1269849704);
  background-repeat: no-repeat;
  background-position: 0 0.33em;
  padding-left: 16px;
  line-height: 1em;
}

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

#footer {
  margin-left: -2px;
  margin-right: -2px;
}

#footer a { opacity: 0.8; filter: alpha(opacity=80); }
#footer a:hover { opacity: 1; filter: alpha(opacity=100); }
#footer a:active { opacity: 0.8; filter: alpha(opacity=80); }

#footer .rightarrow { 
  float: right; 
}

#htoplink { display: block; overflow: hidden; height: 0; width: 0; }

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

.moreinfos {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}

.moreinfos li {
  background-image: url(files/Layout/Infolink-Pfeil.gif?ver=1269849700);
  background-repeat: no-repeat;
  background-position: 0 0.39em;
  padding: 0 0 3px 16px;
}

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

.adressen .name {
  font-weight: bold;
  background-color: #e0e2f0;
}

.adressen table th,
.adressen table td  { border-bottom: none; }

.adressen .row1 td { padding-top: 10px; }
.adressen .row3 td { padding-bottom: 10px; }

@media print {
  .adressen .name { background-color: #ddd; }
}
.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 .vcard table td { padding: 0 0.5em 0 0; }
.impressum .vcard .type { display: none }

.impressum .foto { border: 1px solid silver; float: left; margin-right: 20px; }

@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; }
}
/* ------------------ Suchmaschine ---------------------- */

form#suchfeld { margin: 0 0 1em 0; } /* 1em für Firefox; */

form#suchfeld label { /* sonst springt das Suchfeld */
  display: block; 
  height: 0; 
  overflow: hidden;
}

#suchwort { width: 200px; }

.searchlink { display: block; }

.searchlink a:before {
  content: "« " ;
  font-size: 1.2em;
}

.suchwort { color: #cc9900; }
.trenner    { color: #cc9900; }

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

/* --------------------- Sitemap ------------------------ */
.sitemap ul { 
  list-style-type: none;
  margin-bottom: 0.7em;
}

.sitemap li { padding-bottom: 2px; }

.sitemap .sitemap_1 { 
  padding-left: 0;
  margin-left: 0;  /* für MSIE 5 Mac */
  margin-top: 1em;
  font-weight: bold;
}

.sitemap .sitemap_2 { font-weight: normal; }