#mytopbandcontainer {
    margin:10px;
    padding:10px 0 0 0;
    border:0;
    overflow:auto;
    }
#mytopband {
    padding:0;
    margin:0;
    border:0;
    }
#mybanner {
    max-width:90%;
    padding:10px 5%;
    font-size:5vw;
    line-height:5.1vw;
    font-weight:normal;
    vertical-align:middle;
    }
#logo {
    width:159px;
    height:92px;
    display:inline;
    border:0;
    }
.menu {
    display:inline-block;
    margin:1px;
    vertical-align:top;
    }
.menuButton {
    display:inline-block;
    margin:0 10px;
    }

@media screen, projection {
    #menubar {
        display:block;
        padding:0 0 10px 0;
        margin:0 auto;
        overflow-x:auto;
        white-space: nowrap;
        border:0;
        }
    #pageheader {
        clear:both;
        width:900px;
        display:block;    
        margin:0 auto;    
        max-width:95%;  
        border:0;
        padding:0;  
        }
    }

@media screen and (max-width: 640px) {
    .submenucontainer {
        margin:auto;
        max-width:96%;
        z-index:0;
        }
    }
@media screen and (min-width: 641px) {
    .submenucontainer {
        margin:auto;
        max-width:100%;
        z-index:0;
        }
    }

@media screen and (max-device-width: 395px) {
    #sociallinks {
        float:none;
        margin:auto;
        }
    #login {
        float:none;
        margin:10px auto 0 auto;
        }
    #username { padding:5px; }
    .flexiblockright {
        margin:10px auto;
        float:none;
        display:block;
        text-align:center;
        clear:right;
        }
    .flexiblockleft {
        margin:10px auto;
        float:none;
        display:block;
        text-align:center;
        clear:left;
        }
    #startbutton {
        border:0;
        margin:0;
        max-width:100%;
        }
    #homepagespacer {
        display:none;
        }
    } 
@media screen and (min-device-width: 396px) { 
    #sociallinks {
        float:right;
        margin:0;
        }
    #login {
        float:left;
        margin:5px 0 5px 0;
        padding-top:0;
        }
    #username { 
      padding:0 0 5px 0; 
      overflow:auto;
      }
    .flexiblockright {
        margin:10px;
        float:right;
        display:block;
        clear:right;
        }
    .flexiblockleft {
        margin:10px;
        float:left;
        display:block;
        clear:left;
        }
    #startbutton {
        border:0;
        margin:0 20px 0 0;
        max-width:100%;
        }
    #homepagespacer {
        width:100%;
        padding-top:40%; /* A brill little dynamic trick -> padding is proportional to container's width */
        }
    }

@media print {
    .flexiblockright {
        margin:10px;
        float:right;
        display:block;
        clear:right;
        }
    .flexiblockleft {
        margin:10px;
        float:left;
        display:block;
        clear:left;
        }
    }
#leftmenu {
  display:none;
  }