/* Version 16.18 vom 15.10.2016 fuer Screen und Print unter HTML5 */
/* Variante 19.1 vom 8.6.2019, mediawidth min 813px, max 812px */
/* Variante 19.2 vom 8.10.2019, Klasse .hervorhebung ergaenzt */
/* Variante 19.3 vom 19.10.2019, #texteinaus ergaenzt, Ein-/Ausblenden von Textbereichen
   mit "mehr"/"weniger", z.B. in meinungen.htm,
   Formate .hover im Bereich für andere Geräte entfernt */
/* Variante 19.4 vom 23.11.2019, .sprach-icon ergänzt, Formate h1-h4 korrigiert;
   Für Smartphones icons und Ecke verkleinert und hover im Menü entfernt */
/* Variante 19.5 v. 8.12.2019, Links für Schriftarten an Serverstruktur angepasst */
/* Variante 19.6 v. 26.12.2020, Namen für stbem. geändert */

@font-face {
  font-family: 'Comic Sans MS'; src: url('../fonts/comic.ttf') format('truetype'); }
@font-face {
  font-family: 'Comic Sans MS Bold'; src: url('../fonts/comicbd.ttf') format('truetype');
  font-weight: bold;
}

/* fuer Monitor und Tabletts, Menue am linken Rand */
/* war 801px */
@media (min-width: 813px) {
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,
form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background:transparent;
}
html {
  width: 100%;
  height: 100%;
  font-style: normal;
  font-variant: normal;
  color: black;
  background-color: #fcf;
}
body {
  font-family: "Comic Sans MS", Arial, sans-serif;
  font-size: 100.01%;
  background-color: #e8dbb8; /* #e8d5b0 braun9, #e8dbb8 braun 10 (helles graubeige) */
  display: block;
  width: 100%;
  position: fixed;
  top: 65px;
  left: 330px;  /* 0 */
  bottom: 0;
}
/* ============== fester Kopfbereich ============= */
#header {
  position: fixed;
  z-index: 99;
  top: 0px;
  left: 0;
  height: 65px;
  width: 100%;
  background-color: transparent;
  padding: 0;
  margin: 0;
  float: left;
}
#ecke {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 65px;
  width: 320px;
  display: block;
  margin: 0px;
  padding-left: 10px;   /* erhöht Breite width! */
  overflow: hidden;
  font-size: 135%; /* 16pt */
  color: #ffee98; /* #ffee98 gelb1 */
  background-color: #775d22; /* #775d22 braun1 */
  float: left;
}
#ecke img {
  display: none;
}
#kopf {
  position: fixed;
  top: 0px;
  left: 330px;
  height: 65px;
  width: 100%;  /* 860px */
  overflow: auto;
  display: block;
  margin: 0px;
  margin-bottom: 1px;
  padding-left: 20px;   /* erhöht width */
  font-size: 100%;
  line-height: 60px;
  color: #ffee98; /* #ffee98 gelb1 */
  background-color: #534118; /* #534118 braun0 */
  float: left;
}
#kopf a {
  color: #ffee98; /* gelb1 */
  border: 0.3em solid #534118; /* braun0 */
}
#kopf a:hover {
  color: #fff;
  background-color: #775d22; /* braun1 */
  border-color: #775d22; /* braun1 */
}
#kopf a img.sprach-icon {     /* icon für Sprachwechsel */
  display: none;  /* yes zZ deaktiviert */
  width: 2em;
  height: 1.5em;
  position: relative;
  top: 15px;
  border: 1px;
  border-color: black;
  border-radius: 0;
  -moz-border-radius: 0; /* Für Gecko (z.B. Firefox, SeaMonkey) */
  -webkit-border-radius: 0;
  -o-border-radius: 0;
}

/* ============== Anker Seitenanfang =============== */
#oben {
  height: 0;
  font-size: 0;
}
/* =============== fester Fußberiech =============== */
#unten {
  position: fixed; /* 'absolute' für untere Kante des scrollbaren Bereichs */
  left: 50px;
  right: 0;
  bottom: 0px;
  height: auto;
  background-color: #bbb;
  color: white;
  border: 1px solid green;
  padding: 0;
  margin: 0;
  text-align: center;
  display: none;
}
/* =============== rollbarer Bereich =============== */
#inhalt {
/*  z-index: 40;*/
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0px;
  overflow: auto;
  max-width: 880px;
  margin-right: 330px;
  background-color: transparent;
  clear: both;  /* float aufheben */
/*  display: none;*/
}
#kontakt {
  padding-left: 2.5em;
}
#kontakt table{
  border: none;
  vertical-align: top;
}
/*   =============================================/*
/*     Menueleiste */
.aktiv {
  display: block;
  position: relative;
}
#navi {   /* vert. Streifen am linken Seitenrand */
  position: fixed;
  z-index: 100;
  left: 0px;
  top: 65px;
  bottom: 0;
  width: 330px;
  color: #ffee98; /* #ffee98 gelb1 */
  background-color: orange; /* #534118 #775d22 braun1 */
/*  display: none;*/
}
#navi img { /* Link-Icon fuer Startseite */
  width: 40px;
  height: 40px;
  position: relative;
  top: 0px;
  display: none;
}
#menue-n {  /* Bereiche mit Navigationslinks in 'navi'*/
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  white-space: normal;
  background-color: #534118; /* #534118 braun0 ausserhalb der Navi-Zeilen (Padding) */
  color: red; /* #ffee98 gelb1 */
/*  display: none;*/
}

/* Link "Home" als Text oder Grafik */
#home-icon img{
  display: none;
}
#home-text {
}

/* listbox_start gestaltet im Menue den Topp-Eintrag fuer die Startseite */
/*  ID LISTBOX, zur Steuerung des Menuefeldes */
/*  die dem Menue unterlegte dunkle Fläche */
#listbox {
  background-color: #534118; /* #534118 braun0 ausserhalb der Navi-Zeilen (Padding) */
  padding: 10px 0 20px 0px;
/*  display: none;*/
}
#listbox a {
  display: block;
  background-color: transparent; /*transparent;*/
  padding: 1px 0px 1px 8px; /* 8px Abstand zu border-left  */
  font-weight: normal;
  text-decoration: none;
  border: 1px solid transparent;  /* verhindert vertikales Zittern bei hover */
}
#listbox > a {  /* Icons "Menü"/"Menü schließen" */
/* in @media (max-width: 800px;) */
  border: 0 none;
  display: none;
}
#listbox ul {
  list-style: none outside;  /* unterdrückt die Aufzählzeichen, Text als Block  */
  padding-left: 25px;
/*  padding-top: 5px;*/
  background-color: #534118; /* braun0 zwischen den Navi-Zeilen ab 2. Ebene und links von den Menübalken*/
}
#listbox ul > li > ul + li  {
  background-color: #534118; /* braun0 zwischen den Navi-Zeilen ab 2. Ebene und links von den Menübalken*/
}
#listbox ul li  {   /* Farbbalken unter Menuetext */
  margin-top: 4px; /* vert. Abstand der Titel */
  background-color: #534118; /* #304e6a dunkelblau */
  color: #fff;
  border-top: 0px solid #000; /* Haarlinie über und */
  border-bottom: 0px solid #000; /* unter dem Titel */
}
/*
  In dieses LI wird die naechste Liste eingeschachtelt
*/
#listbox ul li.ohne  {
  margin: 0;
  background-color: transparent;
  color: #ccc;
  border: 0 none;
}
/*
  Allgemeines Aussehen der Links
*/
#listbox >ul a {
  display: block;
  color: #ccc;
  background-color: #304e6a; /* #304e6a dunkelblau */
  padding: 1px 0px 1px 8px; /* 8px Abstand zu border-left */
  font-weight: normal;
  text-decoration: none;
}
/* Feld "Startseite, Ebene 0 */
#listbox ul li a:hover {
  background-color: #5b7a97; /* graublau */
  color: #fff;
  border: 1px solid #000;
  border-left: 25px solid #fc9; /* rosa */
}
#listbox ul li.aktiv a {
  background-color: #e8d5b0; /* braun9 */
  color: #000;
  border-left: 12px solid #f27c24; /* orange */
}
#listbox ul li.aktiv a:hover {
  background-color: #ffee98; /* gelb1 */
  color: #000;
  border: 1px solid #000;
  border-left: 25px solid #f27c24; /* orange */
}
/* Ebene 1 */
#listbox ul ul li a:hover {
  background-color: #5b7a97; /* graublau */
  color: #fff;
  border: 1px solid #000;
  border-left: 25px solid #fc9; /* rosa */
}
#listbox ul ul li.aktiv a {
  background-color: #e8d5b0; /* braun9 */
  color: #000;
  border-left: 9px solid #f27c24; /* orange */
}
#listbox ul ul li.aktiv a:hover {
  background-color: #ffee98; /* gelb1 */
  color: #000;
  border: 1px solid #000;
  border-left: 25px solid #f27c24; /* orange */
}
#listbox ul ul li.ueberaktiv a {
  border: 1px solid #e8d5b0; /* braun9 */
  border-left: 12px solid #ccc;
}
#listbox ul ul li.ueberaktiv a:hover {
  background-color: #5b7a97; /* graublau */
  color: #fff;
  border: 1px solid #000;
  border-left: 25px solid #fc9; /* rosa */
}
/* Ebene 2 */
#listbox ul ul ul li a:hover {
  background-color: #5b7a97; /* graublau */
  color: #fff;
  border: 1px solid #000;
  border-left: 25px solid #fc9; /* rosa */
}
#listbox ul ul ul li.aktiv a {
  background-color: #e8d5b0; /* braun9 */
  color: #000;
  border-left: 6px solid #f27c24; /* orange */
}
#listbox ul ul ul li.aktiv a:hover {
  background-color: #ffee98; /* gelb1 */
  color: #000;
  border-left: 25px solid #f27c24; /* orange */
}
#listbox ul ul ul li.ueberaktiv a {
  border: 1px solid #e8d5b0; /* braun9 */
  border-left: 12px solid #ccc;
}
#listbox ul ul ul li.ueberaktiv a:hover {
  background-color: #5b7a97; /* graublau */
  color: #fff;
  border: 1px solid #000;
  border-left: 25px solid #fc9; /* rosa */
}
/* Ebene 3 */
#listbox ul ul ul ul li a:hover {
  background-color: #5b7a97; /* graublau */
  color: #fff;
  border: 1px solid #000;
  border-left: 25px solid #fc9; /* rosa */
}
#listbox ul ul ul ul li.aktiv a {
  background-color: #e8d5b0; /* braun9 */
  color: #000;
  border-left: 6px solid #f27c24; /* orange */
}
#listbox ul ul ul ul li.aktiv a:hover {
  background-color: #ffee98; /* gelb1 */
  color: #000;
  border-left: 25px solid #f27c24; /* orange */
}
/*
  Steuern der verschiedenen Breiten je nach Verschachtelung;
  Borders und Paddings jeweils einrechnen;

  Erste Ebene
 */
