/*@media (min-width: 1100px) {*/
    body {background-image: url("./Images/background.jpg"); background-attachment: fixed;}
    #LOADING{background-color: black; position: absolute; top: 0px; left: 0px; display: block; width: 100%; height: 100%; text-align: center; opacity: 1.0;}
    #LOADING #LOADING_IMG{display: block; position: absolute; top: 50%; left: 50%; margin-left: -150px; margin-top: -150px; width: 300px; height: 300px; background-image: url("./Images/LOADING_IMG.gif");}

    #TOPLINE {display: block; width: 100%; height: 200px; position: absolute; top: 0px; left: 0px;}
    #TOPLINE #LeftLogo{display: block; position: absolute; left: 100px; top: 50px; width: 500px; height: 97px; background-image: url("./Images/LOGO_LEFT.png"); background-size: contain;}
    #TOPLINE #RightMenu{display: block; position: absolute; left: 100%; top: 100px; width:500px; height: 50px; margin-left: -500px;}
    #TOPLINE #RightMenu .Button{display: inline-block; width: 159px; height: 50px;}


    #MIDLINE {display: block; position: absolute; left: 0px; top: 200px; width: 100%;}
    #MIDLINE #CrystalBox {display: block; position: absolute; left: 50%; top: 0px; margin-left: -467px;}
    #MIDLINE #But_KSS{display: block; position: absolute; left: 0px; top: 0px; width: 459px; height: 153px; background-image: url("./Images/Crystal/BUT_KSS.png"); background-size: contain;}
    #MIDLINE #But_REF{display: block; position: absolute; left: 0px; top: 157px; width: 302px; height: 150px; background-image: url("./Images/BUT_REF.png"); background-size: contain;}
    #MIDLINE #But_95P{display: block; position: absolute; left: 158px; top: 5px; width: 613px; height: 303px; background-image: url("./Images/BUT_95P.png"); background-size: contain;}
    #MIDLINE #But_TIS{display: block; position: absolute; left: 469px; top: 0px; width: 306px; height: 152px; background-image: url("./Images/BUT_TIS.png"); background-size: contain;}
    #MIDLINE #But_GRA{display: block; position: absolute; left: 626px; top: 4px; width: 306px; height: 303px; background-image: url("./Images/BUT_GRA.png"); background-size: contain;}
    #MIDLINE #But_VEL{display: block; position: absolute; left: 159px; top: 314px; width: 457px; height: 304px; background-image: url("./Images/BUT_VEL.png"); background-size: contain;}
    #MIDLINE #But_WEB{display: block; position: absolute; left: 467px; top: 314px; width: 306px; height: 152px; background-image: url("./Images/BUT_WEB.png"); background-size: contain;}

    #MIDLINE #ContextBox{display: block; position: relative; left: 50%; top: 0px; width: 900px; margin-left: -450px; padding-bottom: 200px;}
    #MIDLINE #ContextBox #TopButton{display: block; position: absolute; left: 0px; top: 0px; width: 159px; height: 50px; margin-left: -100px;}
    #MIDLINE #ContextBox #WhiteContext{display: block; position: relative; left: 0px; top: 60px; width: 800px; padding: 50px; background: rgba(255,255,255,0.8);}

    #Copyright{display: block; position: fixed; left: 100%; top: 100%; margin-left: -300px; margin-top: -50px; width: 255px; height: 28px; background-image: url("./Images/Copyright.png"); background-size: contain;}

    .fil1 {fill:#2B2A29;fill-rule:nonzero; cursor: pointer;}
    
    .fil0 {fill:#CFFE3C; fill-opacity:0.800000}
    .fil0:hover {fill:#E31E24; fill-opacity:0.800000; cursor: pointer;}

    .fil2 {fill: #56BEFF; fill-opacity:0.800000}
    .fil2:hover {fill:#E31E24; fill-opacity:0.800000; cursor: pointer;}

    .ButtGreen{fill:#CFFE3C; fill-opacity: 1.0;}
    .ButtGreen:hover{fill: #56BEFF; fill-opacity: 1.0; cursor: pointer;}

    .BlueButton{fill: #56BEFF;}

    .imageMiniatureContainer{display: inline-table; position: relative; width: 200px; height: 200px; text-align: center;}
    .imageMiniatureContainer .imageMiniature{display: inline-flex; vertical-align: middle; border-color: white; cursor: pointer; vertical-align: middle;}
/*}*/