.achtung {
	position: absolute;
	padding:.5em;
	margin-top:1em;
	margin-left:1em;
	margin-right:1em;
	background: #700;
	color:yellow;
	width: 90%;
	max-width:50em;
}
.overlay {
	background: #00000000;
	color:#fff;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	display: block;
	position:fixed;
	border: .5em solid red;
	z-index: 32000;
}
#gtable {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	border-spacing:0px;
	border-width:0px;
	border-style:none;
}

#headtd, #foottd{
	vertical-align:middle;
	width:100%;
}

table#htable {
	width:100%;
}
#hdrlft {
}
#hdrmid {
}
#hdrrgt {
}
#hdrlft, #hdrrgt {
}
#hdrlft img, #hdrrgt img {
	vertical-align:middle;
	border:none;
	max-width: 20vw;
	max-height: 100%;
	position: absolute;
	bottom: 0px;
}
#hdrmid img { 
max-width: 100%;
}
#hdrmid {
	text-align:center;
	vertical-align:middle;
}
div.hdrmidcont {
	color:#111133;
	background-color:rgba(128, 128, 128, 0.5);
    font-family: "Comic Sans MS", "Comic Sans", cursive;
}
div.hdrmidcont h1 {
	font-size: clamp(1rem, 0.1290rem + 3.8710vw, 4rem);
	margin:0;
}
div.hdrmidcont h4 {
	margin:0;
}
div.albtd,
div.thutd {
	text-align: center;
	font-size:0;
}

div.uebdiv {
	display:inline;
	font-weight:bold;
	text-decoration:none;
	padding:3px 0px;
	float:right;
}
div.uebdiv img {
	border:none;
}
div#hdrmidimg {
	float:left;
	display:inline;
}
#foottd {
	height:30px;
}
table#foottbl {
	width:100%;
}
.footmid {
	font-weight:bold;
	color:#aa3333;
	text-align:center;
}
.footrgt {
	text-align:right;
	font-weight:bold;
	color:#33aa33;
}
.navtd {
	background-color:#eeeeee;
}

.navtdnav {
	width:100%;
	background-color:#e0e0e0;
}
#albtd, #thutd, #imgtd {
	text-align:center;
	width:100%;
}
#albtd {
	background-color:#ffffee;
}
td.navtd {
	background-color:#e0e0e0;
}
#thutd {
	background-color:#eeeeff;
}
#imgtd {
/*	background-color:#eeeeff; */
}
#destd {
	background-color:#ffeeff;
	padding:6px 20px;
}
#settd {
	padding:20px 5px;
	width:100%;
	background-color:#aaaaaa;
}
#nultd,#inftd {
	width:100%;
	background-color:#eeffff;
}
#destd h1 {
	font-size:12pt;
	margin:0px;
	padding:0px;
	display:inline;
}
#destd h2 {
	font-size:10pt;
	margin:0px;
	padding:0px;
	margin-left:20px;
	display:inline;
}
#cnftd .prmpt {
	font-size:8pt;
	font-weight:bold;
}
#cnftd .currval {
	font-weight:bold;
	font-size:8pt;
	color:#007700;
}
#cnftd .ncurrval {
	font-size:7pt;
	color:black;
}

div.cnfdivl {
	float:left;
	margin-left:10px;
}
div.cnfdivr {
	float:right;
	margin-right:10px;
}
.albdsc {
	margin-bottom:.5em;
}
#idxtbl {
	width:100%;
}
#idxtbl th {
	font-weight:bold;
	color:#007777;
	border-bottom:1px solid #007777;
}
	
#idxtbl td {
	vertical-align:top;
}
#nultd h1 {
	font-size:24px;
	font-weight:bold;
	color:#119911;
	text-align:center;
}
#nultd h2 {
	font-size:20px;
	font-weight:bold;
	color:#077707;
	text-align:center;
}
#inftd h1 {
	font-size:24px;
	font-weight:bold;
	color:#119911;
}
#inftd p {
	font-weight:bold;
	color:#000099;
}

div.infos {
	padding: 10px 20px 20px 20px;
}

