/*
 * REKOBA.DE style sheet
 * 2005-03/cs
 *
 * - The Box Model Problem
 *   http://www.communitymx.com/content/article.cfm?cid=E0989953B6F20B41
 * - The IE Three Pixel Text-Jog
 *   http://positioniseverything.net/explorer/threepxtest.html
 * - Curing Float Drops and Wraps
 *   http://nemesis1.f2o.org/aarchive?id=11
 * - Position Is Everything
 *   http://www.positioniseverything.net/
 * - Rendering Mode and Doctype Switching
 *   http://www.communitymx.com/content/article.cfm?cid=E2F258C46D285FEE
 * - Der »DOCTYPE-Switch« und seine Auswirkungen
 *   http://www.carsten-protsch.de/zwischennetz/doctype/
 */

/*
 * REKOBA Farben
 *
 * dunkelblau:   #123394   red=18  green=51  blue=148
 * hellblau:     #d4e4fe   red=212 green=228 blue=254
 * lachsfarben:  #ffeedd   red=255 green=238 blue=221
 */

/* --- document-wide styles ----------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  font-weight: normal;
}

h1 {
  font-size: 24px;
  line-height: 24px;
  margin-top: 0;
}

h2 {
  font-size: 19px;
}

th {
  color: white;
  background: #123394;
  font-weight: bold;
}

img {
  margin: 0;
  padding: 0;
  border: none;
}

img.img { border: solid #808080 1px }
img.vmiddle { vertical-align: middle }
table.limg { text-align: center }
.imgcaption { font-style: italic }

div.center {
 text-align: center;
}

/* die "feature" table: Titel oben, Bild links, Text rechts. */

td.feattit {
  font-size: 16px;
  padding: 2px 0 2px 0;
  border-bottom: 1px solid black;
}

td.featimg {
  vertical-align: top;
  padding-top: 12px;
  padding-bottom: 12px;
}

td.feattxt {
  vertical-align: top;
  padding-top: 12px;
  padding-left: 12px;
  padding-bottom: 12px;
}

/* in-line images */

span.validate_html401 {
  background-image: url(images/validate-html401.png);
  background-repeat: no-repeat;
  width: 88px;
  height: 31px;
  float: left;
  cursor: pointer;
}

span.validate_css {
  background-image: url(images/validate-css.png);
  background-repeat: no-repeat;
  width: 88px;
  height: 31px;
  float: left;
  cursor: pointer;
}

/* --- left-side navigator ------------------------------------------------ */

#left {
  float: left;
  width: 165px;
  padding-left: 25px;
  padding-top: 25px;
  padding-bottom: 25px;
}

a.menu {
  text-decoration: none;
  color: black;
}

a.menu:hover {
  background-color:#d4e4fe;
  text-decoration: underline;
}

div.menu, div.context, div.inactivecontext {
  margin-bottom: 1px;
}

div.context, div.inactivecontext, div.contextbreak {
  font-size: 12px;
}

div.inactivecontext { color: #b8a060 }

div.contextbreak { height: 8px }

div.contextbox { margin-top: 14px }

form.searchbox { margin: 0 }
form.searchbox table { margin-top: 14px }
form.searchbox input { font-size: 10px }
form.searchbox button {
  vertical-align: text-bottom;
  margin-left: 4px;
  width: 18px;
  height: 18px;
  background-image: url(images/searcharrow.gif);
  background-repeat: no-repeat;
  background-position: center;
}

/* --- main body section -------------------------------------------------- */

#body {
  background-image: url(images/bckgnd_lite.png);
  background-repeat: repeat-y;
  padding-left: 210px;
  padding-top: 25px;
  padding-bottom: 10px;
  padding-right: 25px;
}

div.clear {
  clear: both;
  visibility: hidden;
}

/* --- IE potions --------------------------------------------------------- */

/* hide from IE5-mac, only IE-win sees this due to this backslash: \*/
/* note: only IE sees "* html ..." */

/* cure float drop */
* html table.limg { margin-right: -400px }

/* cure three-pixel jog */
* html p { height: 1px }

/* end hide from IE5/mac */