html, body, div, span, object,
form, input, h1, h2, h3, button, label, a, img {
    -moz-user-select: none;
    -webkit-user-select: none;
    /* this will work for QtWebKit in future */
    -webkit-user-drag: none;
} 
body{
    margin:0;
    background-color: black;
}
img{
    border: none;
}

/***** Begin of Game Body *****/
div#wrapper{
    margin: 0 auto;
    overflow: hidden;
}
div#game-area{
    width: 100%;
    float: left;
    z-index: 1;
    position: relative;
    background-color: #552e1f;    
}
img#loading{
    z-index: 1001;    
}
/*div#main-wrapper{
    display: none;
    position: absolute;  
    left:0;
    top: 0;
    height: 100%;
    width: 100%;
}*/
img#loading-progressbar {
    display: block;
    height: 1%;
    left: 33.6%;
    position: absolute;
    top: 49.2%;
    width: 33.6%;
    z-index: 1001;
}
/*div#preloader{
    position: absolute;
    left: -99999999999px;
}*/
img#loading,
img#lab,
img#map{
    float: left;
    display: block;
    position: absolute;  
    left:0;
    top: 0;
}
div#artefact-indicator{
    height: 12.33%; 
    width: 22.5%;
    position: absolute;
    top: 0;
    left: 6.4%;
    background-color: #e6aa30;
    z-index: 1;
    border-radius: 0 0 8px 8px;
    box-shadow: 0px 0px 2px black;
    display: none;
}
div#artefact-indicator p{
    position: absolute;
    font-family: 'serif';
    font-size: 18px;
    bottom: 0;
    width: 70%;
    right:0;
}
div#artefact-indicator p span{
    font-size: 18px;
}
div#artefact-indicator img.sign{
    position: absolute;
    bottom: 6%;
    left: 8%;
    height: 50%;
}
span#timer {
    bottom: 3%;
    color: #FFA801;
    font-family: 'serif';
    left: 2%;
    position: absolute;
    text-transform: uppercase;
    z-index: 10;
}
span#timer span{
    font-size: 18px;
    text-shadow: 1px 1px black;
}
div.the-time{
    float: right;
    margin-left:0.1%;
    width: 100%;
}
div.the-time span{
    float: left;
}
div.the-time span.title{
    margin-right: 5px;
}
span.hr{
    display: none;
}
/***** End of Game Body *****/




/***** Begin of Tools *****/
div#toolset {
    position: absolute;
    /*background: url('../images/toolset_background.png') repeat;*/
    height: 80%;
    width: 11%;
    float: right;
    margin: 0 2% 0 0;
    right: 0;
    top: 7%;
    box-shadow: 0 0 2px black;
    z-index: 4;
}
div#toolset span.header{
    width: 100%;
    background: url('../images/tool_header_background.png');
    float: left;
    border-bottom: 1px solid #7d7455;
    vertical-align:middle;
    font-family: "serif";
    font-size: 22px;
    color: #dddddd;
    text-align: center;
    line-height: 210.6%;
    text-transform: uppercase;
    position: absolute;
}
div#toolset img.tool{
    position: absolute;
    float: left; 

    /*-webkit-transition: all .2s ease-in-out;*/
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
div#toolset img.tool:hover { 
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}  
div#toolset img.tool{
    clear: both;
    float: right;
    cursor: pointer;
}
div#toolset img#first-tool {
    height: 14.5%;
    left: 26.8%;
    top: 14%;
}
div#toolset img#second-tool {
    height: 13.25%;
    left: 30%;
    top: 29%;
}
div#toolset img#third-tool {
    height: 14.33%;
    left: 15%;
    top: 43%;
}
div#toolset img#fourth-tool {
    height: 26.25%;
    left: 12%;
    top: 62%;
}
div#tool-hint{
    width: 10.93%;
    background-color: black;
    position: absolute;
    right: 14.3%;
    top: 19%;
    display: none;
    z-index: 4;
}
div#tool-hint img{
    position: absolute;
    right: -9%;
    top: 6%;
}
div#tool-hint p{
    font-family: Georgia;
    font-size: 16px;
    color: white;
    padding: 10%;
}
/***** End of Tools *****/

