:root {

  /*---New--------------------*/
  --color-1: #F2F4F7; /*Hintergrund*/
  --color-3: #505A65; /*ButtonFarbe*/
  --color-2: #FFFFFF; /*#Akzentfarbe*/
  --color-4: #192F01;
  --color-5: #3498DB; /*Akzentfarbe*/
  --color-6: #2980B9; /*Sekundärfarbe*/
  --color-7: #2C3E50; /*Textfarbe*/
  --color-8: #E0E6ED; /*BorderFarbe*/
  --color-9: #FFFFFF; /*HintergrundHeller*/
  --color-10: #FFFFFF; /*ButtonText*/

  /*---New2--------------------*/
  --color-1: #f5f7fa; /*Hintergrund*/
  --color-3: #b22222; /*ButtonFarbe*/
  --color-2: #dcdcdc; /*#Akzentfarbe bzw Input*/
  --color-4: #192F01;
  --color-5: #f39c12; /*Akzentfarbe*/
  --color-6: #2980B9; /*Sekundärfarbe*/
  --color-7: #1c1c1c; /*Textfarbe*/
  --color-8: #dcdcdc; /*BorderFarbe*/
  --color-9: #FFFFFF; /*HintergrundHeller*/
  --color-10: #FFFFFF; /*ButtonText*/
}


#preload-wrapper.loaded {visibility: hidden;}



.grid-box {
  margin: 0px;
  width: 100%;
  min-height: 100vh;
  display: grid;
  grid-template-columns: 30% 70%; /*Säulen*/
  grid-template-rows: 8% 2% 90%; /*Reihen*/


  grid-template-areas:
    "header header"
    "info info"
    "side content"

    /*"side content content content"
    "side content content content"*/
}

@media only screen and (max-width: 500px) {
    .grid-box {
      grid-template-columns: 30% 69%; /*Säulen*/
      grid-template-rows: 8% 4% 88% ; /*Reihen*/
      grid-template-areas:
        "header header"
        "info info"
        "side content"
    }
}

@media only screen and (max-height: 500px) {
    .grid-box {
      grid-template-columns: 20% 79%; /*Säulen*/
      grid-template-rows: 12% 4% 84% ; /*Reihen*/
      grid-template-areas:
        "header header"
        "info info"
        "side content"
    }
}

.box-1 {
  /*width: 100vw;*/
  grid-area: header;
  /*background-color: white;*/
  background-repeat : no-repeat;
  background-position: center;
  background-size: 99vw;

  background-color: var(--color-1);
  opacity: 0.95;
  z-index: 10;
}

.box-2 {

  grid-area: side;
  /*background-color: #E6E6E6;*/
  /*background-color: white;*/
  background-color: var(--color-1);
  opacity: 1.0;
  padding: 2px;
}

.box-3 {

  grid-area: content;
  padding: 2px;
  /*background-color: white;*/
  background-color: var(--color-1);
  opacity: 0.95;
  /*background-color: green;*/
}

.box-4 {

  grid-area: info;
  padding: 2px;
  /*background-color: white;*/
  background-color: var(--color-1);
  opacity: 0.85;
  /*background-color: green;*/
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-wrap: wrap;
  font-size: 0.7em;
}

#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}

#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  /*border-top-color: #3498db;*/
  background-color: var(--color-1);
  border-top-color: var(--color-4);
  z-index: 1001;
  -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
  #loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    /*border-top-color: #e74c3c;*/
    border-top-color: var(--color-2);

    -webkit-animation: spin 3s linear infinite;
      animation: spin 3s linear infinite;
  }
  #loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    /*border-top-color: #f9c922;*/
    border-top-color: var(--color-3);

    -webkit-animation: spin 1.5s linear infinite;
      animation: spin 1.5s linear infinite;
  }

  @-webkit-keyframes spin{
    0%{
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100%{
      -webkit-transform: rotate(360deg);
      -ms-transform: rotate(36deg);
      transform: rotate(360deg);
    }
  }

  @keyframes spin{
    0%{
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100%{
      -webkit-transform: rotate(360deg);
      -ms-transform: rotate(36deg);
      transform: rotate(360deg);
    }
  }
.loaded #loader {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.loaded #loaded-wrapper {
  visibility: hidden;
}
/*############################################################*/
#preload-wrapper{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  /*background-color: red;*/

}
#preload-wrapper.loaded {visibility: hidden;}
#loader.loaded {visibility: hidden;}
#loader-wrapper.loaded {visibility: hidden;}

