/* ------------------------------------------------ */
/* CSS Datei für Besucherbergwerk Wetzsteinstollen  */
/* ------------------------------------------------ */

* html{ height: 100%; width: 100%; overflow:auto; }

body {
 width: 100%;
 height: 100%;
 overflow:auto;
 padding: 0;
 margin: 0;
}

#body{
 width:100%;
 height: 100%;
 overflow: auto;
 position: absolute;
 font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
 font-size: 12px;
 text-align: left;
 color: #000000;
 background-image: url('../background/felsschichten.jpg');
 background-attachment: fixed;
 background-size: cover;

 display: table;
}

#body a, #body a:visited, #body a.pager, #body a.pager:visited {
 color: #5555AA;
    text-decoration: underline;
}
#body a.totop, #body a.totop:visited, #body a.totop:hover {
 color: #5555AA;
 text-decoration: none;
}
#body a:hover, #body a.pager:hover {
    text-decoration: underline;
}

.marquee {
 max-width: 770px; /* Breite der Laufschrift */
 white-space: nowrap;
 overflow: hidden;
 /* hier evtl. noch font-size, color usw. */
}
#marquee a.marquee {
 font-size: 24px;
 text-decoration: none; 
 font-weight: bold;
 color: black;
}
#marquee a.marquee:hover {
 font-size: 24px;
 text-decoration: underline; 
 font-weight: bold;
 color: black;
}
.marquee span {
 display: inline-block;
 padding-left: 100%;
}
/* Optional: mouseover (oder Tipp auf dem Touchscreen) pausiert die Laufschrift */
 .marquee span:hover {
 animation-play-state: paused 
}
/* Make it move */
@keyframes marquee {
 0% { transform: translateX(0); }
 100% { transform: translateX(-100%); }
}

#wrap-table { 
 margin-left: auto;
 margin-right: auto;
}

/* frame top color */
.ftc {
 color: #edf5f7;
}
 
.rightbg {
	background-image:url('../frame/middle.gif');
	background-position:right;
	background-repeat:repeat-y;
}

/*
.rightbgtop {
	background-image:url('../../../designs/design99/color8/images/top.gif');
	background-position:right;
	background-repeat:repeat-y;
}
*/
.button {
  background-color: #889bae;
  border: none;
  border-radius: 10px;
  color: white;
  padding: 5px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}

.button1 {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.button2:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}
.centered{
  text-align:center;
}

* {box-sizing: border-box}
.mySlides1, .mySlides2, .mySlides3, .mySlides4 {display: none}

/* Slideshow container */
.slideshow-container {
 max-width: 1000px;
 /* height: 240px; */
 position: relative;
 margin: auto;
}

/* Next & previous buttons */
.prev, .next {
 background-color: #889bae;
 cursor: pointer;
 position: absolute;
 top: 50%;
 width: auto;
 padding: 8px;
 margin-top: -22px;
 color: white;
 font-weight: bold;
 font-size: 18px;
 transition: 0.6s ease;
 border-radius: 10px;
 user-select: none;
}
/* Position the "next button" to the right */
.next {
 right: 0;
}
/* On hover, add a grey background color */
.prev:hover, .next:hover {
 color: black;
 box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); 
}

/* Caption text */
.text {
 color: #f2f2f2;
 font-size: 10px;
 padding: 8px 12px;
 position: absolute;
 bottom: 0px;
 width: 100%;
 text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
 color: #f2f2f2;
 font-size: 10px;
 margin-left:75px;
 padding: 8px 12px;
 position: absolute;
 top: 0;
}

/* ************************************************ */
/* Design Css for Color: color.css */

/* td,p { font-size:12px; } */
.bot { font-size:12px;color:#889BAE; }   
.fname-bg {
	background-color:#889bae;
}

/* ************************************************ */
/* Custom Css Part */

#body td {font-size: 12px;font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;color: #000000;}
#body p {font-size: 14px;color: #000000;}
#body .bot, #body .bot td, #body .bot p, #body div .bot #totop, #body td .bot #totop{
font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;font-size: 11px;color: #889BAE;
}
p {
    margin-top: 0.0em;
    margin-bottom: 0.0em;
}

object.videoObject {display: none;}*+html object.videoObject {display: block;}* html object.videoObject {display: block;}embed.videoEmbed {display: block;}*+html embed.videoEmbed {display: none;}* html embed.videoEmbed {display: none;}