/***** Begin of Cursor *****/
img#cursor{
    z-index: 3;
    display: block;
}
/***** End of Cursor *****/

/***** Begin of Artefact Map *****/
div#artefact-map {
    bottom: 10%;
    display: block;
    height: 44%;
    left: 0;
    position: absolute;
    width: 100%;
}
div#artefact-map div.artefact{
    position: absolute;
    bottom: 20%;
    left: 10%;    
}
div#artefact-found{
    width: 16.625%;
    position: absolute;  
    top: 22%;
    left: 40%;
    display: none;
}
div#artefact-found img#found-background{
    position: relative;
    width: 100%;
}
/***** End of Artefact Map *****/

/***** Begin of Laboratory *****/
div#lab-area,
img#lab{
    display: none;
}
div#lab-area{
    position: absolute;
    left: 0;
    bottom: 10%;
    height: 77%;
    width: 100%;
}
div#lab-area div#artefact-info{
    width: 58.438%;
    position: absolute;  
    top: 3%;
    left: 1.2%;  
    display: none;    
}
div#lab-area div#artefact-info div#info-container {
    height: 28%;
    position: absolute;
    right: 4%;
    top: 15%;
    width: 92%;
}
div#artefact-info img#info-background{
    position: relative;
    width: 100%;
}
div#artefact-info img#restored-artefact {
    bottom: 5%;
    float: left;
    left: 23%;
    position: absolute;
    width: 51%;
}
div#artefact-info h1 {
    float: left;
    font-family: 'serif';
    line-height: 27px;
    position: absolute;
    top: 7%;
    width: 100%;
    text-align: center;
}
div#artefact-info p{
    float: left;
    font-family: Georgia;
    font-size: 24px;
    line-height: 160%;    
}
img.close{
    position: absolute;
    top: 4%;
    right: 4%;
    width: 3.1875%;
    cursor: pointer;
}
/***** End of Laboratory *****/

/***** Begin of Artefacts on table *****/
div#artefacts-on-table{
    position: absolute;
    width: 46.87%;
    height: 21.83%;
    bottom: 26%;
    left: 33.6%;
}
div#artefacts-in-lab{
    position: absolute;
    top: 0%; 
    left:0%;
    height: 100%;
    width: 100%;
}
div#artefacts-in-lab img.artefact-lab,
div#artefacts-on-table img.artefact-table{
    display: none;
    position: absolute;
    left: 0;
    top:0;
    cursor: pointer;
}
/***** End of Artefacts on table *****/

/***** Begin of Intro *****/
div#disabled{
    position: absolute;
    left: 0;
    top: 0;
    background: url('../images/disabled_background.png') repeat;
    height: 100%;
    width: 100%;
    z-index: 999;
}
div#intro{
    position: absolute;
    width: 43.5%;
    height: 58.833333%;
    bottom: 25%;
    left: 23%;
    z-index: 1000;
    display: block;
}
img.close-me,
div#intro img#close-intro{
    position: absolute;
    top: 2%;
    right: 1%;
    width: 3%;
    cursor: pointer;
}
div#intro h3#intro-title{
    position: absolute;
    top: 2%;
    left: 10%;
    font-family: 'serif';
    font-size: 30px;
    line-height: 120%;
    color: #e0a853;
}
div#intro p#intro-text{
    position: absolute;
    top: 17%;
    left: 10%;
    font-family: Georgia;
    font-size: 19.99px;
    color: white;
    width: 78.74%;
    line-height: 140%;
}
div#intro img#intro-background{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
div#intro img#start-btn {
    cursor: pointer;
    right: 34%;
    position: absolute;
    bottom: 6%;
    width: 30.375%;
}
/***** End of Intro *****/

