
/******** Allgemeine Elemente (aus dem alten chrome.scss) ***********/
body, div, fieldset {
  margin: 0;
  padding: 0;
}

p, ol, ul {
  padding: 0;
}

img, fieldset {
  border: 0;
}

body {
  background-color: #fff;
  color: #000;
  font-size: 100%;
  font-family: Arial, Helvetica, sans-serif;
}

a {
  text-decoration: none;
}

a:hover,
a:focus,
a:active {
  text-decoration: underline;
}

p {
  margin: 0 0 0.6em 0;
}

ol {
  margin-left: 2.5em;
  list-style: decimal;
}

ol li {
  list-style: decimal;
  padding-bottom: 0.2em;
}

ul, li {
  list-style-type: none;
  list-style-image: none;
}

li {
  padding-bottom: 0.1em;
  padding-top: 0.1em;
}

abbr, acronym {
  border: none;
  text-decoration: none;
}

legend {
  color: #000;
}

em {
  font-weight: bold;
  font-style: normal;
  letter-spacing: 0.15em;
  font-size: 0.85em;
}

.nowrap {
  white-space: nowrap !important;
}

/* Kopf, Fuß */
html, body {
  height: 100%;
}

/************ Tabellen (aus dem alten chrome.scss) ***************/
table {
  border: 0;
  margin: 0.7em 0;
  padding: 0;
  border-collapse: collapse;
  font-size: 1em;
  width: 100%;
}

td {
  background: #FFF;
}

/* Trifft die Fußnotenlinks am Ende des Vorschriftentexts (#lesetext footer a).
   Stammt aus einer Sammelregel für den Alt-Metanav im alten chrome.scss und ist
   für die Umbruchhöhe des Fußnotenblocks relevant. */
footer a {
  display: inline-block;
}

/******** Allgemeine Elemente (aus dem alten gruen3.scss) ***********/
a {
  color: #59814c;
}

td, th {
  border: 1px solid #BDBDBD;
}

th {
  background: #DCDCDC;
}

/******** Utilities, die fullview.html.haml nutzt (aus revosax-web.scss) *******/
.txt_center {
  text-align: center;
}

.pleft_s {
  padding-left: 1em;
}

.only_print {
  display: none;
}

body.gesamt {
  width: 100%;
  font-family: Arial, Helvetica, Sans-Serif;
}

body.gesamt article, header, nav, main, footer, section {
  text-align: left;
  margin: 0;
  overflow: hidden;
}

