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

body {
        width:100%;
        height: 100%;
    
    }
      
div.h1{
    display:block;
    text-align:center;
    margin:0 0 25px 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.formInput {
      display: block;
      margin-bottom: 8px;
    }
    input.formInput, textarea.formInput {
      width: 100%;
      padding: 8px;
      margin-bottom: 16px;
      box-sizing: border-box;
    }
    button.formInput {
      padding: 10px;
      border: none;
      border-radius: 4px;
      cursor: pointer;
    }
      
      h1{ text-align:center;}
      
      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;
          
          width:150px;
          height:80px;
          padding:15px;
          text-align:center;
          cursor:pointer;
      }
      
      li.menueLi:hover
      {
      }
      
      li.menueLiActive
      {
          float:right;
          
          list-style: none;
          
          margin-right:10px;
          margin-bottom:0px;
          
          width:150px;
          height:80px;
          padding:15px;
          text-align:center;
          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%;
          margin:auto;
          padding:3%;
          
      }
      
      .fieldset_1
      {
          border:none;
          padding:25px;
      }

     div.headline
      {
          padding:5px;     
      }

   /* TBALES */   
      .tableHeadline
      {
          padding:5px;
          width:90%;
      }
      
      .tableList 
      {
          margin:25px auto ;
          width:90%;
      }
      
      .column
      {

          padding:5px; 

      }
      .tableListHead
      {
        
      }
      th.tableListHead
      {
          padding:5px;

      }
      .login_button
      {
          padding:10px;
          margin-right:25px;
          text-align: center;
          cursor:pointer;
      }
      #loginForm
      {
  

          width:100%;
          height:100%;

      }

        p.hintContent
        {
            

        }
.lang{
    text-decoration: none;
}

a.lang:hover, a.lang_active:hover{
    text-decoration: none;
}

.lang_active{
    text-decoration: none;
}

.iconObbudmann{

}

.iconObbudmannResponse{

    font-size:3em;  
    color:rgba(255,255,255,0.9);
}

.iconHinttxt{
    
    
}    

.responseObbudmann
{
    
    margin:10px;
    padding:10px;
    
}

.responseHint
{
    margin:10px;
    padding:10px;
}
 .contentLine
{
 
}

 .statusLine
{
 
}

.buttonIcon {
    float:right;
    margin:5px;
    cursor:pointer;
}


 .hintText
{
    font-size:0.9em;  
    line-height:1.2em;
}

 .hintTextContent
{
    line-height:1.2em;
    padding:25px;
    overflow: auto;
}

.hiddenWin
{

    position:absolute;
    top:50%;
    left:50%;
    width:50%;
    height:50%;
    
    margin:-20% -25%;
    
    border:1px solid silver;
    
    display:none; 
    z-index:9999;
 
    
    
}

/* TOOLTIP */
 .mytooltip {
      position: relative;
      cursor: pointer;
    }

  .mytooltip > .mytooltiptext {
      visibility: hidden;
      width: 120px;
      padding: 5px;
      position: absolute;
      z-index: 1;
      bottom: 125%;
      left: 50%;
      margin-left: -60px;
      opacity: 0;
      transition: opacity 0.3s;
    }

    .mytooltip:hover > .mytooltiptext {
      visibility: visible;
      opacity: 1;
    }

/* BTN MORE */

.btnMore{
    display:block; 
    margin:5px 0px;
    
    
    padding:5px; 
    
    cursor:pointer;
}

.btnMore:hover{ 
    
}

/* BTN FILEUPLOAD */

.btnFileupload{
    display:block; 
    margin:5px 0px;
    
    padding:5px; 
    
    cursor:pointer;
    
    width:350px; 
    border:1px solid rgba(150,150,150, 1); 
    border-radius:5px;
    background-color:rgba(150,150,150, 0.7); 
    font-weight:bold; 
    font-size:0.9em;
}

.btnFileupload:hover{ 
    border:1px solid rgba(150,150,150, 1); 
    background-color:rgba(200,100,100, 0.7); 
}


/* EDITWINDOW */


#responseWindow
{
    
    display:none;
}

#idMessageWin
{
    
    display:none;
}

.editWin
{
    
    position:absolute;
    top:25%;
    left:50%;
    margin: -100px -200px;
    
    border:1px solid silver;
    width:400px;
    height:400px;
    
    
    background-color:rgba(255,255,255,1);
    
    
}


.formContent{
    padding:25px;
}


.logoutBTN{
    float:right; 
    display:block; 
    margin:0px 25px; 
    padding:5px 10px; 
    background-color:rgba(255,255,255,0.5); 
    text-align: center; 
    cursor:pointer; 
    border-radius:3px; 
    color:rgba(255,255,255,1);
}

.logoutBTN:hover{ 
    background-color:rgba(0,0,0,0.5); 
}