/* container.css fuer container template */

#links,#links2,#rechts
{ 
  position:relative;
  float:left;
  padding:0 0px;
  margin:0 0.5%  1% 0.5%; /* 15px; */
  width: 100%;
  height:100%; 
}
#links,#links2 {
  background-color: #bbbbbb ;
}

	@media screen and (min-width: 1000px) {
	  #links,#links2,#rechts
	  { 
		width: 49%;
		height:100%;
	  }
	  #rechts {float:right;}
	}
  @media screen and (orientation: portrait) {
  #rechts:target{
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  }
 }
 #links img, #links2 img, #rechts img, #links div img, #links2 div img, #rechts div img, #rechts > div > img 
{
  width:100%; 
}  /*
  	@media screen and (min-width: 1000px) {
		#rechts img,  #rechts div img, #rechts > div > img
		{
		  height:100%; width:auto;
		}
	  }  
figure{margin:0;}*/
svg { 
	position: absolute;
	top: 0; left: 0; 
  width:100%; height:100%;margin:0; padding:0;
}

.polystyle
{
  fill:  #6993e8;/* lime; */
  opacity: 0;
  stroke: purple;
  stroke-width: 1;
}
.polystyle:hover,  .rot {
  fill:red;
  opacity:0.5;
}
.polystyle.blau, .blau {
  fill: #6993e8;
  opacity:0.5;
 
}
.polystyle:active,  svg a:focus {
  fill:red;
  opacity:0.9;
}
#fotodiv {
  z-index:10;
  position:absolute;top:0;left:0;
  padding:0;
  margin:0;
  background: transparent url(/fotos/google-draufsicht-808-b.jpg) no-repeat; 
  background-size:cover;
  height:100%;
  width:100%; 
}
.fotos{
  float:left;
  z-index:20;
  padding:0;
  margin:0;
  background: transparent url('') no-repeat; 
  background-size:cover;
  height:100%; 
  width:100%; 
}
	 @media screen and (min-width: 1000px) {
		.fotos
		{
		  display:none;
		}
	  }  
#textinfo {
  position:absolute;top:0;left:0;bottom:0;
  width:100%;
  padding:0;
 
  margin:0;
  height:100%;  
  color:black;
  background: white;
  overflow:auto;
   
}
details, #textinfo > div {margin:0; padding:10px;}
summary, #ueber {font-size:1.2em;font-weight:bold;}
details {z-index:100;}

.ueber {
  position:absolute;top:0;left:0;
  background: white;
  opacity:0.7; filter:Alpha(Opacity=70);
  margin: 10px;
  font-size:1.1em;
  color: black;
  padding:1px 5px;
}
#buttonleft, #buttonright, #buttonright2{
  position:absolute;top:0;width:40px;height:100%;
  height: 100%;
  color:white;
  font-weight: 600;
  font-size: 3em;
  z-index:200;
  background:transparent;
  display: flex;
  align-items: center; 

}

#buttonright, #buttonright2{ 
  right:0px;  
  text-align:right;
} 

a, a:hover , area{
  cursor:pointer;
}

#buttonright  a, #buttonleft a,  #buttonright2 a{
  text-decoration:none;
  color:white;
  cursor:pointer; 
}