@import url("fonts.css");

html {
 height:100%
 }
body {
 height:100%;
 margin:0;
 padding:0;
 border:0;
 background: rgb(100,20,20) url(/bilder/bgtop.rot.png) repeat-x 0px 0px
 }



#layout {
 border-collapse:collapse;
 margin:auto;
 width:980px;
 height:100%
 }

#layout td {
 padding:0;
 border:none;
 vertical-align:top;
 }

#layout .col1 {
 background:#333;
 }

#layout .slogan {
 background:#333;
 width:230px;
 text-align:center;
 padding:60px 0
 }

.nav{
 background:white url(/bilder/bg_nav.gif) repeat-x;
 }

#logo {
 float:right;
 margin-left:20px
 }

.text {
 width:500px;
 text-align:left;
 text-shadow: 1px 1px 0px #fff;
 }

#layout .content {
 background:#F7F6E8;
 font-family:Arial;
 font-size:12px;
 line-height:3.5ex;
 padding:30px;
 height:100%
 }

#layout .content a:link {
 color:blue
 }
#layout .content a:visited {
 color:purple
 }

#layout .content h1 {
 font-family:"JournalRegular", "Times New Roman";
 font-size:36px;
 color:#504336;
 font-weight:normal
 }

#layout .content h2 {
 font-family:"JournalRegular", "Times New Roman";
 font-size:30px;
 color:#504336;
 font-weight:normal
 }

#layout .oeffnungszeiten td {
 padding:0px 10px
 }

.marginalie {
 float:right
 }

#layout .content .marginalie h1 {
 font-family:Arial;
 font-weight:bold;
 font-size:12px;
 margin:0;
 padding:1px 10px;
 font-style:normal;
 background:#EEE6CF;
 color:#504336
 }

.chapter {
 border:1px solid #EEE6CF;
 margin-bottom:10px;
 }

.chapter p,
.chapter form {
 padding:5px
 }

.chapter input,
.chapter select {
 width:200px
 }

.content dt {
 font-weight:bold;
 background:rgb(100,20,20);
 color:white;
 border:1px solid black;
 padding:3px;
 text-shadow: 1px 1px 0px black;
 margin-top:20px
 }
.content dd {
 margin:0px;
 background:white;
 border:1px solid black;
 border-top:none;
 padding:5px;
 margin-bottom:0px
 }

.oeffnungszeiten,
.warenkorb,
.kontaktformular,
.preisliste {
 border-collapse:collapse;
 margin-top:5px
 }

#layout .oeffnungszeiten td,
#layout .oeffnungszeiten th,
#layout .preisliste td,
#layout .warenkorb td {
 border:1px solid silver;
 font-size:13px;
 padding:5px;
 text-align:left;
 }

#layout .preisliste {
 width:100%
 }
#layout .preisliste td {
 border:none;
 font-size:13px;
 padding:5px;
 text-align:left;
 font-size:12px
 }

#layout .preisliste tr.r0 td { background:#eee}
#layout .preisliste tr.r1 td { background:#fff}

#layout .warenkorb th {
 border:1px solid silver;
 background:#eee
 }
#layout .warenkorb td.zahl {
 text-align:right
 }

#layout .kontaktformular td {
 padding:0 5px
 }

.mustfield {
 color:red
 }
.zahl {
 white-space:nowrap
 }

.koschtitgallery {
  margin:20px;
  }

.ausverkauft {
 color:red
 }