﻿* {margin:0;padding:0; font-family:sans-serif; color: #151515}
body {background-color:white;}

#wrapper {margin:0px auto; width:auto; background-color:#FFFFFF;}

#header {width:100%; margin:0px auto; position:fixed; z-index:9999; background-color:white; border-bottom: 3px #4caf50 solid;}
#header img {padding:8px 0% 8px 13%; float:left;}
#header p {font-size:35px;}

#nav {width:70%; margin:0px auto; margin-left: 100px;}
#nav ul {padding: 30px 0px 0px 25%;}
#nav ul li {display:inline; padding:10px 15px}
#nav ul li a {font-weight:bold; padding-left:7px}
#nav ul li a:link{text-decoration:none; color:gray;}
#nav ul li a:visited{text-decoration:none; color:gray;}
#nav ul li a:hover{text-decoration:none; }
#nav ul li a:active { text-decoration:none; color:black}

#bild { width:auto; clear:both; height:600px; background-position:bottom; /*opacity:0.85;*/ background-repeat:no-repeat; background-size: cover; }

#bild p { font-family: Arial; color:white; padding-top:250px; padding-left:30px; font-size: 25px }
#bild h3{font-size:20px;}

#info p {padding-bottom: 15px;}


#content {margin: 0px auto; height:auto; padding-left:20px; width:50%; }
#content h2 {padding-top:40px; color:#424242; }
#content h4 {font-size:20px;}
#content p {line-height:150%; color:#424242; }
#content h5 {font-size:18px; font-weight:bold;}
#content a:link{text-decoration:none; color:black;}
#content a:visited{text-decoration:none; color:black;}

#buffet table th  { padding:20px 20px; width:400px; text-align: center }
#buffet table td  { padding:20px 20px; text-align:center;}

#carte table td {padding:10px 0px; border:none;}

#hallo h3 {padding-top:40px; font-size:22px}

#flyer img {display:block; margin-right:auto; margin-left:auto; margin-top:20px;}
#flyer dl dd {text-align:center; font-weight:bold; }
#flyer a:link{color:black; text-decoration: none;}
#flyer a:visited{color:black;}


#foto img {margin:5px 0px; border:2px #dcdcdc solid;}

#menu table {line-height: 250%;}
#menu table tr th td {padding:5px 15px;}
#menu tfoot tr td {border:none; text-align:right; font-style:oblique;}

.contact {line-height: 150%; margin-top: 10px;}


#map {margin-left: 325px; margin-top:10px; min-width: 400px; }
iframe{min-width: 400px;}

.images {width: 45%; padding-left: 15px; float: left;}
.upper {margin: 15px auto 30px auto;}
.upper::after {
    content: "";
    clear: both;
    display: table;
  }

#footerDiv {background-color:#585858; height: 100px; margin-top: 200px;}
#footerDiv ul {text-align: center; padding-top: 40px;}
#footerDiv ul li {display: inline; padding:0px 10px;}
#footerDiv ul li a {padding-left:7px; color: #FFFFFF;}
#footerDiv ul li a:link{text-decoration:none; color:#FFFFFF;}
#FooterDiv ul li a:visited{text-decoration:none; color:#FFFFFF;}
#FooterDiv ul li a:hover{text-decoration:none; }
#FooterDiv ul li a:active { text-decoration:none; color:black}

/* #gallery {
  position: relative;
}

#gallery figure {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  animation: wechseln 15s infinite;
}

#gallery figure:last-of-type {
  position: relative;
}

#gallery figcaption {
  position: absolute;
  left: 1em;
  bottom: 0.5em;
  z-index: 2;
  color: white;
}


@keyframes wechseln {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	60% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

#gallery figure:nth-of-type(2) {
	animation-delay: 5s;
	opacity: 0;
}

#gallery figure:nth-of-type(3) {
	animation-delay: 10s;
	opacity: 0;
} */