/* Global Styles */

body {
	background-color:#006666;
	background-image:url(../img/IMG_7893-g85-web.jpg);
	margin-top:15px; 
	margin-bottom:15px;
	width:100%; 
	height:100%;
	margin-left:auto;
	margin-right:auto;	
	overflow-y: scroll;
	
	line-height: 1.166;
	background-size: cover;
	background-position: 50% 50%;
	background-attachment: fixed;
	min-width:1200px;
	max-width:1200px;

	}

td {
	font:11px arial;
	color:#333333;
	}
	
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#841347;
	margin-top:15px;
	margin-bottom:15px;
	}
	
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#841347;
	margin-top:10px;
	margin-bottom:10px;
	}
	
a {
	color: #841347;
	text-decoration:none;
	font-weight:bold;
	}
	
a:hover {
	color: #339999;

	}

img.foto1 {
 	transition: transform 0.5s;
 	border-color:#163C8F;
	 border-style:none;
	}

img.foto1:hover {
 	transform: scale(1.5, 1.5);
	}
	
/* ID Styles */

#main {
	position:relative;

	background-color:#006666;
	
	min-width:1200px;
	max-width:1200px;
	}

/* @keyframes banner {
	from { background-position: 0px 20px, 0px 10px, 0px -20px }
	to { background-position: 300px 20px, -400px 10px, -150px -20px }
} */

#head {
	background-color:#A63569;
	background-position: 50% 50%;
/*  background-image:url(../img/bj_banner-ws_web.jpg);
    background-image:url(../img/bj_banner-o_web.jpg);
	background-position: 60% 10%;  */
	height:200px;
	}

#logo {
	background-color:#FFFFFF;
	position:absolute;
	height:150px;
	width:260px;
	margin-top:20px;
	margin-left:23px;	
	border-radius: 60px 10px 60px 10px;

	
	border-width:5px;

/*	border-top:solid;
	border-left:solid;
	border-right:solid;
	border-bottom:solid; */
	border-top-color:#841347;
	border-left-color:#841347;
	border-right-color:#006666;
	border-bottom-color:#006666;
	border-style:groove;
	}
	
#text-banner {

	position:absolute;
	height:50px;
	width:850px;
	float:right;
	margin-top:145px;
	margin-left:330px;	
	}
	
#gallery-banner {
	position: relative;
	margin:0;
	background: none;
	border: none;
}

#gallery-banner figure {
	position: absolute;
	display: inline-block;
	top: 0;
	left: 0;
	z-index: 1;
	animation: bannerwechseln 75s infinite;
}

@keyframes bannerwechseln {
	0% {
		opacity: 1;
	}
	20% {
		opacity: 1;
	}
	40% {
		opacity: 0;
	}
	60% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

#gallery-banner figure:last-of-type {
/*	position: relative; */
	animation-delay: 0s;
	opacity: 0;
}

#gallery-banner figure:nth-of-type(2) {
	animation-delay: 10s;
	opacity: 0;
}

#gallery-banner figure:nth-of-type(3) {
	animation-delay: 20s;
	opacity: 0;
}


#gallery-banner figure:nth-of-type(4) {
	animation-delay: 30s;
	opacity: 0;
}

#gallery-banner figure:nth-of-type(5) {
	animation-delay: 40s;
	opacity: 0;
}

#gallery-banner figure:nth-of-type(6) {
	animation-delay: 50s;
	opacity: 0;
}

#gallery-banner figure:nth-of-type(7) {
	animation-delay: 60s;
	opacity: 0;
}

   #gallery-banner figure:nth-of-type(8) {
	animation-delay: 70s;
	opacity: 0;
} 

#navi {
	padding-top:10px;
	background-color:#841347;
	background-image:url(../img/bg-navi36d30.gif);
	height:30px;
	max-height:36px;
	font:16px arial;
	color:#FFFFFF;
	}
	
#navi a {
	font:16px arial;
	margin-left:50px;
	color: #ffffff;
	text-decoration:none;
	letter-spacing:.1em;
	}
	
#navi a:hover {
	color: #339999;
	}
	
#page {
	position:relative;

	min-height:780px;
	padding-left:315px;
	padding-right:315px;
	padding-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	}

#info {
	position:absolute;
	top:20px;
	left:25px;
	width:260px;

	background-color:#cccccc;

	border-radius: 60px 10px 60px 10px;
	}
	
