::-webkit-scrollbar {
width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1;
box-shadow: inset 0 0 5px grey;

}

/* Handle */
::-webkit-scrollbar-thumb {
background: linear-gradient(#52a2c2, #21f1e7);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #555;
}


   .pagecontainer {
      overflow: hidden;
      display: block;
      padding-bottom: 76px;
     min-width:700px;
     position:relative;
     min-height:95vh;
     height:100%;
   }

   @font-face {
     font-family: 'Vocaloid';
     src: url('../fonts/headline.ttf');
     }
   header, footer {
     padding:10px;
     background-color:#8edfed;
     }
   header {
     margin-top:0;
     padding-top:5px;
     box-shadow: 0px 5px 5px #00a8eb;
     }
   .headergrid {
     display:inline-grid;
     grid-template-columns:85px auto;
     }
   .head2 {
     align-self:center;
     }
   .main {
     display:grid;
     grid-template-columns:130px auto 140px;
     }

     #content {
       overflow:auto;
       border-top:20px solid black;
       border-image:url("../images/borderimage.png") 110 round;
       padding-top:15px;
       padding-bottom:15px;
       padding-left:30px;
       padding-right:30px;
       margin-top:30px;
       margin-bottom:30px;
       margin-left:10%;
       margin-right:10%;
       background-image: linear-gradient(white,#7ff5e3);
       border-radius:2px;
       }

       #content h1 {font-size:1.7em; display:block; padding:0;  font-family:'Vocaloid', sans-serif; color:#3bebeb; text-shadow:3px 0px 0px #00a3d9; text-align  :center;}
   #content h3 {text-align:center; display:block; font-weight:bold;}
   #content p {color:#705461; line-height:1.5;}
   #content td{border:double 3px #3bebeb; background-color:white;}
   #content td:hover{border:double 2px #00a8eb;}
   #content img {padding:0.5em; max-width:100%;}

   .right {margin:5px; margin-top:10px; }



   .rightbox {
     padding:5px;
     height:auto;
     border:outset 4px #00a8eb;
     background-color:#8edfed;
     color: #003b8f;
     font-size:0.8em;

     }
   .rightbox p {color:#705461}
   .rightbox h3 {display:block; text-align:center}
   .mail {font-style:italic; color:#cc3d6a;}
   footer {
     width:100%;
     margin-left:0;
     margin-right:0;
     padding-left:0;
     padding-right:0;
     padding-bottom:20;
     margin-bottom:0;
     position:absolute;
     bottom:0;
     box-shadow:0px -5px 5px #00a8eb;
     }
   footer img {
     height:50px;
     }
   .footerbox {
       padding-left:10px;
       padding-right:10px;
     }
     
    .columnimg {
        display:block;
        margin:auto;
        text-align:center;
        padding:5px;
    }
    
   h1 {
     font-size:2.5em;
     display:inline;
     padding:0;
     margin:0;
     font-family: 'Vocaloid', sans-serif;
     color: white;
     text-shadow: 0 0 10px #00a3d9;
     }

   body {
     background-color: #7ff5e3;
     margin:auto;
     display:block;
     }
   nav {
     padding:10px;
     padding-left:0;
     }
   td {
     border:outset 4px #00a8eb;
     background-color:#8edfed;
     color: #003b8f;
     }
   td:hover {
     border:inset 4px #00a8eb;
     background-color:#7cc1d9;
     color:#002e70;
     }
   table {
     font-family: 'Jura', sans-serif;}
     #wip {
       font-family:'Vocaloid';
       background-color:yellow;
       color:red;
     }
     h3,p {
       display:inline;
       padding-top:10px;
       padding-bottom:10px;
       margin:0;
       font-family: 'Jura', sans-serif;
       color:#00a8eb;
     }
     em {
       color: #db1266;
       }