body.idx {
  margin: 0pt;
  padding: 0pt;
  min-height:100%;
  background-color:#bbaaff;
}
button {
  background-color:#dddddd;
}
button.akt {
  background-color:#ffff77;
}
div.zusage {
  background-color:#aaffaa;
}
div.absage {
  background-color:#ffaaaa;
}
span.zusage {
  background-color:#aaffaa;
}
span.absage {
  background-color:#ffaaaa;
}
div.button {
  width:160px;
  text-align:left;
}
button > span {
  width:160px;
  text-align:left;
}
table.haupt {
  width: 100%;
  min-width:600px;
  min-height: 100%;
  table-layout:fixed;
  background-color:#bbaaff;
  border-collapse:collapse;
  padding: 0pt;
}
table.voll {
  width: 100%;
}
table.rahmen1 {
  padding: 1pt;
  border-width: 1px;
  border-style: solid;
  border-color: black;
  border-collapse:collapse;
}
th {
  background-color:#eeeeee;
}
th.rahmen1 {
  padding: 1pt;
  border-width: 1px;
  border-style: solid;
  border-color: black;
  border-collapse:collapse;
}
td.logo {
  vertical-align:top;
  width:200px;
  padding: 0pt;
}
td.kopf {
  vertical-align:top;
}
td.werb {
  width: 200px;
  min-height: 100%;
  vertical-align:top;
  padding: 0pt;
  background-color:#dddddd;
}
td.list {
  width: 200px;
  min-height: 100%;
  vertical-align:top;
}
td.data {
  vertical-align:top;
  min-height: 100%;
  background-color:#ffffff;
}
td.center {
  text-align:center;
}
td.rechts {
  text-align:right;
}
td.rahmen1 {
  padding: 1pt;
  border-width: 1px;
  border-style: solid;
  border-color: black;
  border-collapse:collapse;
}
td {
  vertical-align:top;
}
p.red {
  color: red;
  font-size:x-large;
  margin: 0pt;
}
p.wilk1 {
  margin: 0pt;
  font-size:200%;
}
p.wilk2 {
  margin: 0pt;
  font-size:100%;
}
p.wilk3 {
  margin: 0pt;
  font-size:x-small;
}
p.fehl {
  color: red;
}
p.Entwick {
  background-color:#ddffdd;
  color: red;
}
p.version {
  font-size:x-small;
  margin:  0;
  border: 0;
  padding: 0;
}
p.zusage {
  background-color:#aaffaa;
}
p.absage {
  background-color:#ffaaaa;
}
span.red {
  color: red;
}
option.red {
  background-color:#ffdddd;
}
/*############################################################
 * Neue Art der Formatierung!!
 */

/*
 * Formatierungen für alle Ausgaben
 */
body {
  margin:  0;
  border: 0;
  padding: 0;
}
header {
  display: flex;
  flex-flow: row wrap;
  margin:  0;
  border: 0;
  padding: 0;
  background-color: #bbaaff;
  min-height: 1em;
}
div.logo {
  align-self: center;
}
main {
  clear: both;
  display: flex;
  flex-flow: row wrap;
}
nav {
  background-color: #ccbbff;
  align-self: top;
}
article {
  background-color: #ffffff;
  min-height:15em;
}
footer {
  background-color: #bbaaff;
}
div.ueber {
  margin:  0;
  border: 0;
  padding: 0;
}
div.ueber>h1 {
  margin:  0;
  border: 0;
  padding: 2px 0 2px 0;
}
p.nur {
  margin:  0;
  border: 0;
  padding: 0;
}
p.ilogin {
  font-size:x-small;
  margin:  0;
  border: 0;
  padding: 0;
}
aside.werbung {
  margin:  0;
  border: 3px solid red;
  background-color: #ffeeee;
  padding: 0;
}
/*
 * Allgemeine Formatierung für schmale Ausgabe (Schwarz)
 */
