.ol-popup {
  position: absolute;  
  background-color: white;
  -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
  filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));  
  padding: 15px; 
  border-radius: 10px; 
  border: 1px solid #cccccc;  
  bottom: 12px;  
  left: -50px;
  min-width: 280px; 
} 
.ol-popup:after, .ol-popup:before { 
  top: 100%;  
  border: solid transparent;  
  content: " ";  
  height: 0;  
  width: 0;
  position: absolute;  
  pointer-events: none;
} 
.ol-popup:after {
  border-top-color: white;
  border-width: 10px;  
  left: 48px; 
  margin-left: -10px;  
} 
.ol-popup:before {  
  border-top-color: #cccccc;  
  border-width: 11px;  
  left: 48px; 
  margin-left: -11px;  
} 
.ol-popup-closer {  
  text-decoration: none;  
  position: absolute;  
  top: 2px;
  right: 8px; 
} 
.ol-popup-closer:after {  
  content: "X";  
}

table.coolBorder {
  margin: 5px;
  font: 0.9em "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; 
  background-color: #FFFFFF;
  border: 0px solid gray;
  border-collapse: collapse;
  left: auto;  
  top: auto;  
}
 
table.coolBorder th {
  /*color: #666666;
  border: 1px solid gray; */
  border-bottom-width: 2px;
  border-bottom-style: solid;  
  padding: 5px;  
  border-top-width: 1px solid gray;   
  font-weight:bold !important;
  font: 1em "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;

} 

table.coolBorder td {
  border: 0px solid gray;
  /*padding: 3px;
  border-bottom-width: 1px;*/
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 0.9em;
  /*font-weight: bold;*/
}

table.spBorder td {
  border: 0px solid gray;
  padding: 3px;
  /*border-bottom-width: 1px;*/
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 0.8em;
  /*font-weight: bold;*/
}
table.spBorder {
  margin: 5px;
  font: 0.9em "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; 
  background-color: #FFFFFF;
  border: 0px solid gray;
  border-collapse: collapse;
  left: auto;  
  top: auto;  
}
 
table.spBorder th {
  /*color: #666666;
  border: 1px solid gray; */
  border-bottom-width: 2px;
  border-bottom-style: solid;  
  padding: 5px;  
  border-top-width: 1px solid gray;   
  font-weight:bold !important;
  font: 1em "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;

} 


.error1, .error2 {
 color: red;
 font-family: Arial;
 font-size: 1.1em;
 font-weight: bold;
}


.ol-zoom {
left: auto;
right: 6px;
top: 88%;
}

#logoloc {
 position: absolute;
 top: 0px;
 right: 0px;
 padding: 5px;
}
.ol-attribution {
left: auto;
right: 6px;
top: 95%;	

}
.sumtitle {
  font-size: 1.1em;
  padding: 10px 0px 0px 5px;
  font-weight: bold;
}
.sumtext > div
{
  font-size: 1em;
  padding: 0px 0px 0px 0px ;
}

.sumtable {
  margin: 0px 0px 0px 5px;
  font: 1em "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; 
}

table.sumtable td {
    font: 0.9em "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    padding: 0px 15px 0px 0px;
} 

.textgreen{
	color: #23e019;
}
.textblue{
	color: #1123a8;
}

.idactive{
  color: white !important;
  background-color: blue !important;	
  font-weight: bold !important;
}

.hidden{
  display: none;	
}

#speicherbutton {
  padding: 5px;
  margin: 10px 5px;
}

.float-container {
  border: 3px solid #fff;
  padding: 5px;
}

.float-child {
  width: 50%;
  float: left;
  /*padding: 20px;
  border: 2px solid red;*/
}  
.radiovert{
  display: block;
  margin-right: 10px;
  width: 380px;
  margin: 15px 0px 0px 10px;
}