.els-header {
        position:relative;
        //top:0;
       // width: 100%;
        //height: 15%;
        margin: 0 auto;
        padding: 0px 2px 0px 2px;
        background: #df6c20;//#87CEEB;//#ffc107;// #0055ee;
        font-weight: bold;
        color:#ffffff;
        font-size:2vw;
       //      text-align:center;
       // content: center;
        justify-content: center;
        display: flex;
        z-index: 2;		 
}

.els-sidenav {
float:left;
width: 20%; /*Width of frame div*/
background: #f8f8f8;
color: navy;
font-weight: bold;
font-size: 12px;
}
.els-running {
float:left;
//width:100%;
background:#fff;//#90f2d3;
padding:2px 2px 2px 20px;	   
}
.els-top{
position:fixed;
width:100%;
z-index:3;
//background:lightblue;
top:0;
display:block;      
} 

.els-btn{
width:5vw;
margin-left:0;
}  

.els-topnav{
z-index:3;
width:100%;    
background:white;
display:block;
}  

.sticky{
position:fixed;
top:0px;
width:100%;
}
/*
.sticky+.els-running{
padding:20px;
}
*/
.els-topnav ul{
   list-style-type: none;
   margin: 0;
   padding: 0;
   overflow: hidden;
  // background-color: rgba(0,50,100,0.5);
}
.els-topnav ul li{
      color: #00f;
      text-align: left;
      padding: 2px 10px;
      text-decoration: none;
      font-size:12px;
      font-weight:bold;
      display:inline;

}
.els-topnav-li{display;block;}
.els-topenav ul li:hover{
 background-color: rgba(100,50,100,0.5);
}



.els-padding{
padding:40px 1px 1px 1px;

}  
.els-sidenav ul{
   list-style-type: none;
   margin: 0;
   padding: 0;
   overflow: hidden;
  // background-color: rgba(0,50,100,0.5);
}
.els-sidenav ul li{
      color: #00f;
      text-align: left;
      padding: 2px 10px;
      text-decoration: none;
      font-size:12px;
      font-weight:bold;
      cursor:pointer;
      //background-color: rgba(100,50,100,0.5);

}
.els-sidenav-li{display;block;}
.els-sidenav ul li:hover{
 background-color: rgba(100,50,100,0.5);
}

///text 
.els-running h1{
padding: 40px 40px 40px 40px;

}  

/* table */


table.list {
    font-size: small;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
    margin: 1px 0;
   // width: 100%
}
table.list caption {
 font-style: 120% serif;

}
table.list td {
    padding: 2px 2px 2px 2px;
    vertical-align: baseline;
}
table.list td.spk{
    font-style: serif;
    font-weight: bold;
    text-align: left;
   // width: 20%

}
table.list td.loc{
    font-style: serif;
    font-weight: bold;
    text-align: left;
   // width: 60%

}
table.list td.web{
    font-style: serif;
    font-weight: bold;
    text-align: left;
   // width: 20%

}


table.programme {
 /*   font-size: small;*/
    border-collapse: collapse;
    border-spacing: 0;
    text-align: center;
    margin: 1em 0;
    width: 80%
    font-style: arial;
    font-weight: bold;
    font-size: 8pt;
    background: #EEF;
    color:black;
}
table.programme caption {
 font-size: 12pt;
 background: #0EF;
 color:black;
 padding: 0.5em

}
table.programme tr {
    padding:  0;
    border:  solid white ;
}

table.programme td, table.programme th{
    font-size: 10pt;
    padding: 0.5em 1;
    vertical-align: baseline;
   // background:#DDF;
    color: red;
    font-weight: bold;
}

table.programme td.coli{
    text-align: left;
    width: 30%;
    background:#dd5;
    color: black;
    font-size: 10pt;
}

table.programme td.col1{
    text-align: left;
    width: 10%;
    //background:#ddF;
    color: black;
    font-size: 8pt;
}
table.programme td.colb{
    text-align: center;
    width: 30%;
    background:#0EF;
    color: black;
    font-size: 10pt;
}

table.programme td.colt {
    font-size: 10pt;
    text-align: left;
    width: 30%;
    background:#00F;
    color: white;
}
table.programme td.colo {
    font-size: 10pt;
    text-align: center;
    width: 30%;
    background:#AAA;
    color: red;
}
table.programme td.col3 {
    font-size: 8pt;
    text-align: left;
    width: 45%;
    background:green;
    color:white;
}

table.programme td.colg {
    font-size: 8pt;
    text-align: left;
    width: 10%;
    background:#EEF;
    color:red;
}

table.programme td.colp{
    text-align: left;
    width: 10%;
    background:#ffd700;
    color: black;
    font-size: 8pt;
}

table.team {
    font-size: small;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
    margin: 1px 0;
    width: 100%
}
table.team caption {
 font-style: 120% serif;
 font-weight: bold;
 background: #005A9C;
 color: white;
 padding: 0.5em

}
table.team td, table.team th{
    padding: 0.5em 0;
    vertical-align: baseline;
}
table.team td:first-child,table.team th:first-child {
    font-style: serif;
    font-weight: bold;
    text-align: left;
    width: 30%

}
table.team td[colspan]:first-child,table.team th[colspan]:first-child {
    font-style: inherit
}

/*  dropdown menu */


.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 17px;
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 3;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown:hover .dropdown-content {
  display: block;
}

@media (max-width:768px){.els-sidenav{display:none;width:100%}.els-running{margin-left:0!important;width:100%;}.els-topnav{display:block;}}
@media (max-width:768px){.els-sidenav-li{display: inline-block;}