body.gesamt article, main {
  width: auto;
} /* um bei data-size=wide-Inhalt flexibel reagieren zu können */
#lesetext * {
  border: 0;
  margin: 0;
  padding: 0;
}
#lesetext {
  width: 52em;
  padding: 1em 0;
  margin: auto;
  margin-bottom: 20px;
  text-align: left;
  line-height: 1.3;
  font-size: 0.8em;
}
#lesetext .sections {
  clear: both;
}
#lesetext section {
  overflow: hidden;
}
#lesetext .cf:after {
  content: "";
  clear: both;
}
#lesetext footer {
  margin-top: 20px;
  border-top: 2px solid rgb(0, 0, 0);
}
#lesetext strong {
  font-weight: 700;
}
#lesetext .bold {
  font-weight: bold;
}
#lesetext em {
  letter-spacing: 0.02em;
  font-style: italic;
  font-weight: normal;
}
#lesetext .hidden, #lesetext caption, #lesetext thead {
  display: none !important;
}
#lesetext .top {
  vertical-align: top !important;
}
#lesetext h1, #lesetext h2, #lesetext h3, #lesetext h4, #lesetext h5 {
  clear: both;
  margin: 0;
  padding: 5px 0;
  border-bottom: none;
}
#lesetext h1.centre, #lesetext h2.centre, #lesetext h4.centre, #lesetext h4.centre {
  text-align: center;
  margin-bottom: 5px;
}
#lesetext h2.gauche, #lesetext h3.gauche, #lesetext h4.gauche {
  text-align: left;
  margin-bottom: 5px;
}
#lesetext h1 {
  font-size: x-large;
}
#lesetext h2 {
  font-size: large;
}
#lesetext h2.centre {
  padding-top: 30px;
  font-weight: bolder;
}
#lesetext h3 {
  font-size: medium;
}
#lesetext h3.centre {
  text-align: center;
}
#lesetext h4, #lesetext h4.centre {
  font-size: small;
  padding-top: 15px;
  text-align: center;
  font-weight: bolder;
  padding-bottom: 10px;
}
#lesetext h4.gauche {
  padding-top: 15px;
}
#lesetext h4.droite {
  text-align: right;
  margin-bottom: 5px;
  padding-top: 15px;
}
#lesetext h4.td_paragraph_last_0 {
  font-weight: normal;
}
#lesetext hr {
  background-color: black;
  height: 1px;
  margin: 0.2em 0;
}
#lesetext .einzug .prefix, #lesetext .einzug .text, #lesetext .einzug_s .prefix, #lesetext .einzug_s .text, #lesetext .einzug_m .prefix, #lesetext .einzug_m .text, #lesetext .einzug_l .prefix, #lesetext .einzug_l .text {
  display: block;
}
#lesetext .einzug .prefix, #lesetext .einzug_s .prefix, #lesetext .einzug_m .prefix, #lesetext .einzug_l .prefix {
  float: left;
  padding-left: 0.5em;
  overflow: hidden;
}
#lesetext .einzug .text, #lesetext .einzug_s .text, #lesetext .einzug_m .text, #lesetext .einzug_l .text {
  padding-left: 1em;
}
#lesetext .einzug_s .prefix {
  width: 2em;
}
#lesetext .einzug_s .text {
  margin-left: 2.1em;
}
#lesetext .einzug_m .prefix, #lesetext .einzug .prefix {
  width: 2.7em;
}
#lesetext .einzug_m .text, #lesetext .einzug .text {
  margin-left: 2.8em;
}
#lesetext .einzug_l .prefix {
  width: 4.7em;
}
#lesetext .einzug_l .text {
  margin-left: 4.8em;
}
#lesetext.vwv .einzug_s .prefix {
  width: 2.7em;
}
#lesetext.vwv .einzug_s .text {
  margin-left: 2.8em;
}
#lesetext.vwv .einzug .prefix, #lesetext.vwv .einzug_m .prefix {
  width: 3.7em;
}
#lesetext.vwv .einzug .text, #lesetext.vwv .einzug_m .text {
  margin-left: 3.8em;
}
#lesetext.vwv .einzug_l .prefix {
  width: 5.7em;
}
#lesetext.vwv .einzug_l .text {
  margin-left: 5.8em;
}
#lesetext.vwvbreit .einzug_s .prefix {
  width: 3.7em;
}
#lesetext.vwvbreit .einzug_s .text {
  margin-left: 3.8em;
}
#lesetext.vwvbreit .einzug .prefix, #lesetext.vwvbreit .einzug_m .prefix {
  width: 5.7em;
}
#lesetext.vwvbreit .einzug .text, #lesetext.vwvbreit .einzug_m .text {
  margin-left: 5.8em;
}
#lesetext.vwvbreit .einzug_l .prefix {
  width: 6.7em;
}
#lesetext.vwvbreit .einzug_l .text {
  margin-left: 6.8em;
}
#lesetext {
  /* EXTRA: Satz mit Hochstellung am Anfang */
}
#lesetext span.satz {
  vertical-align: top;
  font-size: 0.8em;
  line-height: 1em;
}
#lesetext sup, #lesetext sub {
  line-height: 140%;
}
#lesetext sup.satzzahl, #lesetext sup.satzzahl_manuell {
  font-size: 0.7em;
  padding-right: 0.1em;
}
#lesetext {
  /* Diese Klassen nur innerhalb der Homepage ausblenden! */
}
#lesetext .rechtsbereinigt, #lesetext .geaendert, #lesetext .berichtigt, #lesetext .ergaenzt {
  display: none !important;
}

body.gesamt span.fussnote {
  display: none;
}