#listbox ul li  {
  width: 215px;    /* 224 */
}
#listbox ul a {
  width: 194px;  /* 204 */
  border-left: 12px solid #ccc;
}
/*
  Zweite Ebene
*/
#listbox ul ul li {
  width: 210px;  /* 204 */
}
#listbox ul ul a {
  width: 192px;  /* 187 */
  border-left: 9px solid #bbb;
}
/*
  Dritte Ebene
*/
#listbox ul ul ul li {
  width: 205px; /* 184 */
}
#listbox ul ul ul a {
  width: 190px;    /* 170 */
  border-left: 6px solid #aaa;
}
/* Sichtbarkeit der Menüebenen steuern */
#listbox > ul > li
                 > ul > li
                         > ul {  /* Ebene 2 unterdrücken */
  display: none;
}
#listbox > ul > li
                 > ul > li.aktiv + li.ohne
                         > ul
, #listbox > ul > li
                 > ul > li.ueberaktiv + li.ohne
                         > ul
, #listbox > ul > li
                 > ul > li:focus + li.ohne
                         > ul
, #listbox > ul > li
                 > ul > li:hover + li.ohne
                         > ul {  /* Ebene 2 einblenden */
  display: block;
}
#listbox > ul > li
                 > ul > li + li.ohne
                         > ul > li + li.ohne
                                 > ul {  /* Ebene 3 unterdrücken */
  display: none;
}
#listbox > ul > li
                 > ul > li.aktiv + li.ohne
                         > ul > li:focus + li.ohne
                                 > ul
, #listbox > ul > li
                 > ul > li.aktiv + li.ohne
                         > ul > li:hover + li.ohne
                                 > ul
, #listbox > ul > li
                 > ul > li.ueberaktiv + li.ohne
                         > ul > li.aktiv + li.ohne
                                 > ul
, #listbox > ul > li
                 > ul > li.ueberaktiv + li.ohne
                         > ul > li.ueberaktiv + li.ohne
                                 > ul
, #listbox > ul > li
                 > ul > li.ueberaktiv + li.ohne
                         > ul > li:focus + li.ohne
                                 > ul
, #listbox > ul > li
                 > ul > li.ueberaktiv + li.ohne
                         > ul > li:hover + li.ohne
                                 > ul {  /* Ebene 3 einblenden */
  display: block;
}
/*
  ===================
  ID TEXTBOX, allgemeine und besondere Textformate in MAIN
*/
#textbox {
  position: relative;
/*  background-image: url("foto/P1090321qk-60h+30_1500px.jpg");
  background-size: contain;
  background-position: top left;
  background-attachment: fixed;*/
}
#textbox a {
  text-decoration: none;
}
#textbox h1 {
  font-size: 130%;           /* 150% */
  letter-spacing: 3pt;
  margin: 0 0 5px 0;           /* 0 0 5 0 */
  padding: 12px 0px 12px 25px;  /* 15 0 15 20 */
  background-color: #ffe855;  /* gelb5 */
}
#textbox h2 {
  font-size: 120%;          /* 125 */
  letter-spacing: 2pt;
  margin: 3px 0 5px 0;        /* 3 0 5 0 */
  padding: 8px 0px 8px 27px;  /* 10 0 10 30 */
  background-color: #ffeb76; /* gelb3 */
}
#textbox h3 {
  font-size: 110%;     /* 115 */
  letter-spacing: 2pt;
  margin: 2px 0 5px 0;
  padding: 5px 0px 5px 35px;  /* 7 0 7 35 */
  background-color: #ffee98; /* gelb1 */
}
#textbox h4 {
  font-size: 100%;           /* 100 */
  letter-spacing: 1pt;
  margin: 1px 0 5px 0;
  padding: 3px 0px 3px 40px;  /* 5 0 5 40 */
  background-color: #f8f1aa; /* gelb0 */
}
#textbox ul {
  margin-top: 1em;   /* ca. 1/2 Zeile Abstand zwischen Gliederungspunkten */
  padding-right: 1em;
  margin-bottom: 1em;
}
#textbox li {
  margin-top: 0.5em;   /* ca. 1/2 Zeile Abstand zwischen Gliederungspunkten */
  margin-left: .5em;
  padding-right: 1em;
}
#textbox p {
  margin-top: 10px;
  padding: .5em 1.5em .5em 1.5em;   /* orul 0 30 10 40 */
  font-size: 100.01%;
  line-height: 150%;
}
#textbox p.clearfloat {  /* sorgt für normalen Fluss bei nachfolgenden Elementen */
  visibility: hidden;
  display: block;
  font-size: 0;
  margin: 0;
  padding: 0;
  clear: both;
  height: 0;
}
#textbox p.clearfloat:after {  /* sorgt für normalen Fluss bei nachfolgenden Elementen */
  font-size: 0;
  margin: 0;
  padding: 0;
  height: 0;
  content: ".";
}
#textbox table {
  font-size: 100%;
  letter-spacing: 1pt;
  padding: 10px 0px 10px 40px;
}
#textbox ul {  /* Einrückung von Listen */
  margin-left: 2em;
}
#textbox ul.ohne {  /* ohne Listenzeichen */
  list-style: none;
}
/* -------------------------- */
/* Ein-/Ausblenden von Textabschnitten */
#texteinaus1:not(:target) .eainhalt,   /* Text grundsätzlich ausblenden */
#texteinaus2:not(:target) .eainhalt,   /* Text grundsätzlich ausblenden */
#texteinaus3:not(:target) .eainhalt,   /* Text grundsätzlich ausblenden */
#texteinaus1:not(:target) .textaus,    /* Text ausblenden bei Klick auf "weniger" */
#texteinaus2:not(:target) .textaus,    /* Text ausblenden bei Klick auf "weniger" */
#texteinaus3:not(:target) .textaus,    /* Text ausblenden bei Klick auf "weniger" */
#texteinaus1:target .textein,          /* Text einblenden bei Klick auf "mehr" */
#texteinaus2:target .textein,          /* Text einblenden bei Klick auf "mehr" */
#texteinaus3:target .textein {         /* Text einblenden bei Klick auf "mehr" */
  display: none;
}
#texteinaus1:target .eainhalt,    /* Eingeblendeten Text hervorheben */
#texteinaus2:target .eainhalt,    /* Eingeblendeten Text hervorheben */
#texteinaus3:target .eainhalt {   /* Eingeblendeten Text hervorheben */
  display: block;
}
div.eainhalt {
  box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
  padding: 5px 1px 10px 20px;       /* o r u l */
  background: #d8cba8;
}

.textein,
.textaus {
  margin-top: 100px;
  padding: 10px;
  box-shadow: none;
  background: rgb(255, 200, 70);
  color: #000;
  font-weight: bold;
}

