/* 2017-03-06 doku/css/doku.css */

@font-face {
  font-family: 'Lato';
  src: url('http://remso.eu/css/Lato-Thin.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@media print {
  body {
    margin-left: 5%;
    margin-right: 5%;
    font-size: 11pt;
  }
  .screen {display:none}
}

@media screen {
  .print {display:none}
  :target {
    color: #f00;
    background-color: #ffa;
  }
}

/* **************************
 * breite Anzeige
 * ************************** */
@media (min-width: 400.1px) {  /* breites viewport */
  h1 { font-size: 1.8em; }
  h2 { font-size: 1.5em; }
  h3 { font-size: 1.1em; }
  .flex {
    display: flex;
    width: 100%;
    justify-content: space-between;
    justify-content: center;
  }
  .flex>div {
    width: 49%;
    margin-right: 1%;
    margin-bottom: 10px;
  }
  .zweispaltig {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
  }
}


* {
  font-family:      verdana,arial,sans-serif;
}

* {
  box-sizing: border-box;
  hyphens: auto;    /* Silbentrennung */
}
a {
  text-decoration: none;
  border-bottom: 1px dashed #888;
}
a:hover  {
  color: #0a0;
  background: rgba(255,255,0,.5);
  border-top: 1px solid #f00;
  border-bottom: 1px solid #f00;
}
a.noborder  {
  text-decoration: none;
  border: none;
}
a.aktiv {
  font-weight:         bold;
  letter-spacing:      2px;
}
.external {
  background-image:    url(../img/external.png);
  background-repeat:   no-repeat;
  background-position: center right;
  padding-right:       13px;
}
header, .main, footer, .body, #body {
  background: rgba(255,255,255,.8);
  border-radius: 5px;
  padding: 5px;
  max-width: 210mm;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;   /* 2019-07-18 wg. QRC */
}
header::after, .main::after, footer::after, .body::after, #body::after {
  content: "";
  display: block;
  clear: both;
}
footer {
  margin-top: .5em;
  border-top: .1pt solid #a00;
  padding-top: .5em;
  font-size: 80%;
}
footer p:nth-of-type(1) {
  float: left;
}
footer p:nth-of-type(2) {
  float: right;
}
.bt {
  border-top: 1px solid #800;
  padding-top: 5px;
}

div.menu ol, div.menu ul  {margin:0; padding:0; list-style-type:none}
div.menu.hor li {
  display:      block;
  float:        left;
  margin:       0 0 0 5px;
  padding:      2px 5px 2px 5px;
}
div.menu.ver li {
  margin:       0;
  padding:      2px 5px 2px 5px;
}
h1, h2, h3 {
  font-family: verdana,arial,sans-serif;
  font-weight: normal;
  margin: 0.5em 0 0.5em 0;
}
h1 {
  font-size:  2em;
  color: #00f;
}
h2 {font-size:1.5em}
h3 {
  font-size: 1.2em;
  color: #a00;
  letter-spacing: .1em;
}
hr {
  margin: 1em;
  color: #0ff;
}
img.ic   {border:none; height:1.2em; vertical-align:middle}
img.ic_kl{border:none; height:0.9em; vertical-align:middle}
img.ic_gr{border:none; height:1.7em; vertical-align:middle}
p, li  {
  margin: 0 0 0.5em 0;
  line-height: 140%;
}
p span.courier {
  display: inline-block;
  font-family: courier, monospace;
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 2px;
  padding-right: 2px;
  background: #ffa;
  border: 1px solid #00a;
  border-radius: 5px;
}

.in i     {color:#88f; font-size:0.8em}

form {
  margin:          0;
  padding:         0;
}
button, input, select, textarea {
  font-size:     110%;
  border:        2px solid #88f;
  border-radius: 4px;
  vertical-align: middle;
}
button {
  border: 1px solid #44f;
  padding: 0 5px 0 5px;
  background: #ccc;
}
button:hover {
  background: #ffa;
}
input, textarea {
  font-family: 'courier new', courier, monospace;
  padding-left: 0.2em;
  padding-right: 0.2em;
}
input:focus, textarea:focus {
  background-color:#ff8;
  border:          2px solid #0a0;
}
p {
  letter-spacing: .05em;
}
pre {
  padding: 5px;
  background: #eef;
  border: 1px solid #00a;
}
schaltflaeche {
  display: inline-block;
  background: #ffc;
  border: 1px solid #ccc;
  padding: 2px .2em;
}
  
/* 2019-08-13
table.liste {
  border-collapse:  collapse;
  empty-cells:      show;
}
table.liste td {
  border:            1px solid #ccf;
  padding:           0 0.2em 0 0.2em;
  vertical-align:    top;
}
*/
table.liste {
  border-collapse:  collapse;
  empty-cells:      show;
  margin-bottom: .5em;
}
table.liste td {
  border:            1px solid #ccf;
  padding:           0 5px 0 5px;
  vertical-align:    top;
}
table.liste thead {
  position: sticky;   /* bleibt beim Scrollen am oberen Rand kleben */
  top: 5px;
  background-color: #eef;
}
table.liste thead td, table.liste thead th {
  border: 1px solid #aaf;
  padding: 5px;
  text-align: left;   /* wg. th */
}
table.liste thead td:before, table.liste thead th:before {  /* Bugfix: sticky loescht border */
  content: '';
  display: block;
  margin-top: -6px;
  margin-bottom: 5px;
  border-top: 1px solid #aaf;
}
table.liste tbody tr:nth-of-type(even) { /* gerade Zeilen durchscheinend markieren */
  background-color: rgba(220,220,220,.5);
}


#inhaltsverzeichnis {
  float:             left;
  border:            1px solid #00a;
  background-color:  #fffff0;
  padding:           10px;
  margin-bottom:     1em;
}
#inhaltsverzeichnis ul {
  list-style-type:   none;
  margin-left:       0;
}
#inhaltsverzeichnis li.level2 {
  margin-left:       2em;
}