div#warning{
    position: absolute;
    left: 35%;
    top: 30%;   
    width: 19.625%;
    display: none;
    z-index: 5;
}
div#warning img {
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
}
div#warning p {
    color: #300808;
    font-family: "serif";
    left: 10%;
    position: absolute;
    text-transform: uppercase;
    top: 39%;
    font-size: 12px;
}
/***** Begin of Winning *****/
div#won {
    background: url("../images/won_background.png") repeat scroll 0 0 transparent;
    bottom: 25%;
    display: none;
    height: 59.75%;
    left: 23%;
    position: absolute;
    width: 56.125%;
    z-index: 1000;
}
div#won div#won-main {
    margin: 0 0 0 6%;
    width: 87%;
}
div#won img#won-title {
    margin: 4% 0 1% 37%;
    width: 30.5%;
}
div#won div#won-main p {
    color: #E0A853;
    float: left;
    font-family: Georgia;
    line-height: 19.69px;
    text-align: left;
}
div#won h3{
    width: 100%;
    text-align: center;
    color: white;
    font-size: 23.99px;
    text-transform: uppercase;
    float: left;
}
div#impressum p,
div#won p{
    float: left;
    font-family: Georgia; 
    font-size: 19.76px;
    color: white;
    width: 100%;
    line-height: 160%;
    margin:0;
}
div#won p{
    color: #e0a853;
}
div#won p.won-main{
    font-size: 22px;
    margin-left: 9%;
    text-align: center;
    width: 83%;
    line-height: 22px;
}
div#won p.play-again-text{
    bottom: 18%;
    left: 13%;
    position: absolute;
    text-align: center;
    width: 74%;
}
div#won a#prize {
    background: none repeat scroll 0 0 #482B16;
    bottom: 35%;
    color: #E0A853;
    float: left;
    font-family: 'serif';
    left: 21%;
    padding: 1%;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 28.22px;
    box-shadow: 0 0 5px inset;
}
div#won a#prize:hover{
    background: none repeat scroll 0 0 #392310;
}
div#won img#play-again {
    bottom: 6%;
    left: 38%;
    position: absolute;
    width: 25.3898%;
    cursor: pointer;
}
/***** End of Winning *****/
div#gameover {
    display: none;
    left: 29%;
    position: absolute;
    top: 34%;
    width: 35%;
    z-index: 1000;
}
div#gameover a{

}
div#gameover img{
    width: 100%;
}

/***** Begin of Artefacts *****/
img.artefact{
    position: absolute;
    left: 0%;
    bottom: 10%;
    display: block;
    z-index: 1;
}

/* Game Area Artefacts */
img#Art_1{width: 11.5%}
img#Art_2{width: 11.125%}
img#Art_3{width: 7.25%}
img#Art_4{width: 8%}
img#Art_5{width: 15.1875%}
img#Art_6{width: 11.625%}
img#Art_7{width: 15.1875%}
img#Art_8{width: 11.8125%}
img#Art_9{width: 3.625%}
img#Art_10{width: 8.1875%}
img#Art_11{width: 14%}
img#Art_12{width: 8.375%}
img#Art_13{width: 18.4375%}
img#Art_14{width: 21.0625%}
img#Art_15{width: 11.5%}
img#Art_16{width: 7%}
img#Art_17{width: 10.1875%}
img#Art_18{width: 10%}
img#Art_19{width: 8.875%}
img#Art_20{width: 10.125%}
img#Art_21{width: 10.1875%}
img#Art_22{width: 12.5%}
img#Art_23{width: 9.0625%}
img#Art_24{width: 10.75%}
img#Art_25{width: 18.1875%}
img#Art_26{width: 4.1875%}
img#Art_27{width: 14.4375%}
img#Art_28{width: 7.9375%}
img#Art_29{width: 11.25%}
img#Art_30{width: 11.4375%}

