body { 
   padding: 0pt;
   margin-top: 0pt;
   margin-left: 0pt;
   margin-right: 0pt;
   background: #87cefa;
   color: #666666;
   font-family: "Arial","Helvetica",sans-serif;
   /*font-family: "Times",serif;*/
   font-size: 110%;
   background-image: url(images/schneien.gif);
   /*background-image: url(images/cookiesbg.jpg); 
   background-size: 100%; */
}

h1 {
   text-align: center;
   color: #ff33aa;
   font-size: 250%;
}

h2 {
    font-size: 130%;
    color: #0000aa;
}
    
img {
    height: auto;
    max-width: 100%;
}

div.menu ul {
    list-style-type: none;
    margin: 0em;
    padding: 0em;
    overflow: hidden;
    background-color: #0000cc;
}

div.menu li a {
    padding: 10px;
    color: white;
    text-align: center;
    text-decoration: none;
}

div.menu li a:hover {
    background-color: #6666ff;
}

div.menu li a.current {
    background-color: #000088;
}

div.section {
    float: left;
    padding: 10px;
    margin: 6px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    border-radius: 19px;
    /* background: #e0ffff;*/
    background: #eeeeee;
}

div.foot {
    float: left;
    display: block;
    width: 100%;
    padding-left: 0px;
    text-align: right;
    font-size: 80%;
}

div.foot p {
    padding-right: 3ex;
}

span.nikoimage {
    padding: 2px;
    height: 2em;
    z-index: 10000;
}

div.regform {
    padding-left: 10px;
    padding-right: 10px;
}
div.regform input {
    background-color: #dddddd;
    max-width: 90%;
    padding: 4px;
} 

div.regform textarea {
    background-color: #dddddd;
    max-width: 90%;
    padding: 4px;
} 

p.clear {
    clear: both;
}

.pcenter {
    text-align: center;
}

table {
    left: 20px;
}

table.prog td {
     vertical-align: top;
}

td.tabtime {
    vertical-align: top;
    width: 8em;
}

div.abstract {
    /* font-family: "Arial","Helvetica",sans-serif; */
    font-family: "Times",serif;
    font-size: 96%;
}

p.vlink {
    text-align: center;
    font-family: monospace,sans-serif;
}

ul.participants {
    list-style: none;
}

ul.participants li {
    display: block;
    width: 45ex;
    float: left;
}

div#cornerimg {
   position: fixed;
   bottom: 20px;
   left: 40px;
   z-index: 10000;
}

@media all and ( (max-width: 510px) or (max-height: 800px) ) {
  div.menu ul {
      line-height: 2em;
  }

  div.menu li a {
      display: inline;
  }

  div.menu li { 
      display: inline; 
      padding: 0px;
  }
 
  div.main {
      padding-left: 0px;
  }

  div.section {
      width: 92%;
  }

  h1 {
      padding-top: 2pt;
      padding-left: 0%;
      font-size: 250%;
  }
  
div#cornerimg {
      display: none;
}

}

@media all and (min-width: 510px) and (min-height: 800px)  {
  h1 {
      font-size: 250%;
  }

  div.menu ul {
      position: fixed;
      /* position: sticky; 
      top: 0; */
  }

  div.menu ul {
      width: 18%;
      margin-left: 4px;
  }

  div.menu li a {
      display: block;
      font-size: 120%;
      //font-size: 2.4vw;
  }

  div.menu li { 
      display: block; 
      box-shadow: 0 6px 4px 0 rgba(0,0,0,0.2);
      transition: 0.3s;
      border-radius: 9px;
  }
  
  div.main {
      padding-left: 19%;
  }

  div.section {
      width: 93%;
  }

  h1 {
     /* padding-left: 19%; */
     padding-left: 0%;
  }
}

/*
@media all and (min-width: 850px) {
  
  h1 {
      font-size: 250%;
  }

  span.nikoimage {
      vertical-align: top;
  }

  div.section {
      width: 44%;
  }
}

@media all and (min-width: 1000px) {
  
  div.menu li a {
      display: block;
      font-size: 150%;
  }
}
*/