img {
   border: 0px;
}

a { text-decoration: none;}

.clear {/*blank space between index elements*/
   width: 100%;
   height: 1px;
   clear: both;
}

body {
   font: 12px Arial, Helvetica, sans-serif;
   color: #353535;
   line-height: 18px;
}

#main {
   width:  861px;
   margin: 10 auto;
   overflow-x: scroll;
   overflow-y: scroll;
}

.my_button {
   border:2px solid #E8E8E8;
   border-radius: 3px;
   border-color: #E8E8E8;
   border-style:solid;
}

.content {
/* column-count: 2;
   width: 80%;
   padding: 15px;   */
/*posit and zind needed to keep layer on top */
   position: fixed;
   z-index: 1;

   border-radius: 10px;
   font-size: 16px;
   background: #fff;
   overflow: auto;

   top: 2%;
   bottom: 1%;
   left: 8%;
   opacity: 95%;
   cursor: auto;
}

.container {
   display: flex;
   max-width: 90%;
   margin: 0 auto;
}

.tile {
   padding: 2em;
   background-color: lightblue;
}
.myflex {
   display: flex;
}
.myflex > * + * {
   margin-top: 0;
   margin-left: 2em;
}

.spalte1{
   flex: 2;
   margin: 9px;
   border: 9px;
   padding: 9px;
   left: 8%;
}

.spalte1 > .tile {
   flex: 1;
}
.spalte2{
  flex: 1;
   margin: 9px;
   border: 9px;
   padding: 9px;
   left: 8%;
}

.spalte2 > .tile {
   flex: 2;
}




h3 {
   text-align: center;
   font-size: 24px;
   font-weight: normal;
   padding-bottom: 10px;
}

.overlay {
   display: flex;
   /*position: fixed;
   cursor: auto;
   z-index: 5;  */

   width: 95%;
   min-height: 70%;
   max-height: 120%;
   top: 10%;
   left: 25%;
   background-color: rgba(170,211,223,0.95);
   border-style : solid;
   border-radius : 1em;

   display: flex;
   position: fixed;
   display: none;
   width: 45%;
   min-height: 70%;
   max-height: 120%;
   top: 10%;
   left: 25%;
   background-color: rgba(170,211,223,0.90);
   z-index: 5;
   border-style : groove;
   border-radius : 10px
   cursor: auto;
}

.OL-button {
   float: left; width: 80%;
   height: 100%;
   border-style : solid;
   cursor: auto;
   margin : 5%;
   border:2px solid darkgrey;
   border-radius: 3px;
   border-color: darkgrey;
   border-style:solid;
}

.ckolumn{
    font-size: 1.3em;
    float: left;
    width: 25%;
    border-style : solid;
    border-color: #57aef9;
    padding: 1.5%;
    margin : 5%;
    min-height: 50%;
}

#closebutton {
    line-height: 22px;
    width: 48px;
    font-size: 18pt;
    margin-top: 5px;
    margin-right: 18px;
    position:absolute;
    top:0;
    right:0;
}