@charset "UTF-8";

#nav-wrap {position:relative;width:70%;height:auto;margin-left:auto;margin-right:auto;}
#animation {position:absolute;width:100%;z-index:-10;top:0;}
#animation img {position:absolute;width:100%;}

#nav-lang-bg {width:100%;}
#nav-lang {width:100%;}
#hallo {width:15%;height:auto;position:absolute;left:10%;top:34%;cursor:pointer;}
#hallo img {width:100%;height:auto;}
#hithere {width:15%;height:auto;position:absolute;left:25%;top:35%;cursor:pointer;}
#hithere img {width:100%;height:auto;}

#nav-main-wrap {display:none;}
#nav-main-bg {width:100%;}
#nav-main {width:100%;}
#nav-main div {position: absolute;}
#nav-main div img {display: none;height: auto;width: 213%;}


#anim01 {display:block;}
#anim02 {display:block;}
#anim03 {display:block;}
#anim04 {display:block;}

.changelang {height:12%;width:5%;left:40%;top:50%;cursor: pointer;}
#menuhover-2 {height: 33%;left:3%;top: 57%;width:15%;}
#nav-main div a {display:block;width:100%;height:100%;}
#nav-main div:hover img {display:block;}
#menuhover-4 {height:23%;width:15%;top:27%;left:5%;}
#menuhover-5 {height:17%;width:16%;top:6%;left:9%;}
#menuhover-5 img {position:relative;left:-19%;width:190%!important;}
#menuhover-3 {height:42%;width:26%;top:9%;left:67%;}
#menuhover-3 img {position:relative;width:152%!important;left:-43%;top:-4%;}
#menuhover-7 {height:18%;width:22%;top:70%;left:70%;}
#menuhover-7 img {position:relative;width:132%!important;left:-30%;margin-top:-41%;}
#menuhover-6 {height:23%;width:19%;left:28%;top:68%;}
#menuhover-6 img {position:relative;width:155%!important;left:-54%;margin-top:-31%;}