body {
    background:#ebe5d6 url('img/bg.png') repeat-y scroll top center; 
    font-size:x-large;
}
#mainWrapper {
    margin:auto; margin-top:60px; width:1000px; background:url('img/rauputz2.png'); background-size: 100% auto; 
    box-shadow: 0px 0px 25px -1px rgb(128,128,128);
    padding:20px; text-align: left;
}
#mainContent {
    margin:auto; width:720px; text-align:left;
    
}
#mainHeader {
    width:1000px; height:175px; margin:auto; margin-top:0px; text-align:right; position:relative; top:-10px;
}

#mainFooter {
    width:980px; height:140px; margin:auto; margin-top:20px; 
    border:solid 2px rgb(133,39,35); padding:5px 15px; border-radius:10px; 
    background-image: linear-gradient(rgb(203,97,93), rgb(132,34,30));
}
#mainNav {
    width:100%; margin:auto; margin-top:0px; text-align:center; background:url(img/menu-bg.png) top left repeat-x; height:83px; 
}
.navbutton {
	display:inline-block;
	text-align: center;
        border: solid 2px darkgrey;
        border-style: none solid;
        border-left-color: lightgrey;
        height:40px;
        margin:0px;
}

.navbutton a.top {
    display:inline-block; padding:5px 20px; text-decoration: none; color:black; font-family:times; text-transform: uppercase; font-size:x-large;
    position:relative;
}

ul.menu2 {
    list-style-type:none;
    padding: 0px;
    margin: 0px;
}

ul.menu2 {
    position: absolute;
    z-index: 10;
    display:none;
}

ul.menu2 li {
    background-color: rgb(245,245,245);
    clear: both;
    text-align: left;
}

ul.menu2 li a {
     display:inline-block;  padding:5px 20px; text-decoration: none; color:black; font-family:times; text-transform: uppercase; font-size:large; text-align:left;
    
}
.navbutton:hover ul.menu2 {
    display:block;
}

.slides img {
  width: 100%; height:auto; 
}
.animate-left {
  position: relative;
  animation: animateleft 1.5s
}

@keyframes animateleft { 
  from { opacity:0 } to {  opacity:1 }
}

.button a {
    font-family: verdana, helvetica, sans-serif;
    font-size:x-large;
    text-decoration:none;
    color: black;
}

.button { display:inline;
    border:solid 2px lightgrey; padding:20px 30px; border-radius:5px; border-color: lightgrey darkgrey darkgrey lightgrey;
    background-image: linear-gradient(rgb(243,243,243), rgb(230,230,230));
}

.imgContainerRight {
    display:inline-block; float:right; margin-left:20px; background-color:white; padding:5px; border:solid 1px black;
}

.imgContainerLeft {
    display:inline-block; float:left; margin-right:20px; background-color:white; padding:5px; border:solid 1px black;
}
h1 {
    font-size: 24px;
}

h3 {
    font-family: verdana, helvetica, sans-serif;margin:0px; color:white;
}
.footerButton {
    font-family: verdana, helvetica, sans-serif;
    text-decoration:none;
    color: white;
    margin-right:25px;
}

.footerText {
    font-family: verdana, helvetica, sans-serif;
    font-size:14px; line-height:14px;
    color: white;
    
}

.kat > .speisen {
    display: none; padding-left:50px;
}

.kat > a {
    text-decoration: none; cursor:pointer; font-size:x-large; font-weight: bold; color: darkred;;
}

.open > .speisen {
    display: block; 
}

.kat > a::before {
    content: '\25BA ';
}
.open > a::before {
    content: '\25B2 ';
}