.ButtonChooseEinsatz{
  /*width: 80%;*/
  opacity: 1;
  font-size: 1.2vw;
  padding: 3px;
  margin: 3px;
  background-color: var(--color-3);
}


.ButtonAddEinsatz{
  width: 60vw;
  opacity: 1;
  font-size: 1.2em;
  padding: 5px;
  /*color: black !important;*/
  font-weight: bold;
  /*background-color: #A8DFF1;*/
  background-color: var(--color-3);
  margin-bottom: 10px;
  border: 3px double var(--color-4);
  border-radius: 3px;
}
.ButtonAddEinsatz:hover {
    color: #fff;
    background-color: #999;
    text-decoration: none;
}




.SideBarButton{
  width: 99%;
  opacity: 1;
  font-size: 1.2em;
  padding: 5px;
  /*color: black !important;*/
  font-weight: bold;
  /*background-color: #A8DFF1;*/
  background-color: var(--color-3);
  margin-bottom: 10px;
  border: 3px double var(--color-10);
  border-radius: 3px;
  color: var(--color-10);
}
.SideBarButton:hover {
    color: var(--color-5);
    background-color: #999;
    text-decoration: none;
}

.DivSideBarButton{
  /*width: 99%;*/
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 1.6em;
  opacity: 1;
  font-size: 1.2em;
  font-weight: bold;
  color: var(--color-10);
  background-color: var(--color-3);
  margin: 0px;
  margin-bottom: 10px;
  border: 3px double var(--color-10);
  border-radius: 5px;
  text-align: center;
  padding: 0px;
  word-wrap: break-word;
}
.DivSideBarButton:hover {
    color: var(--color-7);
    background-color: var(--color-6);
    text-decoration: none;
}

.SideBarButton50{
  width: 49%;

  opacity: 1;
  font-size: 1.2em;
  padding: 8px;
  /*color: black !important;*/
  font-weight: bold;
  /*background-color: #A8DFF1;*/
  background-color: var(--color-3);
  margin-bottom: 0px;
  border: 3px double var(--color-10);
  border-radius: 5px;
  color: var(--color-10);
}
.DivSideBarButton50{
  width: 49%;

  display: flex;
  flex-direction: column;
  justify-content: center;

  opacity: 1;
  font-size: 1.2em;
  font-weight: bold;
  color: var(--color-10);
  background-color: var(--color-3);
  margin: 0px;
  margin-bottom: 0px;
  border: 3px double var(--color-10);
  border-radius: 5px;
  text-align: center;
  padding: 5px;
  word-wrap: break-word;
}


.DivButtonAkteOpen{
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  height: 1.6em;
  width: 150px;
  opacity: 1;
  font-size: 1.1em;
  padding: 2px;
  padding-top: 16px;
  padding-bottom: 16px;
  margin-top: 2px;
  margin-bottom: 2px;
  background-color: var(--color-3);
  border: 1px solid black;
  border-radius: 5px;
  color: var(--color-10);
}
.DivButtonAkteOpen:hover {
    color: #fff;
    background-color: #999;
    text-decoration: none;
}{
  /*width: 99%;*/
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 1.6em;
  opacity: 1;
  font-size: 1.2em;
  font-weight: bold;
  /*color: black !important;*/
  font-weight: bold;
  /*background-color: #A8DFF1;*/
  background-color: var(--color-3);
  margin: 0px;
  margin-bottom: 10px;
  border: 3px double var(--color-4);
  border-radius: 5px;
  text-align: center;
  padding: 2px;
}
.DivSideBarButton:hover {
    color: #fff;
    background-color: #999;
    text-decoration: none;
}