.textein:hover,
.textaus:hover {
  background: #f27c24; /* orange */
  color: #000;
}
/* -------------------------- */
.absatz {
/*  width: 880px;*/
  border: 1px solid transparent;
}
.hervorhebung {
  font-family: "Arial Rounded MT Bold", Arial, sans-serif;
  font-weight: bold;
}
.bab { /* Nummern der Bundesautobahnen */
  font-family: "Arial Rounded MT Bold", Arial, sans-serif;
  font-weight: bold;
  color: #eee;
  background-color: #00f; /* blau */
  border: 2px solid #eee;
  border-radius: 0.25em;
  padding-left: 3px;
  padding-right: 5px;
}
.belegungskalender {
  width: 750px;
  height: 370px;
  frameborder:0px;
}
.bst { /* Nummern der Bundesstrassen */
  font-family: "Arial Rounded MT Bold", Arial, sans-serif;
  font-weight: bold;
  color: #000;
  background-color: #fd0; /* orangegelb */
  border: 2px solid #000;
  border-radius: 0.25em;
  padding-left: 3px;
  padding-right: 5px;
}
.bus { /* Nummern von Buslinien */
  font-family: "Arial Rounded MT Bold", Arial, sans-serif;
  font-weight: bold;
  color: #00f;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 0.2em;
  padding-left: 3px;
  padding-right: 5px;
}
.clearfloat {  /* sorgt für normalen Fluss bei nachfolgenden Elementen */
  visibility: hidden;
  display: block;
  font-size: 0;
  margin: 0;
  padding: 0;
  clear: both;
  height: 0;
}
.clearfloat:after {  /* sorgt für normalen Fluss bei nachfolgenden Elementen */
  font-size: 0;
  margin: 0;
  padding: 0;
  height: 0;
  content: ".";
}
.kontakt1 {  /* Spalte 1 Kontaktformular */
  width: 15%;
  vertical-align: top;
}
.kontakt2 {  /* Spalte 2 Kontaktformular */
  width: 85%;
  vertical-align: top;
}
.invis /* , hr */ {
  display: none;
}
/* ----------------------------------------------
  Links
*/

/* seiteninterne Links, wie zum Seitenanfang */
.intern {
  font-family: "Courier New", "Times New Roman", serif;
  font-weight: bold;
  background-color: transparent;
  padding: 3px 25px 2px 0;
  border: none;
  background-image: url("../symbol/icon_intlink_s-x_1.png");
  background-repeat: no-repeat;
  background-position: right 2px;
}
.intern:hover {
  color: #a00;
  border-color: #a00;
  background-color: #ccc;
}

/* Links zu externen Adressen */
.link-ext   {
  font-family: "Courier New", "Times New Roman", serif;
  font-weight: bold;
/*  text-decoration: underline;*/
/*  color: #39c;*/
  background-color: transparent;
  border: none;
  border-bottom: 1px solid black;
  white-space: normal;
}
.link-ext:link {
  color: #008;
  border-color: #008;
}
.link-ext:visited {
  color: #a06;
  border-color: #a06;
}
.link-ext:focus,
.link-ext:hover {
  color: #a00;
  border-color: #a00;
  background-color: #ccc;
}
.link-ext:active {
  color: #800;
  border-color: #800;
}
#textbox.menue-i {  /* Bereiche mit Navigationslinks in 'inhalt'*/
/* werden in media print unterdrueckt */
}
.linktext { /* URI */
  font-family: "Courier New", "Times New Roman", serif;
  font-style: italic;
  font-weight: normal;
  color: #000;
  border: 0 none;
  display: none; /* fuer Testzwecke und media print YES, sonst NONE */
}
.urltext  { /* soll automatisch Linkadresse zeigen */
  white-space: normal;
}
.urltext::after { /* soll automatisch Linkadresse zeigen */
  color: black;
  font-style: italic;
  font-weight: normal;
  text-decoration: none;
  border: 0 none;
  content: " (Adresse: "attr(href)") "; /* [URL] nach dem Linktext */
  white-space: normal;
  display: none;   /* 'flex' fuer Anzege */
}
/* ---------------------------------------------- */
.lst { /* Nummern von Landesstrassen */
  font-family: "Arial Rounded MT Bold", Arial, sans-serif;
  font-weight: bold;
  color: #000;
  background-color: #fff; /* weiss */
  border: 1px solid #000;
  padding-left: 3px;
  padding-right: 5px;
}
.mailadr { /* Email-Adressen */
  font-family: "Courier New", "Times New Roman", serif;
  font-weight:bold;
  text-decoration: none;
  color: #008;
  border-bottom: 1px solid #cb9;
  border-left: 1px solid #cb9;
  padding: 0px 3px;
  letter-spacing: 1pt;
}
.menue {  /* Bereiche mit Navigationslinks */
  /* für Medium 'screen' ohne Bedeutung */
}
.name { /* z.B. Firmennamen, Institutionen */
  font-style: normal;
  letter-spacing: 2pt;
  padding-left: 3px;
  padding-right: 5px;
}
.ort { /* z.B. Haltestellen-, Orts-, Strassennamen */
  font-style: italic;
  letter-spacing: 0pt;
  padding-left: 3px;
  padding-right: 5px;
}
.quelle { /* z.B. Urheberangaben */
  position: relative;
  top: -30px;
  font-family: "Arial Rounded MT Bold", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 60.01%;
  letter-spacing: 0pt;
  padding-left: 3px;
  padding-right: 5px;
}
#textbox ul.rahmen1 {
  position: relative;
/*  width: 100%;*/
  right: 0;
  left: 0;
  margin: 0;
  padding: 1em;
  list-style: none outside;
  border: none;
}
#textbox ul.rahmen1 li {
  padding: 1em;
  border-style: solid;
  border-width: 1px;
  border-color: black;
}
.sbahn { /* S-Bahn-Symbol */
  font-family: "Arial Rounded MT Bold", Arial, sans-serif;
  font-weight: bold;
  color: #fff;
  background-color: #0a0;
  border-radius: 0.7em;
  padding-left: 3px;
  padding-right: 5px;
}
.stbem_ok {  /* Bemerkungen zu realisierten Vorschlägen */
  font-family: "Courier New", "Times New Roman", serif;
  background-color: #A7D69E;
  font-weight: normal;
  font-style: italic;
}
.stbem_planned {  /* Bemerkungen zu geplanten Vorschlägen */
  font-family: "Courier New", "Times New Roman", serif;
  background-color: #F4F182;
  font-weight: normal;
  font-style: italic;
}
.stbem_no {  /* Bemerkungen zu nicht realisierbaren Vorschlägen */
  font-family: "Courier New", "Times New Roman", serif;
  background-color: #E78785;
  font-weight: normal;
  font-style: italic;
}
.taxi {  /* TAXI-Symbol */
  font-family: "Arial Rounded MT Bold", Arial, sans-serif;
  font-weight: bold;
  letter-spacing: 5px;
  color: #000;
  background-color: #ff0; /* gelb */
  border: 0px solid #000;
  padding-left: 8px;
  padding-right: 7px;
}
.tram {  /* Nummern von Strassenbahnlinien */
  font-family: "Arial Rounded MT Bold", Arial, sans-serif;
  font-weight: bold;
  color: #c00;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 0.2em;
  padding-left: 3px;
  padding-right: 5px;
}
/* für Auswertungen Statistik */
.statistik1 {  /* Tabelle Fragebögenauswertung, äußerer Bereich */
  padding: 0px;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin: 0px;
  margin-left: 40px;
/*  spacing: 0px;*/
  width: 35em;
  border: 1px solid #000;
  border-radius: 0px;
  border-collapse: collapse;
}
.statistik2 {  /* Tabelle Fragebögenauswertung, innerer Bereich */
  margin: 0px;
  padding: 0px;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
/*  spacing: 0px;*/
  width: 100%;
  border-collapse: collapse;
}
/*.spalte2-3 {
  width: 20em;
}*/
.std1 {
  width: 40%;
  padding-top: 0.3em;
  padding-left: 1em;
  vertical-align: top;
}
.std2 {
  padding-left: 1em;
  margin: 0px;
  width: 60%;
  font-size: 85.01%;
}
.std3 {
  padding-right: 1em;
  margin: 0px;
  width: 40%;
  text-align: right;
  font-size: 85.01%;
}
.sth {      /* Tabelle Fragebögenauswertung, Kopfbereich */
  border: 1px solid #000;
  margin-left: 40px;
  padding: 0;
  padding-left: 1em;
  font-weight: bold;
  border: 1px solid #000;
}
.sth1 {   /* Tabellenkopf, Feld 1 */
  text-align: left;
  padding-left: 1em;
  width: 40%;
}
.sth2 {   /* Tabellenkopf, Feld 2 */
  text-align: left;
  padding-left: 1em;
  width: 30%;
}
.sth3 {   /* Tabellenkopf, Feld 3 */
  text-align: right;
  padding-right: 1em;
  width: 30%;
}
.versteckt {
/*  visibility: hidden; */
  display: none;
}
.zaehler {  /* Seitenaufrufszähler */
  border: none;
  display: none;
}

/* ----------------------------------------
  Bilder
*/
.clipart1 {
  height: 8em;
  max-height: 150px;
}

.clipart1l {
  height: 8em;
  max-height: 150px;
  margin-right: 1.5em;
  margin-left: 0;
  margin-bottom: 1.5em;
  float: left;
}

.clipart1r {
  height: 8em;
  max-height: 150px;
  margin-left: 1.5em;
  margin-right: 0;
  margin-bottom: 1.5em;
  float: right;
}
.foto1 {           /* große Fotos, quer */
  width: 100%;      /* Bilderbreite dynamisch zur Fensterbreite */
  max-width: 800px;
  max-height: 600px;
  margin: 10px 10px 10px 0px;
  border-style: solid;
  border-width: 1px;
  border-color: black;
}

