* {
  margin:0;
  padding:0;
  line-height:100%;
}

body {
  background:url("/img/kachel.gif");
}

div {
  border: 1px dotted red;
}

div#page {
  width:948px;
  margin:0 auto;
  border:none;
  margin-top:15px;
  margin-bottom:15px;
  background:#fffefa;
  border:1px solid #fffefa;
}

div#page.index {
  position:absolute;
  width:948px;
  height:525px;
  left:50%;
  top:50%;
  margin:auto;
  margin-top:-263px;
  margin-left:-474px;
}

div#header {
  width:946px;
  height:73px;
  border:1px solid #3e3e3e;
  background:#fffefa;
}

div#header img {
  padding-top:8px;
  padding-bottom:8px;
  padding-left:30px;
  cursor:pointer;
  border:0;
}

div#subheader {
  margin-top:1px;
  height:160px;
  width:948px;
  border:none;
  background:#fffefa;
}

div#subheader img.left, div#subheader img.center {
  margin-right:1px;
}

div#menu {
  margin-top:1px;
  height:32px;
  width:948px;
  border:none;
  background: #373737;
}

div#page.index div#menu {
  background: #373737 url("/img/ml-dunkel-rechts.gif") 100% 100% no-repeat;
}

div#menu ul {
  list-style:none;
  margin-left:40px;
}

div#menu ul li, div#footer ul li {
  display:inline;
  font-size:11px;
  font-family:Verdana, sans-serif;
  color:white;
  line-height:275%;
}

div#menu ul li.spacer {
  margin-left:30px;
  margin-right:30px;
}

div#menu ul li a {
  color:white;
  text-decoration: none;
}

div#body {
  border:none;
  margin-top:1px;
  background:#fffefa;
}

div#content {
  width:946px;
  float:left;
  border:1px solid #3e3e3e;
  background: #fffefa url("/img/cl-2-rechts.gif") 100% 0% repeat-y;
  margin-bottom:1px;
  padding-bottom:20px;
}

div#content.withmenu {
  background: #fffefa url("/img/streifen.gif") repeat-y;
}

div#page.index div#content {
  width:631px;
  height:220px;
  background: #fffefa url("/img/cl-mitte.gif") 100% 100% no-repeat;
  padding-bottom:0;
}

div#content h1 {
  font-family: Arial;
  font-weight: bold;
  font-size: 18px;
  color:#434242;
  letter-spacing: 2px;
  margin-left: 40px;
  margin-top: 30px;
  margin-bottom: 15px;
  width:541px;
}

div#content h2 {
  font-family: Arial;
  font-weight: normal;
  font-size: 14px;
  text-transform: uppercase;
  color:#517182;
  letter-spacing: 0.5px;
  margin-left: 40px;
  margin-top: 30px;
  margin-bottom: 15px;
  width:540px;
  letter-spacing: 1px;
}

div#content h3 {
  font-family: Arial,Helvetica,sans-serif;
  font-weight: normal;
  font-size: 14px;
  text-transform: none;
  color:#3e3e3e;
  letter-spacing: 0.5px;
  margin-top: 15px;
  margin-bottom: 15px;
  width:540px;
  letter-spacing: 1px;
  margin-left: 40px;
  font-weight:bold;
}

div#content p {
  font-family: Verdana, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color:#212121;
  margin-left:40px;
  line-height: 140%;
  margin-bottom:10px;
  width:460px;
  width:540px;
}

div#content img {
  margin-left: 40px;
  margin-top: 30px;
  margin-bottom: 15px;
}

div#content img.fon {
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: -1px;
}

div#content ul {
  list-style: none;
  width:540px;
  font-family: Verdana, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color:#212121;
  margin-left:40px;
  margin-bottom:15px;
}

div#content ul li {
  line-height:140%;
}

div#content p a {
  color:#3e3e3e;
}

div#content p.jobbreak {
  margin-top:30px;
  font-weight: bold;
}

div#page.index div#content p {
  width:460px;
}

div#page div#sidebar {
  float:right;
  border:1px solid #3e3e3e;
  margin-bottom:1px;
  background: url("/img/cl-2-rechts.gif") 100% 100% no-repeat;
}

div#page.index div#sidebar {
  background: url("/img/cl-rechts.gif") 100% 100% no-repeat;
  width:312px;
  height:220px;
}

