
/* Copyright jump-ING Markus Hitter */

* { margin: 0; padding: 0; border: none; background-color: transparent; }

body {
  background-color: #ffffff;
  background-image:url(bild/jump-ing-back.png);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: bottom right;
}

a {
  text-decoration: none;
}

a:hover, a:active {
  text-decoration: underline;
}

#Header {
  position: absolute;
  display: block;
  top: 0mm;
  left: 0mm;
  width: 100%;
  height: 33mm;
  background-color: #c0c0c0;
}

#HeaderLogo {
  position: absolute;
  display: block;
  float: left;
  top: 8mm;
  left: 4mm;
}

#HeaderText {
  position: absolute;
  display: block;
  float: left;
  top: 15mm;
  right: 8mm;
}

#Header p {
  font-family: "Courier New", "Courier", monospace;
  font-size: 5mm;
  font-weight: normal;
  color: #202020;
}

#Menu {
  position: absolute;
  display: block;
  top: 27mm;
  left: 0mm;
  width: 100%;
  height: 4.5mm;
  padding-top: 1mm;
  background-color: #e0e0e0;
}

#Menu span, #Menu a {
  font-family: "GillSans-Light", "CenturyGothic", "Verdana", "Arial", sans-serif;
  font-weight: lighter;
  font-size: 3.5mm;
  color: #000000;
  line-height: 4mm;
  padding-left: 5mm;
  padding-right: 5mm;
}

#Menu span.Active, #Menu a.Active {
  color: #e68a00;
}

#SubMenu {
  position: absolute;
  display: block;
  top: 40mm;
  left: 5mm;
  width: 40mm;
  bottom: 0mm;
}

#SubMenuLineLeft {
  position: absolute;
  display: block;
  top: 0mm;
  left: 0mm;
  width: 0mm;
  height: 120mm;
  border-left-style: solid;
  border-left-width: 1mm;
  border-left-color: #c0c0c0;
}

#SubMenuLineRight {
  position: absolute;
  display: block;
  top: 0mm;
  left: 40mm;
  width: 0mm;
  height: 60mm;
  border-right-style: solid;
  border-right-width: 1mm;
  border-right-color: #c0c0c0;
}

#SubMenu p, #SubMenu a {
  font-family: "GillSans-Light", "CenturyGothic", "Verdana", "Arial", sans-serif;
  font-weight: lighter;
  font-size: 3.2mm;
  color: #000000;
  text-align: right;
  line-height: 6mm;
}

#SubMenu p {
  margin-right: 3mm;
  margin-left: 3mm;
}

#SubMenu p.Active {
  color: #e68a00;
}

#LanguageChooser {
  position: fixed;
  display: block;
  left: 8mm;
  bottom: 4mm;
}

#LanguageChooser * {
  font-family: "Geneva", "Arial", sans-serif;
  font-size: 3mm;
  color: #999999;
  margin: 0.5mm;
  padding-top: 0mm;
  padding-bottom: 0mm;
  padding-left: 0.5mm;
  padding-right: 0.5mm;
}

#LanguageChooser *.ActiveLink {
  border-width: 0.5mm;
  border-style: solid;
}

#ContentBox {
  position: absolute;
  display: block;
  top: 33mm;
  left: 47mm;
  bottom: 0mm;
  right: 0mm;
}

#Content {
  position: absolute;
  display: block;
  top: 0mm;
  left: 10mm;
  bottom: 0mm;
  right: 6mm;
}

#Content * {
  font-family: "Courier New", "Courier", monospace;
  font-weight: normal;
  color: #202020;
}

#Content h1, #Content h1 a {
  font-size: 7mm;
  font-weight: bold;
  margin-top: 15mm;
  margin-bottom: 8mm;
}

#Content h2, #Content h2 a {
  font-size: 5mm;
  font-weight: bold;
  margin-top: 8mm;
  margin-bottom: 5mm;
}

#Content h3, #Content h3 a {
  font-size: 4mm;
  font-weight: bold;
  margin-top: 5mm;
  margin-bottom: 2.5mm;
}

#Content p, #Content ul, #Content ol, #Content li, #Content a {
  font-size: 3.5mm;
  color: #202020;
  margin-top: 2.5mm;
  margin-bottom: 2.5mm;
}

#Content ul {
  margin-left: 8mm;
}

#Content ol {
  margin-left: 10mm;
}

#Content a {
  color: #e68a00;
}

#Content p.Shell, #Content p.Code {
  font-family: "Courier New", "Courier", monospace;
  font-weight: normal;
  font-size: 3mm;
  white-space: pre;
  margin: 2.5mm;
  margin-bottom: 0mm;
  padding: 2mm;
  color: #000000;
}

#Content p.Shell {
  background-color: #f0f0f0;
}

#Content div.BildkastenLinks, #Content div.BildkastenRechts {
  position: static;
  display: inline;
  margin: 5mm;
  margin-top: 0mm;
}

#Content div.BildkastenLinks {
  float: left;
  margin-left: 3mm;
}

#Content div.BildkastenRechts {
  float: right;
}

#Content div.BildkastenMitte {
  display: block;
  text-align: center;
  clear: both;
}

#Content div.BildkastenLinks img, #Content div.BildkastenRechts img,
#Content div.BildkastenMitte img {
  padding: 0.5mm;
  background-color: #d0d0d0;
}

#Content div.BildkastenLinks p, #Content div.BildkastenRechts p,
#Content div.BildkastenMitte p {
  font-size: 70%;
  color: #444444;
  margin: 0.5mm;
  margin-bottom: 2.5mm;
}

#Content br.all {
  clear: both;
}

#DebugText {
  position: fixed;
  bottom: 10mm;
  border: 1px solid red;
  display: none;
}