.foto1h {           /* große Fotos, hochkant */
  width: 100%;      /* Bilderbreite dynamisch zur Fensterbreite */
  max-width: 600px;
  max-height: 800px;
  margin: 10px 10px 10px 0px;   /* orul 10 10 10 0 */
  border-style: solid;
  border-width: 1px;
  border-color: black;
}

.foto2 {           /* kleine Fotos, quer (zeitweilig auch schlechte Fotos) */
  min-width: 125px;
  min-height: 100px;
  max-width: 400px;
  max-height: 300px;
  margin: 10px 10px 10px 0px;
  border-style: solid;
  border-width: 1px;
  border-color: black;
}

.foto2h {           /* kleine Fotos, hochkant (zeitweilig auch schlechte Fotos) */
  min-width: 100px;
  min-height: 125px;
  max-width: 300px;
  max-height: 400px;
  margin: 10px 10px 10px 0px;
  border-style: solid;
  border-width: 1px;
  border-color: black;
}
img {
  margin: 10px;
  border-radius: 0.5em;
  -moz-border-radius: 0.5em; /* Für Gecko (z.B. Firefox, SeaMonkey) */
  -webkit-border-radius: 0.5em;
  -o-border-radius: 0.5em;
}
} /* Ende von media all */
/*
======================================================================================
                   Formate für andere Medien
======================================================================================
/* fuer Smartphones */
/*
15em = ca. 240px
40em = ca. 640px
50em = ca. 800px
*/
/* war 800px */
@media (max-width: 812px) {

body {
  font-family: "Comic Sans MS", Arial, sans-serif;
  font-size: 80.01%;
  background-color: #e8dbb8; /* #e8d5b0 braun8 */
  display: block;
  width: 100%;
  position: absolute;
  top: 46px;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 0;
  margin: 0;
}
/* ============== fester Kopfbereich ============= */
#header {
  position: fixed;
  z-index: 99;
  top: 0px;
  left: 0;
  right: 45px;
  height: 45px;
  display: block;
  background-color: #775d22; /* #775d22 braun1 */
  padding: 0;
  margin: 0;
  float: left;
}
#ecke {
  position: fixed;
  top: 0px;
  left: 91px;  /* 91px Platz für Symbole "home" und "zurück" */
  right: 46px; /* 46px Platz für Symbol "Menü ein/aus" */
  height: 45px; /* 60px */
  display: block;
  margin: 0px;
  padding-right: 75px;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  font-size: 1em;
  color: #ffee98; /* #ffee98 gelb1 */
  background-color: transparent;
/*  float: left;*/
}
#ecke a img.sprach-icon {  /* icon für Sprachauswahl */
  display: none; /* zZ deakiviert */
  width: 70px; /* 70px */
  height: 45px; /* 45px */
  position: absolute;
  top: 0px;
  right: 0px;
  border: none;
}
#ecke a img.navi-icon-r {
  z-index: 100;
}
#kopf {
  position: relative;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  overflow: auto;
  margin: 0;
  font-size: 0;
  color: transparent;
  background-color: transparent;
  display: none;
}
#kopf a {
  color: transparent;
  background-color: transparent;
  display: none;
}
#kopf a img {
  display: none;
}
/* =============== rollbarer Bereich =============== */
#inhalt {
  z-index: 50;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: auto;
  max-width: 800px;
  margin: 0;
  background-color: transparent;
  clear: both;  /* float aufheben */
/*  display: none;*/
}
#kontakt {
  padding-left: 2.5em;
}
#kontakt table{
  border: none;
  vertical-align: top;
}
/* ================================= */
#home-text { /* Link-Text fuer Startseite (in anderen @media) */
  display: none;
}
/*  Dropdown-Menueleiste */
#menue-n {  /* innerer Bereich für Navigation */
  position: absolute;
  top: 60px;
  left: 0;
  bottom: 0;
  padding: 0 3px 3px 7px; /* 3px: Platz für shadow */
  margin: 0;
  color: #ffee98; /* #ffee98 gelb1 */
  display: block;
  overflow: auto;
}
#menue-n a {  /* Einrueckungen und Aufzaehlpunkte entfernen */
  text-decoration: none;
  width: auto;
  border-bottom: none;
}
#navi { /* äußerer Rahmen für Navigation */
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  bottom: 0;
  width: auto;
  float: none;
  clear: both;
}
#navi a img { /* Link-Icon fuer Startseite */
  width: 45px; /* 60px */
  height: 45px;
  position: relative;
  top: 0px;
  border: none;
  border-radius: 0;
}
#navi a img.navi-icon-l {  /* Icon "Home" */
  position: absolute;
  top: 0;
}
#navi a img.navi-icon-l2 {  /* Icon "zurück" */
  position: relative;
  top: 0;
  left: 46px;
}
#navi ul { /* äußerer Rahmen für Navigation */
  padding-left: 0;
}
/* --------------------------------------------
############## Drop Down Menue ################

---------- allgemeine Regeln -------------
*/
.aktiv {
  display: block;
  position: relative;
}
.ueberaktiv {
  display: block;
  position: relative;
}
.ohne {
  display: block;
  padding-left: 25px;
}
.versteckt {  /* Ausblenden von Objekten */
  display: none;
}
#listbox {
  position: relative;
  top: 0px;
  left: 0;
  right: 0;
  width: auto;
  float: none;
  color: black;
}
#listbox a {  /* Aussehen aller Menüfelder */
  padding: 1em 1.5em 1em 1em; /* bestimmt Feldgröße, zentriert Text */
  white-space: nowrap; /* Textlänge bestimmt Menüfeldbreite */
  display: block;
  /* Einrueckungen und Aufzaehlpunkte entfernen */
  text-decoration: none;
  border-bottom: none;
}
#listbox > a:first-of-type,
#listbox > a:last-of-type {  /* Texte für "Menü"/"Menü ausblenden" unterdrücken */
  font-size: 0;
  height: 0;
}
#listbox > a { /* Startseite/Startmenü unterdrücken */
  display: none;
}
#listbox  ul {
  list-style: none;
/*  margin-right: 25px;*/  /* schafft rechts Abstand zum Scrollbalken */
}
#listbox > ul {
  padding: 10px 10px 10px 10px;
}
#listbox:not( :target) > a:first-of-type,
#listbox:target > a:last-of-type { /* Icons "Menüe öffnen"/"Menü schließen" */
  display: flex;
}
#listbox > a > img.navi-icon-r {  /* Icons "Menü"/"Menü schließen" */
  position: fixed;
  top: 0;
  right: 0;
  margin: 0;
}
/* ------------- Ebene 0 ------------- */
#listbox > ul {  /* Ebene 0 nur Menuepunkt "Startseite" */
  position: relative;
/*  left: -10px;*/  /* verschiebt das Hauptmenü (Ebene 1) */
  right: 0;
  margin: 0;
  padding-right: 25px;
  width: auto;
  overflow: hidden;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25);
  background-color: #E0C896;
  display: none;     /* unterdrückt Menü */
}
#listbox:target > ul {  /* aktiviert Menü */
  display: flex;
}
#listbox > ul > li   {  /* Aussehen Ebene 0 */
  padding-left: 0px;   /* Einrückung Untermenüs */
}
#listbox > ul > li:first-of-type > a  {  /* Menuepunkt "Startseite" unterdrücken */
  padding: 0;
  height: 0;
}
#listbox > ul > li >a {  /* Menuepunkt "Startseite" unterdrücken */
  display: none;
}
/* ------------- Ebene 1 ------------- */
#listbox > ul > li
                 > ul > li {  /* normaler Rahmen */
  border: 1px solid #888;
}
#listbox > ul > li
                 > ul > li.ueberaktiv {  /* Rahmen bei .ueberaktiv */
  border: 2px dashed black;
}
#listbox > ul > li
                 > ul > li + li.ohne  { /* Untermenü der 1. Ebene */
  background-color: #E8D3AE;
  border: none;
}
#listbox > ul > li
                 > ul > li > a {   /* Ebene 1 normal */
  background-color: #E8D3AE;
  color: black;
}
#listbox > ul > li
                 > ul > li.aktiv > a  { /* 1. Ebene (Hauptmenü) aktiv */
  background-color: #FFF0AA;
  border: 1px solid black;
}
#listbox > ul > li
                 > ul > li.aktiv > a:focus,  { /* 1. Ebene (Hauptmenü) aktiv+hover */
  color: #0000BF;            /* dunkelblau */
  background-color: #fff;
  border: 1px solid black;
}
#listbox > ul > li
                 > ul > li > a:focus, { /* 1. Ebene (Hauptmenü) bei Hover */
  color: #0000BF;
  background-color: #FFE323;
  border: 1px solid black;
}
/* ------------- Ebene 2 ------------- */
#listbox > ul > li
                 > ul > li /*+ li.ohne*/
                         > ul {
  list-style: outside none;  /* Aufzählzeichen unterdrücken */
  border: none;              /* Rahmen der 2. Ebene stört in Ebene 1 */
  display: none;             /* 2. Ebene, zunächst unterdrückt */
}
#listbox > ul > li
                 > ul > li + li.ohne
                         > ul > li  {  /* 2. Ebene, normaler Trennrahmen */
  border: 1px solid #888;
}
#listbox > ul > li
                 > ul > li + li.ohne
                         > ul > li.ueberaktiv {  /* 2. Ebene, Rahmen bei .ueberaktiv */
  border: 2px dashed black;
}
#listbox > ul > li
                 > ul > li + li.ohne
                         > ul > li > a {  /* Schriftfarbe */
  color: black;
}
#listbox > ul > li
                 > ul > li.aktiv + li.ohne
                         > ul
