﻿/* CSS layout */
#masthead {
}
#top_nav {
}
#page_content {
}
#footer {
}

.auto-style2 {
	border-color: #000000;
	border-collapse: collapse;
}
.auto-style5 {
	text-align: center;
	border-bottom-color: #D4AF37;
	border-bottom-style: solid;
	border-bottom-width: medium;
}
.auto-style6 {
	border-collapse: collapse;
	border: 1px solid #000000;
	background-color: rgba(255,255,255,0.1);
}
.auto-style7 {
	border-collapse: collapse;
	border: 1px solid #000000;
	
}
.auto-style10 {
	background-color: rgba(192,192,192,0.6);
	text-align: left;
}
.auto-style11 {
	text-align: right;
	background-color: rgba(0,0,0,0.6);
}
											 .auto-style14 {
												 color: #FFFFFF;
											 }
											 .auto-style16 {
												 color: #D4AF37;
												 font: 25px Arial, Helvetica, sans-serif;
												 text-align: left;
											 }
											 .auto-style17 {
	font-family: "Edwardian Script ITC";
	font-size: 50px;
}
											 .auto-style20 {
												 font-family: "Edwardian Script ITC";
												 font-size: x-small;
												 
											 }
											 .auto-style22 {
												 background: rgb(0,0,0); 
  background: rgba(0, 0, 0, 0.9);
											 }
											 .auto-style23 {
												 color: #000000;
												 font-size: x-large;
											 }
											 .auto-style24 {
												 border-collapse: collapse;
											 }
											 .auto-style26 {
												 border-style: solid;
												 border-width: 1px;
												 margin: 1px;
											 }
											 .auto-style28 {
												 text-align: center;
												 background-color: white;
											 }
											 .auto-style29 {
												 background-color: rgba(192,192,192,0.6);
												 text-align: center;
											 }
											 .auto-style8 {
	text-decoration: none;
	color: #FFFFFF;
}
.auto-style4 {
	color: #000000;
}
	 .auto-style30 {
												 color: #D4AF37;
												 font: normal normal bold 200% "Edwardian Script ITC";
											 }
#cookiedingsbums a {color:#000; text-decoration:none;}

#cookiedingsbums a:hover {text-decoration:underline;}

#cookiedingsbums div {padding:10px; padding-right:40px;}

#cookiedingsbums { 
   outline: 1px solid #7b92a9; 
   text-align:right; 
   border-top:1px solid #fff;
   background: #d6e0eb; 
   background: -moz-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6e0eb), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
   background: -ms-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #d6e0eb 0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 ); 
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:12px; 
   line-height:16px;}

#cookiedingsbumsCloser {
   color: #777;
   font: 14px/100% arial, sans-serif;
   position: absolute;
   right: 5px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 5px;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #7b92a9; 
   border-right:1px solid #7b92a9; 
   padding:4px;
   background: #ced6df; /* Old browsers */
   background: -moz-linear-gradient(top, #ced6df0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -ms-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #ced6df0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 ); 
 }

#cookiedingsbumsCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}


main {
	background: transparent;
	border-color: transparent;
}

#gallery {
	position: relative;
	margin: 0;
	background: none;
	border: none;
}

#gallery figure {
	position: absolute;
	display: inline-block;
	top: 0;
	left: 2em;
	z-index: 1;
	animation: wechseln 15s infinite;
}

#gallery figure:last-of-type {
	position: relative;
}

#gallery > figure figcaption {
	position: absolute;
	left: 1em;
	font-size: 2em;
	font-weight: bold;
	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;
}