*{
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
    font-family: Verdana, sans-serif;
    font-size: 70%;
    background: #000;
}
body{
    height: 100%;
    display: block;

}
#VelgRiktigExplorer{
    position: relative;
    overflow: hidden;
    height: 100%;
}

#VelgRiktigExplorer #movable{
    background: url("../../gfx/velgriktig/velgriktig-gotham.jpg") no-repeat;
    width: 1500px;
    height: 818px;
    position: absolute;
    color: #fff;
}

#VelgRiktigExplorer #movable.big{
    background: url("../../gfx/velgriktig/gotham-stor.jpg") no-repeat;
    width: 1772px;
    height: 966px;
}

#navblock{
    position: absolute;
    top: 20px;
    left: 25%;
    background: #555;
    color: #fff;
    opacity: 0.7;
    filter: alpha(opacity = 50);
    z-index: 3;
    padding: 1em 2em;
    border: 1px solid #000;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    width: 600px;
}

#navblock a{
    color: #FDBA31;
}

#navblock a:hover{
    color: #fff;
}

#vr-buttons a{
    display: block;
    position: absolute;
}

#vr-buttons #fosterlenke{
    width: 624px;
    height: 534px;
    left: 519px;
    top: 0;
}

#vr-buttons #industrilenke{
    width: 263px;
    height: 677px;
    right: 0;
    top: 168px;
}

#vr-buttons #naturlenke{
    width: 548px;
    height: 495px;
    left: 70px;
    top: 471px;
}

#vr-buttons #teknologilenke{
    width: 408px;
    height: 565px;
    left: 1143px;
    top: 401px;
}

#vr-buttons #fosterlenke:hover{
    background: url(../../gfx/velgriktig/mo-foster.jpg) no-repeat;
}

#vr-buttons #industrilenke:hover{
    background: url(../../gfx/velgriktig/mo-industri.jpg) no-repeat;
}

#vr-buttons #naturlenke:hover{
    background: url(../../gfx/velgriktig/mo-natur.jpg) no-repeat;
}

#vr-buttons #teknologilenke:hover{
    background: url(../../gfx/velgriktig/mo-teknologi.jpg) no-repeat;
}

#vr-buttons .helpText{
    position: absolute;
    width: 320px;
    display: block;
    background: #555;
    color: #fff;
    opacity: 0.0;
    filter: alpha(opacity = 0);
    z-index: 2;
    padding: 1em 2em;
    border: 1px solid #000;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;

}

#foster .helpText{
    top: 450px;
    left: 650px;

}

#industri .helpText{
    top: 340px;
    right: 150px;

}

#natur .helpText{
    top: 630px;
    left: 550px;

}

#teknologi .helpText{
    top: 550px;
left: 830px;
}

#vr-buttons .helpText a{
    display: inline;
    position: relative;
    color: #fff;
}