/* Labor artefacts */
img#labartefact-Art_1_lab{width:7.938%;}
img#labartefact-Art_2_lab{width:10.8125%;}
img#labartefact-Art_3_lab{width:4.9375%;}
img#labartefact-Art_4_lab{width:5%;}
img#labartefact-Art_5_lab{width:10.375%;}
img#labartefact-Art_6_lab{width:13.125%;}
img#labartefact-Art_7_lab{width:11.625%;}
img#labartefact-Art_8_lab{width:8.6875%;}
img#labartefact-Art_9_lab{width: 7.75%;}
img#labartefact-Art_10_lab{width: 4.9375%;}
img#labartefact-Art_11_lab{width: 9.125%;}
img#labartefact-Art_12_lab{width: 7.3125%;}
img#labartefact-Art_13_lab{width: 27.6875%;}
img#labartefact-Art_14_lab{width: 26.125%;}
img#labartefact-Art_15_lab{width: 4.625%;}
img#labartefact-Art_16_lab{width: 8.0625%;}
img#labartefact-Art_17_lab{width: 6.6875%;}
img#labartefact-Art_18_lab{width: 6.1875%;}
img#labartefact-Art_19_lab{width: 8.125%;}
img#labartefact-Art_20_lab{width: 7.6875%;}
img#labartefact-Art_21_lab{width: 11.4375%;}
img#labartefact-Art_22_lab{width: 8.25%;}
img#labartefact-Art_23_lab{width: 6.9375%;}
img#labartefact-Art_24_lab{width: 9.625%;}
img#labartefact-Art_25_lab{width: 31.125%;}
img#labartefact-Art_26_lab{width: 9.5625%;}
img#labartefact-Art_27_lab{width: 11.0625%;}
img#labartefact-Art_28_lab{width: 7.625%;}
img#labartefact-Art_29_lab{width: 7.9375%;}
img#labartefact-Art_30_lab{width: 8.8125%;}


/* Table artefacts */
img#tableartefact-Art_1_lab{left:34% !important; top:16% !important; height:82%;}
img#tableartefact-Art_2_lab{left:31% !important; top:0% !important; height:94.125%;}
img#tableartefact-Art_3_lab{left:37% !important; top:7% !important;height:71.375%}
img#tableartefact-Art_4_lab{left:43% !important; top:15% !important; width:19.625%}
img#tableartefact-Art_5_lab{left:33% !important; top:2% !important;width:36.625%}
img#tableartefact-Art_6_lab{left:29% !important; top:19% !important;width:47.125%}
img#tableartefact-Art_7_lab{left:28% !important; top:23% !important;width:43%}
img#tableartefact-Art_8_lab{left:35% !important; top:-20% !important;width: 38%}
img#tableartefact-Art_9_lab{left:37% !important; top:20% !important;width: 27.438%}
img#tableartefact-Art_10_lab{left:38% !important; top:17% !important;width:26.438%}
img#tableartefact-Art_11_lab{left:36% !important; top:27% !important;width:30.313%}
img#tableartefact-Art_12_lab{left:33% !important; top:9% !important;width:41.063%}
img#tableartefact-Art_13_lab{left:33% !important; top:21% !important;width:38.063%}
img#tableartefact-Art_14_lab{left:36% !important; top:10% !important;width:36.375%}
img#tableartefact-Art_15_lab{left:36% !important; top:19% !important;width:33.125%}
img#tableartefact-Art_16_lab{left:33% !important; top:-49% !important;width:43.688%}
img#tableartefact-Art_17_lab{left:37% !important; top:20% !important;width:24.5%}
img#tableartefact-Art_18_lab{left:37% !important; top:20% !important;width:24.563%}
img#tableartefact-Art_19_lab{left:34% !important; top:22% !important;width:28.125%}
img#tableartefact-Art_20_lab{left:37% !important; top:2% !important;width:36.25%}
img#tableartefact-Art_21_lab{left:31% !important; top:9% !important;width:34.875%}
img#tableartefact-Art_22_lab{left:33% !important; top:10% !important;width:30.875%}
img#tableartefact-Art_23_lab{left:38% !important; top:-19% !important;width:38.438%}
img#tableartefact-Art_24_lab{left:33% !important; top:-6% !important;width:42%}
img#tableartefact-Art_25_lab{left:29% !important; top:-36% !important;width:55%}
img#tableartefact-Art_26_lab{left:34% !important; top:-30% !important;width:36%}
img#tableartefact-Art_27_lab{left:34% !important; top:24% !important;width:35.625%}
img#tableartefact-Art_28_lab{left:42% !important; top:24% !important;width:22.875%}
img#tableartefact-Art_29_lab{left:42% !important; top:11% !important;width:29.938%}
img#tableartefact-Art_30_lab{left:37% !important; top:4% !important;width:31.75%}
/***** End of Artefacts *****/
img#search-here {
    bottom: 12%;
    left: 2%;
    position: absolute;
    width: 3%;
    display: none;
}
/***** Begin of Impressum *****/
div#impressum{
    background: url("../images/won_background.png") repeat scroll 0 0 transparent;
    bottom: 13%;
    display: none;
    height: 58%;
    left: 10%;
    position: absolute;
    width: 71.125%;
    z-index: 1000;
    cursor: pointer !important;
}
span.und{
    font-size: 19.76px;
}
div#impressum p{
    text-align: center;
}
div#impressum img#impressum-title {
    margin:4% 0 3% 39%;
    width: 24.5167%;
}
div#impressum img#landesmal{
    width: 20.696%;
}
div#impressum img#museum{
    width: 20.696%;
}
div#impressum img#swf{
    margin-top: 5%;
}
div#impressum img#planet-schule{
    width: 70%;
}
.middle {
    padding-bottom: 10% !important;
    vertical-align: middle;
}
span.credit{
    font-family: Georgia; 
    font-size: 19.76px;
    color: #e0a853;
    margin: 0 1% 0 0;
}
div#impressum p a{
    /*float: left;*/
    font-family: Georgia; 
    font-size: 19.76px;
    color: white;
    text-decoration: none;
    color: white;
}
div#sub-credits {
    float: left;
    margin: 2% 0 0 6%;
}
div#sub-credits p#professor{
    margin: 1% 0;
}
div#impressum p a.rrota:hover{
    text-shadow: 0 0 1px red;
}
div#copyright {
    margin: 0 auto;
    float: left;
    width: 100%;
}
div#copyright span{
    width: 100%;
    text-align: center;
}
div#copyright ul {
    bottom: 5%;
    display: block;
    float: left;
    left: 32%;
    list-style: none outside none;
    margin-bottom: 0;
    position: absolute;
    width: 28%;
}
div#copyright ul li{
    float: left;
}
div#copyright a{
    float: left;
}
div#copyright p{
    margin-top: 5%;
}
div#copyright span{
    text-align: center;
    float: left;
}
div#copyright img{
    margin-left: 18%;
}
p#copyright-text{
    text-align: center;
    width: 100%;
}
/***** End of Impressum *****/