, #listbox > ul > li
                 > ul > li.ueberaktiv + li.ohne
                         > ul
, #listbox > ul > li
                 > ul > li:focus + li.ohne
                         > ul  { /* Einblendung 2. Ebene */
  display: block;
}
#listbox > ul > li
                 > ul > li.aktiv + li.ohne
                         > ul > li
, #listbox > ul > li
                 > ul > li.ueberaktiv + li.ohne
                         > ul > li { /* 2. Ebene */
  background-color: #CEB47B;
}
#listbox > ul > li
                 > ul > li.ueberaktiv + li.ohne
                         > ul > li > a
, #listbox > ul > li
                 > ul > li.aktiv + li.ohne
                         > ul > li > a { /* 2. Ebene normal */
  color: black;
  background-color: #CEB47B;
}
#listbox > ul > li
                 > ul > li.ueberaktiv + li.ohne
                         > ul > li.aktiv > a { /* 2. Ebene aktiv */
  color: black;
  background-color: #FFF0AA;
  border: 1px solid black;
}
#listbox > ul > li
                 > ul > li.ueberaktiv + li.ohne
                         > ul > li.aktiv > a:focus { /* 2. Ebene aktiv */
  color: #0000BF;
  background-color: #FFF;
  border: 1px solid black;
}
#listbox > ul > li
                 > ul > li.aktiv + li.ohne
                         > ul > li > a:focus,
#listbox > ul > li
                 > ul > li.ueberaktiv + li.ohne
                         > ul > li > a:focus { /* 2. Ebene hover */
  color: #0000BF;
  background-color: #FFE323;
  border: 1px solid black;
}
/* ------------- Ebene 3 ------------- */
#listbox > ul > li
                 > ul > li.aktiv + li.ohne
                         > ul > li + li.ohne
                                 > ul
,#listbox > ul > li
                 > ul > li.ueberaktiv + li.ohne
                         > ul > li + li.ohne
                                 > ul { /* 3. Ebene, zunächst unterdrückt */
  list-style: outside none;
  border: none;
/*  display: none;*/
}
#listbox > ul > li
                 > ul > li.aktiv + li.ohne
                         > ul > li + li.ohne
                                 > ul > li
, #listbox > ul > li
                 > ul > li.ueberaktiv + li.ohne
                         > ul > li + li.ohne
                                 > ul > li { /* normaler Trennrahmen */
  border: 1px solid #888;
}
#listbox > ul > li
                 > ul > li.aktiv + li.ohne
                         > ul > li + li.ohne
                                 > ul > li > a
, #listbox > ul > li
                 > ul > li.ueberaktiv + li.ohne
                         > ul > li + li.ohne
                                 > ul > li > a { /* Schriftfarbe */
  color: #564418;
}
#listbox > ul > li
                 > ul > li + li.ohne
                         > ul > li + li.ohne { /* 3. Ebene unterdrücken (Rahmen stört in 2. Ebene) */
  display: none;
  border: none;
}
#listbox > ul > li
                 > ul > li + li.ohne
                         > ul > li.aktiv + li.ohne  /* 3. Ebene anzeigen bei aktiver Ebene 2 */
, #listbox > ul > li
                 > ul > li + li.ohne
                         > ul > li.ueberaktiv + li.ohne  /* 3. Ebene anzeigen bei aktiv */
{
  display: block;
}
#listbox > ul > li
                 > ul > li.aktiv + li.ohne
                          > ul > li + li.ohne
                                 > ul > li
, #listbox > ul > li
                 > ul > li.ueberaktiv + li.ohne
                          > ul > li + li.ohne
                                 > ul > li  { /* 3. Ebene */
  color: #0070C0;
  background-color: #FFF0AA;
}
#listbox > ul > li
                 > ul > li.aktiv + li.ohne
                          > ul > li + li.ohne
                                 > ul > li > a
, #listbox > ul > li
                 > ul > li.ueberaktiv + li.ohne
                          > ul > li + li.ohne
                                 > ul > li > a { /* 3. Ebene normal*/
  color: black;
  background-color: #B49C65; /* braun */
}
#listbox > ul > li
                 > ul > li + li.ohne
                          > ul > li + li.ohne
                                 > ul > li.aktiv > a { /* 3. Ebene aktiv */
  color: black;
  background-color: #FFF0AA;
  border: 1px solid black;
}
#listbox > ul > li
                 > ul > li + li.ohne
                          > ul > li + li.ohne
                                 > ul > li > a:focus { /* 3. Ebene hover */
  color: #0000BF;            /* dunkelblau */
  background-color: #FFE323; /* gelb */
  border: 1px solid black;
}
#listbox > ul > li
                 > ul > li.ueberaktiv + li.ohne
                          > ul > li.ueberaktiv + li.ohne
                                 > ul > li.aktiv > a:focus { /* 3. Ebene aktiv+hover */
  color: #0000BF;            /* dunkelblau */
  background-color: #fff;
  border: 1px solid black;
}
/* ========================================================== */
/*                Seiteninhalt                                */
/*
  ===================
  ID TEXTBOX, allgemeine und besondere Textformate in MAIN
*/
#textbox {
/*  z-index: 45;*/
  position: relative;
  background-color: transparent;
}
#textbox a {
  text-decoration: none;
}
#textbox h1 {
  font-size: 130%;
  letter-spacing: 3pt;
  margin: 0 0 5px 0;
  padding: 12px 0px 12px 27px;
  background-color: #ffe855;  /* gelb5 */
}
#textbox h2 {
  font-size: 120%;
  letter-spacing: 2pt;
  margin: 3px 0 5px 0;
  padding: 8px 0px 8px 25px;
  background-color: #ffeb76; /* gelb3 */
}
#textbox h3 {
  font-size: 110%;
  letter-spacing: 2pt;
  margin: 2px 0 5px 0;
  padding: 5px 0px 5px 35px;
  background-color: #ffee98; /* gelb1 */
}
#textbox h4 {
  font-size: 100%;
  letter-spacing: 1pt;
  margin: 1px 0 5px 0;
  padding: 3px 0px 3px 40px;
  background-color: #f8f1aa; /* gelb0 */
}
#textbox ul {
  margin-top: 0.3em;   /* ca. 1/2 Zeile Abstand zwischen Gliederungspunkten */
  margin-bottom: 2em;   /* ca. 1/2 Zeile Abstand zwischen Gliederungspunkten */
  padding-right: 1em;
}
#textbox li {
  margin-top: 0.5em;   /* ca. 1/2 Zeile Abstand zwischen Gliederungspunkten */
  padding-right: 1em;
}
#textbox p {
  margin-top: 10px;
  margin-right: 10px;
  padding: .5em 1em .3em 1.5em;   /* orul 0 30 10 40 */
  font-size: 100.01%;
  line-height: 150%;
}
#textbox p.clearfloat {  /* sorgt für normalen Fluss bei nachfolgenden Elementen */
  visibility: hidden;
  display: block;
  font-size: 0;
  margin: 0;
  padding: 0;
  clear: both;
  height: 0;
}
#textbox p.clearfloat:after {  /* sorgt für normalen Fluss bei nachfolgenden Elementen */
  font-size: 0;
  margin: 0;
  padding: 0;
  height: 0;
  content: ".";
}
#textbox table {
  font-size: 100%;
  letter-spacing: 1pt;
  padding: 10px 0px 10px 40px;
}
#textbox ul {  /* Einrückung von Listen */
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: .5em;
  padding-left: 1em;
}
#textbox ul.ohne {  /* ohne Listenzeichen */
  list-style: none;
}
#textbox ul.rahmen1 {
  position: relative;
/*  width: 100%;*/
  right: 0;
  left: 0;
  margin: 0;
  padding: 1em;
  list-style: none outside;
  border: none;
}
#textbox ul.rahmen1 li {
  padding: 1em;
  border-style: solid;
  border-width: 1px;
  border-color: black;
}
/* -------------------------- */
/* Ein-/Ausblenden von Textabschnitten */
#texteinaus1:not(:target) .eainhalt,   /* Text grundsätzlich ausblenden */
#texteinaus2:not(:target) .eainhalt,   /* Text grundsätzlich ausblenden */
#texteinaus3:not(:target) .eainhalt,   /* Text grundsätzlich ausblenden */
#texteinaus1:not(:target) .textaus,    /* Text ausblenden bei Klick auf "weniger" */
#texteinaus2:not(:target) .textaus,    /* Text ausblenden bei Klick auf "weniger" */
#texteinaus3:not(:target) .textaus,    /* Text ausblenden bei Klick auf "weniger" */
#texteinaus1:target .textein,          /* Text einblenden bei Klick auf "mehr" */
#texteinaus2:target .textein,          /* Text einblenden bei Klick auf "mehr" */
#texteinaus3:target .textein {         /* Text einblenden bei Klick auf "mehr" */
  display: none;
}
#texteinaus1:target .eainhalt,    /* Eingeblendeten Text hervorheben */
#texteinaus2:target .eainhalt,    /* Eingeblendeten Text hervorheben */
#texteinaus3:target .eainhalt {   /* Eingeblendeten Text hervorheben */
  display: block;
}
div.eainhalt {
  box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
  padding: 5px 1px 10px 25px;       /* o r u l */
  background: #d8cba8;
}