#lesetext p {
  clear: both;
  padding: 0.25em 0;
}
#lesetext p.gauche {
  text-align: left;
  padding-top: 5px;
  margin-bottom: 2px;
}
#lesetext p.left_strong {
  text-align: left;
  font-weight: bold;
  padding-top: 5px;
  margin-bottom: 2px;
}
#lesetext p.centre {
  text-align: center;
  margin-top: 1px;
  margin-bottom: 5px;
}
#lesetext p.center_strong {
  text-align: center;
  font-weight: bold;
  padding-top: 5px;
  margin-top: 1px;
  margin-bottom: 5px;
}
#lesetext p.droite {
  text-align: right;
  margin-top: 1px;
  margin-bottom: 5px;
}
#lesetext p.right_strong {
  text-align: right;
  font-weight: bold;
  margin-top: 1px;
  margin-bottom: 5px;
}
#lesetext p.dresden {
  text-align: left;
  padding-top: 3px;
  margin-bottom: 5px;
}

#lesetext a {
  color: darkgreen;
  font-weight: normal;
  text-decoration: none;
}
#lesetext a:hover {
  text-decoration: underline;
}
#lesetext a.fussnote {
  font-size: 75%;
  text-decoration: none;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
}
#lesetext h2 a, #lesetext h3 a, #lesetext h4 a {
  font-weight: bold;
}

#lesetext ol, #lesetext ul {
  padding: 0;
  clear: both;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  margin-left: 1.8em; /* wegen zweistelliger Ziffern */
}
#lesetext li {
  padding-top: 0.1em;
  padding-bottom: 0.2em;
  padding-left: 0.5em;
}
#lesetext ol li {
  list-style: decimal;
}
#lesetext ul li {
  list-style-type: disc;
}

#lesetext table {
  font-size: 1em;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  border: none;
  clear: both;
}
#lesetext table, #lesetext tr, #lesetext td {
  text-align: left;
  border-collapse: collapse;
}
#lesetext th, #lesetext td {
  vertical-align: top;
}
#lesetext table td {
  border: 1px solid black;
  padding: 3px;
}
#lesetext .td_right {
  text-align: right;
}
#lesetext table.randlos th, #lesetext table.randlos td {
  border: none !important;
}

#lesetext.imagedoc img {
  width: 100%;
}

#lesetext {
  /* Druckansicht Trefferliste */
}
#lesetext #printview {
  padding: 0 5em 0 5em;
}

#lesetext h1, #lesetext h2, #lesetext h3, #lesetext h4, #lesetext h5, #lesetext h6, #lesetext table {
  page-break-inside: avoid;
}
#lesetext h1, #lesetext h2, #lesetext h3, #lesetext h4, #lesetext h5, #lesetext h6 {
  page-break-after: avoid;
}

#footnode {
  width: 3em !important;
}

#footlinks div {
  width: 530px;
}

/* Quelle/Herausgeber-Fuß am Ende der Gesamtansicht (Bildschirmdarstellung;
   die Druckvariante steht separat in print.scss unter @media print) */
#footer_print {
  font-size: 0.8em;
  line-height: 1.3;
  width: 46em;
  margin: 20px auto 0;
  padding-top: 10px;
  border-top: 1px solid #ddd;
  text-align: center;
}
#footer_print p {
  margin: 0;
  padding: 0;
}

/* Änderungsvorschriften am Ende der Gesamtansicht */
#impacts {
  font-size: 0.8em;
  width: 46em;
  text-align: left;
  margin: 20px auto;
  padding-top: 10px;
  border-top: 2px solid rgb(0, 0, 0);
}
#impacts h2 {
  font-size: 1em;
  padding-bottom: 10px;
  text-align: center;
}
#impacts ul {
  margin: 0;
  padding: 0;
}
#impacts li {
  list-style: none;
  padding: 0;
}
#impacts p {
  margin: 0;
  padding: 0 0 5px 20px;
}
#impacts a {
  color: rgb(0, 0, 0);
  font-weight: normal;
}

#doc_text {
  padding: 1em 0 1em 0;
  text-align: left;
  width: 46em;
  margin: auto;
  line-height: 1.3;
  font-size: 0.8em;
}

#lesetext thead {
  display: none;
}

body.gesamt nav table {
  page-break-inside: auto;
}

/* EXTRACTED TABLES */
#tab_link {
  display: block;
  margin: 0.5em 0 0.5em 0;
}

