body {
  background-color: #061860;
  font-size: 10px;
  margin: 60px auto 5em auto;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  text-align: center;
}

#page {
  width: 76em;
  height: 44em;
  margin: 0 auto;
  background-color: #DEDBDE;
  color: #061860;
  text-align: left;
  background-image: url(img/laster.jpg);
  background-position: right bottom;
  background-repeat: no-repeat;
  position: relative;
}

#page a {  
  color: #061860;
}

#header {  
  width: 76em;
  height: 11.4em;
  background-color: #E7F7EF;  
  position: relative;
  border-bottom: .3em solid white;
}

#header img {
  width: 14em;
  height: 9em;
  float: left;
}

#service {
  margin: 0;
  padding: 0;
  float: right;
  width: 14.4em;
  height: 4em;
  margin-top: 4.6em;
  font-family: Arial, Helvetica, Sans-Serif;
  line-height: 1em;
  color: #33457D;  
}

#service h2 {
  margin: 0;
  padding: 0; 
  font-size: .9em;
  font-weight: normal; 
}

#service p {
  margin: 0;
  padding: 0;  
}

/* Formatierung des Menüs */

#menu {      
  position: absolute;
  top: 9.1em;
  left: 0;
  background-image: url(img/menu_bg.gif);
  background-repeat: repeat-xy;
  width: 76em;
}

#menu h1 {
  font-size: 1em;
  font-weight: bold;
  color: #041A64;
  margin: 0;
  padding: 0 0 0 1em;
  line-height: 1.5em;
  width: 14.5em;  
  text-transform: uppercase;
  font-family: Arial, Helvetica, Sans-Serif;
  float: left;
}
  
#menu ul {
  margin: 0 0 0 15.5em;
  padding: 0;
}

#menu li {
  margin: 0;
  padding: 0;
  display: inline;
  list-style-type: none;
  width: 7.6em;  
  color: #fcfefc;
  float: left;
  text-align: center;
  margin-right: .1em;
}

#menu li#current a {
  background-color: #061860;
}

#menu ul li a {
  text-decoration: none;
  color: #fcfefc;
  height: 1.4em;
  padding: .1em 0 .2em 0;  
  display: block;  
  font-size: .9em;
}

#menu ul li a:hover {
  text-decoration: none;
  color: #fcfefc;  
  background-color: #061860;
}

/* Menüpunkte */

li.punkt1 { background-color: #384680; }
li.punkt2 { background-color: #505D8F; }
li.punkt3 { background-color: #6A74A0; }
li.punkt4 { background-color: #828BAF; }
li.punkt5 { background-color: #9BA3BF; }
li.punkt6 { background-color: #B4B9CF; }

#referenzen {
  font-size: 1em;
  margin: 0;
  padding: 2.5em 0 0 0;
  width: 15.5em;
  height: 29.7em;
  background-color: #D0D0D8;
  float: left;
}

#referenzen h2 {
  margin: 0 0 .8em 1em;
  padding: 0;
  font-size: .9em;
  font-weight: normal;
}

#referenzen ul {
  margin: 0 0 0 1em;
  padding: 0;
  list-style-type: none;
}

#referenzen li {
  margin: 0 0 .7em 0;
  padding: 0 0 0 .9em;
  background-image: url(img/punkt.gif);
  background-position: left top;
  background-repeat: no-repeat;
}

#referenzen h3 {
  margin: 0;
  padding: 0;
  font-size: 1em;
  font-weight: bold;
}

#referenzen p {
  margin: 0;
  padding: 0;
  font-size: .9em;  
}

#maincontent {  
  padding-top: 2.5em;
}

#maincontent h2 {
  margin: 0 0 1.3em 0;
  padding: 0 0 0 1.6em;
  font-weight: bold;
  font-size: 1em;
  background-image: url(img/pfeil.gif);
  background-position: left top;
  background-repeat: no-repeat;
}

#maincontent h3 {
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 1em;
}

#maincontent h4 {
  margin: 0 0 .5em 0;
  padding: 0;
  font-weight: bold;
  font-size: 1em;
}

#maincontent p {
  margin: 0 0 1.2em 0;
  padding: 0;
}

#maincontent ul {
  margin: 0 0 1em 0;
  padding: 0;
  list-style-type: none;
}

#maincontent li {
  margin: 0 0 .4em 0;
  padding: 0 0 0 .9em;
  background-image: url(img/punkt.gif);
  background-position: left top;
  background-repeat: no-repeat;
}

#col1 {
  float: left;  
  width: 26em;
  margin: 0 2.4em 0 2.4em;
}

#col2 {
  float: left;
  width: 26em; 
}

.fortsetzung {
  margin-top: 2.4em;
}


#zurueck a, #weiter a{
  position: absolute;    
  top: 39.3em;
  text-decoration: none;  
}

#zurueck a {   
  left: 18em;
  padding-left: 1.6em;
  background-image: url(img/zurueck.gif);
  background-position: left top;
  background-repeat: no-repeat;
}

#weiter a {  
  right: 9.7em;  
  padding-right: 1.6em;
  background-image: url(img/weiter.gif);
  background-position: right top;
  background-repeat: no-repeat;
}

table, tr, td {
  margin: 0;
  padding: 0;
  font-size: 1em;
  color: #061860;
}

td {
  line-height: 1.1em;
}

img {
  border: 0;
}

#galerie {
  background-color: #E7F7EF;
  width: 76em;
  height: 11.4em;
  border-top: .3em solid white;
  clear: both;
}

#beschreibung {
  float: left;
  width: 15.5em;
  margin-top: 4px;
}

#beschreibung h2 {
  margin: 0 0 0 2em;
  padding: 0;
  font-size: 1em;  
}

#galerie ul {
  margin: .6em 0 0 0;
  padding: 0;
  list-style-type: none;
}

#galerie li {
  margin: 0;
  padding: 0;
  display: inline;
}

#galerie img {
  width: 13.8em;
  height: 9.9em;
  border: 1px solid black;
  float: left;
  margin-right: 1em;
}

#navi {
  text-align: center;
  margin-bottom: .7em;
}

#thumbs {
  float: left;  
  width: 27em;
  margin: 0 2.4em 0 2.4em;
  display: table;
}

#preview {
  float: left;
  width: 27em;
  background-color: #f8f8f8;
}

#preview img {  
  width: 25em;
  height: 20em;
  margin: 1em 1em .7em 1em;
}

#preview p {  
  width: 25em;  
  margin: 0 0 .7em 1em;
  padding: 0;
}

.td {  
  float: left;
  padding-right: 1em;
  padding-bottom: 1em;
}

.td img {
  width: 8em;
  height: 6em;
}