div.infos h1 {
	font-size:1em;
}

div#albinfH {
}
div#albinfJ {
	text-align:center;
	position:absolute;
	top:30px;
	right:30px;
	background-color:#eeeeee;
}
div#albinfJ table {
	margin-left:auto;
	margin-right:auto;
}
div#albinfJ table td {
	text-align:left;
	padding: 2px 4px;
}
form table td.inpt {
	padding: 2px 0px;
}
form table td.prmpt {
	font-weight:bold;
	text-align:right;
	padding: 0px 1em;
}

div.albinfo table td.prmpt {
	font-size:.8em;
	font-weight:bold;
	vertical-align:top;
	text-align:right;
	padding: 0px 4px;
}

div.confdiv {
	background-color:#ffeeff;
	padding:10px;
	border:1px solid blue;
}

div#confdivH {
	margin:20px;
	width:50%;
}
div#confdivJ {
	position:absolute;
	top:100px;
	right:4%;
	margin-right:20px;
	visibility:hidden;
}

div.confblk {
	float:left;
}

div.confblk1 {
	width:48%;
}

div.confblk2 {
	border-left:1px solid blue;
	padding-left:3px;
	margin-left:6px;
	width:48%;
}

div.confblk3 {
	border-left:1px solid blue;
	padding-left:3px;
	margin-left:6px;
	width:60px;
}

div.item {
	font-size:.8em;
	height:16pt;
}
div.item span {
	font-weight:bold;
	text-align:right;
}
div.item select,
div.item input,
div.item textarea {
	font-size:1em;
	float:right;
}

div.confblk1 select {
	text-align:right;
	width:50px;
}
div.confblk2 select {
	width:80px;
}
div.confblk3 button {
	width:58px;
	font-weight:bold;
}
div.lbesdiv {
	font-size:.8em;
	font-weight:bold;
	text-decoration:none;
	padding:3px 0px;
	padding-right:5px;
	float:right;
}
div.pathline {
	width:100%;
	height:32px;
}
div.pathdiv, div.homediv {
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
	float:left;
	height:100%;
}
div.pathico {
	float:left;
}
div.pathline img,
div.navidiv img {
	padding:0px;
	border:none;
	margin:0px;
}
div.homediv {
	padding-left:10px;
}
div.pathdiv a, div.homediv a {
	color:#000000;
	text-decoration:none;
}

div.navidiv {
	height:32px;
	width:100%;
}
div.navleft, div.navpges, div.navright {
	display:inline;
}
div.navleft {
	width:10%;
	float:left;
	text-align:left;
}
div.navright {
	width:8%;
	float:right;
	text-align:right;
}
div.navpges {
	text-align:center;
}
div.navnext {
	color:white;
	font-weight:bold;
	font-size:12pt;
	text-align:center;
}
div.navnext:hover {
	color:yellow;
	background-color:#770000;
}

table#uebers {
	margin-left:auto;
	margin-right:auto;
}
table#uebers th {
	font-weight:bold;
	color:#007777;
	border-bottom:1px solid #007777;
}
table#uebers td {
	height:50px;
	border-bottom:1px solid silver;
}
table#uebers td.utxt {
	text-align:right;
	font-weight:bold;
	color:#000000;
	padding-right:4px;
}
table#uebers td img {
	vertical-align:middle;
	padding:0px 3px;
}

table#uebers td a {
	padding-left:5px;
	font-weight:bold;
	color:#777777;
	text-decoration:none;
	vertical-align:middle;
}

table#uebers td a.lvl0 {
	color:#000000;
}
table#uebers td a.lvl1 {
	color:#222244;
}
table#uebers td a.lvl2 {
	color:#224422;
}
table#uebers td a.lvl3 {
	color:#442222;
}
table#uebers td a.lvl4 {
	color:#333355;
}

.vidpicbox, .thupicbox, .albpicbox, .imgpicbox, .oripicbox {
	display:inline-block;
	padding:10px 10px 5px 10px;
	margin:3px;
	border:1px solid black;
	background-color:#ccccff;
}