div#footer {
  clear:both;
  width:946px;
  height:30px;
  border: 1px solid #3e3e3e;
  text-align: right;
  background:#fffefa;
}

div#footer.index {
  background: url("/img/al-rechts.gif") 100% 100% no-repeat;
}

div#footer ul {
  list-style: none;
  margin-left: 40px;
  margin-right: 20px;
}

div#footer ul li {
  line-height: 275%;
  font-size: 11px;
}

div#footer ul li.spacer {
  margin-left:10px;
  margin-right:10px;
  color:#3e3e3e;
}

div#footer ul li a {
  color:#3e3e3e;
  text-decoration: none;
}

div#spacer {
  font-size:1px;
  border:none;
}

div#context {
  float:right;
  width:310px;
  margin-top:35px;
  border:none;
}

div#context h1 {
  color:#e6e6e6;
  font-weight: normal;
  font-size:16px;
  width:250px;
}

div.address1, div.address2 {
  border: none;
  margin-left:30px;
  width:240px;
  margin-bottom:5px;
}

div.address1 {
  border-bottom: 1px solid #fffefa;
}

div.address1 h1 {
  margin-top:5px !important;
  padding-top:0 !important;
  margin-bottom:0 !important;
  padding-bottom:0 !important;
  margin-left:0 !important;
}

div.address1 p, div.address2 p {
  margin-top:0px !important;
  padding-top:0 !important;
  margin-bottom:5px !important;
  padding-bottom:0 !important;
  margin-left:0 !important;
}

div.address2 p {
  width:180px !important;
}


div#context p.mailto {
  margin-left:30px !important;
}

div#context p.mailto a {
  color:#fffefa;
}

div.address1 img, div.address2 img {
  margin-bottom:0 !important;
  padding-bottom:0 !important;
  margin-left:0 !important;
}

div#context p {
  color:#e6e6e6;
  line-height: 160%;
  width:250px;
  width:190px !important;
  font-size:10px;
  white-space:nowrap;
}

div#context ul {
  width:314px;
  margin-left:-3px;
  margin-top:-35px;
}

div#context ul li {
  width:314px;
  background:#555454;
  border-bottom:1px solid #a2a1a1;
}

div#context ul li.active {
  width:314px;
  background:#fffefa;
}

div#context ul li a {
  display:block;
  padding-top:15px;
  padding-bottom:15px;
  color:#fffefa;
  padding-left:30px;
  text-decoration:none;
  border-left:11px solid #a2a1a1;
}

div#context ul li.active {
  border-bottom:1px solid #fffefa;
}

div#context ul li.active a {
  color:#3e3e3e;
  border-left:11px solid #fffefa;
}

ul.examples li {
  list-style:url("/img/pfeil.gif");
  margin-bottom:15px;
}

ul.nogap li {
  margin-bottom:0px;
}

ul.boebbel, p.boebbel {
  margin-left:0px !important;
  padding-left:30px;
  border-left:10px solid #424242;
}

form {
  margin-top:30px;
  margin-left:40px;
}

div#content form table {
  border-spacing: 0;
}

div#content form table td {
  font-size: 11px;
  font-family: Verdana, "Bitstream Vera Sans", sans-serif;
  padding-right:15px;
  padding-bottom:5px;
  color:#3e3e3e;
}

div#content form table td input, div#content form table td textarea  {
  background-color:#c0c0c0;
  color:#030303;
  width:360px;
  font-size:11px;
  padding-top:3px;
  padding-bottom:3px;
  padding-right:5px;
  padding-left:5px;
  margin-top:2px;
  margin-bottom:2px;
  border-width: 1px;
  border-style: outset;
  border-top-color:#e7e7e7;
  border-left-color:#d9d9d9;
  border-right-color:#5f5f5f;
  border-bottom-color:#333333;
}

div#content form table td textarea  {
  padding-top:10px;
  padding-bottom:10px;
  overflow:auto;
  width:462px;
}

p.short {
  width:460px !important;
}

a img {
  border:0;
}

div#content a.cake {
  text-decoration:none;
}

div#content a.cake span {
  letter-spacing:1px;
}

div#content a.cake img {
  display:inline;
  margin:0;
  margin-bottom:-4px;
}
