body{
        margin: 0;
        font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
        
    }




a{
        color:blue;
        text-decoration: none;
    }

a:hover{
        text-decoration: underline;
    }



.headbox{
    margin:0;
    padding:0;
    background: #656889;
    width:100%;
}



#headtext{
     margin:0;
    padding:0;
    float: left;
    width:50%; 
}

#headtext h1{
    margin:0;
    padding:0;
    color: black;
    font-weight: normal;
}


#logodiv{
    margin:0;
    padding:0;
    float: left;
    }

#logodiv img{
    width:240px;
    height:144px;
  }

.scripto{
  background: #333333;
  width:100%;

}

.buttonstyle {
    margin-left: 5%;
    margin-top:10px;
    margin-bottom:10px;
}

.list-header {
    margin-top:10px;
}

.tabla{
  margin: 0;
  padding: 0;
  margin-top: 20px; 
  margin-bottom:20px;
  overflow:auto;
}

.dhol{
    margin: 0;
    padding: 0;
    margin-top: 20px; 
    margin-bottom:20px;
    overflow:auto;
  }

.hidden {
    display: none;
}

.tableizer-table {
    font-size: 20px;
    border: 1px solid #CCC; 
    width:90%;
    margin: 0 auto;
    background-color: #DDDDDD;
  } 

  .vlink-table {
    font-size: 20px;
    border: 1px solid #CCC; 
    width:90%;
    margin: 0 auto;
    background-color: #DDDDDD;
  } 


  .tableizer-table td {
    padding: 6px;
    margin: 3px;
    border: 1px solid black;
  }

  .vlink-table td {
    padding: 6px;
    margin: 3px;
    border: 1px solid black;
  }


 

  .tableizer-table th {
    padding: 6px;
    margin: 3px;
    background-color: #4F5278; 
    color: #FFF;
    font-weight: bold;
    border: 1px solid black;
  }

  .vlink-table th {
    padding: 6px;
    margin: 3px;
    background-color: #4F5278; 
    color: #FFF;
    font-weight: bold;
    border: 1px solid black;
  }

  .tableizer-table tr:hover{background-color:#f5f5f5}



  .info{
    margin:0;
    padding:0;
    font-size: 1.2em;
    float: left;
  
  }

    
    ul{
        list-style-type: square;
        line-height: 150%;
        color: black; 
    }    
    
    /* li:hover{
        background-color: lightgray;
    } */
    

/* 
  .info h2{
    font-weight:normal;
  } */




  .break{
        clear: both;

    }


    .tableizer-table td:nth-child(1) { display: none; }
    .tableizer-table th:nth-child(1) { display: none; }
    
    .tableizer-table td:nth-child(2) { display: none; }
    .tableizer-table th:nth-child(2) { display: none; }
    
    .tableizer-table td:nth-child(6) { display: none; }
    .tableizer-table th:nth-child(6) { display: none; }

/* ////////////////////////////Media Querries */

    @media (min-width: 1201px){
        #logodiv img{
                visibility: visible;
        }

      .emptybox{
          margin:0;
          padding:0;
          float: left;
          width: 16%;
          height:80%;

        }

        .headbox{
          height:144px;
        }

     #headtext h1{
      font-size: 3.3em;
      margin-top: 30px;
      }

      .emptybox1{
          margin:0;
          padding:0;
          float: left;
          width: 16%;
          height:20px;
    }
          

}

/* .vlink-table td:nth-child(1) { display: none; }
.vlink-table th:nth-child(1) { display: none; } */





 @media (max-width: 1200px) {
    #logodiv img{
      display: none;
    }
   .vanishbox{
    margin:0;
    padding:0;
    float: left;
    width: 0;
    height:0;
    }


    #headtext h1{
        font-size: 2.0em;
    }


    .headbox{
          height:80px;
    }

    .vanishbox1{
        margin:0;
        padding:0;
        float: left;
        width: 0;
        height:0;
    }

    .buttonstyle {
        margin-top:10px;
        margin-bottom:10px;
    }

    .multiple-buttons{
        display: inline-grid;
    }


    .tableizer-table td:nth-child(1) { display: none; }
    .tableizer-table th:nth-child(1) { display: none; }
    
    .tableizer-table td:nth-child(2) { display: none; }
    .tableizer-table th:nth-child(2) { display: none; }
    
    .tableizer-table td:nth-child(6) { display: none; }
    .tableizer-table th:nth-child(6) { display: none; }
 

    .tableizer-table td:nth-child(4) { display: none; }
    .tableizer-table th:nth-child(4) { display: none; }

    .tableizer-table td:nth-child(5) { display: none; }
    .tableizer-table th:nth-child(5) { display: none; }



}