.textein,
.textaus {
  padding: 10px;
  box-shadow: none;
  background: rgb(255, 200, 70);
  color: #000;
  font-weight: bold;
}
/* -------------------------- */
.absatz {
/*  width: 880px;*/
  border: 1px solid transparent;
}
.bab { /* Nummern der Bundesautobahnen */
  font-family: "Arial Rounded MT Bold", Arial, sans-serif;
  font-weight: bold;
  color: #eee;
  background-color: #00f; /* blau */
  border: 2px solid #eee;
  border-radius: 0.25em;
  padding-left: 3px;
  padding-right: 5px;
}
.belegungskalender {
  width: 750px;
  height: 370px;
  frameborder:0px;
}
.bst { /* Nummern der Bundesstrassen */
  font-family: "Arial Rounded MT Bold", Arial, sans-serif;
  font-weight: bold;
  color: #000;
  background-color: #fd0; /* orangegelb */
  border: 2px solid #000;
  border-radius: 0.25em;
  padding-left: 3px;
  padding-right: 5px;
}
.bus { /* Nummern von Buslinien */
  font-family: "Arial Rounded MT Bold", Arial, sans-serif;
  font-weight: bold;
  color: #00f;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 0.2em;
  padding-left: 3px;
  padding-right: 5px;
}
.clearfloat {  /* sorgt für normalen Fluss bei nachfolgenden Elementen */
  visibility: hidden;
  display: block;
  font-size: 0;
  margin: 0;
  padding: 0;
  clear: both;
  height: 0;
}
.clearfloat:after {  /* sorgt für normalen Fluss bei nachfolgenden Elementen */
  font-size: 0;
  margin: 0;
  padding: 0;
  height: 0;
  content: ".";
}
.kontakt1 {  /* Spalte 1 Kontaktformular */
  width: 15%;
  vertical-align: top;
}
.kontakt2 {  /* Spalte 2 Kontaktformular */
  width: 85%;
  vertical-align: top;
}
.invis /* , hr */ {
  display: none;
}
/* ----------------------------------------------
  Links
*/

/* seiteninterne Links, wie zum Seitenanfang */
.intern {
  font-family: "Courier New", "Times New Roman", serif;
  font-weight: bold;
  background-color: #eee;
  padding: 3px 25px 2px 0;
  border: 1px;
  border-color: #000000;
  background-image: url("../symbol/icon_intlink_s-x_1.png");
  background-repeat: no-repeat;
  background-position: right 2px;
}
/* Links zu externen Adressen */
.link-ext   {
  font-family: "Courier New", "Times New Roman", serif;
  font-weight: bold;
/*  text-decoration: underline;*/
/*  color: #39c;*/
  background-color: #eee;
  border: none;
  border-bottom: 1px solid black;
  white-space: normal;
  padding: 4px;
}
.link-ext:link {
  color: #008;
  border-color: #008;
}
.link-ext:visited {
  color: #a06;
  border-color: #a06;
}
.link-ext:active {
  color: #800;
  border-color: #800;
}
#textbox.menue-i {  /* Bereiche mit Navigationslinks in 'inhalt'*/
/* werden in media print unterdrueckt */
}
.linktext { /* URI */
  font-family: "Courier New", "Times New Roman", serif;
  font-style: italic;
  font-weight: normal;
  color: #000;
  border: 0 none;
  display: none; /* fuer Testzwecke und media print YES, sonst NONE */
}
.urltext  { /* soll automatisch Linkadresse zeigen */
  white-space: normal;
}
.urltext::after { /* soll automatisch Linkadresse zeigen */
  color: black;
  font-style: italic;
  font-weight: normal;
  text-decoration: none;
  border: 0 none;
  content: " (Adresse: "attr(href)") "; /* [URL] nach dem Linktext */
  white-space: normal;
  display: none;   /* 'flex' fuer Anzege */
}
/* ---------------------------------------------- */
.lst { /* Nummern von Landesstrassen */
  font-family: "Arial Rounded MT Bold", Arial, sans-serif;
  font-weight: bold;
  color: #000;
  background-color: #fff; /* weiss */
  border: 1px solid #000;
  padding-left: 3px;
  padding-right: 5px;
}
.mailadr { /* Email-Adressen */
  font-family: "Courier New", "Times New Roman", serif;
  font-weight:bold;
  text-decoration: none;
  color: #008;
  border-bottom: 1px solid #cb9;
  border-left: 1px solid #cb9;
  padding: 0px 3px;
  letter-spacing: 1pt;
}
.menue {  /* Bereiche mit Navigationslinks */
  /* für Medium 'screen' ohne Bedeutung */
}
.name { /* z.B. Firmennamen, Institutionen */
  font-style: normal;
  letter-spacing: 2pt;
  padding-left: 3px;
  padding-right: 5px;
}
.ort { /* z.B. Haltestellen-, Orts-, Strassennamen */
  font-style: italic;
  letter-spacing: 0pt;
  padding-left: 3px;
  padding-right: 5px;
}
.quelle { /* z.B. Urheberangaben */
  position: relative;
  top: -30px;
  font-family: "Arial Rounded MT Bold", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 60.01%;
  letter-spacing: 0pt;
  padding-left: 3px;
  padding-right: 5px;
}
.sbahn { /* S-Bahn-Symbol */
  font-family: "Arial Rounded MT Bold", Arial, sans-serif;
  font-weight: bold;
  color: #fff;
  background-color: #0a0;
  border-radius: 0.7em;
  padding-left: 3px;
  padding-right: 5px;
}
.stbem_ok {  /* Bemerkungen zu realisierten Vorschlägen */
  font-family: "Courier New", "Times New Roman", serif;
  background-color: #A7D69E;
  font-weight: normal;
  font-style: italic;
}
.stbem_planned {  /* Bemerkungen zu geplanten Vorschlägen */
  font-family: "Courier New", "Times New Roman", serif;
  background-color: #F4F182;
  font-weight: normal;
  font-style: italic;
}
.stbem_no {  /* Bemerkungen zu nicht realisierbaren Vorschlägen */
  font-family: "Courier New", "Times New Roman", serif;
  background-color: #E78785;
  font-weight: normal;
  font-style: italic;
}
.taxi {  /* TAXI-Symbol */
  font-family: "Arial Rounded MT Bold", Arial, sans-serif;
  font-weight: bold;
  letter-spacing: 5px;
  color: #000;
  background-color: #ff0; /* gelb */
  border: 0px solid #000;
  padding-left: 8px;
  padding-right: 7px;
}
.tram {  /* Nummern von Strassenbahnlinien */
  font-family: "Arial Rounded MT Bold", Arial, sans-serif;
  font-weight: bold;
  color: #c00;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 0.2em;
  padding-left: 3px;
  padding-right: 5px;
}
/* für Auswertungen Statistik */
.statistik1 {  /* Tabelle Fragebögenauswertung, äußerer Bereich */
  padding: 0px;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin: 0px;
  margin-left: 40px;
/*  spacing: 0px;*/
  width: 35em;
  border: 1px solid #000;
  border-radius: 0px;
  border-collapse: collapse;
}
.statistik2 {  /* Tabelle Fragebögenauswertung, innerer Bereich */
  margin: 0px;
  padding: 0px;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
/*  spacing: 0px;*/
  width: 100%;
  border-collapse: collapse;
}
/*.spalte2-3 {
  width: 20em;
}*/
.std1 {
  width: 40%;
  padding-top: 0.3em;
  padding-left: 1em;
  vertical-align: top;
}
.std2 {
  padding-left: 1em;
  margin: 0px;
  width: 60%;
  font-size: 85.01%;
}
.std3 {
  padding-right: 1em;
  margin: 0px;
  width: 40%;
  text-align: right;
  font-size: 85.01%;
}
.sth {      /* Tabelle Fragebögenauswertung, Kopfbereich */
  border: 1px solid #000;
  margin-left: 40px;
  padding: 0;
  padding-left: 1em;
  font-weight: bold;
  border: 1px solid #000;
}
.sth1 {   /* Tabellenkopf, Feld 1 */
  text-align: left;
  padding-left: 1em;
  width: 40%;
}
.sth2 {   /* Tabellenkopf, Feld 2 */
  text-align: left;
  padding-left: 1em;
  width: 30%;
}
.sth3 {   /* Tabellenkopf, Feld 3 */
  text-align: right;
  padding-right: 1em;
  width: 30%;
}
.versteckt {
/*  visibility: hidden; */
  display: none;
}
.zaehler {  /* Seitenaufrufszähler */
  border: none;
  display: none;
}

