html, body {
  font-family: Arial,Verdana,sans-serif;
  font-size: 86%;
  margin: 0px;
  padding: 0px; }

header, section, footer {
  width: 100%; }

/* Titel NK */
header {
  border-top: 1px solid black;
  height: 0rem;
  position: fixed;
  top: 0;
  z-index: 100; }
  header #nk {
    color: #999999;
    font-variant: small-caps;
    font-weight: bold;
    margin-top: .35rem;
    text-align: center; }
  header #n {
    font-size: 1.0rem;
    left: -12.5rem;
    position: relative;
    top: -2.1rem; }
  header #k {
    font-size: 3.0rem;
    left: 2rem;
    position: relative; }
  header #login {
    color: #999999;
    float: right;
    font-size: .8rem;
    margin: 0.5rem;
    position: absolute;
    right: .5rem;
    top: .5rem; }
    header #login:hover {
      cursor: pointer;
      font-weight: bold; }

section {
  /* Tabs */ }
  section #logoNK {
    position: fixed;
    right: 0.5rem;
    top: .15rem;
    width: 9.0rem;
    z-index: 1; }
  section #logoTagebuch {
    display: block;
    left: 10%;
    position: absolute;
    top: 28%;
    width: 40%;
    z-index: 1; }
  section #logoDSV {
    display: block;
    left: 50%;
    position: absolute;
    top: 20%;
    width: 25%;
    z-index: 1; }
  section #logoIAT {
    display: block;
    left: 60%;
    position: absolute;
    top: 40%;
    width: 20%;
    z-index: 1; }
  section #logoOSP {
    display: block;
    left: 70%;
    position: absolute;
    top: 65%;
    width: 20%;
    z-index: 1; }
  section #Logins {
    xborder: 1px solid #68AF88;
    color: #999999;
    display: block;
    right: 1rem;
    position: absolute;
    bottom: 1rem;
    /*width: 5rem;*/
    z-index: 1; }
  section #tabs {
    color: #999999;
    font-size: 0.8rem;
    position: absolute;
    top: 1.2rem; }
  section .tab {
    background: #FDFEFB;
    border: 1px solid #68AF88;
    border-bottom: none;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 24px;
    margin-left: 10px;
    padding: 5px 10px;
    position: relative;
    text-align: center;
    width: 150px;
    z-index: 0; }
    section .tab:hover {
      cursor: pointer;
      font-weight: bold; }
    section .tab.active {
      border: 1px solid #68AF88;
      border-bottom: none;
      font-size: 1.0rem;
      font-weight: bold;
      position: relative;
      top: -9px;
      z-index: 1; }
  section .panel-container {
    background: #b2d6c2;
    background: -moz-linear-gradient(-45deg, #b2d6c2 0%, #eff7dd 15%, #e6f2ca 35%, #aed4b0 60%, #80bc9b 80%, #eeeeee 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #b2d6c2), color-stop(15%, #eff7dd), color-stop(35%, #e6f2ca), color-stop(60%, #aed4b0), color-stop(80%, #80bc9b), color-stop(100%, #eeeeee));
    background: -webkit-linear-gradient(-45deg, #b2d6c2 0%, #eff7dd 15%, #e6f2ca 35%, #aed4b0 60%, #80bc9b 80%, #eeeeee 100%);
    background: -o-linear-gradient(-45deg, #b2d6c2 0%, #eff7dd 15%, #e6f2ca 35%, #aed4b0 60%, #80bc9b 80%, #eeeeee 100%);
    background: -ms-linear-gradient(-45deg, #b2d6c2 0%, #eff7dd 15%, #e6f2ca 35%, #aed4b0 60%, #80bc9b 80%, #eeeeee 100%);
    background: linear-gradient(135deg, #b2d6c2 0px, #eff7dd 150px, #e6f2ca 350px, #aed4b0 800px, #80bc9b 80%, #eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2d6c2', endColorstr='#eeeeee',GradientType=1 );
    border: 1px solid #68AF88;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    bottom: 2rem;
    left: 5px;
    padding: 5px;
    position: fixed;
    right: 5px;
    top: 3.0rem; }
  section .panel {
    position: absolute;
    top: .1rem;
    left: .1rem;
    right: .1rem;
    bottom: .1rem; }
    section .panel .menuezeile {
      margin: .25rem; }
      section .panel .menuezeile div {
        color: #999999;
        cursor: pointer;
        float: left;
        font-size: 0.8;
        margin-left: 2rem;
        text-align: center;
        width: 8rem; }
      section .panel .menuezeile .menueeintrag.active, section .panel .menuezeile .menueeintrag:hover {
        font-size: 1.0rem;
        font-weight: bold; }
  section .tab1.active {
    background: #cde4ce;
    background: -moz-linear-gradient(left, #b7d8c4 0%, #e3f0d8 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #b7d8c4), color-stop(100%, #e3f0d8));
    background: -webkit-linear-gradient(left, #b7d8c4 0%, #e3f0d8 100%);
    background: -o-linear-gradient(left, #b7d8c4 0%, #e3f0d8 100%);
    background: -ms-linear-gradient(left, #b7d8c4 0%, #e3f0d8 100%);
    background: linear-gradient(to right, #b7d8c4 0%, #e3f0d8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2',GradientType=1 ); }
  section .tab2.active {
    background: #eaf5d7;
    background: -moz-linear-gradient(left, #e9f4da 0%, #ebf5d4 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e9f4da), color-stop(100%, #ebf5d4));
    background: -webkit-linear-gradient(left, #e9f4da 0%, #ebf5d4 100%);
    background: -o-linear-gradient(left, #e9f4da 0%, #ebf5d4 100%);
    background: -ms-linear-gradient(left, #e9f4da 0%, #ebf5d4 100%);
    background: linear-gradient(to right, #e9f4da 0%, #ebf5d4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2',GradientType=1 ); }
  section .tab3.active {
    background: #e7f3ce;
    background: -moz-linear-gradient(left, #eaf4d2 0%, #e3f1c9 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #eaf4d2), color-stop(100%, #e3f1c9));
    background: -webkit-linear-gradient(left, #eaf4d2 0%, #e3f1c9 100%);
    background: -o-linear-gradient(left, #eaf4d2 0%, #e3f1c9 100%);
    background: -ms-linear-gradient(left, #eaf4d2 0%, #e3f1c9 100%);
    background: linear-gradient(to right, #eaf4d2 0%, #e3f1c9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2',GradientType=1 ); }
  section .tab4.active {
    background: #dbecc5;
    background: -moz-linear-gradient(left, #e1f0c8 0%, #d4e8c2 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e1f0c8), color-stop(100%, #d4e8c2));
    background: -webkit-linear-gradient(left, #e1f0c8 0%, #d4e8c2 100%);
    background: -o-linear-gradient(left, #e1f0c8 0%, #d4e8c2 100%);
    background: -ms-linear-gradient(left, #e1f0c8 0%, #d4e8c2 100%);
    background: linear-gradient(to right, #e1f0c8 0%, #d4e8c2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2',GradientType=1 ); }
  section .tab5.active {
    background: #cbe4be;
    background: -moz-linear-gradient(left, #d2e7c1 0%, #c4e0ba 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #d2e7c1), color-stop(100%, #c4e0ba));
    background: -webkit-linear-gradient(left, #d2e7c1 0%, #c4e0ba 100%);
    background: -o-linear-gradient(left, #d2e7c1 0%, #c4e0ba 100%);
    background: -ms-linear-gradient(left, #d2e7c1 0%, #c4e0ba 100%);
    background: linear-gradient(to right, #d2e7c1 0%, #c4e0ba 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2',GradientType=1 ); }

footer {
  bottom: 0;
  height: 1.5rem;
  position: fixed;
  z-index: 100; }
  footer .statusleft {
    color: #999999;
    float: left;
    font-size: 0.8rem;
    margin-left: 0.6rem; }
  footer .statusright {
    color: #999999;
    float: right;
    font-size: 0.8rem;
    margin-right: 0.6rem; }
    footer .statusright:hover {
      cursor: pointer;
      font-weight: bold; }

#loader {
  display: block;
  position: absolute;
  right: 17.0rem;
  top: 0.3rem;
  z-index: 1000; }

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  /*user-select: none;*/ }

.AWSaison {
  background-color: #ffffff;
  border: 1px solid black;
  font-size: 1.0rem;
  font-weight: bold;
  max-height: 40rem;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 2px;
  position: absolute;
  top: 3.5rem;
  width: 6rem;
  z-index: 200; }
  .AWSaison .AWTable {
    width: 100%; }
  .AWSaison .trhover {
    background: black;
    color: white !important;
    font-weight: bold; }
  .AWSaison .trselect {
    background: gray;
    color: black;
    font-weight: bold; }

.AWSpGr {
  background-color: #ffffff;
  border: 1px solid black;
  font-size: 1.0rem;
  font-weight: bold;
  max-height: 40rem;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 2px;
  position: absolute;
  right: 3.0rem;
  top: 5.5rem;
  width: 12rem;
  z-index: 200; }
  .AWSpGr .AWTable {
    width: 100%; }
  .AWSpGr .trlabel {
    background: #eeeeee;
    color: black;
    font-style: italic;
    font-weight: bold;
    text-align: center; }
  .AWSpGr .trhover {
    background: black;
    color: white !important;
    font-weight: bold; }
  .AWSpGr .trselect {
    background: gray;
    color: black;
    font-weight: bold; }
  .AWSpGr .trread {
    color: #666666; }
  .AWSpGr .trwrite {
    color: #000000; }

.trgr {
  background: #ff9e9e; }

.trsp {
  background: white; }

.fc-content, .evttab {
  color: black;
  font-family: Verdana;
  font-weight: bold;
  text-align: center; }
  .fc-content td, .evttab td {
    border: 0;
    padding: 2px;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .fc-content .evttitle, .evttab .evttitle {
    font-size: .80rem;
    text-shadow: 0px 1px 0px #FFF; }
  .fc-content .evtbem, .evttab .evtbem {
    font-size: 0.75rem;
    font-weight: normal;
    text-align: left;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .fc-content .evtpdf, .evttab .evtpdf {
    width: 1.5rem;
    cursor: pointer; }
  .fc-content .evtgr, .evttab .evtgr {
    font-size: .75rem;
    vertical-align: top;
    width: 3.5rem; }
  .fc-content .evtueb, .evttab .evtueb {
    font-size: 0.65rem;
    text-align: left;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap; }

#dlgETermin .tedel {
  position: absolute;
  top: 3px;
  left: 3px;
  cursor: pointer; }
#dlgETermin .zeit {
  text-align: center;
  font-size: .85rem;
  font-weight: bold;
  margin: 0rem; }
#dlgETermin label {
  width: 6rem; }
#dlgETermin input {
  width: 20rem; }

.fileUpload {
  position: relative;
  overflow: hidden;
  margin: 10px; }

#dlgfile {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0); }

#Anlage {
  position: absolute;
  top: 30px;
  right: 30px; }

div.upload {
  background-image: url(../images/upload.png);
  background-repeat: no-repeat; }

div.upload input {
  display: block !important;
  width: 32px !important;
  height: 32px !important;
  margin: 0 !important;
  opacity: 0;
  cursor: pointer; }

#anlagedel {
  cursor: pointer; }