.SideBarButtonSmall{
  width: 99%;
  opacity: 1;
  font-size: 1.1em;
  padding: 2px;
  /*background-color: #A8DFF1;*/
  background-color: var(--color-3);
  /*border: 1px solid black;*/
  border: 3px double var(--color-4);
  border-radius: 3px;
  color: var(--color-10);
}
.SideBarButtonSmall:hover {
    color: #fff;
    background-color: #999;
    text-decoration: none;
}

.ButtonSmall{
  width: 95%;
  opacity: 1;
  font-size: 1.0em;
  padding: 2px;
  background-color:var(--color-3);
  border: 3px double var(--color-10);
  border-radius: 3px;
  color: var(--color-10);
}
.ButtonSmall:hover {
    color: #fff;
    background-color: #999;
    text-decoration: none;
}

.ButtonSmall100{
  width: 100%;
  opacity: 1;
  font-size: 1.1em;
  padding: 4px;
  margin-top: 2px;
  margin-bottom: 2px;
  background-color: var(--color-3);
  border: 3px double var(--color-4);
  border-radius: 3px;
  color: var(--color-10);
}
.ButtonSmall100:hover {
    color: #fff;
    background-color: #999;
    text-decoration: none;
}


.ButtonSmall100pressed{
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  width: 100%;
  opacity: 1;
  font-size: 1.2em;
  padding: 0px;
  margin-top: 2px;
  margin-bottom: 2px;
  background-color: #585858;
  border: 3px double var(--color-4);
  border-radius: 5px;
}
.ButtonSmall100pressed:hover {
    color: #fff;
    background-color: #999;
    text-decoration: none;
}

.LoginButton{
  width: 50%;
  opacity: 1;
  font-size: 1.2vw;
  padding: 5px;
  background-color: var(--color-3);
  color: var(--color-10);
}
.LoginButton:hover {
    color: #fff;
    background-color: #999;
    text-decoration: none;
}

.FahrtenbuchButton{
  width: 99%;
  opacity: 1;
  font-size: 1.2em;
  padding: 5px;
  /*color: black !important;*/
  font-weight: bold;
  /*background-color: #A8DFF1;*/
  margin-bottom: 10px;
  background-color: var(--color-3);
  margin-bottom: 10px;
  border: 3px double var(--color-4);
  border-radius: 3px;
}
.FahrtenbuchButton:hover {
    color: #fff;
    background-color: #999;
    text-decoration: none;
}

.SearchButton{
  width: 99%;
  opacity: 1;
  font-size: 1.2em;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 12px;
  padding-right: 12px;
  margin: 0px;
  color: black !important;
  font-weight: bold;
  background-color: var(--color-3);
}
.SearchButton:hover {
    color: #fff;
    background-color: #999;
    text-decoration: none;
}

.MaterialButton{
  width: 99%;
  opacity: 1;
  font-size: 1.2vw;
  padding: 2px;
  margin: 2px;
  color: var(--color-4);
  font-weight: bold;
  background-color: var(--color-3);
}
.MaterialButton:hover {
    color: #fff;
    background-color: #999;
    text-decoration: none;
}

.CheckButton{
  width: 100%;
  opacity: 1;
  font-size: 1.4em;
  padding: 5px;
  color: var(--color-4);
  font-weight: bold;
  margin-top: 7px;
  margin-bottom: 7px;
  background-color: var(--color-3);
}
.CheckButton:hover {
    color: #fff;
    background-color: #999;
    text-decoration: none;
}

.ButtonEinsatzInfo{
  /*width: 200px;*/
  opacity: 1;
  padding: 2px;
  background-color: var(--color-3);
  border: 1px solid var(--color-4);
  border-radius: 5px;
  min-width: 180px;
}
.ButtonEinsatzInfo:hover {
    color: #fff;
    background-color: #999;
    text-decoration: none;
}


.DivSideBar{
  opacity: 1;
}

.divBox{
  background-color: grey;
  padding: 3px;
  margin: 10px;
  font-size: 2vw;
  color: white;
}