#tab_info {
  display: block;
  padding: 1em;
  text-align: center;
  background: red;
  color: white;
  font-size: large;
  font-weight: bolder;
  letter-spacing: 0.2em;
}

@media print {
  body.gesamt #lesetext, #lesetext.wide, #lesetext section[data-size=wide] {
    width: 52em;
    font-size: 9pt;
  }
}
/**************************************************
  Definitionslisten
  diese worden früher als Tabellen dargestellt
  daher habe diese CSS-Klassenangaben die die frühere
  Nutzung wiederspiegeln (td_..)
***************************************************/
#lesetext dl {
  width: 100%;
}
#lesetext dt, #lesetext dd {
  float: left;
  display: block;
  padding: 5px 0 0 0;
  margin: 0;
}
#lesetext dt {
  width: 5%;
  clear: left;
  margin-left: 0.5em;
}
#lesetext dd {
  padding-left: 0.5em;
}
#lesetext {
  /*
  letztes DD soll immer den restlichen Platz nutzen.
  Dazu muss er in ein „Block Formatting Context (BFC)“ gewandelt werden.
  Erreicht man u.a. mit den "overflow: hidden;"
  Element darf dabei nicht gefloatet sein!
  Siehe auch http://webdesign-blog.manoftaste.de/webdesign-tipps-css-div-restbreite/
  */
}
#lesetext dd.last,
#lesetext dd.td_last_sf, #lesetext dd.td_last_sf1,
#lesetext dd.td_last_1, #lesetext dd.td_last_2, #lesetext dd.td_last_3, #lesetext dd.td_last_4, #lesetext dd.td_last_5, #lesetext dd.td_last_6,
#lesetext dd.td_paragraph_last_1, #lesetext dd.td_last_1_table, #lesetext dd.td_last_1_i, #lesetext dd.td_paragraph_last_2, #lesetext dd.td_last_2_i, #lesetext dd.td_last_2_table,
#lesetext dd.td_last_3_i, #lesetext dd.td_last_3_sf, #lesetext dd.td_last_3_table, #lesetext dd.td_last_4_sf, #lesetext dd.td_last_4_table,
#lesetext footer dd {
  overflow: hidden;
  float: none;
}
#lesetext .tr {
  clear: both;
  padding-top: 5px;
  margin: auto;
}
#lesetext .td_sf {
  width: 11em;
}
#lesetext .td_1 {
  width: 3em;
}
#lesetext .td_paragraph_1 {
  width: 3em;
}
#lesetext .td_1_table {
  width: 6em;
}
#lesetext .td_1_i {
  width: 5em;
}
#lesetext { /* kann in Anlagen vorkommen, z.B. vorschrift/3457 Anlage 1 */ }
#lesetext .td_last_1_i {
  margin-bottom: 2em;
}
#lesetext .td_sf1 {
  width: 14em;
}
#lesetext .td_2 {
  width: 3em;
}
#lesetext .td_paragraph_2 {
  width: 12em;
}
#lesetext .td_2_i {
  width: 4.3em;
}
#lesetext .td_2_table {
  width: 21.3em;
}
#lesetext .td_3 {
  width: 3em;
}
#lesetext .td_3_i {
  width: 4em;
}
#lesetext .td_3_sf {
  width: 11em;
}
#lesetext .td_3_table {
  width: 18em;
}
#lesetext .td_last_3_table {
  width: 17.5em;
}
#lesetext .td_4 {
  width: 3em;
}
#lesetext .td_4_sf {
  width: 1em;
}
#lesetext .td_4_table {
  width: 15.7em;
}
#lesetext .td_5 {
  width: 3em;
}
#lesetext .td_6 {
  width: 3em;
}
#lesetext .td_teil_1 {
  margin-left: 5px;
  width: 13em;
}
#lesetext .td_teil_2 {
  margin-left: 10px;
  width: 31em;
}
#lesetext.spalte1-b1 .td_1, #lesetext .spalte1-b1 .td_1 {
  width: 1.4em;
}
#lesetext.spalte1-b2 .td_1, #lesetext .spalte1-b2 .td_1 {
  width: 2em;
}
#lesetext.spalte1-b3 .td_1, #lesetext .spalte1-b3 .td_1 {
  width: 3em;
}
#lesetext.spalte1-b4 .td_1, #lesetext .spalte1-b4 .td_1 {
  width: 4em;
}
#lesetext.spalte1-b5 .td_1, #lesetext .spalte1-b5 .td_1 {
  width: 5em;
}
#lesetext.spalte1-b6 .td_1, #lesetext .spalte1-b6 .td_1 {
  width: 6em;
}
#lesetext.spalte1-b7 .td_1, #lesetext .spalte1-b7 .td_1 {
  width: 7em;
}
#lesetext.spalte1-b8 .td_1, #lesetext .spalte1-b8 .td_1 {
  width: 8em;
}
#lesetext.spalte2-b1 .td_2, #lesetext .spalte2-b1 .td_2 {
  width: 1.4em;
}
#lesetext.spalte2-b2 .td_2, #lesetext .spalte2-b2 .td_2 {
  width: 2em;
}
#lesetext.spalte2-b3 .td_2, #lesetext .spalte2-b3 .td_2 {
  width: 3em;
}
#lesetext.spalte2-b4 .td_2, #lesetext .spalte2-b4 .td_2 {
  width: 4em;
}
#lesetext.spalte2-b5 .td_2, #lesetext .spalte2-b5 .td_2 {
  width: 5em;
}
#lesetext.spalte2-b6 .td_2, #lesetext .spalte2-b6 .td_2 {
  width: 6em;
}
#lesetext.spalte2-b7 .td_2, #lesetext .spalte2-b7 .td_2 {
  width: 7em;
}
#lesetext.spalte2-b8 .td_2, #lesetext .spalte2-b8 .td_2 {
  width: 8em;
}
#lesetext.spalte3-b1 .td_3, #lesetext .spalte3-b1 .td_3 {
  width: 1.4em;
}
#lesetext.spalte3-b2 .td_3, #lesetext .spalte3-b2 .td_3 {
  width: 2em;
}
#lesetext.spalte3-b3 .td_3, #lesetext .spalte3-b3 .td_3 {
  width: 3em;
}
#lesetext.spalte3-b4 .td_3, #lesetext .spalte3-b4 .td_3 {
  width: 4em;
}
#lesetext.spalte3-b5 .td_3, #lesetext .spalte3-b5 .td_3 {
  width: 5em;
}
#lesetext.spalte3-b6 .td_3, #lesetext .spalte3-b6 .td_3 {
  width: 6em;
}
#lesetext.spalte3-b7 .td_3, #lesetext .spalte3-b7 .td_3 {
  width: 7em;
}
#lesetext.spalte3-b8 .td_3, #lesetext .spalte3-b8 .td_3 {
  width: 8em;
}
#lesetext.spalte4-b1 .td_4, #lesetext .spalte4-b1 .td_4 {
  width: 1.4em;
}
#lesetext.spalte4-b2 .td_4, #lesetext .spalte4-b2 .td_4 {
  width: 2em;
}
#lesetext.spalte4-b3 .td_4, #lesetext .spalte4-b3 .td_4 {
  width: 3em;
}
#lesetext.spalte4-b4 .td_4, #lesetext .spalte4-b4 .td_4 {
  width: 4em;
}
#lesetext.spalte4-b5 .td_4, #lesetext .spalte4-b5 .td_4 {
  width: 5em;
}
#lesetext.spalte4-b6 .td_4, #lesetext .spalte4-b6 .td_4 {
  width: 6em;
}
#lesetext.spalte4-b7 .td_4, #lesetext .spalte4-b7 .td_4 {
  width: 7em;
}
#lesetext.spalte4-b8 .td_4, #lesetext .spalte4-b8 .td_4 {
  width: 8em;
}
#lesetext.spalte5-b1 .td_5, #lesetext .spalte5-b1 .td_5 {
  width: 1.4em;
}
#lesetext.spalte5-b2 .td_5, #lesetext .spalte5-b2 .td_5 {
  width: 2em;
}
#lesetext.spalte5-b3 .td_5, #lesetext .spalte5-b3 .td_5 {
  width: 3em;
}
#lesetext.spalte5-b4 .td_5, #lesetext .spalte5-b4 .td_5 {
  width: 4em;
}
#lesetext.spalte5-b5 .td_5, #lesetext .spalte5-b5 .td_5 {
  width: 5em;
}
#lesetext.spalte5-b6 .td_5, #lesetext .spalte5-b6 .td_5 {
  width: 6em;
}
#lesetext.spalte5-b7 .td_5, #lesetext .spalte5-b7 .td_5 {
  width: 7em;
}
#lesetext.spalte5-b8 .td_5, #lesetext .spalte5-b8 .td_5 {
  width: 8em;
}
#lesetext.spalte6-b1 .td_6, #lesetext .spalte6-b1 .td_6 {
  width: 1.4em;
}
#lesetext.spalte6-b2 .td_6, #lesetext .spalte6-b2 .td_6 {
  width: 2em;
}
#lesetext.spalte6-b3 .td_6, #lesetext .spalte6-b3 .td_6 {
  width: 3em;
}
#lesetext.spalte6-b4 .td_6, #lesetext .spalte6-b4 .td_6 {
  width: 4em;
}
#lesetext.spalte6-b5 .td_6, #lesetext .spalte6-b5 .td_6 {
  width: 5em;
}
#lesetext.spalte6-b6 .td_6, #lesetext .spalte6-b6 .td_6 {
  width: 6em;
}
#lesetext.spalte6-b7 .td_6, #lesetext .spalte6-b7 .td_6 {
  width: 7em;
}
#lesetext.spalte6-b8 .td_6, #lesetext .spalte6-b8 .td_6 {
  width: 8em;
}

