body {
 background:url(/bilder/bg.jpg) repeat-x #E4D8C2
 }

.layout {
 margin:auto;
 width:820px;
 border-collapse:collapse
 }
.layout td {
 vertical-align:top;
 padding:0;
 margin:0;
 background:white
 }

#logo {
 padding:10px;
 background:white;
 font-family:Arial;
 font-size:11px;
 text-align:center
 }

#logo ul {
 text-align:left;
 font-size:12px
 }

h1 {
 color:#666;
 font-size:20px
 }

#fader {
 border-left:1px solid mediumblue
 }

.layout .nav_td {
 background:mediumblue;
 border-left:1px solid mediumblue
 }

.layout .content {
 padding:15px;
 font-family:Arial;
 font-size:12px;
 line-height:3ex;
 border-left:1px solid mediumblue
 }

.chapter {
 background:url(/bilder/schatten.png) right bottom no-repeat;
 padding:0 15px 15px 0;
 width:242px;
 float:left;
 margin-right:15px;
 margin-bottom:15px
 }

.chapter h2 {
 color:silver;
 font-weight:normal;
 margin:0 5px 5px 5px;
 }

#logo h2 {
 font-size:12px
 }

.chapter p {
 margin:0 5px 5px 5px;
 }

#fusszeile, #kopfzeile {
 border-top:1px solid mediumblue;
 font-family:Arial;
 font-size:11px;
 text-align:center;
 padding:10px 0;
 color:white;
 background:mediumblue
 }

#fusszeile a {
  color:white;
  }

#kopfzeile {
 font-size:12px;
 }

.preisliste {
 border-collapse:collapse;
 width:100%
 }

.preisliste th,
.preisliste td {
 border:1px solid silver;
 font-weight:normal;
 padding:5px 10px
 }

.preisliste th {
 background:#eee;
 color:black
 }

.layout .zahl {
 text-align:center;
 vertical-align:middle
 }

.layout .preisliste td.zahl {
 text-align:center;
 vertical-align:middle
 }

#direktbuchung {
 margin-top:20px
 }