/* --- style1.css ---                     */
/*                                        */
/* Klassischer Stil für die MZArt Galerie */

body { background-image:url(images/imgLeinwand.jpg); }

h1,h2,h3,p,div,span,td,th,b,i { font-family:Arial,sans-serif; }

table { border-width: 0 }
table td { border-width: 0 }
table { border-spacing: 0px 20px }

h1 { font-size:32px; color:#006060; margin-top:0px; margin-bottom:12px; text-align:center; }
h2 { font-size:24px; color:#008080; margin-top:0px; margin-bottom:12px; text-align:center; }
h3 { font-size:12px; color:#008080; margin-top:0px; margin-bottom: 0px; text-align:center; }
*.left { text-align:left; }
*.center { text-align:center; }

p    { font-size:16px; color:#006060; text-align:center; background-color:#F0EFE2; }
div.mza  { font-size:16px; color:#006060; text-align:center;                           }
span { font-size:16px; color:#006060;                    background-color:#F0EFE2; }
/* statt background-color geht auch: background-image:url(images/imgLeinwandB.jpg) */
*.small  { font-size:14px; }
*.small2 { font-size:12px; }
*.white { background-color:#FFFFFF; }

td,th           { font-size:16px; color:#006060; text-align:center; }
td.left,th.left { font-size:16px; color:#006060; text-align:left;   }

a:link    { color:#008080; text-decoration:underline; font-weight:bold; }
a:visited { color:#006060; text-decoration:underline; font-weight:bold; }
a:active  { color:#000000; text-decoration:none;      font-weight:bold; }

a:hover   { color:#00A0A0; text-decoration:underline; font-weight:bold; }

.abs { position: absolute; }

/*
* === Opener:
* Produces an element to hide or show it's next sibling.
* Can be used with a checkbox or radio input as toggling device.
* Nothing is styled, you can place anything into the input element's label.
* The opened element can be a modal dialog, where you can place another
* radio to close the dialog.
* --- Achtung: ---
* Die Logik vom Opener musste leider umgekehrt werden, weil sie im IE11 nicht immer funktioniert!
* Daher :checked statt :not(:checked). Wenn das <input>-Element zunächst versteckt sein soll,
* muss das Attribut checked eingefügt werden.
*/
.opener {
  display: none;
}
.opener:checked + label  + * {
  display: none;
}

.button {
  background-color: #d0d0d0;
  border: 1px solid #c0c0c0;
}

.page-descr {
  padding-left: 250px;
  padding-right: 250px;
}

@media (max-width: 1200px) {
  .page-descr {
    padding-left: 100px;
    padding-right: 100px;
  }
}

@media (max-width: 680px) {
  .page-descr {
    padding-left: 0px;
    padding-right: 0px;
  }
}