#term {
	position:absolute;
	float:right;
	top:20px;
	right:25px;
	width:260px;

	background-color:#bbbbbb;

	border-radius: 60px 10px 60px 10px;
	}

#food {
	padding-top:5px;
	padding-bottom:5px;
	background-color:#841347;
	background-image:url(../img/bg-navi36d30.gif);
	height:30px;
	max-height:36px;
	font:16px arial;
	color:#FFFFFF;
	}

	
#food a {
	font:16px arial;
	margin-right:50px;
	color: #ffffff;
	text-decoration:none;
	letter-spacing:.1em;
	}
	
#food a:hover {
	color: #339999;

	}
#gallery {
	position: relative;
	margin:0;
	background: none;
	border: none;
}

#gallery figure {
	position: absolute;
	display: inline-block;
	top: 0;
	left: 0;
	z-index: 1;
	animation: wechseln 30s infinite;
}

#gallery figure:last-of-type {
	position: relative;
}

@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: 10s;
	opacity: 0;
}

#gallery figure:nth-of-type(3) {
	animation-delay: 20s;
	opacity: 0;
}

/*
#gallery figure:nth-of-type(4) {
	animation-delay: 30s;
	opacity: 0;
}

#gallery figure:nth-of-type(5) {
	animation-delay: 40s;
	opacity: 0;
}

#gallery figure:nth-of-type(6) {
	animation-delay: 50s;
	opacity: 0;
}

#gallery figure:nth-of-type(7) {
	animation-delay: 60s;
	opacity: 0;
}

#gallery figure:nth-of-type(8) {
	animation-delay: 70s;
	opacity: 0;
}

#gallery figure:nth-of-type(9) {
	animation-delay: 80s;
	opacity: 0;
}

#gallery figure:nth-of-type(10) {
	animation-delay: 90s;
	opacity: 0;
}

#gallery figure:nth-of-type(11) {
	animation-delay: 100s;
	opacity: 0;
}
*/



/* Class Styles */

.logo {
	font:18px times new roman;
	color: #0E177C;
	letter-spacing:.3em;
	font-weight:bold;
	line-height:22px;
	}

.tagline {
	font:11px times new roman;
	color: #CC3300;
	letter-spacing:.2em;
	}

.smallText {
	font:12px times new roman;
	color: #CC3300;
	line-height:18px;
	}

.pageHeader {
	font:30px times new roman;
	color: #CC3300;
	letter-spacing:.1em;
	line-height:38px;
	}
	
.headText {
	float:right;
	z-index:1;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	font:georgia;
	font-size:36px;
	color:#FFFFFF;
/*	color: #841347; */
	letter-spacing:.1em;
	text-align:right;
	font-style:oblique;
	text-shadow: 1px 1px 2px #006666,
	-1px -1px 2px #841347,
	2px 2px 2px #006666,
	-2px -2px 2px #841347;
	}
	
.bodyText {
	font:11px arial;
	color:#333333;
	line-height:24px;
	}
	
.pageText {
	font:20px georgia;
	color: #841347;
	letter-spacing:.1em;
	line-height:26px;
	}
	
.naviText {
	font:16px arial;
	color: #999900;
	letter-spacing:.1em;
	}
	
.infoText {
	font-size:16px; 
	color: #841347; 
	margin-left:20px; 
	margin-top:15px; 
	margin-right:20px; 
	font-family:Arial, Helvetica, sans-serif; 
	line-height:2;
	}
	
.infoText-h2{
	font-size: 32px; 
	color: #841347; 
	margin-left:20px; 
	margin-top:15px; 
	margin-right:20px;
	margin-bottom:-10px;
	font-family:Arial, Helvetica, sans-serif; 
	line-height:2;
	}
	
.termText {
	font-size:16px; 
	color: #841347; 
	margin-left:10px; 
	margin-top:15px; 
	margin-right:10px; 
	font-family:Arial, Helvetica, sans-serif; 
	line-height:2;
	}
	
.termText-h2{
	font-size: 32px; 
	color: #841347; 
	margin-left:10px; 
	margin-top:15px; 
	margin-right:10px;
	margin-bottom:-10px;
	font-family:Arial, Helvetica, sans-serif; 
	line-height:2;
	}
	
.foodText {
	float:left;
	margin-left:50px;
	margin-right:250px;
	margin-top:8px;

	font:16px arial;
	color: #999999;
	letter-spacing:.1em;
	}