body {
  background: #533d57;
  text-align: center;
  margin: 0; padding: 0;
  font-family: Arial, sans-serif;
  font-size: 16px;
  color: #333;
}
img {
  border: 0;
}
ul, ol {
  margin-left: 0;
  padding-left: 1em;
}
ol {
  padding-left: 1.5em;
}
table {
  width: 100%;
  border-collapse: collapse;
}
th {
  background: #eee;
}
td, th {
  vertical-align: top;
  border: 1px solid #ccc;
  padding: 2px 4px;
  text-align: left;
}
td p, th p {
  margin: 0;
  padding: 0;
}
a { text-decoration: none; }
a:hover { text-decoration: underline; }
#banner, #content, #footer {
  width: 900px;
  margin: 0 auto;
  text-align: left;
  background: #fff;
}
blockquote {
  float: right;
  padding: 0.1em 1.1em;
  border: 0.5em solid #f9f9f9;
  background: #eee;
  margin: 0 0 0 1em;
  width: 230px;
  font-size: 0.8em;
}
#banner h1, #banner ul, #banner li {
  display: inline;
  margin: 0;
  padding: 0;
}
.plain #banner {
	height: 79px;
  position: relative;
}
.hol #banner,
.lan #banner {
  height: 337px;
  position: relative;
}
.plain #banner {
  background: white url(../img/banner-plain.jpg);
} 
.lan #banner {
  background: white url(../img/banner-lan.jpg);
} 
.hol #banner {
  background: white url(../img/banner-hol.jpg);
} 
#banner h1, #banner .lan, #banner .hol, #banner .swap {
  position: absolute;
}
#banner h1    { top: 16px ; left: 104px; }
#banner .lan  { bottom: 0px; left: 0px ; 
  width: 209px; height: 257px; }
#banner .hol  { bottom: 0px; right: 0px; 
  width: 209px; height: 257px; }
#banner .swap {
  top: 25px ; right: 95px;
  width: 40px; height: 20px;
  background-image: url(../img/flags.png)
}
.de #banner .swap {
  background-position: -40px 0;
}
#banner .swap a {
  display: block;
  width: 40px; height: 20px;
}


#banner .lan a, #banner .hol a {
  display: block;
  background-color: #ecf;
  width: 209px; height: 257px;
}
.en #banner .lan a, .en #banner .hol a {
  background-image: url(../img/links-en.png);
}
.de #banner .lan a, .de #banner .hol a {
  background-image: url(../img/links-de.png);
}
#banner ul {
  font-size: 1.2em;
}

.lan #banner .hol a { background-position: -209px -257px; }
.lan #banner .hol a:hover { background-position: -209px -771px; }
.lan #banner .lan a { background-position: 0 0; }
.lan #banner .lan a:hover { background-position: 0 -514px; }

.hol #banner .hol a { background-position: -209px 0; }
.hol #banner .hol a:hover { background-position: -209px -514px; }
.hol #banner .lan a { background-position: 0 -257px; }
.hol #banner .lan a:hover { background-position: 0 -771px; }


#content {
  width: 610px;
  position: relative;
}
.plain #content {
  padding: 1em 40px 1em 250px;
}
.lan #content {
  padding: 1em 40px 1em 250px;
}
.hol #content {
  padding: 1em 250px 1em 40px;
}
#content #subnav {
  position: absolute;
  top: 0.5em;
  width: 170px;
  height: 216px;
  background: #fff;
  padding: 80px 40px 80px 40px;
  margin: 0;
  font-size: 1.2em;
}
.hol #content #subnav {
  background: #fff url(../img/note-paper2.jpg) -250px 0;
}
.plain #content #subnav,
.lan #content #subnav {
  background: #fff url(../img/note-paper2.jpg) 0 0;
}
#content #subnav li {
  margin-bottom: 0.3em;
  line-height: 1.2em;
}
.hol #content #subnav { right: -40px;}
.plain #content #subnav, .lan #content #subnav { left: -40px; }
#subnav li {
  margin: 0; padding: 0;
  list-style-type: none;
  font-size: 0.9em;
}
#subnav h2 {
  font-size: 1em;
  margin: 0 0 0.4em 0; padding: 0;
}
#subnav li ul {
  padding-left: 0.2em;
}
#subnav a {
  color: #006699;
}

#footer {
  padding: 6em 40px 1em 40px;
  width: 820px;
  text-align: center;
}