/* ================
   KLASSEN
   ================ */
.aname{padding-top:1em}
.bb{border-bottom:1px solid #aaf; padding-bottom:0.2em}
.bgtransp      {background-image:url(../img/transp.gif)}
.bianca {
  color:            #0af;
  letter-spacing:   2px;
  font-weight:      bold;
  padding-left:     1.4em;
  padding-right:    0.2em;
  background:       url(../img/icon_bianca.png) center left no-repeat;
}


.bo{border:1px solid #aaf; padding:0.2em}
.bold {font-weight:bold}
.button {
  font-size:    1em;
  text-align:   center;
  margin:       0 -0.2em 0 -0.2em;
  padding:      0  0.2em 0  0.2em;
  background:   #ccc;
  border-top:   2px solid #ddd!important;
  border-left:  2px solid #ddd!important;
  border-bottom:2px solid #666!important;
  border-right: 2px solid #666!important;
}
.clear {clear:both; font-size:1px; height:1px}
.cm {text-align:center; vertical-align:middle}
.co {text-align:center!important; vertical-align:top}
.courier {
  font-family: 'courier new';
}
.css_hide{display:none}
.drehlogo {
  transition: transform 3s ease;
}
.drehlogo:hover {
  transform: rotate(360deg);
}
.em08{font-size:0.8em}
.em12{font-size:1.2em}
.fehler {
  background: #ff0;
  color: #f00;
  padding: 5px;
}
.font_lato {
  font-family: "Lato";
}
.fussnote {
  font-size: 80%;
  vertical-align: super;
  color: #00aaff;
}
div#helptext {
  position: absolute;
  visibility: hidden;
  left: 5px;
  max-width: 25em;
  top: 5px;
  min-height: 5em;
  background-color: #ffc;
  border: 1px solid #000;
  border-radius: 5px;
  box-shadow: 5px 5px 10px #666; /* horizontal vertical verwaschen farbe */
  padding: 10px;
  z-index: 5;
}
div#helptext p {
  margin: 0 0 .5em 0;
}
.help {             /* help-Buchstaben */
  cursor: help;
}
.help img, img.help {   /* help-icon */
  height: 1.2em;
  cursor: help;
  vertical-align: middle;
}
.hinweis {
  background: #afa;
  padding: 5px;
}
.italic {font-style:italic}
.li {float:left; margin-right:1em}
.lo {text-align:left!important; vertical-align:top}
.ls2 {letter-spacing:2px}
.mb00 {margin-bottom:0!important}
.mb05 {margin-bottom:0.5em!important}
.mt05 {margin-top:0.5em!important}
.nodisplay {display:none}
.pr100 {
  display: block;
  width: 100%;
  border: 10px solid #ccf;
}
.pre {
  font-family: monospace;
  padding: 5px;
  background: #eef;
  border: 1px solid #00a;
}
.re   {float:right; margin-left:1em}
.remso {
  background-image: url("http://remso.eu/img/logo_remso.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 1.5em 1.5em; /* width height */
  font-family: sans-serif;
  letter-spacing: 0.1em;
  padding-left: 1.8em;
  color: #f00;
}
.ro   {text-align:right;vertical-align:top}
.vorschlaege {
  position:     absolute;
  left:         0;    /* wird mit JS veraendert */
  top:          0;    /* wird mit JS veraendert */
  min-width:    10px;
  min-height:   10px;
  display:      none;
  font-size:    1em;
  text-align:   left;
  border:       2px solid #0a0;
  background:   #ffa;
  z-index:      10;
  white-space:  nowrap;
  font-family:  courier,monospace;
  padding:      5px;
}

/* ENDE */