.HeadNav{
  width:98vw;
  background-color: white;
  padding: 1px;
  margin: 1px;
  font-size: 0.9em;
  color: black;
}
.aheadnav{
  font-size: 0.9em;
}

.DivASGTAkte{
  background-color: var(--color-1);
  border: 2px dotted var(--color-4);
}

.DivASGTInfo{
  background-color: var(--color-1);
  border: dotted 1px var(--color-4);
}

.divBoxMedium{
  width:99vw;
  background-color: var(--color-1);
  padding: 1px;
  margin: 1px;
  font-size: 1.2em;
  color: black;
}

.DivText{
  background-color: grey;
  padding: 5px;
}

.DivUebung{
  /*height:75vh;*/
  /*width:99vw;*/
  border:1px solid;
  /*overflow: scroll;*/
  background-color: var(--color-1);
  padding: 2px;
  /*font-size: 2vw;*/
  display: inline-block;
}

.DivAkte{
  /*height:75vh;*/
  /*width:99vw;*/
  border:1px solid;
  /*overflow: scroll;*/
  background-color: var(--color-1);
  padding: 2px;
  /*font-size: 1.2em;*/
  /*display: inline-block;*/
}
.DivMannschaft1{
  /*height:15vh;*/
  /*width:99vw;*/
  border:1px solid;
  /*verflow: scroll;*/
  background-color: white;
  padding: 2px;
  font-size: 1.3em;
  display: inline-block;
}
.DivMannschaft2{
  /*height:62vh;*/
  /*width:99vw;*/
  border:1px solid;
  /*overflow: scroll;*/
  background-color: white;
  padding: 2px;
  font-size: 1.3em;
  display: inline-block;
}


.divInput{
  /*background-color: white ;*/
  padding: 2px;
  margin: 10px;
  font-size: 2vw;
  color: black;
}

.DivScroll{
  height:40vh;
  width:99vw;
  border:1px solid;
  overflow: scroll;
  background-color: white;
  padding: 2px;
  margin-top: 5px;
  font-size: 1em;
}
.DivScrollFahrtenbuch{
  /*height:40vh;*/
  /*width:98vw;*/
  border:1px solid;
  /*overflow: scroll;*/
  background-color: var(--color-1);
  padding: 2px;
  margin-top: 5px;
  font-size: 1em;
  display: inline-block;
}

.DivContentIndex{
  width:100vw;
  border:1px solid var(--color-4);
  overflow: scroll;
  background-color: var(--color-1);
    display: flex;
  flex-direction: column;
  justify-content: center;

}

.DivScrollUebungen{
  height:70vh;
  /*width:95vw;*/
  border:1px solid;
  overflow: scroll;
  background-color: var(--color-1);
  padding: 2px;
  font-size: 1.1em;

  display: flex;
  flex-direction: row;
  justify-content: center;

}

.DivScrollEinsaetze{
  height:65vh;
  width:95vw;
  border:1px solid;
  overflow: scroll;
  background-color: var(--color-1);
  padding: 2px;
}

.Einsatz
{
  background-color: var(--color-1);
}

.DivEinsatz{
  background-color: var(--color-1);
}
.DivEinsatzInfo{
  background-color: var(--color-1);
}
details{
  background-color: var(--color-1);
}

.DivEinsatzFuncs{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 98vw;
  background-color: var(--color-1);
  border: solid 2px var(--color-4);
  font-size: 0.9em;
  border-radius: 8px;
  margin-left: 0px;
  border: solid black 1px;
  min-height: 20px;
  margin-bottom: 4px;
  margin-top: 2px;
}
.DivEinsatzInfo{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  /*flex-wrap: wrap;*/
  font-size: 1em;
  background-color: var(--color-1);
  border: solid 1px var(--color-4);
  border-radius: 5px;
  margin: 4px;
  padding: 4px;
}
.DivEinsatzInfoMax{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  /*flex-wrap: wrap;*/
  font-size: 1.7em;
  background-color: var(--color-1);
  border: solid 1px var(--color-4);
  border-radius: 5px;
  margin: 4px;
  padding: 4px;
  width: 200px;
}

