#seite {
  width: 100%;
  min-height: 100%;
  margin: 0 auto;
}
#wrapper {
  width: 1250px;
  margin: 0 auto;
}
#inhalt_1 {
  margin-top: 100px;
  margin-left: 230px;
  margin-right: 230px;
  margin-bottom: 20px;
  padding-left: 30px;
  padding-top: 10px;
  padding-right: 30px;
  background-image: url(../gifs/ringbuch_3.png);
  border: 1px solid lightgray;
  border-right: 5px double lightgray;
  border-left: 15px solid lightgray;
  box-shadow: 0 0 1px rgba(0,0,0, .4);
}

#inhalt_2 {
  margin-top: 100px;
  margin-left: 230px;
  margin-right: 230px;
  margin-bottom: 20px;
  padding-left: 30px;
  padding-top: 10px;
  padding-right: 30px;
  background-image: url(../gifs/ringbuch_3.png);
  border: 1px solid lightgray;
  border-right: 5px double lightgray;
  border-left: 15px solid lightgray;
  box-shadow: 0 0 1px rgba(0,0,0, .4);
}

.box_ringbuch {
  padding-left: 50px;
  padding-top: 20px;
  width: 93%;
}
.box {
  background: #f5f5f5;
  border: 1px solid #e5e5e5;
  padding-left: 15px;
  padding-top: 10px;
  padding-right: 15px;
  font-size: 13px;
}
.box_2 { /* Begruessung */
  padding-left: 50px;
  padding-top: 10px;
  padding-right: 15px;
  font-size: 13px;
}
.box_3 { /* Unterschrift */
  padding-left: 50px;
  padding-top: 10px;
  padding-right: 15px;
  font-size: 13px;
}

.float1 { float: left; width: 200px; }
.float2 { float: width: 200px; }

#steuerung {
  position:fixed;
  margin-top: 0px;
  margin-left: 10px;
  float: left;
  width: 200px;
  letter-spacing:0.1em;
}
#spalterechts {
  margin-top: 0px;
  margin-right: 10px;
  float: right;
  width:200px;
  letter-spacing:0.1em;
}
#fussbereich {
  clear: both;
  position: absolute;
  font-family: Verdana;
  font-size: 11px;
  color: #FFFFFF;
  width: 1200px;
  height: 8em;
  bottom: 0;
}
#titel { /* Titelleiste */
  top: 0px; left:0; right:0; margin:0; height:50px; position:fixed;
  color:#FF9966;
  font-family: Verdana;
  font-size: 14px;
  letter-spacing: 7pt;
  text-align: center;
  text-shadow: 3px 3px 4px #525252;
  background-color: #778899;
  box-shadow: 4px 2px 5px #383838;
  padding-left: 30px;
  vertical-align: middle;
}
img.displayed { /* Titelbild zentrieren */
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#foto { /* Fotoalbum */
  box-shadow: 4px 2px 5px #383838;
  width: 600px;
}
UL#navi , UL#navi li { /* Navigation Position */
  margin:0;
  padding:0;
  list-style:none;
  width:180px;
  margin-bottom:1px;
}
UL#navi li a { /* Navigation allgemeine Einstellung */
  background: #eee;
  border: 2px solid white;
  box-shadow: 0 0 1px rgba(0,0,0, .4);
  text-decoration:none;
  display:block;
  padding:5px;
  color: #003366;
}
UL#navi a:hover { /* Navigation Einstellung besuchte links */
  background-color:#FFD39B;
  color:#FF9966;
}
#navi { /* Schriftart Navigation */
  font-size: 12px;
  font-family: Verdana;
  letter-spacing:0.1em;
}
img.hintergrund { /* Hintergrundbild der Website */
  display: block;
  z-index: -20;
  min-height: 100%;
  min-width: 640px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0.9;
}
#datum { /* Datum */
  font-size: 11px;
  font-family: Verdana;
  color: #000000;
}
hr {
  height: 1px;
  border: none;
  background-color: lightgray;
}