#lesetext.aerv .td_2 {
  width: 3em;
}
#lesetext.aerv_breit .td_2 {
  width: 4em;
}

#lesetext.vwv .td_1 {
  width: 4em;
}
#lesetext.vwv .td_2 {
  width: 4em;
}
#lesetext.vwv .td_3 {
  width: 4em;
}
#lesetext.vwv .td_4 {
  width: 4em;
}
#lesetext.vwv .td_5 {
  width: 4em;
}
#lesetext.vwv .td_6 {
  width: 4em;
}
#lesetext.vwv .td_teil_1 {
  width: 15em;
}
#lesetext.vwv .td_teil_2 {
  width: 29em;
}

#lesetext.vwvbreit .td_1 {
  width: 6em;
}
#lesetext.vwvbreit .td_1_i {
  width: 6em;
}
#lesetext.vwvbreit .td_2 {
  width: 1.5em;
}
#lesetext.vwvbreit .td_3 {
  width: 2em;
}
#lesetext.vwvbreit .td_4 {
  width: 1.5em;
}
#lesetext.vwvbreit .td_5 {
  width: 4em;
}
#lesetext.vwvbreit .td_6 {
  width: 4em;
}
#lesetext.vwvbreit .td_teil_1 {
  width: 15em;
}
#lesetext.vwvbreit .td_teil_2 {
  width: 29em;
}

@media print {
  #header,
  #main-sidebar-left,
  #main-sidebar-right,
  #footer,
  .link-scroll-to-top {
    display: none !important;
  }
  #main-content-wrapper,
  #main-content {
    float: none !important;
    width: auto !important;
    margin-left: 0 !important;
  }
  #main-content-wrapper {
    font-size: 125%;
  }
  #main-content,
  #footer_print {
    margin-left: 4cm !important;
    margin-right: 4cm !important;
  }
  .only_print {
    display: inherit;
  }
  #header_print {
    padding: 1em;
    border-bottom: 1px solid gray;
    margin-bottom: 2em;
    text-align: center;
    font-size: 16pt;
    font-weight: bold;
  }
  #footer_print {
    margin-top: 2em;
    border-top: 1px solid gray;
    padding: 1em;
    text-align: center;
  }
  #main-content h1 {
    line-height: 1.2em;
  }
  #lesetext h3 {
    font-size: 130%;
  }
  #lesetext h4, #lesetext h4.centre {
    font-size: 120%;
  }
  #lesetext h5 {
    font-size: 115%;
  }
  #lesetext h6 {
    display: none;
  }
}
