/* CSS */
html{ width:100%;
        height: 100%;}

body {
      font-family: Arial, sans-serif;
      
        width:100%;
        height: 100%;
        background-color:rgba(0,0,0,1);
   background-image: url(../images/desk-1220052_1920.jpg);
    background-attachment: fixed;
   /*  background-image: url(images/lion-2820443_2.jpg); */
    background-size: 100%;
    background-repeat: no-repeat;
    
    }
b{ color: rgba(102,80,80,1); }      
a{ color: rgba(102,80,80,1); }
div.h1{
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    display:block;
    width:100%;
    padding:25px;
    
    text-align:center;
    color:rgba(0,9,21,1.00);
    background-color:rgba(255,255,255,0);
}

     .contentForm
{
    margin:auto;
    margin-top:70px;
    max-width:350px;   
    padding:25px;
}
     .formSalutation{
          float:left;
            display:block;
         margin:5px;
      }
      input.formSalutation{
        
         margin:10px 50px 5px 5px; 
      }
    
    label.col{display: block;
      margin-bottom: 8px;
      font-weight:bold;
        font-size:0.9em;
      color:rgba(102,80,80,1);
}

    label.formInput {
      display: block;
      margin-bottom: 8px;
      font-weight:bold;
        font-size:0.9em;
      color:rgba(102,80,80,1);
    }
    input.formInput, textarea.formInput {
      width: 100%;
      padding: 8px;
      margin-bottom: 16px;
      box-sizing: border-box;
    }
    button.formInput {
      padding: 10px;
      background-color: #4CAF50;
      color: white;
      border: none;
      border-radius: 4px;
      cursor: pointer;
    }
      

      
      ul.menueUl
      {
          width:90%;
          
         /* border:1px solid rgba(0,100,160,1); */
      }
      
      li.menueLi
      {
          float:right;
          
          list-style: none;
          
          margin-right:10px;
          margin-bottom:0px;
          
          /* border: 1px solid rgba(0,100,160,1); */
          border: 1px solid rgba(102,80,80,1);
          border-radius: 5px 5px 0px 0px;
          
          font-size:0.9em;
          font-weight:bold;
          color:rgba(255,255,255,0.8);
          width:150px;
          
          padding:15px;
          text-align:center;
          /* background-color:rgba(0,100,160,1); */
           background-color:rgba(102,80,80,1);
          cursor:pointer;
      }
      
      li.menueLi:hover
      {
          /* border: 1px solid rgba(0,100,160,1); */
          border: 1px solid rgba(102,80,80,1);
          /* color:rgba(0,100,160,1); */
          color:rgba(102,80,80,1);
          background-color:rgba(255,255,255,1.00);
      }
      
      li.menueLiActive
      {
          float:right;
          
          list-style: none;
          
          margin-right:10px;
          margin-bottom:0px;
          
          /* border: 1px solid rgba(0,100,160,1); */
          border: 1px solid rgba(102,80,80,1);
          border-radius: 5px 5px 0px 0px;
          
          font-size:0.9em;
          font-weight:bold;
         /* color:rgba(0,100,160,1); */
          color:rgba(102,80,80,1);
          width:150px;
          
          padding:15px;
          text-align:center;
         background-color:rgba(255,255,255,1.00);
          
          cursor:pointer;
      }
      
      @media only screen and (max-width: 600px) {
          ul.menueUl
      {
          
        margin:0px;
      } 
          
          li.menueLi, li.menueLiActive
      
              {
                  margin:0px;
                  width:100%;
          }
      }
      
      #head_box_1
      {
          
          width:90%;

      }
      
      #content_box_1
      {
          width:90%;
          min-height:70%;
          border:1px solid rgba(27,34,18,0.7);
          /* border:1px solid rgba(0,100,160,0.8); */
          border-radius: 5px 5px 0px 0px;
          margin:auto;
          background-color:rgba(255,255,255,0.9);
          
          padding:3%;
          
      }
      
      .fieldset_1
      {
          border:none;
          padding:25px;
      }
      
      .tableHeadline
      {
          font-weight:bold;
          /* color:rgba(0,100,160,1); */
          color:rgba(0,0,0,1);
          padding:5px;
          width:90%;
          border-collapse: collapse;
          border:1px solid rgba(27,34,18,0.7); /* rgba(0,0,0,0.7); */
      }
      
      .tableList 
      {
          margin:25px auto ;
          width:90%;
          border-collapse: collapse;
          border:1px solid rgba(27,34,18,0.7); /* rgba(0,0,0,0.7); */
      }
      
      .column
      {
          font-size:0.9em;
          padding:5px; 
          border:1px solid rgba(27,34,18,0.7); /* rgba(0,0,0,0.7); */
      }
      .tableListHead
      {
        
          /* background-color: rgba(0,100,160,0.8); */
          background-color:rgba(27,34,18,0.7); /* rgba(0,0,0,0.7); */
      }
      th.tableListHead
      {
          padding:5px;
          color:rgba(255,255,255,1);
      }
      .login_button
      {
          border-radius:5px; 
          padding:10px;
         /* background-color:rgba(0,100,160,0.8); */
          background-color:rgba(27,34,18,0.7); /* rgba(0,0,0,0.7); */
          color:#fff;
          fontweight:bold;
          margin-right:25px;
          text-align: center;
          cursor:pointer;
      }
      #loginForm
      {
  

          width:100%;
          height:100%;
          background-color:rgba(27,34,18,0.7); /* rgba(0,0,0,0.7); */
      }

        p.hintContent
        {
            
            font-size:0.9em;
            line-height:1.5em;
        }
.lang{
    text-decoration: none;
    color:rgba(27,34,18,0.7);
    font-weight:bold;
}

a.lang:hover, a.lang_active:hover{
    text-decoration: none;
    color:rgba(0,0,0,0.5);
    font-weight:bold;
}

.lang_active{
    text-decoration: none;
    color:rgba(255,255,255,0.8);
    font-weight:bold;
}