@media all and (max-width:25em) {
  body {
    /*background-color: #bbaaff;*/
    background-color: #aaaaaa;
  }
  header {
    display: flex;
    flex-flow: row wrap;
  }
  div.logo {
    flex: 1;
  }
  div.sslp1 {
    align-self: center;
  }
  div.sslp2 {
    display: none;
  }
  div.sslp3 {
    display: none;
  }
  div.ueber {
    flex: 1 25em;
  }
  nav {
    flex: 1 90%;
  }
  nav p, nav h2 {
    margin:  0;
    border: 0;
    padding: 0;
  }
  p.navbuts {
    display: none;
  }
  p.navbuts2 {
    display: flex;
    flex-flow: row wrap;
  }
  button.liste {
    /*width:160px;*/
    text-align:left;
  }
  article {
    flex: 1 90%;
    overflow-style: scroll;
  }
  aside.werbung {
    flex: 1 90%;
  }
}
/*
 * für etwas größere Ausgabe (Rot)
 */
@media all and (min-width:25em) and (max-width:38em) {
  body {
    /*background-color: #bbaaff;*/
    background-color: #aaaaff;
  }
  header {
    display: flex;
    flex-flow: row wrap;
  }
  div.logo {
    flex: 1;
  }
  div.sslp1 {
    align-self: center;
  }
  div.sslp2 {
    display: none;
  }
  div.sslp3 {
    display: none;
  }
  div.ueber {
    flex: 1 34em;
  }
  nav {
    flex: 1 90%;
  }
  nav p, nav h2 {
    margin:  0;
    border: 0;
    padding: 0;
  }
  p.navbuts {
    display: none;
  }
  p.navbuts2 {
    display: flex;
    flex-flow: row wrap;
  }
  button.liste {
    /*width:160px;*/
    text-align:left;
  }
  article {
    flex: 1 90%;
    overflow-style: scroll;
  }
  aside.werbung {
    flex: 1 90%;
  }
}
/*
 * für große Ausgabe (blau)
 */
@media all and (min-width:38em) and (max-width:63em) {
  body {
    /*background-color: #bbaaff;*/
    background-color: #ffaaff;
  }
  header {
    display: flex;
    flex-flow: row wrap;
  }
  div.sslp1 {
    display: none;
  }
  div.sslp2 {
    align-self: center;
  }
  div.sslp3 {
    display: none;
  }
  div.ueber {
    flex: 1 22em;
  }
  nav {
    flex: 1 0 2em;
  }
  nav p {
  }
  p.navbuts {
    /*display: flex;
     *        flex-flow: row wrap;*/
  }
  p.navbuts2 {
    display: none;
  }
  button.liste {
    width:160px;
    text-align:left;
  }
  article {
    flex: 1000 1000 10%;
    min-width: 15em;
    overflow-style: scroll;
  }
  aside.werbung {
    flex: 1 90%;
  }
div.tabelle {
  display: table;
}
div.zeile {
  display: table-row;
}
div.zeile2 {
  display: table-row;
  padding-bottom: 10px;
}
div.feld {
  display: table-cell;
}
}
/*
 * für extrem große Ausgabe
 */
@media all and (min-width:63em) {
  body {
    /*background-color: #bbaaff;*/
    background-color: #ffffaa;
  }
  header {
    display: flex;
    flex-flow: row wrap;
  }
  div.sslp1 {
    display: none;
  }
  div.sslp2 {
    display: none;
  }
  div.sslp3 {
    align-self: center;
  }
  div.ueber {
    flex: 1 25em;
  }
  nav {
    flex: 0 content;
  }
  p.navbuts {
    /*display: flex;
     *        flex-flow: row wrap;*/
  }
  p.navbuts2 {
    display: none;
  }
  button.liste {
    width:160px;
    text-align:left;
  }
  article {
    flex: 1000 1000 10%;
    overflow-style: scroll;
  }
  aside.werbung {
    flex: 0 0 15em;
  }
div.tabelle {
  display: table;
}
div.zeile {
  display: table-row;
}
div.zeile2 {
  display: table-row;
  padding-bottom: 10px;
}
div.feld {
  display: table-cell;
}
}