/* ----------------------------------------
  Bilder
*/
.clipart1 {
  height: 8em;
  max-height: 150px;
}
.clipart1l {
  height: 8em;
  max-height: 150px;
  margin-right: 1.0em;
  margin-left: 0;
  margin-bottom: 0.5em;
  float: left;
}
.clipart1r {
  height: 8em;
  max-height: 150px;
  margin-left: 1.0em;
  margin-right: 0;
  margin-bottom: 0.5em;
  float: right;
}
.foto1 {           /* große Fotos, quer */
  width: 100%;      /* Bilderbreite dynamisch zur Fensterbreite */
  max-width: 800px;
  max-height: 600px;
  margin: 5px 10px 5px 0px;
  border-style: solid;
  border-width: 1px;
  border-color: black;
}

.foto1h {           /* große Fotos, hochkant */
  width: 100%;      /* Bilderbreite dynamisch zur Fensterbreite */
  max-width: 600px;
  max-height: 800px;
  margin: 5px 10px 5px 0px;   /* orul 10 10 10 0 */
  border-style: solid;
  border-width: 1px;
  border-color: black;
}

.foto2 {           /* kleine Fotos, quer (zeitweilig auch schlechte Fotos) */
  width: 100%;
  max-width: 400px;
  max-height: 300px;
  margin: 5px 10px 5px 0px;
  border-style: solid;
  border-width: 1px;
  border-color: black;
}

.foto2h {           /* kleine Fotos, hochkant (zeitweilig auch schlechte Fotos) */
  width: 100%;
  max-width: 300px;
  max-height: 400px;
  margin: 5px 10px 5px 0px;
  border-style: solid;
  border-width: 1px;
  border-color: black;
}
.img {
/*  margin: 1em;*/
/*  margin-right: 1.5em;*/
  border-radius: 0.5em;
  -moz-border-radius: 0.5em; /* Für Gecko (z.B. Firefox, SeaMonkey) */
  -webkit-border-radius: 0.5em;
  -o-border-radius: 0.5em;
}

}  /* Ende von @media (max-width: 812px) */
/* =================================================================================== */
/* Formate für Druckausgabe (ohne Hintergünde, ohne interne Links,
   URL externer Links werden angezeigt,  Schrift schwarz)
*/
@media print  {
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,
form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background:transparent;
}
html {
  background-color: #fff;
}
body {
  position: absolute;
  left: 2em;
  top: 0;
  right: 0;
  padding: 0;
  font-family: "Comic Sans MS", Arial, sans-serif;
  font-size: 12pt;
  color: #000;
  background-color: #fff;
}
#header {
  position: static;
  clear: both;
  height: auto;
  margin-bottom: 10pt;
  background-color: #fff;
}
#ecke {
  position: static;
  height: auto;
  width: auto;
  font-size: 16pt; /* 16pt */
  color: #000;
  background-color: transparent;
}
#kopf {
  position: fixed;
  top: 0;
  left: 0px;
  height: 0;
  width: 0;
  margin: 0px;
  color: transparent;
  background-color: transparent;
  font-size: 0%;
  display: none;
  visibility: hidden;
}
#inhalt {
  position: relative;
  max-width: 100%;
  margin: 0;
}
#navi {
/*  z-index: 0;*/
  position: fixed;
  left: 0;
  top: 0;
  margin: 0px;
  color: transparent;
  background-color: yellow;
  font-size: 0%;
  height: 0px;
  width: 0px;
  display: none;
}
#home-icon img{
  display: none;
}
#home-text {
  display: none;
}

/* Menueleiste */
/*
  ===================
  ID LISTBOX, zur Steuerung des Menuefeldes
*/
/* die dem Menue unterlegte dunkle Fläche */
#listbox {
  width: 0;
  margin: 0; /* 0 7 0 0 */
  padding: 0;  /* orul 8 0 16 6 */
  background-color: transparent;
  color: transparent;
  white-space: normal;
  visibility: hidden;
  display: none;
}
/*
  Allgemein
*/
#listbox ul {
  list-style: none outside;  /* unterdrückt die Aufzählzeichen  */
  background-color: #534118; /* braun0 zwischen den Navi-Zeilen ab 2. Ebene und links von den Menübalken*/
}
#listbox ul ul  {
  margin-left: 5px; /* 20px Einrückung der Untertitel */
}
#listbox ul li  {
  margin-top: 0; /* 4 vert. Abstand der Titel */
  background-color: #304e6a;
  color: #fff;
  border-top: 0px solid #000; /* Haarlinie über und */
  border-bottom: 0px solid #000; /* unter dem Titel */
}
/*
  In dieses LI wird die naechste Liste eingeschachtelt
*/
#listbox ul li.ohne  {
  margin: 0;
  background-color: transparent;
  color: #ccc;
  border: 0 none;
}
/*
  Allgemeines Aussehen der Links
*/
#listbox ul a {
  display: none; /* block */
  background-color: transparent;
  color: #ccc;
  padding: 1px 0px 1px 8px; /* 8px Abstand zu border-left (definiert ab Zeile 117) */
  font-weight: normal;
  text-decoration: none;
}
#listbox ul a:hover {
  background-color: #5b7a97;
  color: #fff;
  border: 0;
}
#listbox ul a.aktiv {
  background-color: #e8d5b0; /* braun9 */
  color: #000;
  border-left: 12px solid #f27c24; /* orange */
}
#listbox ul a.aktiv:hover {
  background-color: #ffee98; /* gelb1 */
  color: #000;
  border: 1px solid #000;
  border-left: 25px solid #f27c24; /* orange */
}
#listbox ul ul a.aktiv {
  background-color: #e8d5b0; /* braun9 */
  color: #000;
  border-left: 9px solid #f27c24; /* orange */
}
#listbox ul ul ul a.aktiv {
  background-color: #e8d5b0; /* braun9 */
  color: #000;
  border-left: 6px solid #f27c24; /* orange */
}
/*
  Erste Ebene
  Steuern der verschiedenen Breiten je nach Verschachtelung;
  Borders und Paddings jeweils einrechnen;
  falls 'transitional': Conditional Comments fuer MSIE notwendig.
 */
#listbox ul li  {
  width: 194px;    /* 224 */
}
#listbox ul a {
  width: 184px;  /* 204 */
  border-left: 12px solid #ccc;
}
/*
  Zweite Ebene
*/
#listbox ul ul li {
  width: 184px;  /* 204 */
}
#listbox ul ul a {
  width: 167px;  /* 187 */
  border-left: 9px solid #bbb;
}
/*
  Dritte Ebene
*/
#listbox ul ul ul li {
  width: 184px; /* 184 */
}
#listbox ul ul ul a {
  width: 150px;    /* 170 */
  border-left: 6px solid #aaa;
}
/*
  ===================
  ID TEXTBOX, allgemeine und besondere Textformate im BODY
*/
#textbox {
  position: static;
  width: auto;
  height: auto;
}
#textbox li {
  margin-top: 0.3em;   /* ca. 1/2 Zeile Abstand zwischen Gliederungspunkten */
  padding-right: 1em;
}
#textbox p {
  margin-top: 5px;
  padding: 0px 30px 10px 0px;   /* orul 0 30 10 40 */
  background-color: transparent;
  font-size: 100.01%;
  line-height: 150%;
}
#textbox p.clearfloat {  /* sorgt für normalen Fluss bei nachfolgenden Elementen */
  visibility: hidden;
  display: block;
  font-size: 0;
  margin: 0;
  padding: 0;
  clear: both;
  height: 0;
}
#textbox p.clearfloat:after {  /* sorgt für normalen Fluss bei nachfolgenden Elementen */
  font-size: 0;
  margin: 0;
  padding: 0;
  height: 0;
  content: ".";
}
#textbox ul {
    margin-left: 1em;
}
.absatz {
/*  width: 880px;*/
  border: 1px solid transparent;
}
.bab { /* Nummern der Bundesautobahnen */
  font-family: "Arial Rounded MT Bold", Arial, sans-serif;
  font-weight: bold;
  color: #fff;
  background-color: #00f; /* blau */
  border: 2px solid #fff;
  border-radius: 0.25em;
  padding-left: 3px;
  padding-right: 5px;
}
.bst { /* Nummern der Bundesstrassen */
  font-family: "Arial Rounded MT Bold", Arial, sans-serif;
  font-weight: bold;
  color: #000;
  background-color: #fd0; /* orangegelb */
  border: 2px solid #000;
  border-radius: 0.25em;
  padding-left: 3px;
  padding-right: 5px;
}
.bus { /* Nummern von Buslinien */
  font-family: "Arial Rounded MT Bold", Arial, sans-serif;
  font-weight: bold;
  color: #00f;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 0.2em;
  padding-left: 3px;
  padding-right: 5px;
}
.invis /* , hr */ {
  display: none;
}
.linktext { /* URI */
  font-family: "Courier New", "Times New Roman", serif;
  font-style: italic;
  font-weight: normal;
  color: #000;
  background-color: transparent;
  display: flex; /* fuer Testzwecke und media print YES, sonst NONE */
}
/* Links zu externen Adressen */
.link-ext   {
  font-family: "Courier New", "Times New Roman", serif;
  font-weight: bold;
  background-color: #fff;
  border: none;
  border-bottom: 1px solid black;
}
.lst { /* Nummern von Landesstrassen */
  font-family: "Arial Rounded MT Bold", Arial, sans-serif;
  font-weight: bold;
  color: #000;
  background-color: #fff; /* weiss */
  border: 1px solid #000;
  padding-left: 3px;
  padding-right: 5px;
}
.mailadr { /* Email-Adressen */
  font-family: "Courier New", "Times New Roman", serif;
  font-weight:bold;
  text-decoration: none;
  color: #008;
  border-bottom: 1px solid #cb9;
  border-left: 1px solid #cb9;
  padding: 0px 3px;
  letter-spacing: 1pt;
}
.menue-i {  /* Bereiche mit Navigationslinks in 'inhalt'*/
  height: 0px;
  width: 0px;
  display: none;
  visibility: hidden;
}
.name { /* z.B. Firmennamen, Institutionen */
  font-style: normal;
  letter-spacing: 2pt;
  padding-left: 3px;
  padding-right: 5px;
}
.ort { /* z.B. Haltestellen-, Orts-, Strassennamen */
  font-style: italic;
  letter-spacing: 0pt;
  padding-left: 3px;
  padding-right: 5px;
}
.platz_screen {  /* leere Füll-Bereiche in screen */
  visibility: hidden;
}
.quelle { /* z.B. Urheberangaben */
  position: relative;
  top: -30px;
  font-family: "Arial Rounded MT Bold", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 60.01%;
  letter-spacing: 0pt;
  padding-left: 3px;
  padding-right: 5px;
}
#textbox ul.rahmen1 {
  position: relative;
