html {
  text-size-adjust: auto;
}

body { 
  background-color: #eeeeff;
  box-sizing: border-box;
  background-image: url("include/cortona01.png");
  background-size: 100% auto;
}

a:link    { color: #000088; text-decoration: none;}
a:visited { color: #000088; text-decoration: none;}
a:active  { color: #000088; text-decoration: none;}
a:hover   { color: #ff00ff;}


#container { 
  color: black;
  font-family: verdana;
}

#header { 
  padding-left: 70px;
  padding-right: 70px;
  color: black;
  filter: alpha(opacity=85);
  opacity: 0.85;
}

#workshopname {
  width: 98%;
  padding-left: 1%;
  padding-right: 1%;
  padding-top: 1%;
  heigth: 100%;
    font-family: verdana;
    font-size: 200%;
    background-color: #ccccff;
}
#workshopdate {
  width: 98%;
  padding-left: 1%;
  padding-right: 1%;
  padding-top: 1%;
  heigth: 100%;
    font-family: verdana;
    font-size: 150%;
  background-color: #ccccff;
}
#menu {
  width: 98%;
  padding-left: 1%;
  padding-right: 1%;
  padding-top: 1%;
  padding-bottom: 1%;
  heigth: 100%;
    font-family: verdana;
    font-size: 100%;
  background-color: #ccccff;
}



#main { 
  padding-left: 70px;
  padding-right: 70px;
  text-align: left;
  filter: alpha(opacity=85);
  opacity: 0.85;

}

#full {
  width: 98%;
  padding: 1%;
  heigth: 98%;
  float: left;
}

#seethrough {
  width: 98%;
  padding: 0%;
  filter: alpha(opacity=0);
  opacity: 0.0;
}

#about {
  width: 98%;
  padding: 1%;
  heigth: 98%;
  float: left;
  background-color: #ffffff;
}

#venue {
  width: 98%;
  padding: 1%;
  heigth: 98%;
  float: left;
  background-color: #ffcccc;
}

#participants {
  width: 98%;
  padding: 1%;
  heigth: 98%;
  float: left;
  background-color: #ccffcc;
}

#program {
  width: 98%;
  padding: 1%;
  heigth: 98%;
  float: left;
  background-color: #ffffcc;
}

#pictures {
  width: 98%;
  padding: 1%;
  heigth: 98%;
  float: left;
  background-color: #ffccff;
}

#proceedings {
  width: 98%;
  padding: 1%;
  heigth: 98%;
  float: left;
  background-color: #ccccff;
}

#committee {
  width: 98%;
  padding: 1%;
  heigth: 98%;
  float: left;
  background-color: #ffcccc;
}

#title {
  font-size: 200%;
}

#left { 
  width: 78%;
  padding: 1%;
  heigth: 98%;
  float: left;
  background-color: red;
  text-align: center;
}

#rigth {
  width: 18%;
  padding: 1%;
  float: left;
}

#footer {
}

#moderatebold {
  font-weight: 600;
}

.tooltip {
    position: relative;
    display: inline-block;
    // border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 400px;
    background-color: white;
    color: black;
    text-align: left;
    border-radius: 6px;
    padding: 5px 5px;

    /* Position the tooltip */
    position: absolute;
    top: 30px;
    left: -200px;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}