/* Site CSS definitions */
/* Author: Wolfgang Hoffmann woho@woho.de */
/* CSS-compliant according to http://jigsaw.w3.org/css-validator/validator-uri.html */
/* Use and share freely. No warranty implied */

/* Global settings */
body {
  /*font-family: sans-serif;*/
  color:#252f40 /* #4a5e81 */;
  background:#e2e2e2;
  }
img {
  border:0px;
  }
h1 {
  text-align:center;
  }

/* Links */
a:link { color: #800000; }
a:visited { color: #800080; }
a:hover { color: #c00000; }
a:active { color: #FF0000; }

/* Navigation logo and table */
.navigation img {
  margin:0px;
  border:0px;
  }
.navigation table {
  color:#4a5e81;
  font-family:helvetica,sans-serif;
  font-weight:normal;
  font-size:8pt /*80%*/;
  margin:0px;
  border:0px; border-spacing:0px;
  padding:0px;
  }
.navigation td {
  background:none;
  text-align:left; vertical-align:middle;
  margin:0px; border:0px;
  padding-left:11px; padding-right:11px; padding-top:1px; padding-bottom:1px;
  }
.navigation td.menu,td.right  {
  padding:0px;
  }
.navigation td.mark {
  font-weight:bold;
  text-align:center;
  padding:0px;
  }
.navigation td.prev {
  font-weight:bold;
  }
.navigation td.this {
  background:#f9ed58 /* #f0e880 #fff030 */;
  font-weight:bold;
  border:1px; border-style:solid; border-color:#4a5e81;
  padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:0px;
  }
.navigation .right td {
  text-align:right;
  }
.navigation a {
  color:#4a5e81;
  background:none;
  text-decoration:none;
  /*font-weight:normal;*/
  }
.navigation a:hover {
  /*color:#fff030;*/
  /*font-weight:bold;*/
  text-decoration:underline;
  }

/* Main contents area */
.maincontents {
  margin-left:10px; margin-right:10px; margin-top:0px; margin-bottom:0px;
  padding: 0px;
  }

/* thumbnail gallery (144x96 or 144x108 pixel) */
div.thmb {
  overflow: hidden;
  float: none;
  }
.thmb dl {
  float: left;
  margin: 8px;
  border: 0px; border-style: solid; border-color: #ff0000;
  padding: 0px;
  width: 152px; /* force text below thumbnail to stay within dimensions of thumbnail:
                    144 (image width) + 2*3 (padding) + 2*1 (border) */
  text-align: center; vertical-align: top;
  }
.thmb dt {
  margin: 0px;
  border: 0px;
  padding: 0px;
  }
.thmb img {
  background-color: #eeeeee;
  margin: 0px;
  border: 1px; border-style: solid; border-color: #4a5e81;
  }
.thmb img.quer32 {
  padding: 27px 3px;
  height: 96px; width: 144px;
  }
.thmb img.hoch32 {
  padding: 3px 27px;
  height: 144px; width: 96px;
  }
.thmb img.quer43 {
  padding: 21px 3px;
  height: 108px; width: 144px;
  }
.thmb img.hoch43 {
  padding: 3px 21px;
  height: 144px; width: 108px;
  }
.thmb dd {
  margin: 0px;
  padding: 0px;
  }

/* from here on:
   legacy to support old-style pages that are
   not yet migrated to the new design */

/* Buttons: plain text with common background image, full area link-sensitive */
/* bad hack to make buttons work with IE and Konqueror. */
/* The good thing: without this css, html-code still gives usable page */
.buttondiv {
    position: relative; width: 120px; }
.buttonon {
    color: #000040;
    font-weight: bold; font-size: 9pt;
    text-align: center; vertical-align: bottom; line-height: 31px;
    background-image: url(./buttonon.png);
    background-repeat: no-repeat;
    position: absolute; width: 120px; height: 29px; margin: 0px; padding: 0px; }
.buttonoff {
    color: #000040;
    font-weight: bold; font-size: 9pt;
    text-align: center; vertical-align: bottom; line-height: 31px;
    background-image: url(./buttonoff.png);
    background-repeat: no-repeat;
    position: absolute; width: 120px; height: 29px; margin: 0px; padding: 0px; }
/* buttom placement: continuous: 29 px offset, with separation: 44 px offset */
#but0a { top:   0px; }
#but1a { top:  29px; }
#but2a { top:  58px; }
#but3a { top:  87px; }
#but4a { top: 116px; }
#but5a { top: 145px; }
#but6a { top: 174px; }
#but7a { top: 203px; }
#but1b { top:  44px; }
#but2b { top:  73px; }
#but3b { top: 102px; }
#but4b { top: 131px; }
#but5b { top: 160px; }
#but6b { top: 189px; }
#but7b { top: 218px; }
#but8b { top: 247px; }
#but2c { top:  88px; }
#but3c { top: 117px; }
#but4c { top: 146px; }
#but5c { top: 175px; }
#but6c { top: 204px; }
#but7c { top: 233px; }
#but8c { top: 262px; }
#but9c { top: 291px; }
#but3d { top: 132px; }
#but4d { top: 161px; }
#but5d { top: 190px; }
#but6d { top: 219px; }
#but7d { top: 248px; }
#but8d { top: 277px; }
#but9d { top: 306px; }
#but5e { top: 205px; }
#but6e { top: 234px; }
#but7e { top: 263px; }
#but8e { top: 292px; }
#but9e { top: 321px; }
a.buttonon:link {
    color: #000040;
    text-decoration: none; }
a.buttonon:visited {
    color: #000040;
    text-decoration: none; }
a.buttonon:hover {
    color: #0000c0;
    text-decoration: none; }
a.buttonon:active {
    color: #0000ff;
    text-decoration: none; }
a.buttonoff:link {
    color: #000040;
    text-decoration: none; }
a.buttonoff:visited {
    color: #000040;
    text-decoration: none; }
a.buttonoff:hover {
    color: #0000c0;
    text-decoration: none; }
a.buttonoff:active {
    color: #0000ff;
    text-decoration: none; }

/* Big page headline */
.banner {
    color: #ffffff;
    font-family: serif; font-size: 18pt; font-stretch: wider;
    text-align: center; vertical-align: middle; line-height: 43px;
    background-image: url(./banner640.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 640px; height: 43px;
    margin: 0px; padding: 0px; }

/* Beautiful horizontal ruler */
.linehoriz {
    background-image: url(./linehoriz.png);
    background-repeat: repeat-x;
    background-position: center;
    width: 640px; height: 5px;
    margin: 0px; padding: 0px; }

/* Main contents area */
.maintable {
    width: 640px;
    margin: 0px; padding: 0px; }