/*  width: 100%;*/
  right: 0;
  left: 0;
  margin: 0;
  padding: 1em;
  list-style: none outside;
  border: none;
}
#textbox ul.rahmen1 li {
  padding: 1em;
  border-style: solid;
  border-width: 1px;
  border-color: black;
}
.sbahn { /* S-Bahn-Symbol */
  font-family: "Arial Rounded MT Bold", Arial, sans-serif;
  font-weight: bold;
  color: #fff;
  background-color: #0a0;
  border-radius: 0.7em;
  padding-left: 3px;
  padding-right: 5px;
}
.stbem_ok {  /* Bemerkungen zu realisierten Vorschlägen */
  font-family: "Courier New", "Times New Roman", serif;
  background-color: #A7D69E;
  font-weight: normal;
  font-style: italic;
}
.stbem_planned {  /* Bemerkungen zu geplanten Vorschlägen */
  font-family: "Courier New", "Times New Roman", serif;
  background-color: #F4F182;
  font-weight: normal;
  font-style: italic;
}
.stbem_no {  /* Bemerkungen zu nicht realisierbaren Vorschlägen */
  font-family: "Courier New", "Times New Roman", serif;
  background-color: #E78785;
  font-weight: normal;
  font-style: italic;
}
.taxi {  /* TAXI-Symbol */
  font-family: "Arial Rounded MT Bold", Arial, sans-serif;
  font-weight: bold;
  letter-spacing: 5px;
  color: #000;
  background-color: #ff0; /* gelb */
  border: 0px solid #000;
  padding-left: 8px;
  padding-right: 7px;
}
.tram {  /* Nummern von Strassenbahnlinien */
  font-family: "Arial Rounded MT Bold", Arial, sans-serif;
  font-weight: bold;
  color: #c00;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 0.2em;
  padding-left: 3px;
  padding-right: 5px;
}
.zaehler {  /* Seitenaufrufszähler */
  display: none;
}
/*
  Überschriften
*/
#textbox h1 {
  font-size: 150%;
  letter-spacing: 3pt;
  padding: 10pt 0 10pt 20pt;    /* orul 20 0 20 20 */
  margin-bottom: 20pt;
  background-color: #eee;
}
#textbox h2 {
  font-size: 130%;
  letter-spacing: 2pt;
  padding: 8pt 0px 8pt 0px;    /* orul 10 0 10 30 */
  background-color: transparent;
  text-decoration: underline;
  margin-top: 10pt;
  margin-bottom: 5pt;
}
#textbox h3 {
  font-size: 115%;
  letter-spacing: 2pt;
  padding: 6pt 0 6pt 0;    /* orul 10 0 10 35 */
  margin-top: 10pt;
  margin-bottom: 5pt;
  background-color: transparent;
  font-style: italic;
}
#textbox h4 {
  font-size: 100%;
  letter-spacing: 1pt;
  padding: 4pt 0 4pt 0;    /* orul 10 0 10 40 */
  margin-top: 5pt;
  background-color: transparent;
}
#textbox table {
  font-size: 100%;
  letter-spacing: 1pt;
  padding: 10px 0px 10px 40px;  /* orul 10 0 10 40 */
}
.statistik1 {  /* Tabelle Fragebögenauswertung, äußerer Bereich */
  padding: 0px;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin: 0px;
  margin-left: 40px;
  spacing: 0px;
  width: 35em;
  border: 1px solid #000;
  border-radius: 0px;
  border-collapse: collapse;
}
.statistik2 {  /* Tabelle Fragebögenauswertung, innerer Bereich */
  margin: 0px;
  padding: 0px;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
  spacing: 0px;
  width: 100%;
  border-collapse: collapse;
}
/*.spalte2-3 {
  width: 20em;
}*/
.std1 {
  width: 40%;
  padding-top: 0.3em;
  padding-left: 1em;
  vertical-align: top;
}
.std2 {
  padding-left: 1em;
  margin: 0px;
  width: 60%;
  font-size: 85.01%;
}
.std3 {
  padding-right: 1em;
  margin: 0px;
  width: 40%;
  text-align: right;
  font-size: 85.01%;
}
.sth {      /* Tabelle Fragebögenauswertung, Kopfbereich */
  border: 1px solid #000;
  margin-left: 40px;
  padding: 0;
  padding-left: 1em;
  font-weight: bold;
  border: 1px solid #000;
}
.sth1 {   /* Tabellenkopf, Feld 1 */
  text-align: left;
  padding-left: 1em;
  width: 40%;
}
.sth2 {   /* Tabellenkopf, Feld 2 */
  text-align: left;
  padding-left: 1em;
  width: 30%;
}
.sth3 {   /* Tabellenkopf, Feld 3 */
  text-align: right;
  padding-right: 1em;
  width: 30%;
}
/*
  Bilder
*/

img {
  margin: 10px;
  border-radius: 0.5em;
}
.foto1 {           /* große Fotos, quer */
  width: 85%;      /* Bilderbreite dynamisch zur Fensterbreite */
  min-width: 250px;
  min-height: 200px;
  max-width: 800px;
  max-height: 600px;
  margin: 10px 10px 10px 0px;
  border-style: solid;
  border-width: 1px;
  border-color: black;
}

.foto1h {           /* große Fotos, hochkant */
  width: 85%;      /* Bilderbreite dynamisch zur Fensterbreite */
  min-width: 200px;
  min-height: 250px;
  max-width: 600px;
  max-height: 800px;
  margin: 10px 10px 10px 0px;
  border-style: solid;
  border-width: 1px;
  border-color: black;
}

.foto2 {           /* kleine Fotos, quer (zeitweilig auch schlechte Fotos) */
  width: 40%;      /* Bilderbreite dynamisch zur Fensterbreite */
  min-width: 125px;
  min-height: 100px;
  max-width: 400px;
  max-height: 300px;
  margin: 10px 10px 10px 0px;
  border-style: solid;
  border-width: 1px;
  border-color: black;
}

.foto2h {           /* kleine Fotos, hochkant (zeitweilig auch schlechte Fotos) */
  width: 40%;      /* Bilderbreite dynamisch zur Fensterbreite */
  min-width: 100px;
  min-height: 125px;
  max-width: 300px;
  max-height: 400px;
  margin: 10px 10px 10px 0px;
  border-style: solid;
  border-width: 1px;
  border-color: black;
}

.clipart1 {
  height: 8em;   /* bezogen auf Textgröße, 3.7.2016 */
  max-height: 150px;
}
.clipart1l {
  height: 8em;
  max-height: 150px;
  margin-right: 1.5em;
  margin-left: 0;
  margin-bottom: 1.5em;
  float: left;
}
.clipart1r {
  height: 8em;
  max-height: 150px;
  margin-left: 1.5em;
  margin-right: 0;
  margin-bottom: 1.5em;
  float: right;
}
.navi-icon,
.navi-icon-l
.navi-icon-l2,
.navi-icon-r {
  display: none;
}

.versteckt {      /* Counter für Zugriffs-Statistik, seiteninterne Links */
  visibility: hidden;
}

/*
  Links
*/
#textbox a {
  font-family: "Courier New", "Times New Roman", serif;
  font-weight:bold;
  text-decoration: none;
  color: #000;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  padding: 0px 3px;
}
#textbox a:link {
  color: #000;
}
#textbox a:visited {
  color: #000;
}
#textbox a:hover {
  color: #000;
  background-color: #ccc;
}
#textbox a:active {
  color: #000;
}
.intern {   /* seiteninterne Links, zB Seitenanfang */
  display: none;
}
.urltext  {
/* soll automatisch Linkadresse zeigen, speziell bei externen Links */
}
.urltext::after { /* soll automatisch Linkadresse zeigen */
  color: black;
  font-style: italic;
  font-weight: normal;
  text-decoration: none;
  border: 0 none;
  white-space: normal;
  content: " (Adresse: "attr(href)") "; /* [URL] nach dem Linktext */
  display: flex;
}

}    /* @media print */
/* ============================================================== */