.vidtxtbox, .thutxtbox, .albtxtbox, .imgtxtbox, .oritxtbox {
    font-family: Tahoma, Verdana, Helvetica;
	text-align:center;
	font-weight:bold;
}
.vidtxtbox, .thutxtbox, .albtxtbox {
	font-size:1em;
}
.vidtxtbox {
	color:#770000;
}

div.albtxtbox span.infoalb {
	font-size:.9em;
	font-weight:normal;
}


div.neutxt {
	color:green;
	font-weight:bold;
}

span.neutxt {
	color:green;
	font-weight:bold;
}

div.gexif {
	padding-top:4px;
	text-align:center;
	font-size:1em;
}
div.highcapline {
	clear:both;
	text-align:center;
}
div.highcapline.gexif {
	padding-top:0px;
	text-align:center;
	font-size:.9em;
}

span.rbezeich {
	font-weight:bold;
	float:right
}
span.ltitel {
	font-weight:bold;
	float:left
}
span.titel {
	text-align:center;
	font-weight:bold;
	padding-right:20px;
}

span.exif {
	text-align:right;
	padding-left:10px;
	font-weight:bold;
}

span.exifeven {
	color:#7777ff;
}

span.exifodd {
	color:#77ff77;
}

.icoline {
	padding:0 8px;
	font-size:1em;
}

.icoline .ico {
	padding-left:6px;
	float:right;
}
.icoline span {
	float:left;
}

button.navbutt {
	width:26px;
	height:26px;
	font-weight:bold;
}

#infodiv ul {
	font-weight:bold;
}

#introdiv {
	padding:20px 5px;
	position:relative;
}
#introdiv .licons {
	position:absolute;
	top:20px;
	left:6px;
	width:140px;
}
#introdiv .ricons {
	position:absolute;
	top:20px;
	right:6px;
	width:140px;
}
#divintro .ricons {
	text-align: right;
}
#divintro .ricons,
#divintro .licons {
	width:140px;
}

#divintro .aicon,
#introdiv .aicon {
	display:inline-block;
}
.aicon {
	text-align:left;
	width:138px;
	height:58px;
	padding:4px;
	margin-top:4px;
	border:1px solid red;
	font-weight:bold;
	font-size:10pt;
	color:#ffffff;
	box-shadow:0 0 15px 5px rgba(255,255,255,0.6);
	-o-transition: 1s;
	-ms-transition: 1s;
	-moz-transition: 1s;
	-webkit-transition: 1s;
	transition: 1s;
}

.aicon:hover {
	color:#0ff;
	box-shadow:0 0 15px 5px #ff7;
	border-radius:19px 7px;
}

.aicon a,
.aicon a:visited {
	font-weight:bold;
	font-size:10pt;
	color:#ffffff;
}
.aicon a:hover {
	color:#0ff;
}
#introdiv #intromid {
	margin: 4px 130px;
}
#intromid {
	color:#037;
	font-weight:bold;
	text-align:center;
}
#intromid span.klicks,
#intromid .introklicks {
	font-family:helvetica, sans-serif;
	font-size:8pt;
	color:#03f;
}
#intromid .introdesc {
	font-size: .8em;
}
#intromid h1 {
	font-size:20pt;
	margin:.5em;
	color:#037;
}
#intromid h2 {
	font-size:16pt;
	margin:.5em;
	color:#037;
}
img.intromidimg {
	max-width: 33vw;
}
.helpbox {
	position:fixed;
	width:300px;
	bottom:100px;
	left:100px;
	padding:20px;
	background-color:#f00;
	color:yellow;
	border:1px solid yellow;
}

.asecond {
	-o-transition: 1s;
	-ms-transition: 1s;
	-moz-transition: 1s;
	-webkit-transition: 1s;
	transition: 1s;
}
img.rotate:hover {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	transform:rotate(360deg);
}
@media (max-width:991px) {
  .pr-xs-0,
  .px-xs-0 {
    padding-right: 0 !important;
  }
  .pl-xs-0,
  .px-xs-0 {
    padding-left: 0 !important;
  }
  div.navnext {
	  margin:1em 0;
	  color:yellow;
	  background-color:#770000;
  }
}