body { } #page {  max-width: 1850px;  min-width: 280px;  margin:0 auto; } table {  border-collapse: collapse;  border-spacing: 0px; } h6 {  text-align: left;  font-size: 16px;  margin: 0% 0% 0% 0%;  padding: 0% 0% 0% 0%; } h2 {  font-size: 17px;  height:26px;  margin: 15px 0% 0% 0%;  padding: 2px 0% 0% 0%;  color: #8A0808;  border: 1px solid gainsboro;  background-color: #ECEDF9;  text-align: center;  border-radius:10px 10px 3px 3px; } div#myForm1 {  float: left;  width:100%;  margin: 0% 0% 0% 0%;  padding: 0% 0% 0% 0%;  border-radius:10px;  background-color: transparent; } div#choose {  border-radius:10px;  width: 100%;  margin: 0px 0% 0px 0% ;  padding: 0px 0px 10px 0px ; } div#choose input {  width: 17.2%;  height: auto;  margin: 10px 0px 0px 2% ;  padding: 8px 0px 8px 0px ;  color: black; 
 background: white ; 
 text-align: center ;  font-size: 11px;  font-weight: bold;  border: 1px solid #8A0808 ;  border-radius:5px 5px 5px 5px;  transition:0.2s;  box-shadow:2px 2px 15px #ebebeb; } div#choose input:hover {  border: 1px solid #8A0808 ;  background-color: #FFF97C ;  box-shadow:1px 1px 5px #ebebeb; } div#choose input[disabled] {  background-color: #ebebeb;  color: gray; } .header3 {  border: 1px solid blue;  width: 90%;  padding: 0% 5% 0% 5% ;  margin: 0% 0% 0% 0% ;  float: left;  text-align: center ; } div#Links {  width: 41%;  height: 80px;  float: left;  margin: 16px 0% 0% 0% ;  padding: 0% 0% 0% 0% ; } div#mySuche1 {  width: 100%;  float: left;  margin: 0% 0% 0% 0% ;  padding: 0% 0% 0% 0% ; } div#mySuche1 select {  float: left;  width: 100%;  height: 30px ;  margin: 0% 0% 0% 0% ;  padding: 0% 0% 0% 0% ;  font-weight: 600;  background-color: #fbfbfb ;  color: black;  border: 1px solid black;  font-size: 15px;  border-radius:3px; } div#mySuche1 select:hover {  color: black;  background-color: #FFF97C; } div#mySuche1 select[disabled] {  border: none ;  background-color: #afafaf;  color: #F4F5FF; } div#Rechts {  width: 57%;  height: 80px;  float: right;  margin: 16px 0% 0% 0% ;  padding: 0% 0% 0% 0% ; } div#Status, #Status_red {  margin: 0% 0% 0% 0% ;  padding: 0% 0% 0% 0% ;  width: 94%;  height: 20px ; } div#Status h6, #Status_red h6{  width: 100%;  height: 28px ;  margin: 0% 0% 0% 0% ;  padding: 0% 15px 0% 15px ;  font-size: 12px;  font-weight: bold;  display: table-cell;  vertical-align: middle;  border-radius:3px;  border: 1px solid gray; } div#Status h6{  background-color: transparent;  background-color: #7afe75;  color: black; } div#Status_red h6{  background-color: lightsalmon;  color: black; } #leftbar {  width: 41%;  height: auto;  margin: 0% 0% 0% 0% ;  padding: 0px 0% 0% 0% ;  clear: both;  float: left; } div#myFields1 {  width: 100%;  margin: 0% 0% 0% 0%;  padding: 0% 0% 0% 0%; } table#Subtable1 {  width: 100%;  margin: 0% 0% 0% 0%;  padding: 0% 0% 0% 0%; } table#Subtable1 tr { } table#Subtable1 th {  width: 30%;  height: 100%; 
 margin: 0% 0% 0% 0%;  padding: 1.5px 0% 0% 4px;  background-color:#F7FFF4; 
 border: 1px solid silver; 
} table#Subtable1 th a {  float: left;  width: 23px;  height: 27px;  margin: 0% 7px 0% 0%;  padding: 0% 0% 0% 0% ; } table#Subtable1 th a img{  width: 23px; 
 height: 23px;  margin: 0% 0% 0% 0%;  padding: 0% 0% 0% 0% ; 
} table#Subtable1 div { 
 float: left;  width: 100%;  height: 100%;  margin: 0% 0% 0% 0%;  padding: 0% 0% 0% 0% ; } table#Subtable1 div img{  float: none;  width: 20px; 
 height: 20px; 
 margin: 0% 0% 0% 0%; 
 padding: 0% 0% 0% 0% ; } table#Subtable1 td {  border: 1px solid silver; 
 width: 100%; 
 height: auto; 
 margin: 0% 0% 0% 0%;  padding: 0% 0% 0% 0% ; } table#Subtable1 td#label_main {  width: auto;  margin: 0% 0% 0% 0%;  padding: 0% 0% 0% 2px; 
 text-align: left; 
 font-weight: 300;  color: #404040; 
 background-color:#fbfbfb ; 
 border: 1px solid silver; 
} div#myFields1 input {  margin: 0% 0% 0% 0%;  padding: 0% 3px 0% 4px; 
} div#myFields1 input[disabled] { } div#myFields1 select {  margin: 0% 0% 0% 0%;  padding: 0% 0% 0% 0%; } div#myFields1 select [disabled] { } div#myFields1 textarea {  margin: 0% 0% 0% 0%;  padding: 0% 0% 0% 4px; } div#myFields1 textarea[disabled] { } div#myFields1 input, div#myFields1 select, div#myFields1 textarea, table#Subtable1, td#label_main, .active_check {  width: 100%;  border: none;  font-family: 'Open Sans', sans-serif;  height: 25px; 
 text-align: left;  font-size: 14px;  font-weight: 300;  color: red; 
 background-color:white;  box-sizing: border-box; 
 outline: none; } div#myFields1 textarea {  height: auto;  resize: none;  overflow: auto;  outline: none; } div#myFields1 input[disabled], div#myFields1 select[disabled], div#myFields1 textarea[disabled], .deactive_check {  color: gray;  background-color:White;  font-weight: 300; } div#myFields1 select[disabled] {  color: black;  background-color:White;  font-weight: 300; } .active_check {  float: left;  margin: 0% 0% 0% 0%;  padding: 0% 0% 0% 0%;  width: 100%;  border: none; } .deactive_check {  float: left;  margin: 0% 0% 0% 0%;  padding: 0% 0% 0% 0%;  height: 25px;  width: 100%;  border: none; } div#myFields1 input[type=checkbox] {  float: none;  margin: 0% 0% 0% 0%;  padding: 0% 0% 0% 0%;  width: 100%;  height: 100%;  border: none; } .active_check_sub {  float: left;  margin: 0% 0% 0% 0%;  padding: 0% 0% 0% 0%;  height: 100%;  width: 100%;  border: none; } .deactive_check_sub {  float: left;  margin: 0% 0% 0% 0%;  padding: 0% 0% 0% 0%;  height: 25px;  width: 100%;  border: none; } div#myFields2 input[type=checkbox] {  float: none;  margin: 0% 0% 0% 0%;  padding: 0% 0% 0% 0%;  width: 100%;  height: 100%;  border: none; } div#myFields3 input[type=checkbox] {  float: none;  margin: 0% 0% 0% 0%;  padding: 0% 0% 0% 0%;  width: 100%;  height: 100%;  border: none; } div#downbar {  width: 100%;  height: auto;  margin: 0% 0% 0% 0% ;  padding: 0px 0% 0% 0% ;  float: left; } div#rightbar {  width: 57%;  height: auto;  margin: 0% 0% 0% 0% ;  padding: 0px 0% 0% 0% ;  float: right; } div#myFields2, div#myFields3 {  width: 100% ;  height: auto;  margin: 0% 0% 0% 0%;  padding: 0% 0% 0% 0%; } table#Subtable2, table#Subtable3 {  width: 100%;  height: auto;  margin: 0% 0% 0% 0%;  padding: 0% 0% 0% 0%; } table#Subtable2 th, table#Subtable3 th {  width: auto;  height: 27px; 
 margin: 0% 0% 0% 0%;  padding: 0% 0% 0% 0%; 
 text-align: left; 
 font-size: 15px; 
 font-weight: 300;  color: #404040; 
 background-color:#fbfbfb; 
 border: 1px solid silver; 
} table#Subtable2 th a, table#Subtable3 th a {  float: left;  width: 100%;  height: 100%;  margin: 0% 0% 0% 0%;  padding: 0% 0% 0% 0%; 
} table#Subtable2 th img, table#Subtable3 th img {  width: 23px; 
 height: 23px; 
 margin: 0% 0% 0% 0%;  padding: 0% 0% 0% 0% ; } table#Subtable2 div, table#Subtable3 div { 
 float: none;  width: 50px;  height: auto;  margin: 0% 0% 0% 0%;  padding: 0% 0% 0% 0% ; } table#Subtable2 div img, table#Subtable3 div img  {  float: left;  width: 23px; 
 height: 23px; 
 margin: 0% 1% 0% 1%; 
 padding: 0% 1% 0% 1% ; } img {  max-width: 100%;  height: auto;  margin-left: auto;  margin-right: auto;  border-radius:3px; } img:hover {  transition:0.3s;  transform: rotate(0deg) scale(1.1) ; }  a img { } table#Subtable2 td, table#Subtable3 td  {  width: 100% auto;  margin: 0% 0% 0% 0%;  padding: 0% 0% 0% 0% ;  background: transparent;  border: 1px solid silver; 
} div#myFields2 input, div#myFields3 input {  width: 100%; 
 margin: 0% 0% 0% 0%;  padding: 0% 2px 0% 2px; 
 text-align: left;  background-color:white ; 
 border: none;  box-sizing: border-box; } div#myFields2 input[disabled], div#myFields3 input[disabled] {  background-color: transparent;  border: none;  font-weight: 300; } div#myFields2 select, div#myFields3 select {  width: 100%;  margin: 0% 0% 0% 0%;  padding: 0% 0% 0% 0%;  font-weight: 400;  background-color:white ; 
 border: none; } div#myFields2 select[disabled], div#myFields3 select[disabled] {  background-color: transparent;  border: none;  font-weight: 300; } div#myFields2 select, div#myFields3 select, div#myFields2 textarea.leer, div#myFields3 textarea.leer, div#myFields2 textarea.voll, div#myFields3 textarea.voll, div#myFields2 select, div#myFields3 select, div#myFields2 input, div#myFields3 input, .active_check_sub {  font-family: 'Open Sans', sans-serif;  height: 25px; 
 font-size: 14px;  color: blue;  background-color:white; } div#myFields2 textarea.leer[disabled], div#myFields3 textarea.leer[disabled], div#myFields2 textarea.voll[disabled], div#myFields3 textarea.voll[disabled], div#myFields2 select[disabled], div#myFields3 select[disabled], div#myFields2 input[disabled], div#myFields3 input[disabled], .deactive_check_sub, table#Subtable3 td, table#Subtable2 td {  font-weight: 300;  color: gray; 
 background-color:white; } div#myFields2 select[disabled], div#myFields3 select[disabled] {  color: black;  background-color:White;  font-weight: 300; } div#myFields2 textarea.voll, div#myFields3 textarea.voll {  width: 100%;  box-sizing: border-box;  height: auto;  margin: 0% 0% 0% 0%;  padding: 1px 0% 0% 2px;  border: none;  resize: none;  overflow: auto;  outline: none;  display:block;  overflow-x: hidden; } div#myFields2 textarea.leer, div#myFields3 textarea.leer {  width: 100%;  box-sizing: border-box;  margin: 0% 0% 0% 0%;  padding: 1px 0% 0% 1px;  border: none;  resize: none;  overflow: auto;  outline: none;  display:block;  overflow-x: hidden; } div#myFields2 textarea[disabled].voll, div#myFields3 textarea[disabled].voll { } div#myFields2 textarea[disabled].leer, div#myFields3 textarea[disabled].leer { } .but_new_main {  margin: 0% 0% 0% 0%;  padding: 0% 0% 0% 0%; } .but_active_main {  margin: 0% 0% 0% 0%;  padding: 0% 0% 0% 0%; } .but_del_main {  margin: 0% 0% 0% 0%;  padding: 0% 0% 0% 0%; } .but_save_main {  margin: 0% 0% 0% 0%;  padding: 0% 0% 0% 0%; } .but_cancle_main {  margin: 0% 0% 0% 0%;  padding: 0% 0% 0% 0%; } .but_new_s {  margin: 0% 0% 0% 0%;  padding: 0% 0% 0% 0%; } .but_dummy_new {  margin: 0% 0% 0% 0%;  padding: 0% 0% 0% 0%; } .delete_row {  margin: 0% 0% 0% 0%;  padding: 0% 0% 0% 0%; } .but_active_s {  margin: 0% 0% 0% 0%;  padding: 0% 0% 0% 0%; } .but_save_s {  margin: 0% 0% 0% 0%;  padding: 0% 0% 0% 0%; } .but_cancle_s {  margin: 0% 0% 0% 0%;  padding: 0% 0% 0% 0%; } .but_dummy {  margin: 0% 0% 0% 0%;  padding: 0% 0% 0% 0%; } .but_dummy_del {  margin: 0% 0% 0% 0%;  padding: 0% 0% 0% 0%; } @media screen and (orientation:portrait) and (max-width:850px) {  #leftbar, div#rightbar, div#downbar, #myForm1, div#Links, div#Rechts {  width: 100%;  float: none;  font-size: 100%;  }  div#Links, div#Rechts {  height:45px;  }  h2, h6{  font-size: 15px;  text-align:center;  }  div#mySuche1 select {  width: 80%;  margin: 0px 10% 0% 10% ;  padding: 0% 0px 0% 0px ;  width: 100%;  margin: 0px 0% 0% 0% ;  padding: 0% 0px 0% 0px ;  font-size: 15px;  text-align:center;  }  div#Status, div#Status_red {  width: 80%;  margin: 0px 10% 0% 10% ;  width: 100%;  margin: 0px 0% 0% 0% ;  padding: 0% 0px 0% 0px ;  }  div#Status h6, #Status_red h6{  height: 23px ;  font-size: 15px;  margin: 0px 0px 0% 0% ;  padding: 1px 0px 0% 0px ;  font-weight: bolder;  text-align:center;  display: block;  }  div#Rechts h6{  text-align:center;  } } @media screen and (orientation:landscape) and (max-width:850px) {  #leftbar, div#rightbar, div#downbar, #myForm1, div#Links, div#Rechts {  width: 100%;  float: none;  font-size: 100%;  }  div#Links, div#Rechts {  height:60px;  }  h2, h6{  font-size: 17px;  } } @media only screen and (max-width: 480px) {  div#choose input {  clear: both;  width: 100%;  display: block;  height: auto;  margin: 0px 0px 10px 0px ;  padding: 8px 0px 8px 0px ;  } }