@import url(https://fonts.googleapis.com/css?family=Enriqueta:700);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);
html {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	background-color: #4a0000;
	}
	
a, a:visited {
	color: black;
	text-decoration: none;
	}

h1, h2 {
	font-family: 'Enriqueta', serif;
	color: white;
	text-align: center;
	}
	
h5, h6 {
	font-family: 'Source Sans Pro', sans-serif;
	color: black;
	text-align: center;
	}

div.navi {
	width: 80px;
	position: fixed;
	border: 20px solid transparent;
	border-image-source: url(bilder/rahmen.png);
	border-image-slice: 20;
	background-image: url(bilder/bgl.png);
	box-shadow: 0px 0px 10px #490000;
	left: 50%;
	transform: translateX(-630px);
	}
	
div.navilink {
	font-family: 'Source Sans Pro', sans-serif;
	margin-left: -13px;
	margin-bottom: 5px;
	width: 100px;
	height: 19px;
	background-color: #EFE375;
	border-radius: 10px;
	border: 3px solid #c25029;
	box-shadow: 0px 0px 5px 1px #c25029;
	transition-property: background-color;
	transition-duration: 500ms;
	transition-timing-function: ease;
	text-align: center;
	font-size: 14px;
	}
	
	div.navilink:hover {
	background-color: orange;
	}

div.wrapper {
	width: 960px;
	height: auto;
	margin: auto auto auto auto;
	padding: 0px;
	background-color: darkred;
	border: 20px solid transparent;
	border-image-source: url(bilder/rahmen.png);
	border-image-slice: 20;
	background-image: url(bilder/bgl.png);
	box-shadow: 0px 0px 10px #490000;
	}

div.kopf {
	font-family: 'Enriqueta', serif;
	height: 165px;
	margin: 0 auto 0px auto;
	background-image: url(bilder/huette.png);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	line-height: 130pt;
	font-size: 48pt;
	color: darkred;
	text-shadow: 1px 1px 0 #ffffff,
    -1px 1px 0 #ffffff,
    1px -1px 0 #ffffff,
    -1px -1px 0 #ffffff,
    0px 1px 0 #ffffff,
    0px -1px 0 #ffffff,
    -1px 0px 0 #ffffff,
    1px 0px 0 #ffffff,
    2px 2px 0 #ffffff,
    -2px 2px 0 #ffffff,
    2px -2px 0 #ffffff,
    -2px -2px 0 #ffffff,
    0px 2px 0 #ffffff,
    0px -2px 0 #ffffff,
    -2px 0px 0 #ffffff,
    2px 0px 0 #ffffff,
    1px 2px 0 #ffffff,
    -1px 2px 0 #ffffff,
    1px -2px 0 #ffffff,
    -1px -2px 0 #ffffff,
    2px 1px 0 #ffffff,
    -2px 1px 0 #ffffff,
    2px -1px 0 #ffffff,
    -2px -1px 0 #ffffff;
	}
	
div.menue {
	height: 30px;
	margin: 10px auto 15px auto;
	font-family: 'Enriqueta', serif;
	line-height: 21pt;
	text-align: center;
	}
	
div.link {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 20px;
	margin-right: 15px;
	width: 174px;
	height: 30px;
	background-color: #EFE375;
	border-radius: 20px;
	border: 3px solid #c25029;
	float: left;
	box-shadow: 0px 0px 5px 1px #c25029;
	transition-property: background-color;
	transition-duration: 500ms;
	transition-timing-function: ease;
	}
	
	div.link:hover {
	background-color: orange;
	}
	
div.link-last {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 20px;
	width: 174px;
	height: 30px;
	background-color: #EFE375;
	border-radius: 20px;
	border: 3px solid #c25029;
	float: right;
	box-shadow: 0px 0px 5px 1px #c25029;
	transition-property: background-color;
	transition-duration: 500ms;
	transition-timing-function: ease;
	}	
	
	div.link-last:hover {
	background-color: orange;
	}
	
div.inhalt {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border: 3px solid #c25029;
	border-radius: 20px;
	background-image: url(bilder/pergament.jpg);
	box-shadow: 0px 0px 10px #200000;
	}
	
	div.inhalt table {
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 20px;
		width: 500px;
		margin-left: 270px;
		}
		
	div.inhalt tr {
		height: 20px;
		}
		
	div.inhalt td {
		width: 200px;
		}
		
	div.inhalt img {
		width: 250px;
		border: 3px solid #c25029;
		border-radius: 20px;
		float: right;
		margin-top: 10px;
		}
		
div.infos {
	width: auto;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14pt;
	text-align: center;
	line-height: 14pt;
	height: 235px;
	}
		
div.impressum {
	font-family: 'Source Sans Pro', sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	border: 3px solid #c25029;
	border-radius: 20px;
	background-image: url(bilder/pergament.jpg);
	box-shadow: 0px 0px 10px #200000;
	text-align: center;
	}
	
	div.impressum h1, h2 {
	font-family: 'Enriqueta', serif;
	color: darkred;
	text-align: center;
	}
	
	div.impressum table {
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 20px;
		width: 500px;
		margin-left: 200px;
		white-space: nowrap;
		}
		
	div.impressum tr {
		height: 20px;
		}
		
	div.impressum td {
		width: 300px;
		}
		
div.vorspeise {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	border: 3px solid #c25029;
	border-radius: 20px;
	background-image: url(bilder/pergament.jpg);
	box-shadow: 0px 0px 10px #200000;
	}
	
table.vorspeise {
	font-family: 'Source Sans Pro', sans-serif;
	border: 1px solid transparent;
	font-size: 18pt;
	margin-bottom: 10px;
	}
	
div.reis {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	border: 3px solid #c25029;
	border-radius: 20px;
	box-shadow: 0px 0px 10px #200000;
	background-image: url(bilder/pergament.jpg);
	}
	
div.nudeln {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	border: 3px solid #c25029;
	border-radius: 20px;
	box-shadow: 0px 0px 10px #200000;
	background-image: url(bilder/pergament.jpg);
	}
	
div.huehner {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	border: 3px solid #c25029;
	border-radius: 20px;
	box-shadow: 0px 0px 10px #200000;
	background-image: url(bilder/pergament.jpg);
	}
	
div.schwein {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	border: 3px solid #c25029;
	border-radius: 20px;
	box-shadow: 0px 0px 10px #200000;
	background-image: url(bilder/pergament.jpg);
	}
	
div.rind {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	border: 3px solid #c25029;
	border-radius: 20px;
	box-shadow: 0px 0px 10px #200000;
	background-image: url(bilder/pergament.jpg);
	}

div.ente {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	border: 3px solid #c25029;
	border-radius: 20px;
	box-shadow: 0px 0px 10px #200000;
	background-image: url(bilder/pergament.jpg);
	}
	
div.fisch {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	border: 3px solid #c25029;
	border-radius: 20px;
	box-shadow: 0px 0px 10px #200000;
	background-image: url(bilder/pergament.jpg);
	}
	
div.garnele {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	border: 3px solid #c25029;
	border-radius: 20px;
	box-shadow: 0px 0px 10px #200000;
	background-image: url(bilder/pergament.jpg);
	}
	
div.vegetarisch {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	border: 3px solid #c25029;
	border-radius: 20px;
	box-shadow: 0px 0px 10px #200000;
	background-image: url(bilder/pergament.jpg);
	}

div.kinder {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	border: 3px solid #c25029;
	border-radius: 20px;
	box-shadow: 0px 0px 10px #200000;
	background-image: url(bilder/pergament.jpg);
	}	

div.spezial {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	border: 3px solid #c25029;
	border-radius: 20px;
	box-shadow: 0px 0px 10px #200000;
	background-image: url(bilder/pergament.jpg);
	}
	
div.nachspeise {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	border: 3px solid #c25029;
	border-radius: 20px;
	box-shadow: 0px 0px 10px #200000;
	background-image: url(bilder/pergament.jpg);
	}
	
div.alkoholfrei {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	border: 3px solid #c25029;
	border-radius: 20px;
	box-shadow: 0px 0px 10px #200000;
	background-image: url(bilder/pergament.jpg);
	}
	
div.warm {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	border: 3px solid #c25029;
	border-radius: 20px;
	box-shadow: 0px 0px 10px #200000;
	background-image: url(bilder/pergament.jpg);
	}
	
div.bier {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	border: 3px solid #c25029;
	border-radius: 20px;
	box-shadow: 0px 0px 10px #200000;
	background-image: url(bilder/pergament.jpg);
	}
	
div.schnaps {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	border: 3px solid #c25029;
	border-radius: 20px;
	box-shadow: 0px 0px 10px #200000;
	background-image: url(bilder/pergament.jpg);
	}
	
div.wein {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	border: 3px solid #c25029;
	border-radius: 20px;
	box-shadow: 0px 0px 10px #200000;
	background-image: url(bilder/pergament.jpg);
	}
	
tr.top {
	text-align: center;
	}
	
td.essen {
	text-align: left;
	width: 850px;
	}
	
td.getraenk {
	width: 750px;
	}

td.menge {
	width: 150px;
	text-align: right;
	padding-right: 50px;
	}
	
td.nummer {
	vertical-align: top;
	width: 75px;
	}
	
td.preis {
	vertical-align: top;
	text-align: right;
	padding-right: 100px;
	}
	
td.Gpreis {
	vertical-align: top;
	text-align: right;
	}
	
div.slideshow {
	position: relative;
	height: 495px;
	margin: 5px auto 0 auto;
	}

div.slideshow img {
	left: 0;
	position: absolute;
	animation-name: slide;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 18s;
	animation-direction: alternate;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 18s;
	-webkit-animation-direction: alternate;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: infinite;
	-moz-animation-duration: 18s;
	-moz-animation-direction: alternate;
	-o-animation-timing-function: ease-in-out;
	-o-animation-iteration-count: infinite;
	-o-animation-duration: 18s;
	-o-animation-direction: alternate;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-iteration-count: infinite;
	-ms-animation-duration: 18s;
	-ms-animation-direction: alternate;
	border-radius: 10px;
	box-shadow: 0px 0px 10px #200000;
	}
	
@keyframes slide {
  0% {
    opacity:1;
  }
  33% {
    opacity:0;
  }
  66% {
  	opacity:0;
  }
  100% {
    opacity:1;
  }
}

div.slideshow img:nth-of-type(1) {
  	animation-delay: 12s;
	-webkit-animation-delay: 12s;
	-moz-animation-delay: 12s;
	-ms-animation-delay: 12s;
	-o-animation-delay: 12s;
	}
	
div.slideshow img:nth-of-type(2) {
  	animation-delay: 6s;
	-webkit-animation-delay: 6s;
	-moz-animation-delay: 6s;
	-ms-animation-delay: 6s;
	-o-animation-delay: 6s;
	}
	
div.slideshow img:nth-of-type(3) {
  	animation-delay: 0s;
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-ms-animation-delay: 0s;
	-o-animation-delay: 0s;
	}