body        {
            line-height: 1.25;
            }
hr          {
            clear: both;
            height: 1px;
            border-style: none;
            color: #9684e2;
            background-color: #9684e2;
            }
p           {
              hyphens: auto;
              -moz-hyphens: auto;
              -o-hyphens: auto;
              -webkit-hyphens: auto;
              -ms-hyphens: auto;
            }
.titel      { font-size: 72pt;
              font-weight: normal;
              font-variant: small-caps;
              text-align: center;
              padding-top: 1px;
              line-height: 2.5ex;
            }
.gross      { font-size: 20pt;
              font-weight: bold;
              font-variant: small-caps;
            }
h1          { font-size: 20pt;
              font-weight: bold;
              font-variant: small-caps;
              text-align: left;
            }
.mittel     { font-size: 16pt;
              font-weight: bold;
              font-variant: small-caps;
            }
h2          { font-size: 16pt;
              font-weight: bold;
              font-variant: small-caps;
              text-align: left;
            }
.normal     { font-size: 12pt;
              font-family: Arial, Helvetica, sans-serif;
              text-align: justify;
            }
.normalleft { font-size: 12pt;
              font-family: Arial, Helvetica, sans-serif;
              text-align: left;
            }
.gedicht    { font-size: 12pt;
              font-family: Arial, Helvetica, sans-serif;
              text-align: left;
            }
.klein      { font-size: 9pt;
              font-family: Arial, Helvetica, sans-serif;
              text-align: justify;
            }
.kleinleft  { font-size: 9pt;
              font-family: Arial, Helvetica, sans-serif;
              text-align: left;
            }
.fixed      { font-size: 9pt;
              font-family: "DejaVu Sans Mono",
                           "Bitstream Vera Sans Mono",
                           "Lucida Console",
                           monospace, fixed;
            }
.terminneu  { font-size: 11pt;
              font-family: Arial, Helvetica, sans-serif;
              color: #ccccff;
            }
.terminalt  { font-size: 11pt;
              font-family: Arial, Helvetica, sans-serif;
              color: #581f00;
            }

.button     {
              background-image: url("pics/kkbluebg.jpg");
              background-repeat: no-repeat;
              line-height: 20px;
              font-size: 12pt;
              text-align: center;
              margin-top: 4px;
              margin-bottom: 4px;
              margin-left: 2px;
              margin-right: 2px;
              border-style: solid;
              border-width: 1px;
              border-color: #9684e2;
              hyphens: manual;
              -moz-hyphens: manual;
              -o-hyphens: manual;
              -webkit-hyphens: manual;
              -ms-hyphens: manual;
            }

.icon       {
              background-image: url("pics/kkbluebgkachel.jpg");
              font-size: 12pt;
              text-align: center;
              text-decoration: none;
            }
#box div       { display: none; }
#box:hover div { display: block; }

body        { 
              text-align: justify;
              color: #ccccff;
              background-color: #6654e2;
              background-image: url("pics/kkbluebgkachel.jpg");
              font-family: Arial, Helvetica, sans-serif;
            }

li          {
              margin-top: 10px;
              margin-bottom: 10px;
              hyphens: auto;
              -moz-hyphens: auto;
              -o-hyphens: auto;
              -webkit-hyphens: auto;
              -ms-hyphens: auto;
              /* text-align: left; */
            }

p           {
              text-align: justify;
              margin-top: 10px;
              margin-bottom: 16px;
            }

tr          {
              vertical-align: top;
            }

pre         { font-family: "DejaVu Sans Mono",
                           "Bitstream Vera Sans Mono",
                           "Lucida Console",
                           monospace, fixed;
              white-space: pre-wrap;
            }

a:link    {
            font-weight: bold;
            color: #b0b0ff;
            font-variant: small-caps;
            text-decoration: none;
          }
a:visited {
            font-weight: bold;
            color: #b0b0ff;
            font-variant: small-caps;
            text-decoration: none;
          }
a:hover   {
            font-weight: bold;
            color: #b0b0ff;
            font-variant: small-caps;
            text-decoration: underline;
          }
a:active  {
            font-weight: bold;
            color: #b0b0ff;
            font-variant: small-caps;
            text-decoration: underline;
          }

#menu a:link {
  display: block;
}
#menu a:visited {
  display: block;
}
#menu a:hover {
  display: block;
  /* background-color: #4432c0; */
}
#menu a:active {
  display: block;
}

#obenlinks  { 
              position: absolute;
              top: 5px;
              left: 5px;
              height: 120px;
              width: 120px;
              margin-top: 4px;
              margin-bottom: 4px;
              margin-left: 2px;
              margin-right: 2px;
              border-style: solid;
              border-width: 1px;
              border-color: #9684e2;
            }
#obenrechts { 
              position: absolute;
              top: 5px;
              left: 135px;
              height: 120px;
              width: 690px;
              /* background-image: url("pics/kkbluebg.jpg"); */
              /* background-repeat: no-repeat; */
              text-align: center;
              color: #b0b0ff;
              margin-top: 4px;
              margin-bottom: 4px;
              margin-left: 2px;
              margin-right: 2px;
              border-style: solid;
              border-width: 1px;
              border-color: #9684e2;
            }
#menu       { 
              position: absolute;
              top: 135px;
              left: 5px;
              /* min-height: 200px; */
              width: 125px;
              background-color: #4634a2;
            }
#inhalt     {
              position: absolute;
              top: 135px;
              left: 135px;
              width: 688px;
              border-top-style: none;
              border-bottom-style: none;
              /* border-left-style: solid; */
              border-left-style: none;
              border-right-style: none;
              border-left-width: 2px;
              padding-left: 5px;
            }
#einrueckung{ 
              padding-left: 10em;
            }

div.minipicl {
               float: left;
               clear: left;
               border-style: none;
               padding: 1px;
               margin-left: 10px;
               text-align: center;
             }

div.minipicr {
               float: right;
               clear: right;
               border-style: none;
               padding: 1px;
               margin-left: 10px;
               text-align: center;
             }

img.minipic { border-style: none;
              border-width: 0px;
              max-width: 150px;
              margin: 0px;
              padding: 0px;
            }

div.caption { width: 150px;
              border-style: none;
              border-width: 0px;
              font-size: 8pt;
              font-style: italic;
              padding: 0px;
              margin-top: 3px;
              margin-bottom: 9px;
              text-align: center;
           /* background-color: #5442d0; */
            }