body {
   margin: 0;
   padding: 0;
   height: 100%;
   color: #000022;
   background-color: #ECECD6;
   background-image: url("bg.gif");
   background-position: 170px 0;
   font-family:  "Arial", sans-serif;
   font-size: 12pt;
}
html {
  margin: 0;
  padding: 0;
  height: 100%
}
#bg1 {
  margin: 0;
  padding: 0;
  height: 100%;
  background-image: url("bg-left.jpg");
  background-repeat: repeat-y;
  background-position: 0 -200px;
}
#bg2 {
  margin: 0;
  padding: 0;
  background-image: url("bg-left.jpg");
  background-repeat: repeat-y;
  background-position: 0 -200px;
}
#menu {
  padding: 0;
  margin: 0;
  line-height: 17pt;
  float: left;
  clear: left;
}
#menu .logo {
  padding: 0 0 15px 0;
}
#menu .navigation {
  padding: 25px 25px 10px 25px;
  width: 120px;
  margin: 0;
  background-image: url("bg-left-mask.jpg");
  background-position: 0 -200px;
}
#menu .language {
  letter-spacing: 2pt;
  text-align: center;
  margin-bottom: 5pt;
}
#menu .deutsch {
  width: 42px;
  height: 25px;
}
#menu .englisch {
  width: 44px;
  height: 22px;
  padding: 1px 0 2px 0;
}
#menu .bg {
  width: 170px;
  height: 20px;
  padding: 0;
  margin: 0;
  background-image: url("bg-left-post.png");
  background-repeat: repeat-x;
}

#menu img.projekte {
  float: left;
  border: none;
  width: 15px;
  height: 64px;
  margin: 2pt 3pt 0 0;
}

#content {
  padding: 15px 50px 50px 10px;
  margin: 0 0 0 170px;
}

#footer {
  border-top: solid 1px #9FA090;
  color: #57574F;
  font-size: 11pt;
  text-align:center;
  width: 80%;
  margin: auto;
  margin-top: 50px;
  padding-top:5px;
  clear: both;
}

#footer .print {
  display: none;
}

#footer .location {
  font-size: 8pt;
  line-height: 16pt;
}

#footer a {
  text-decoration: underline;
  color: #57574F;
}

a {
  color: #0000FF;
  text-decoration: none;
}
a: hover, a: active {
  text-decoration: underline;
}

#menu a {
  font-weight: bold;
}

.submenu a {
  font-weight: bold;
}

.submenu {
  margin-left: 0;
  padding-left: 50pt;
  list-style-image: url("down.gif");
}

.submenu li {
  margin: 2pt 0;
}

img {
  border-width: 0;
}
h1 {
  text-align: center;
  font-weight: bold;
  font-size: 30pt;
  margin: 0;
}

p {
  margin: 4pt 0;
}

p.fotos {
  margin: 40px 0;
  text-align: center;
}
img.fotos {
  border: solid 1px #000022;
  margin: 10px;
}

table.qsl {
  margin: auto;
  border-collapse: collapse;
}
table.qsl td {
  text-align: center;
  vertical-align: center;
  padding: 15px;
}
table.qsl img {
  border: solid 1px #000022;
}

p.line {
  text-align: center;
  margin-top: 20px;
}
p.line img {
  width:  500px;
  height:  20px;
}
p.line img.upleft, p.line img.upright {
  padding:  3px 0;
  width:  14px;
  height:  10px;
  border:  none;
}
p.line img.upleft {
  float:  left;
}
p.line img.upright {
  float:  right;
}

table.log {
  border-collapse: collapse;
}
table.log td, table.log th {
  border: solid 1px #000022;
  padding: 1px 4px;
}
table.log th {
  background-color: #DDDD00;
  text-align: center;
  font-weight: bold;
}
table.log td {
  text-align: left;
}

#morsebutton {
  margin:  3px;
}

p.werkstatt {
  text-align: center;
}
p.werkstatt img {
  width:  300px;
  height:  214px;
}
p.gallery {
  text-align: center;
}
p.gallery img {
  border:  solid 1px #000022;
  margin: 10px;
}

#links h3 {
  margin-bottom: 2pt;
}
#links p a {
  text-decoration: none;
  color: #000022; 
}
#links small {
  font-size: 10pt;
  color: #555577;
  padding-top: 4pt; 
}