/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 2; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  padding-left: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
/*  height: 70%; /* 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 */
}

/* Modal Content */
.modal-content {
  background-color: #FFFFF0;
  margin: auto;
  padding: 4px 2px 4px 4px;
  border: 2px solid #000000;
  border-radius: 5px;
  max-height: 75%;
  overflow-y: hidden;
  overflow-x: hidden;
}

.modal-header {
  cursor: move;
  padding: 0px;
  padding-top: 1px;
  background-color: '#FFD2D2';
  color: '#000000';
}

.modal-body {
  padding: 0px;
  padding-top: 1px;
  background-color: '#FFD2D2';
  color: '#000000';
}

/* The Close Button */
.close {
  color: #000000;
  float: right;
  font-size: 26px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #AAAAAA;
  text-decoration: none;
  cursor: pointer;
}

#div_info {
  font-family: Arial, Helvetica, Sans;
  font-size: 9pt;
  background-color:#C8DCF0; color:#000000;
}

body {
  margin-left: 0.6ex !important;
  margin-top: 0.5ex !important;
  line-height: 1.7;
}

.Legende {
  color: #008700;
  font-weight: bold;
}
.title {
  display:block;
  background-color:#FAFAFA; color:#000000;
}
#thumbwrap {
	margin:75px auto;
	width:252px; height:252px;
}
.thumb {
	float:left; /* must be floated for same cross browser position of larger image */
	position:relative;
	margin:0px;
}
.thumb img { 
	border:1px solid #000000;
	vertical-align:bottom;
        background-color:#FAFAFA;
}
.thumb:hover {
	border:0; /* IE6 needs this to show large image */
	z-index:1;
}
.thumb span { 
	visibility:hidden;
        text-align:center;
	position:absolute;
        float:center;
}
.thumb:hover span {
	visibility:visible;
	top:20px; left:-125px; 
}
a.tlink:hover {
  color: #000000;
  text-decoration:underline;
}
a.tlink {
  color: #000000;
  text-decoration: none;
}

input[type=number]::-webkit-inner-spin-button {
    opacity: 1.0;
}

.button {
    width: 17ex;
    margin-bottom: 3pt;
    font-size: 11pt;
    background: #feda71;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#feda71), to(#febe4d));
    background: -moz-linear-gradient(#feda71, #febe4d);
    background: linear-gradient(#feda71, #febe4d);
    border: solid 1px #eab551;
    border-bottom: solid 3px #b98a37;
    box-shadow: inset 0 0 0 1px #fee9aa;
    color: #000;
    text-shadow: 0 1px 0 #fedd9b; }
    
.button:hover {
    font-weight: bold;
    background: #fec455;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fec455), to(#fecd61));
    background: -moz-linear-gradient(#fec455, #fecd61);
    background: linear-gradient(#fec455, #fecd61);
    border: solid 1px #e6a93d;
    border-bottom: solid 3px #b98a37;
    box-shadow: inset 0 0 0 1px #fedb98; }
    
.button:active {
    font-weight: bold;
    background: #f9bd4f;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f9bd4f), to(#f0b64d));
    background: -moz-linear-gradient(#f9bd4f, #f0b64d);
    background: linear-gradient(#f9bd4f, #f0b64d);
    border: solid 1px #a77f35;
    border-bottom: solid 3px #FFDFDF;
    box-shadow: inset 0 10px 15px 0 #dba646; }

.button1 {
    width: 10ex;
    margin-bottom: 3pt;
    font-size: 11pt;
    background: #feda71;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#47da5a), to(#47ff5a));
    background: -moz-linear-gradient(#47da5a, #47ff5a);
    background: linear-gradient(#47da5a, #47ff5a);
    border: solid 1px #47da5a;
    border-bottom: solid 3px #b98a37;
    box-shadow: inset 0 0 0 1px #fee9aa;
    color: #000;
    text-shadow: 0 1px 0 #fedd9b; }
    
.button1:hover {
    font-weight: bold;
    background: #fec455;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#46F046), to(#48F556));
    background: -moz-linear-gradient(#46F046, #48F556);
    background: linear-gradient(#46F046, #48F556);
    border: solid 1px #e6a93d;
    border-bottom: solid 3px #b98a37;
    box-shadow: inset 0 0 0 1px #fee9aa; }
    
.button1:active {
    font-weight: bold;
    background: #fec455;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#46F046), to(#48F556));
    background: -moz-linear-gradient(#f9bd4f, #f0b64d);
    background: linear-gradient(#46F046, #48F556);
    border: solid 1px #a77f35;
    border-bottom: solid 3px #FFDFDF;
    box-shadow: inset 0 10px 15px 0 #000000; }

.disabled {
  background: #D1D1D1;
  color: #AFAFAF;
  cursor: not-allowed;
  opacity: 0.6;
}

dialog {
  border: solid 1px #000000;
  font-weight: bold;
  padding: 2.0ex;
  max-width: none;
  height: 100px;
  border-radius: 20px;
  text-align: center;
  margin: 0;
  transform: translateX(-50%);
  left: 37%;
  top:20%;
  opacity: 0.8;
}