/***** Begin of Game End *****/
div#game-end {
    background: url("../images/won_background.png") repeat scroll 0 0 transparent;
    bottom: 32%;
    display: block;
    height: 41.4167%;
    left: 22%;
    position: absolute;
    width: 56.125%;
    z-index: 1000;
    display: none;
}
div#game-end img#game-end-title {
    margin:4% 0 3% 39%;
    width: 25.72383073496659%;
}
span#found-items-counter,
div#game-end p{
    font-family: Georgia;
    font-size: 22px;
    color: #e0a853;
    margin: 0 5%;
}
div#game-end p span{
    margin: 0 0;
}
div#game-end div.start-again{
    position: absolute;
    left: 35%;
    bottom: 10%;
    width: 32.07126948775056%;
}
div#game-end div.start-again img{
    width: 100%;
    cursor: pointer;
}
/***** End of Game End *****/

/***** Begin of persistant holes *****/
img.hole{
    display: block;
    position: absolute;
}
img.hole-0{width:6.1875%}
img.hole-1{width:5.625%}
img.hole-2{width:4.75%}
img.hole-3{width:4.625%}
/***** End of persistant holes *****/
#clouds {
    background: url("../images/clouds.png") repeat-x scroll 0 0 transparent;
    height: 33%;
    position: absolute;
    width: 100%;
    z-index: 0;
    top: 0;
}
#fog{
    width: 100%;
    height: 13.16666666666667%;
    position: absolute;
    top: 35%;
    background: transparent\9;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    zoom: 1;
}
#noplay{
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 46%;
}
img#flag {
    left: 40.3%;
    position: absolute;
    top: 43.3%;
    width: 6.4375%;
}
img#mute {
    cursor: pointer;
    left: 1.4%;
    position: absolute;
    top: 129%;
    width: 2.7%;
}
img#toolbackground {
    height: 96.7%;
    left: -2%;
    position: absolute;
    top: 4%;
    width: 104.1%;
}