@charset "UTF-8";

html {
  background-color:#605030;
  background-image:url(background2.png);
  background-attachment:fixed;
  font-family:"URW Palladio L",Palatino,"Book Antiqua",serif;
  }

body {
  max-width:1400px;
  margin-left:auto;
  margin-right:auto;
  padding:1ex;
  /* font-size:102%; */ /* Workaround for IE */
  }

div#Menue {
  font-family:sans-serif;
  font-weight:bold;
  color:#382818;
  }

div#Menue ul {
  margin-top:0px;
  padding:2ex;
  }

div#Menue ul { display:inline; list-style-image:none; list-style-type:none; }

div#Menue ul a {
  text-align:center;
  text-decoration:none;
  border-style:outset;
  border-width:5px;
  border-color:#c0b0a0;
  padding:4px;
  display:inline;
  float:left;
  font-size:8pt;
  margin-left:6px;
  margin-bottom:1ex;
  }

div#Menue ul a:link    { color:#382818; background-color:#c0b0a0; }
div#Menue ul a:visited { color:#382818; background-color:#c0b0a0; }
div#Menue ul a:focus   { color:#382818; background-color:#d0c0b0; }
div#Menue ul a:hover   { color:#382818; background-color:#d0c0b0; }
div#Menue ul a:active  { color:#382818; background-color:#d0c0b0; border-style:inset }

div.Menuesuche {
  margin-top:2ex;
  text-align: center;
  }

div.Menuesuche input, div.Menuesuche button {
  color:#382818;
  background-color:#c0b0a0;
  border-color:#c0b0a0;
  }

div#Inhalt, div#content, div.akfcloze {
       clear:both;
       max-width:50em;
       padding:4px;
       margin-top:2em;
       margin-bottom:2em;
       margin-left:auto;
       margin-right:auto;
       background-color:#F4ECD8;
       color:black;
       }

a img { border:none; }

#akflogo { position:fixed; top:8px; right:8px; width:auto; border:none; float:right }
#akflogo a { background:transparent }

h1 {
     text-align:center;
     border-style:solid;
     border-color:#ffffdd;
     border-width:medium;
     -moz-border-radius:2em;
     -webkit-border-radius:2em;
     border-radius:2em;
     padding:12px;
     margin:1em 10%;
     color:#ffffdd;
     background-color:#605030;
     }

h2,h3,h4,h5,h6 { color:#504020 }

div#Inhalt hr, div#content hr, div.akfcloze hr {
     border-style:groove;
     border-color:#ffffdd;
     border-width:thick;
   }

table.dictionary, table.dictionary td, table.dictionary th {
     border-style:groove;
     border-color:#ffffdd;
     border-width:thick;
   }

.Datum { text-align:right }

#Photo {
       float:right;
       margin-left:20px;
       }

.help, acronym, abbr { cursor:help }

.overview li { margin-top:1.5ex; }

#emblem img {
  margin-top:0px;
  margin-left:0px;
  margin-right:1ex;
  margin-bottom:1ex;
  }

kbd { color:black;
      background-color:#ccc;
      font-weight:bold;
      padding:2px 5px;
      }

kbd samp {
   font-weight:normal;
   font-style:italic;
   }

address { font-style:normal; }

.block  { text-align:justify; }
.mittig { text-align:center; }
.rechts { text-align:right; }

.wichtig, .warn, .fehler { font-style:italic; }

div#Inhalt p, div#content p { text-align:justify; }
div#Inhalt p, div#content p { text-indent:2em; } /* Einrücken */

div.zentriert, div.zentriert p { text-align:center; text-indent:0; }

.Antwort { margin-bottom:7ex; }

.Frage {
  font-weight:normal;
  border-style:ridge;
  border-width:7px;
  padding:1ex 2em;
  }

ul { list-style-image:url(ball.gif) }
li { margin-bottom:2ex; }

a[rel=external]::after { content: '↗'; }

a:link    { color:#403010; text-decoration:underline; }
a:visited { color:#605030; text-decoration:underline; }
a:focus   { color:#ffffdd; background-color:#605030; text-decoration:underline; }
a:hover   { color:#ffffdd; background-color:#605030; text-decoration:none; }
a:active  { color:#ffffdd; background-color:#605030; text-decoration:none; }

hr { color:#382818; background-color:#c0b0a0; }

acronym, abbr { border-bottom:thin dotted }

div.notiz {
  border-style:solid;
  border-width:thin;
  border-color:black;
  padding:2ex;
  padding-top:0px;
  margin-bottom:2ex;
  -moz-border-radius:2em;
  -webkit-border-radius:2em;
  border-radius:2em;
  }

.Frage {
  color:black;
  background-color:#ccc;
  border-color:#c0b0a0;
  background-image:url(fondo51.jpg); 
  }

textarea, input, button {
  font-family:inherit;
  font-size:inherit;
  color:inherit;
  background-color:inherit;
  }

table.Formular td {
           background-color:#ccc;
           background-image:url(fondo51.jpg);
           color:black;
           }

table.hervorgehoben th {
           background-color:#ccc;
           background-image:url(fondo51.jpg);
           color:black;
           }

table.hervorgehoben td {
           background-color:#ccc;
           background-image:url(fondo51.jpg);
           color:black;
           }

table.Formular td {
           background-color:#ccc;
           background-image:url(fondo51.jpg);
           color:black;
           }

/* normal displays */
@media (min-width:700px) {

  div#Menue { width:12em; float:left; margin-top:2em }

  div#Menue ul { display:block; }

  div#Menue ul a {
    display:block;
    font-size:0.90em;
    width:100%;
    margin-top:12px;
    margin-bottom:0px;
  }

  div#Inhalt, div#content, div.akfcloze {
    clear:none;
    padding:1em;
    border-style:solid;
    border-color:#ffffdd;
    border-width:medium;
    border-radius:2em;

    font-size:large;
    line-height:1.5;
    }

  nav.Menue + div#Inhalt, nav.Menue + div#content  {
    margin-left:12em;
    }

}


@-webkit-viewport { width:device-width; }
@-moz-viewport { width:device-width; }
@-o-viewport { width:device-width; }
@-ms-viewport { width:device-width; }
@viewport { width:device-width; }


@media print,embossed {
  #Menue, #Fuss, nav, .Navigation, .back, .noprint { display:none; }

  div#Inhalt, div#content, div#Text, div.akfcloze {
    border-style:none;
    margin-left:1cm;
    margin-right:1cm;
    }

  h1 { border-style:none; }

  nav.Menue + div#Inhalt, nav.Menue + div#content { margin-left:1cm; }

  acronym, abbr { border-style:none }

  a:link, a:visited, a:focus, a:hover, a:active
    { color:black; background-color:transparent }

} /* print,embossed */