/*
INTERACTIVE ELEMENTS - Harald Nitz 2019-07-16
*/



.buttonwrap, #buttonwrap  {
	text-align: center;
	margin-bottom:10px;
}


.insgroup {
	border-left:1px solid #b0b0b0;
	border-right:1px solid #b0b0b0;
	border-top:1px solid #b0b0b0;
	border-bottom:1px solid #b0b0b0;
	padding: 5px;
	background-color:#f0f0f0;
	background:#f4f4f4;
font-weight:bold;
	color: #333;
}

.insfields {
	border-left:1px solid #b0b0b0;
	border-right:1px solid #b0b0b0;
	border-bottom:1px solid #b0b0b0;
	padding: 10px 0;
	margin-bottom: 10px;
	background-color: white;
}

/* */
#main_interactive {
	padding: 40px 20px;
	width: 900px;
	background-color: #EFEFFF;
	margin: 30px auto 0;
}





table.listar {
margin-top: 0px;
clear: left;
width: 99%;
border:1px solid #b0b0b0;
border-collapse: collapse;
}



table.listar img {
border: none;
margin: 0;
}


table.listar tr.headline {
	font-size: 1.0em;
	font-weight: bold;
	sbackground:#FFF;
	color: #000;
 
 
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
 
}

table.listar td {
 border:1px solid #b0b0b0;
font-size: 1em;
 padding: 4px 4px 0 4px;
vertical-align: center;
}

table.listar tr.headline td {
 padding: 4px 4px 0 4px;
}

tr.whiteline {
	background-color: white;
}
tr.greyline {
	background-color: white;
}

table.ficha {
	color: #333;
margin-top: 0px;
clear: left;
width: 99%;
border-collapse: collapse;
}



table.ficha td {
 font-size: 1em;
 padding: 4px 4px;
}


table.ficha td.label {
	color: #666;
 font-weight: bold;
 text-align: right;
 width: 30%;
}


table.searchbar {
margin-top: 0px;
margin-bottom: 10px;
clear: left;
width: 99%;
border-collapse: collapse;
border:1px solid #b0b0b0;

}


table.searchbar td {
 font-size: 1em;
 padding: 1px 4px;
 
 /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
 background: #ffffff; /* Old browsers */
 background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
 
}

table.searchbar td.searchbox {
	text-align: right;
}


table.searchbar td img {
 padding: 0px;
}



input.buttonspeichernmini {
  padding: 3px;
  cursor: pointer;
  color: #fff;
  background: #333;
  border-width: 1px;
  border-style: solid;
  border-color: black;
}



.loading {
    position: absolute;
    left: 50%;
    top: 40%;
	margin-left: -50px;
    display: none;
    background: transparent url("../myicons/loading-double-ring-thick.gif");
    z-index: 1000;
    height: 100px;
    width: 100px;
}

.lds-dual-ring {
    position: absolute;
    left: 50%;
    top: 40%;
	margin-left: -50px;
    height: 100px;
    width: 100px;
	
  display: inline-block;
  width: 64px;
  height: 64px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 46px;
  height: 46px;
  margin: 1px;
  border-radius: 50%;
  border: 5px solid #fff;
  border-color: #333 transparent #333 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}