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

html, body {
	height:100%;
}

.IBE {
	/*padding: 10px;
	border: 1px solid #999;
	display:inline-block;
	*/
	font-family:Verdana, Geneva, sans-serif;

	-webkit-user-select:none;
	-webkit-touch-callout:none;
	-webkit-tap-highlight-color:#fff;

	-webkit-tap-highlight-color: rgba(0,0,0,0);
	height:100%;
}
.IBE div{
	margin: 0px;
	padding: 0px;
}

.IBE .stage {
	overflow: visible;
	position: relative;
	z-index: 0;
	top:44px;
	right: 0px;
}
.IBE .stage div{
	position:absolute;
	top:0;
}
.IBE .stage .layer {
	height: 0;
	width: 0;
	overflow:visible;
}


.IBE .stage .layer .fenster{
	position:absolute;
	border:1px solid #fff;
	overflow:hidden;
}
.IBE .stage .layer .fenster .head{
	height:20px; width:100%;
	background-color:#CCC; border-bottom:1px solid #fff; background-image:url(../lib/img/ibe/leiste.png);
}
.IBE .stage .layer .fenster .head .close{
	width:16px; height:16px; background-image:url(../lib/img/ibe/close.png); background-repeat:no-repeat; position:absolute; top:2px; right:2px; cursor:pointer;
}
 .IBE .stage .layer .fenster .head .close:hover{border:1px solid #999; top:1px; right:1px}
 .IBE .stage .layer .fenster .head .close:active{border:1px inset #999;}


.IBE .stage .layer img{
	padding:0;
	margin:0;
}

.IBE .stage .layer .slider_hz{
	background:url(../lib/img/ibe/transparent.png) repeat;
	cursor:ew-resize;
}

.IBE .stage .layer .drehknopf{overflow:hidden}
.IBE .stage .layer .dreh_hz{
	background:url(../lib/img/ibe/transparent.png) repeat;
	cursor:pointer; cursor:move;
}

.IBE .stage .layer .hz{
	background:url(../lib/img/ibe/transparent.png) repeat;
	cursor:pointer;
}

.IBE .stage .layer .noscr{
	background:url(../lib/img/ibe/transparent.png) repeat;
	cursor:default;
}
.IBE .stage .noscr{
	background:url(../lib/img/ibe/transparent.png) repeat;
	cursor:default;
}

.IBE .noscr{
	background:url(../lib/img/ibe/transparent.png) repeat;
	cursor:default;
}

.IBE .preload{width:100%; height:100%; background-color:#fff; top:0; left:0; color:#bbb; cursor:wait}
.IBE .preload span{position:absolute; top:50%; width:100%; text-align:center}
.IBE .preload img{position:relative; top:-48px;}
.IBE .preload span.close{top:0; right:0; width:auto; cursor:pointer}


@media only screen and (orientation:landscape)
{
  .IBE .stage {top:0px;  }
  #Kopfzeile,#Fussleiste,#VariablerBereich{display:none;}
}