﻿body{
	
}

.Modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  padding-top: 60px;
}

.Container{
	width:100%;
	max-width: 1900px;
	position:relative
}

.Opac {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);	
	-moz-opacity:0.5;	
	-khtml-opacity: 0.5;   	
	opacity: 0.5;
}

.Block{
	position:absolute;

}

.Lock{
	display: none
}
.Block img{
	width:100%;
	position: absolute 
}

#kTitel{
	position: absolute;
    font-size:100%;
	font-size:2.2vw;
	color:white;
	font-family: Arial, Helvetica, sans-serif;
	width:calc(100% - 2.0vw);
	margin-top:0.5vh;
	padding:0 1.0vw;

}
.Tag{
	 font-family:  Verdana, Geneva, Tahoma, sans-serif;color:white; font-weight:bold;position:absolute; 
	 width:100%; text-align:center; 
	 font-size:100%;
	 font-size:1.8vw;
	 z-index: 10;
	 background-image:none; 
	 cursor:pointer;
	

}
.Tag.Close{
	
}

#Show{
	background-color: white;position: absolute;padding:12px;overflow:hidden; display:none;z-index:100 ;
-webkit-box-shadow: 10px 10px 9px 1px rgba(0,0,0,0.75);

-moz-box-shadow: 10px 10px 9px 1px rgba(0,0,0,0.75);

box-shadow: 10px 10px 9px 1px rgba(0,0,0,0.75);

}
#ShowContent {
	background-color:white;font-size:12pt; font-family:Arial, Helvetica, sans-serif;
	position:relative
}


.ShowClose{
    text-align: right;
    margin: 0 ;
    position:absolute;
    right:0px
   
 
   
}

.ShowClose a{
	color:silver; text-decoration:none
}
.Zoom:hover{
 	-webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
     transform: scale(1.3);
     cursor:pointer ;
     
}

.backDoor
{
  
  position:absolute;
  width:75px;
  height:75px;  
  margin: 0 auto;
  border:1px #301D0C dotted;
 
 
  
}

.imgDoor{
	position:absolute; overflow:hidden;display:none;  background-color:silver
}
.door
{
 
  position:absolute;
  top:0px;
  left:0px;
  width:75px;
  height:75px;
  cursor:pointer;

 
  transform-origin: left;
  /*Speed of the Door animation*/
  transition: all 0.5s ease-in-out;
 
}

.doorOpen
{
  /*prespectiv creates the door open effect*/
  transform: perspective(1200px) translateZ(0px) translateX(0px) translateY(0px) rotateY(-105deg);
  background-color:#9B734F;
   border:1px #301D0C solid;

}
.doorClose{
	background-color:transparent;
}