.DivMatItem{
  background-color: var(--color-1);
  border: solid 1px var(--color-4);
}
.DivMatInfo{
  border: solid 1px var(--color-4);
}
.DivMatInfoMGAkte{
  border: solid 1px var(--color-4);
}

.DivFuncsWhite{
  background-color: var(--color-1);
}


.DivScrollBilder{
  height:40vh;
  width:95vw;
  border:1px solid;
  overflow: scroll;
  background-color: white;
  padding: 2px;
  font-size: 3vw;
}
.DivUploadBilder{
  height:80px;
  width:50vw;
  border:1px solid;
  background-color: white;
  padding: 2px;
  font-size: 3vw;
}

.DivScrollNotes{
  height:20vh;
  width:95vw;
  border:1px solid;
  overflow: scroll;
  background-color: white;
  padding: 2px;
  font-size: 3vw;
}

.DivAutoMails{
  /*height:75vh;*/
  /*width:90vw;*/
  border:1px solid;
  /*overflow: scroll;*/
  background-color: white;
  padding: 2px;
  font-size: 1.2em;
  display: inline-block;
  /*font-size: 17px;*/
}

.DivScrolASGT{
  /*height:75vh;*/
  /*width:90vw;*/
  /*border:1px solid;*/
  /*overflow: scroll;*/
  background-color: var(--color-1);
  padding: 2px;
  font-size: 1.2em;
  display: inline-block;
  /*font-size: 17px;*/
}
.DivScrolASGT2{

  border:1px solid;

  background-color: var(--color-1);
  padding: 2px;
  font-size: 1.2em;
  display: inline-block;
  /*font-size: 17px;*/
}

.DivNewNode{
  height:75px;
  width:95vw;
  border:1px solid;
  background-color: white;
  padding: 2px;
  font-size: 3vw;
}

.DivPWchange{
  /*height:40vh;*/
  width:95vw;
  border:1px solid;
  overflow: scroll;
  background-color: --color-1;
  padding: 1px;
  font-size: 1.2em;
  display: flex;
  flex-direction: column;
}

.DivUserList{
  height:55vh;
  width:95vw;
  border:1px solid;
  overflow: scroll;
  background-color: --color-1;
  padding: 2px;
  font-size: 1.2em;
}

.DivEingabe{
  /*height:300px;*/
  width:98vw;
  border:1px solid;
  background-color: var(--color-1);
  padding: 1px;
  /*font-size: 1vw;*/
}

.DivVideo{
  /*height:300px;*/
  width:100vw;
  border:1px solid;
  background-color: white;
  padding: 2px;
  text-align: center;
}
.DivDateTimePos{
  position: relative;
  font-size: 2vw;
  text-align: center;
  padding: 2px;
}

.DateSite{
  background-color: white;
  width:100vw;
  opacity: 1;
}
.DivLeft{
  float: left;
  width: 45vw;
}
.DivRight{
  float: right;
  width: 54vw;
  height: auto;
  background-color: white;
}

.DivTermin{
  /*width:100vw;*/
  border:1px solid;
  background-color: white;
  /*padding: 2px;*/
  opacity: 0.85;
  text-align: center;
}

.DivFahrtenbuch{
  /*height:300px;*/
  width:100%;
  background-color: white;
  font-size: 0.8vw;

}

.DivMaterialList{

  border:1px solid;

  background-color: var(--color-1);
  padding: 2px;
  /*font-size: 2vw;*/
  display: inline-block;
}

.DivFilter{
  background-color: var(--color-1);
}
.DivMatItem{
  background-color: var(--color-1);
}

.DivContentStatistik{
  width: 100vw;
  height: 80vh;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-around;
}
.DivScrolStatistikBlock{
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-start;

  height:79vh;
  width:600px;
  border:1px solid;

  background-color: white;
  padding: 5px;
  font-size: 1.2em;
}

