/* #330033; */
body {
  font-family: Sans-Serif;
  background-color: #BB9C44;
}
.pgBox {
  width: 800px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}
#pgHead {
  width: 800px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  height: 170px;
  margin-top: 15px;
  background-color: white;
  border: 2px solid gray;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  background-image: url(images/Continuous-Cogs-Pattern3.jpg);
}
#pgHead img {
  float: right;
  position: relative;
  top: -11px;
  clear: none;
  z-index: 5;
}
#pgHead span.W {
  font-weight: bolder;
}
#hdTit {
  float: left;
  clear: none;
  position: relative;
  top: 20px;
  left: 20px;
  z-index: 10;
  backgound-color: whitesmoke;
  text-align: left;
}
#wehes {
  font-family: monospace;
  font-size: 18pt;
  font-weight: bold;
}
a,
a.visited {
  color: black;
}
#hdBtns {
  float: left;
  position: relative;
  top: 140px;
  left: -190px;
  z-index: 20;
}
#hdBtns a,
#hdBtns a:visited,
#hdBtns a:active {
  background-color: gold;
  border-radius: 5px;
  border: 2px solid darkred;
  font-family: Arial;
  font-size: 14pt;
  opacity: 0.85;
  color: black;
  text-decoration: none;
  padding: 2px 5px 2px 5px;
}
#pgBody {
  width: 800px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  border: 2px solid gray;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  margin-top: 2px;
  background-color: whitesmoke;
  font-family: Sans-Serif;
  color: #330033;
  font-size: 14px;
}
#pgBody p.intro {
  font-weight: normal;
  font-size: 125%;
  background-color: lightgray;
  border: 2px solid darkblue;
  border-radius: 5px;
  white-space: pre;
  padding: 10px;
  text-align: center;
}
#pgBody p.intro #wimg {
  position: relative;
  float: right;
  top: -3px;
  margin-left: 25px;
}
#pgBody a {
  text-decoration: underline;
  color: darkblue;
}
#pgBody a :visited {
  color: darkblue;
}
#pgBody div,
#pgBody p,
#pgBody h1,
#pgBody h2,
#pgBody h3 {
  margin-left: 25px;
  margin-right: 25px;
}
#pgBody h1 {
  float: left;
}
#pgBody p.h1sub {
  float: right;
  position: relative;
  top: 15px;
  font-style: italic;
}
#pgBody br.h1sub {
  clear: both;
}
#pgBody h2 {
  border: 1px solid silver;
  border-radius: 5px;
  padding-left: 5px;
}
#pgBody h3 {
  font-size: 130%;
}
#pgBody .clr {
  clear: both;
}
#pgBody p,
#pgBody ul {
  /* text-align : justify; */
  text-align: left;
  font-size: 110%;
  line-height: 150%;
}
#pgBody span.noteBox {
  background-image: url(images/Continuous-Cogs-Pattern3.jpg);
  width: 20em;
  border: 2px solid gray;
  border-radius: 7px;
  color: black;
  font-family: Sans-Serif;
  font-size: 10pt;
  padding: 5px;
}
#pgBody span.noteBox img {
  border: 1px solid black;
}
#pgBody .rechts {
  float: right;
  margin: 5px 0px 5px 10px;
}
#pgBody .links {
  float: left;
  margin: 5px 10px 5px 0px;
}
#pgBody hr {
  width: 94%;
  color: silver;
}
#pgFoot {
  margin-top: 10px;
  font-family: monospace;
  font-size: 9pt;
  color: black;
  text-align: center;
}
#pgFoot a {
  color: black;
  text-decoration: none;
}
#pgFoot a:hover {
  color: white;
}
h1,
h2,
h3,
h4,
h5 {
  font-family: Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif;
}
h1 {
  margin-top: 10px;
  margin-bottom: 0px;
}
h2,
h3,
h4,
h5 {
  margin-top: 30px;
}
#kontaktform {
  border: 2px solid gray;
  border-radius: 10px;
  margin: 10px 20px 10px 20px;
  padding: 10px;
  background-color: silver;
}
#kontaktform input[type="submit"] {
  background-image: url(images/email_go.png);
  background-repeat: no-repeat;
  background-position: 7px 1px;
  padding-left: 25px;
  font-family: Sans-Serif;
  font-size: 14px;
  border: 1px solid gray;
  border-radius: 3px;
  margin: 5px;
}
#kontaktform input {
  float: left;
  clear: none;
}
#kontaktform .formtext {
  font-style: italic;
  display: block;
  margin-top: 10px;
}
#kontaktform span.lbl {
  font-style: italic;
  display: block;
  margin-top: 10px;
  float: left;
  width: 7.5em;
  color: black;
  text-align: right;
  margin-right: 7px;
}
#kontaktform span.formhint {
  font-style: italic;
  display: block;
  margin-top: 10px;
}
#kontaktform br {
  clear: both;
}
#kontaktform #msg {
  padding: 0.5em;
}
ul.error {
  color: red;
  list-style-image: url(images/exclamation.png);
  margin-left: 25px;
  margin-right: 25px;
  border: 1px solid red;
  border-radius: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
}
#flashport {
  position: relative;
  left: 0px;
  top: 5px;
  width: 750px;
  border: 2px solid gray;
  border-radius: 5px;
}
#flashport img.flash {
  position: absolute;
  top: 10px;
  display: none;
  border-radius: 0px;
}
.cogsBG {
  background-image: url(images/Continuous-Cogs-Pattern3.jpg);
}
.flatBG {
  background-color: gainsboro;
}
#flashport {
  margin-top: 2.5em;
}
#flashport div {
  font-size: large;
  border: 2px solid sienna;
  color: black;
  background-color: silver;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-top: 1.5em;
  padding: 1em;
}
#flashport div span {
  font-size: 65%;
  color: sienna;
  position: relative;
  top: -3px;
}
img.btn {
  position: relative;
  z-index: 5;
}
#iconStop {
  top: 5px;
  left: 340px;
  float: left;
  visibility: visible;
}
#iconBack {
  top: 70px;
  left: 8px;
  float: left;
  visibility: hidden;
}
#iconNext {
  top: 70px;
  right: 8px;
  float: right;
  visibility: hidden;
}