@charset "utf-8";
/* CSS Document */

.XeNETBilder {
	position:relative;
	display:inline-block;
	}

.XeNETBilder > img {
	display:none;
	margin:auto;
	height:100%;
	width:100%;
    object-fit: contain;
	border:#000000 thin solid;
	}

.XeNETBilder > img:first-of-type {
	display:inline-block;
	}
	
.XeNETBilderOben {
	display:none;
	position:absolute;
	background: #FF0000;
	margin: 0px;
	padding: 0px;
	height: 5px;
	top: -5px;
	left: -5px;
	right: -5px;
	width:50%
	}

.XeNETBilderLinks {
	display:none;
	position:absolute;
	background: #00FF00;
	margin: 0px;
	padding: 0px;
	width: 5px;
	left: -5px;
	top:0px;
	bottom:0px;
	}

.XeNETBilderRechts {
	display:none;
	position:absolute;
	background: rgba(0, 0, 128, 0.6);
	border-radius: 0.5em;
    	font-size: 12px;
	margin: 0px;
	padding: 1px;
	width: 5px;
	right: -5px;
	top:0px;
	bottom:0px;
	}

.XeNETBilderUnten {
	display:none;
	position:absolute;
	background: #FF0000;
	margin: 0px;
	padding: 0px;
	height: 5px;
	bottom: -5px;
	left: -5px;
	right: -5px;
	width:50%
	}

.XeNETBilderTitle {
	position:absolute;
	margin: auto;
	padding: 1px;
	top: 5px;
	left: 5px;
	background: #000000;
	font-size: 70%;
	color:#FFFFFF;
	}

.XeNETBilderZoom {
	position:absolute;
	margin: auto;
	padding: 1px;
	top: 5px;
	right: 5px;
	background: #000000;
	font-size: 70%;
	color:#FFFFFF;
	cursor: pointer;
	}

.XeNETBilderDots {
	position:absolute;
	bottom: 10px;
	right: 10px;
	}

.XeNETBilderDot {
	margin: 0px 1px;
	padding: 1px;
	padding-left: 5px;
	padding-right: 5px;
	background: #000000;
	color:#FFFFFF;
	font-size: 70%;
	cursor: pointer;
    }

.XeNETBilderDot.off {
	}

.XeNETBilderDot.on {
	background: #FFFFFF;
	color:#000000;
	}
	
.XeNETBilder.links {
	width: 45%;
	float: left;
	margin-right: 2em;
	}
	
.XeNETBilder.rechts {
	width: 45%;
	float: right;
	margin-left: 2em;
	}

.XeNETBilder.mitte {
	width: 60%;
	margin-left: 20%;
	}

.XeNETBilder.zoom {
	width: 100%;
	float:none;
	margin-left: 0%;
	margin-right: 0%;
	}
	
@media print {
	}
	
@media screen and (max-width:800px) {
	.XeNETBilderZoom {
		display:none;
		}
	.XeNETBilder.links {
   		width: 99%;
		float: none;
		margin-right: 0px;
		}
    .XeNETBilder.rechts {
   		width: 99%;
		float: none;
		margin-left: 0px;
		}
    .XeNETBilder.mitte {
   		width: 99%;
     	margin-left: 0px;
		}
	}