.DivScrolStatistik1{
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-start;

  /*height:15vh;*/
  /*width:100%;*/
  border:1px solid;

  background-color: white;
  padding: 2px;

  font-size: 1.2em;
}
.DivScrolStatistik2{
  height:60vh;
  width:98%;
  border:1px solid;
  overflow: scroll;
  background-color: white;
  padding: 2px;

  font-size: 1.2em;
}
.DivScrolArchiv{
  height:60vh;
  /*width:98%;*/
  border:1px solid;
  overflow: scroll;
  background-color: white;
  padding: 2px;

  font-size: 1.2em;
}


.divBoxPSA{
  border:1px solid;
  background-color: var(--color-1);
  padding: 2px;
  font-size: 1.5em;
}

.divBoxAdmin{
  height:60vh;
  width:60vw;
  overflow: scroll;
  border:1px solid;
  background-color: white;
  padding: 2px;
  font-size: 1,3em;
}

p{
  margin: 2px;
}
.TextColor{
  color: var(--color-7);
}


.pTermin{
  font-size: 2vw;
  color: black;
  font-weight: bold;
}

.pTime{
  text-align: center;
}

.CheckBoxSize{
  width: 1.2em;
  height: 1.2em;
  background-color: #F7F8E0;
}
.NumberSize{
  width: 2.4em;
  height: 1.2em;
  background-color: #F7F8E0;
}
.TextSize{
  width: 3.4em;
  height: 1.2em;
  background-color: #F7F8E0;
}
.CheckBoxSizeFilter{
  width: 1.1em;
  height: 1.1em;
  background-color: #F7F8E0;
}

.CheckBoxSizeMatEdit{
  width: 1.2em;
  height: 1.2em;
  background-color: #F7F8E0;
}

body{
  background-color: var(--color-1);
  font-family: Arial;
  /*background-image: url(../images/landscape2.jpg);*/
  background-repeat : repeat-y;
  background-position: center top;
  webkit-background-size: cover;
  moz-background-size: cover;
  o-background-size: cover;
  background-size: cover;
  /*font-size: 1.0em;*/
  padding: 0px;
  margin: 0px;
}

a{
  font-size: 1em;
  margin: 5px;
}

p{
  font-size: 1em;
}
.pVersion{
  font-size: 0.8em;
  margin-top: 0px;
}

h1{
  color: var(--color-7);
  background-color: var(--color-9);
  font-size: 1.8em;
  margin-bottom: 8px;
}
h4{
  color: var(--color-7);
  background-color: var(--color-9);
  font-size: 1.3em;
  margin-top: 4px;
  margin-bottom: 4px;
}
h6{
  color: var(--color-7);
  background-color: var(--color-9);
  font-size: 1.2em;
  margin-bottom: 2px;
}

input {
  font-size: 1.0em;
  color: black;
  /*-webkit-appearance: none;*/
  /*-moz-appearance: none;*/
  /*appearance: none;*/
 background-color: var(--color-2);
}
select{
  font-size: 1.0em;
  background-color: var(--color-2);
}
label{
  font-size: 1.2em;
}

textarea{
  font-size: 1.2em;
  background-color: var(--color-2);
}

table, th, td{
  border: 2px;
  border-style: solid;
  border-color: #024757;
  border-collapse: collapse;
  /*font-size: 1.2em;*/
  font-weight: normal;
  /*background-color: white;*/
  padding: 1px;
}

th{
  text-align: left;
  font-weight: bold;
}

.TableOhne{
  border: 2px;
  border-color: black;
  border-collapse: collapse;
  /*font-size: 1.2vw;*/
  font-weight: normal;
}

.aSite{
  font-size: 1.2em;
  background-color: white;
  padding: 5px;
}
.LinkDocs{
  font-size: 2vw;
  background-color: white;
  padding: 5px;
  margin: 5px;
}

.verticalText
{
text-align: center;
vertical-align: middle;
width: 20px;
margin: 0px;
padding: 0px;
padding-left: 1px;
padding-right: 1px;
padding-top: 10px;
white-space: nowrap;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
}

ul
{
  font-size: 1.2em;
}
li
{
  font-size: 1.2em;
}
.pInpDescr{
  font-size: 0.8em;
  margin: 0px;
}