body {
background:#555 url(../images/bg2.gif);
margin:0;
padding:0;
text-align:center;
font: normal 12px arial, helvetica, verdana, sans-serif;
color:#333;
}

div {
text-align:left;
}

p, h1, h2, h3, h4, h5, h6, form {
padding:0;
margin:0;
}

hr {
background:#ccc;
height:1px;
border:0;
padding:0;
margin:0;
clear:both;
}

a, a:visited {
text-decoration:none;
color: #800000;
}

a:hover {
text-decoration:underline;
}

#wrap {
position:relative;
margin:auto;
width:850px;
background:#fff;
text-align:center;
}

#header {
position:relative;
width:850px;
height:126px;
background:url(../images/header1.png);
}

#top_right {
position:absolute;
top:0px;
right:30px;
width:150px;
height:25px;
background:#fff;
}

#top_right p {
padding: 5px 10px;
}

#top_right a, #top_right a:visited {
text-decoration:none;
color:#555;
}

#top_right a:hover {
text-decoration:underline;
}

#top_right a.toggle_sprachwahl, #top_right a.toggle_sprachwahl:visited, #top_right a.toggle_sprachwahl:hover {
text-decoration:none;
cursor:pointer;
}

#restaurant-link {
position:absolute;
display:block;
top:50px;
right:35px;
width:210px;
height:60px;
}

#startseite-link {
position:absolute;
display:block;
top:20px;
left:30px;
width:250px;
height:80px;
}

#fontsize {
position:absolute;
top:2px;
right:200px;
color:#fff;
}

#fontsize a, #fontsize a:visited, #fontsize a:hover {
color:#fff;
text-decoration:none;
}

#sprachwahl {
position:relative;
width:150px;
background:#fff;
clear:both;
display:none;
}

#menu {
position:relative;
width:850px;
height:35px;
border-top:solid 1px #fff;
border-bottom:solid 1px #fff;
background:#333 url(../images/menubg.png);
z-index:100;
}

#menu ul {
position: relative;
padding:0 20px; 
margin:0;
list-style-type:none;
float:left;
}

#menu ul li {
float:left; 
position:relative;
}

#menu ul li a, #menu ul li a:visited {
display:block; 
text-decoration:none;
padding: 0 15px; 
height:35px;
line-height:35px;
color:#fff;
border:0;
margin:0;
font-size:16px;
overflow:hidden;
}

#menu ul li:hover a {
background:#555;
}

#menu ul li ul {
display: none;
position:absolute;
top:35px;
left:0px;
width:150px;
padding:0;
margin:0;
background:#555;
border:solid 1px #fff;
}

#menu ul li:hover ul {
display:block;
}

#menu ul li ul li a, #menu ul li ul li a:visited {
display:block; 
text-decoration:none;
padding: 0 15px;
height:25px;
color:#fff;
border:0;
margin:0;
font-size:13px;
overflow:hidden;
line-height:25px;
}

#menu ul li ul li:hover a {
text-decoration:underline;
}

#right {
position:relative;
float:right;
width:600px;
}

#slideshow {
position:relative;
width:600px;
height:300px;
clear:both;
}

#slideshow IMG {
position:absolute;
top:0;
left:0;
z-index:8;
opacity:0.0;
}

#slideshow IMG.active {
z-index:10;
opacity:1.0;
}

#slideshow IMG.last-active {
z-index:9;
}

#layer {
position:absolute;
top:210px;
left:0px;
height:40px;
width:600px;
background:#fff;
filter:alpha(opacity=75);
-moz-opacity:0.75;
-khtml-opacity: 0.75;
opacity: 0.75;
z-index:100;
}

#slogan {
position:absolute;
top:208px;
left:0px;
height:42px;
width:600px;
border-top:solid 1px #fff;
border-bottom:solid 1px #fff;
z-index:101;
}

#slogan p {
padding: 10px 40px;
color:#555;
font:normal 21px georgia, times, serif;
}

#slogan a.buchen, #slogan a.buchen:visited {
display:block;
position:absolute;
right:40px;
top:11px;
width:90px;
padding: 0 15px;
height:22px;
line-height:22px;
background:#900000 url(../images/redbg.png) repeat-x;
color:#fff;
text-decoration:none;
z-index:102;
}

#slogan a.buchen:hover {
background:#555;
}

#map {
position:relative;
width:600px;
height:320px;
clear:both;
}

#mapnav {
position:relative;
padding: 10px 40px 0 40px;
clear:both;
}

#left {
position:relative;
float:left;
width:249px;
}

#reservieren {
position:relative;
float:left;
width:249px;
background:#600000;
color:#fff;
}

#reservieren div.leiste {
position:relative;
background:#555 url(../images/menubg.png) repeat-x;
font-size:14px;
margin-bottom:5px;
font-variant:small-caps;
}

#reservieren div.leiste p {
padding: 4px 30px;
}

#reservieren div.content {
position:relative;
background:#900000;
margin-bottom:5px;
}

#reservieren div.content p {
padding: 2px 30px;
}

#news {
position:relative;
padding:25px;
}

#news h2 {
background:#333 url(../images/menubg.png) repeat-x;
font-size:12px;
font-weight:normal;
padding: 5px 10px;
margin-bottom:10px;
letter-spacing:1px;
color:#fff;
}

#news h4 {
padding: 3px 0;
font: normal 18px georgia, serif;
color:#800000;
}

#content {
position:relative;
margin-top: 30px;
float:right;
width:560px;
clear:both;
}

#contentwrap {
position:relative;
width:520px;
clear:both;
}

#contentwrap p, #contentwrap h3, #contentwrap h4, #contentwrap h5, #contentwrap h6 {
padding: 5px 0;
}

#contentwrap h1 {
padding: 5px 0 10px 0;
font: bold 24px georgia, times, serif;
font-variant:small-caps;
letter-spacing:1px;
}

#contentwrap h2 {
font: normal 24px georgia, times, serif;
padding: 5px 0;
}

#contentwrap-reservierung {
position:relative;
width:520px;
clear:both;
}

#bottom {
position:relative;
clear:both;
background:#555 url(../images/menubg.png) repeat-x;
color:#fff;
}

#bottom a, #bottom a:visited {
text-decoration:underline;
color:#ccc;
}

#bottom a:hover {
color:#ffcc00;
}

input.button {
background:#600000;
border:solid 1px #fff;
padding:3px;
font-size:11px;
color:#fff;
cursor:pointer;
}

input.button:hover {
background:#555;
}

#speisekarte-menu {
list-style-type:none;
margin:0;
padding:0;
}

#speisekarte-menu li {
margin-bottom:5px;
}

#speisekarte-menu li a, #speisekarte-menu li a:visited {
display:block;
padding:5px 30px;
color:#fff;
background:#900000;
text-decoration:none;
}

#speisekarte-menu li a span{
font:normal 18px georgia, times, serif;
}

#speisekarte-menu li a:hover {
background:#800000;
}


