/* $Id: lib.css 918 2026-02-13 13:22:48Z wh $ */
/*PopUp*/
/* PopUp (background) */
.popup {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed in screen */
  z-index: 1; /* Sit on top */
  padding-top: 50px; /* Location of popup */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: hidden; /* Enable scroll if needed */
  background-color: rgba(0,0,0,0.2); /* Black w/ opacity */
}
/* PopUp Content */
.popup-content {
  background-color: #eee;
  margin: auto;
  padding: 20px;
  border: 2px solid #888;
  width: 60%;
  border-radius:10px;
}
/*
.popup-content img {
	width: 64px;
	height: 64px;
}
*/
.center {
	align: center;
	vertical-align: middle;
}
/* The Close Button */
#close {
  color: #aeaeae;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
#close:hover,
#close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
table.popselect {
	width: 90%;
}
table.popselect caption {
	width: 100%;
	background-color: #aaf;
}
table.popselect tr:hover {
  background-color: #ff8;
}
/* Bild über anderem */
img.picinfolder {
	position: absolute;
	width: 80% !important;
	height: 60% !important;
	border-radius: 10px;
/*
	display: block;
*/
	margin-left: 10%;
	margin-top: 10%;
}

/* Eingabe */
.w50 {
	width: 50px !important;
}
.w100 {
	width: 100px !important;
}
.w500 {
	width: 500px !important;
}
.fixspace {
	font-family:courier;
}

/* Media */
span.right {
	float: right;
	padding-right: 10px;
}

@media (min-width:600px){
	div.thumb {
		width:25%;
	}
}
@media (min-width:1000px) {
	div.thumb {
		width:25%;
	}
}
@media (min-width:1600px) {
	div.thumb {
		width:7%;
	}
}
div.jpegfilm {
	background-color: #000;
	height: 100%;
	width: 100%;
	align: center;
}
div.jpegfilm img {
/*
	width: 800px;
	height: 800px;
*/
}
input.filmslider {
  -webkit-appearance: none;
  width: 500px;
  height: 25px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
  vertical-align: middle;
}
input.filmslider:hover {
  opacity: 1;
}
input.filmslider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #60f141;
  cursor: pointer;
}
input.filmslider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #04AA6D;
  cursor: pointer;
}
span.bildnr {
	display: inline-block;
	width:30px;
	color: #8f8;
	text-align: center;
	font-weight: bold;
}

/* startstop button */
.startstop_container {
	cursor:pointer;
	caret-color:transparent;
	display:inline;
}
/* hide checkbox */
.startstop_container input {
	display:none;
}
/* hide the checked checkbox */
.img-checked {
	display:none;
}
/* if checked show checked image */
.startstop_container input:checked ~ .img-checked {
	display: inline;
}
/* if checked hide unchecked image */
.startstop_container input:checked ~ .img-unchecked {
	display: none;
}
img.knopf {
	cursor: pointer;
}
input.knopf {
	font-weight: bold;
	border-radius: 4px;
	background: linear-gradient(to top, #aaa 0%,#fff 100%);
	cursor: pointer;
}
input.knopf:hover {
	background: linear-gradient(to top, #bcb 0%,#fff 100%);
}
input.knopf:active {
	background: #aaa;
}
a.knopf {
	display: inline-block;
	border: #fff;
	border-width: 2px;
	border-radius: 2px;
	background: linear-gradient(to top, #aaa 0%,#fff 100%);
	cursor: pointer;
	height: 23px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	text-color: #000;
}
a.knopf:visited {
	color: #000;
}

a.knopf:hover {
	background: linear-gradient(to top, #bcb 0%,#fff 100%);
}
a.knopf:active {
	background: #aaa;
}