* {
margin : 0;
padding : 0;
vertical-align : top;
border-spacing : 0;
}
body {
color : #5d5d5d;
background : #1ab81c url(grafiken/back100.jpg);
}
body, td, th {
font : normal 80% Verdana, sans-serif;
}
td, th {
font-size : 100%;
}
a:link {
color : #4d6b10;
background-color : transparent;
}
a:visited {
color : #5d5d5d;
background-color : transparent;
}
a:hover, a:focus {
color : #4d6b10;
background-color : #93d50d;
}
a:active {
color : #c0e772;
background-color : #5f8e00;
}
a:link img, a:visited img, a:hover img, a:focus img, a:active img {
border : 0;
}
h1, h2, h3, h4, h5, h6 {
color : #ff6c0a;
background-color : transparent;
}
h1 {
font-size : 1.5em;
margin : 0 0 1.5em 0;
}
p {
margin : 0.8em 0;
}
img {
vertical-align : bottom;
}
dt {
font-weight : bold;
}
dd {
margin : 0.5em 0 1em 3em;
}
.invisible {
position : absolute;
left : -9999px;
}
div#top {
color : #5d5d5d;
background : #f4f2eb url(grafiken/bg_top.gif) repeat-y left top;
border : 1px solid #606060;
border-top : 0;
width : 923px;
margin : auto;
}
body {
text-align : center;
}
body * {
text-align : left;
}
#head ul {
font-size : 0.9em;
margin : 0.8em 0;
}
#head ul, #head li {
float : left;
list-style : none;
}
#head ul a, #head ul strong {
color : #5d5d5d;
background-color : white;
text-decoration : none;
padding : 0.2em 1em;
}
#head ul a:hover, #head ul a:focus {
text-decoration : underline;
}
#head li.skiplink {
padding : 0;
}
#head li.skiplink a {
color : #fecdd0;
background-color : #1bb4b8;
}
#head li.skiplink a:focus {
color : black;
background-color : white;
}
#content li {
list-style-image : url();
}
h1#logo {
color : #5d5d5d;
background : #fecdd0 url(grafiken/bg_logo.png) no-repeat left bottom;
text-align : right;
margin : 0;
}
#sidebar {
float : left;
width : 264px;
margin : 0 0 250px 0;
background : url(grafiken/bg_sidebar.gif) no-repeat left top;
}
ul#nav {
margin : 54px 0 0 0;
list-style : none;
}
#nav a, #nav strong {
color : white;
background-color : #009f00;
display : block;
padding : 5px 10px 7px 10px;
text-align : right;
border-bottom : 1px solid white;
line-height : normal;
width : 263px;
width : 243px;
}
#nav a:hover, #nav a:focus, #nav a:active, #nav strong {
color : #f3e7d0;
background-color : #0000ff;
}
#contact {
color : #a503a8;
background-color : white;
}
#contact h2 {
color : #5d5d5d;
background-color : white;
font-size : 1.3em;
text-align : center;
text-transform : uppercase;
}
#contact p.tel {
font-size : 2em;
font-weight : bold;
text-align : center;
margin : 0;
}
#contact p.address {
text-align : center;
margin : 0;
}
#today {
color : #4d6b10;
background-color : #93d50d;
font-weight : bold;
padding : 0 10px 10px 20px;
border-top : 5px solid white;
}
#today h2 {
color : #007f00;
margin : 0 40px 1em -20px;
padding : 2px 10px 3px 20px;
text-transform : uppercase;
font-size : 1.1em;
}
#today a {
color : #4d6b10;
background-color : #93d50d;
}
#today a:hover, #today a:focus {
color : #c0e772;
background-color : #5f8e00;
}
#main {
background : url(grafik/trauben.gif) no-repeat left bottom;
}
#content {
margin : 0 132px 0 264px;
padding : 54px 20px 40px 60px;
height : 1%;
}
#img {
position : absolute;
background : url(grafiken/fellhead.jpg);
top : 144px;
right : 200px;
width : 85px;
height : 85px;
}
div#footer {
color : #7f6063;
background-color : #b87d95;
padding : 12px 0 12px 130px;
font-family : Tahoma, Arial, sans-serif;
font-size : 0.9em;
text-align : center;
clear : both;
margin : 0;
}
#footer p {
width : auto;
margin : 0 auto;
}
table#opening {
border-collapse : collapse;
empty-cells : hide;
border : 1px solid #5d5d5d;
}
#opening td, #opening th {
border : 1px solid #5d5d5d;
color : #5d5d5d;
background-color : #ebe9df;
padding : 0.5em 1em;
}
#opening caption {
color : #ff6c0a;
background-color : transparent;
font-size : 1.3em;
padding : 1em 0 0.7em 0;
font-weight : bold;
}
#opening thead th {
color : #a503a8;
background-color : #efd7cb;
text-align : center;
}
#opening thead th.mainHeader {
color : white;
background-color : #ff6c0a;
font-weight : bold;
}
#opening tbody th {
color : #a503a8;
background-color : #dde6cb;
text-align : center;
}
#opening tbody th.mainHeader {
color : white;
background-color : #93d50c;
font-weight : bold;
}
#opening tbody td {
color : #a503a8;
background-color : #cccac2;
}
#opening tfoot td {
text-align : center;
font-size : 0.9em;
}
#contactForm fieldset {
border : 1px solid #adadad;
margin : 1em 0 1.5em 0;
padding : 0.5em 1em;
}
#contactForm legend {
font-weight : bold;
margin : 0;
padding : 0 0.5em;
font-size : 0.9em;
}
#contactForm input.radio, #contactForm input.checkbox {
vertical-align : middle;
}
#contactForm input.text {
padding : 0.2em 0.5em;
width : 200px;
}
#contactForm input#e-mail1, #contactForm input#e-mail2 {
width : 86px;
}
#contactForm select {
width : 150px;
}
#contactForm p {
margin : 1em 0 0 0;
}
#contactForm table {
width : 100%;
margin : 1em 0 0 0;
}
#contactForm table th {
padding : 0.2em 0 0.2em 3em;
width : 160px;
vertical-align : middle;
}
#contactForm table#personal th {
color : #5d5d5d;
background-color : #93d50c;
border-bottom : 1px solid white;
}
#contactForm #personal td {
color : #5d5d5d;
background-color : #dde6cb;
border-bottom : 1px solid white;
padding : 0 10px;
}
#contactForm #personal input.text {
border : 1px solid #93d50c;
}
#contactForm table#reservation th {
color : white;
background-color : #ff6c09;
border-bottom : 1px solid white;
}
#contactForm #reservation td {
color : #5d5d5d;
background-color : #efd7cb;
border-bottom : 1px solid white;
padding : 0 10px;
}
#contactForm #reservation input.text, #contactForm #reservation select {
border : 1px solid #ff6c09;
}
#contactForm textarea {
border : 1px solid #5d5d5d;
margin : 1em 0 0 0;
}
#contactForm p#submit {
color : white;
background-color : #5d5d5d;
padding : 0.3em 1em;
}
#contactForm #submit input {
text-align : center;
}
table.meals td {
border-bottom : 1px solid #93d50d;
padding : 5px 0 5px 10px;
}
.meals tr.odd td {
border-bottom : 1px solid #ff6c0a;
}
.meals td.price {
white-space : nowrap;
text-align : right;
padding : 5px 0 5px 20px;
}
.meals caption {
color : #ff6c0a;
background-color : transparent;
font-size : 1.3em;
margin : 0;
padding : 2em 0 1em 0;
font-weight : bold;
}
.meals span.description {
font-size : 0.9em;
}
#logo {
background : #00c0ff url(grafiken/fellhead.jpg) no-repeat;
height : 109px;
padding : 0 10px 15px 0;
text-align : right;
line-height : 56px;
font-size : 55px;
overflow : hidden;
letter-spacing : -3px;
margin : 0 10px 0 10px;
}
#logo {
color : #efefef;
text-decoration : none;
}
#logo span {
color : #cc00cc;
background : #efefef;
padding-right : 0.1em;
font-weight : bold;
}
#red {
background-color : #ffd5ee;
padding : 0;
border : none;
margin : 45px 0 0 10px;
width : 27%;
float : left;
}
#red-inside {
background-color : #fad;
padding : 0;
border : 1px solid #f09;
margin : 10px;
}

#internet {
color : white;
padding : 5px;
position : absolute;
text-align : center;
top : 702px;
left : 166px;
width : 230px;
height : 180px;
border : 1px solid #f09;
background-color : #6958eb;
}
#fader1{
position:absolute;
top:5px;
left:46px;
}