html, body, button, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, inline, button,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
font:inherit;
vertical-align:baseline;
font-family:'Cinzel', serif;
}

/* H-Tags */
h1{
font-weight:bold;
color:#224466;
font-size:40pt;
text-align:center;
margin-top:3%;
}

/* Hover-Effekt für alle Buttons (außer Main Menu) */
button:hover{
background-color:#BDBDBD;
}

/* Haupt-Bereiche */
#home {
position:absolute;
width:100%;
height:100%;
background-color:#07070a;
}

#main{
position:absolute;
width:100%;
height:100%;
}

#side {
position:absolute;
width:15%;
height:100%;
bottom:0;
background-color:#285769;
color:white;
border-right:1px solid #fff;
}

#side button{
margin-left:12px !important;
margin-bottom:10px !important;
cursor:pointer;
display:block;
}

#zeit{
margin:15px 0;
text-align:center;
font-weight: bold !important;
font-size:16pt !important;
}

#down {
position:absolute;
width:100%;
height:20%;
bottom:0;
background-color:#285769;
color:white;
}

/* Spiel-Bereich */
#level {
position:absolute;
left:15%;
width:85%;
height:80%;
}

#cover {
opacity:0.989; 
position:absolute;
width:100%;
height:100%;
left:0px;
background-color:#07070a;
z-index:1;
}

#messages{
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px; 
border-width: 2px;
border-style: solid;
-moz-box-shadow:1px 2px 28px 16px #224466;
-webkit-box-shadow:1px 2px 28px 16px #224466;
box-shadow:1px 2px 28px 16px #224466;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #56946f), color-stop(1, #0c3266));
background:-moz-linear-gradient(top, #56946f 5%, #0c3266 100%);
background:-webkit-linear-gradient(top, #56946f 5%, #0c3266 100%);
background:-o-linear-gradient(top, #56946f 5%, #0c3266 100%);
background:-ms-linear-gradient(top, #56946f 5%, #0c3266 100%);
background:linear-gradient(to bottom, #56946f 5%, #0c3266 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#56946f', endColorstr='#0c3266',GradientType=0);
background-color:#56946f;
position:absolute;
width:495px;
height:195px;
left:0;
top:0;
right:0;
bottom:0;
margin:auto;
text-align:center;
overflow:auto;
font-size:16pt !important;
color:black;
z-index:2;
}

#messages p{
margin-top:8px;
}

#messages button{
margin-top:5px;
}

.buttonEnd {
margin-top:38px !important;
}

.levelCompleteSmaller {
font-size:14pt !important;
}

.itemFound {
margin-bottom:-3px;
}

.itemFoundImg {
margin-top:10px;
}

.itemFoundImgBeside {
margin:10px -50px 0 120px;
float:left;
}

#backgroundImage {
position:absolute;
left:0px;
width:100%;
height:100%;
}

#startLevelOne {
position:absolute;
left:50%;
top:50%;
width:130px;
margin:270px 0 0 -65px;
z-index:100;
}

.objectNamesBottom {
margin:0 20px 0 0;
}

#bottom {
margin:0 0 0 15%;
border-top:1px solid #fff;
}

#bottom span {
float:left;
}

#story {
padding:20px 20px 0 20px;
}

#avatar {
margin:0 20px 0 0;
}

.toSearch {
margin:0 0 15px 0;
}

/* Hauptmenü */
#mainMenu {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
margin:auto;
width:300px;
height:300px;
background-color:#07070a;
}

#mainMenu ul {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
width:100px;
height:155px;
text-align:center;
margin:auto;
list-style-type:none;
}

#mainMenu li {
list-style-type:none;
margin:0;
padding:0;
}

#mainMenu button{
height:45px;
width:110px;
margin-bottom:10px;
}

.buttonMain {
-moz-box-shadow:1px 2px 28px 16px #224466;
-webkit-box-shadow:1px 2px 28px 16px #224466;
box-shadow:1px 2px 28px 16px #224466;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #56946f), color-stop(1, #0c3266));
background:-moz-linear-gradient(top, #56946f 5%, #0c3266 100%);
background:-webkit-linear-gradient(top, #56946f 5%, #0c3266 100%);
background:-o-linear-gradient(top, #56946f 5%, #0c3266 100%);
background:-ms-linear-gradient(top, #56946f 5%, #0c3266 100%);
background:linear-gradient(to bottom, #56946f 5%, #0c3266 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#56946f', endColorstr='#0c3266',GradientType=0);
background-color:#56946f;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
border:1px solid #060c2e;
display:inline-block;
cursor:pointer;
color:#07070a;
font-family:Georgia;
font-size:18px;
font-weight:bold;
text-decoration:none;
text-shadow:4px -1px 7px #010414;
padding:0;
}

.buttonMain:active {
position:relative;
top:1px;
}

#highscore {
margin-bottom:0px !important;
}

#chooseDifficulty {
color:#fff;
padding:10px;
border:1px solid #fff;
margin:30px 0 0 30px;
width:260px;
}

#showHighscore {
color:#fff;
padding:10px;
border:1px solid #fff;
margin:30px 0 0 30px;
width:430px;
}

/* Spritely */
#cutScenes {
position:absolute;
width:100%;
height:100%;
background-color:#07070A;
}

.sprite {
width:900px;
height:500px;
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
margin:auto;
border:1px solid #fff;
}

.animObject {
position:absolute;
top:0;
left:0;
width:100%;
height:500px;
overflow:hidden;
}

/* Intro */
#water {
background:transparent url(../img/spritely/water.png) 0 361px repeat-x;
}

#waterTwo {
background:transparent url(../img/spritely/waterTwo.png) 0 280px repeat-x;
}

#rock{
background:transparent url(../img/spritely/rock.png) 0 50px no-repeat;
}

#bird{
background:transparent url(../img/spritely/bird.gif) 0 50px repeat-x;
}

#clouds {
background:transparent url(../img/spritely/clouds.png) 0 25px repeat-x;
}

#sky {
background:transparent url(../img/spritely/sky.png) 0 0 repeat-x;
}

#human {
background:transparent url(../img/spritely/human.png) 414px 130px no-repeat;
}

#humanOcean {
background:transparent url(../img/spritely/human.png) 204px 360px no-repeat;
}

#bubbleOne {
background:transparent url(../img/spritely/bubbleOne.png) 230px 9px no-repeat;
}

#bubbleTwo {
background:transparent url(../img/spritely/bubbleTwo.png) 153px 71px no-repeat;
}

#splash {
background:transparent url(../img/spritely/splash.png) 210px 250px no-repeat;
}

#bubbleThree {
background:transparent url(../img/spritely/bubbleThree.png) 35px 226px no-repeat;
}

#bubbleFour {
background:transparent url(../img/spritely/bubbleFour.png) 35px 226px no-repeat;
}

#tardis {
background:transparent url(../img/spritely/tardis.png) 624px 0px no-repeat;
}

#jumpImg{
margin:133px 0 0 205px;
}

/* Abspann */
#underWater {
background:transparent url(../img/endTitles/underWater.png) 0px 0px no-repeat;
}

#submarine {
background:transparent url(../img/endTitles/submarine.gif) 0px 200px repeat-x;
}

#creditsOne {
background:transparent url(../img/endTitles/creditsOne.png) 0px 0px no-repeat;
}

#creditsTwo {
background:transparent url(../img/endTitles/creditsTwo.png) 0px 0px no-repeat;
}

#station {
margin:150px 0 0 20px;
}

/* Objekte */
.object {
position:absolute;
}

/* -> Level 1 */
#bookOne {
top:58.0000000%; 
left:25.5474453%;
}

#chocolateOne {
top:53.8333333%; 
left:50.6777894%;
}

#coathangerOne {
top:30.8333333%;
left:3.9624609%;
}

#glassOne {
top:72.3333333%; 
left:85.5057351%;
}

#keyOne {
top:92.8333333%; 
left:55.8915537%;
}

#lampOne {
top:50.1666667%; 
left:57.8727842%;
}

#minionOne {
top:61.8333333%; 
left:17.6225235%;
}

#paintingOne {
top:44.1666667%; 
left:42.3357664%;
}

#footprintOne {
top:85.1666667%; 
left:70.5943691%;
}

#candleOne {
top:55.3333333%; 
left:59.9582899%;
}

#flowerOne {
top:72.3333333%; 
left:40.0417101%;
}

#seahorseOne {
top:46.6666667%; 
left:30.8654849%;
}

#suitcaseOne {
top:79.0000000%; 
left:19.4994786%;
}

#toadOne {
top:28.3333333%; 
left:58.1856100%;
}

#subOne {
top:28.3333333333%; 
left:71.7413973%;
}

/* -> Level 2 */
#wineBottleTwo {
top:62.1666667%;
left:82.5860271%;
}

#cogWheelTwo {
top:79.5%;
left:0.7299270%;
}

#candleTwo {
top:77%;
left:28.9885297%;
}

#ladybugTwo {
top:54%;
left:90.8333333%;
}

#pacmanTwo {
top:90.8333333%;
left:79.1449426%;
}

#crestTwo {
top:53.6666667%;
left:63.2950991%;
}

#fishHookTwo {
top:0%;
left:90.8237748%;
}

#monkeyTwo {
top:48.1666667%;
left:72.5755996%;
}

#soapBubbleTwo {
top:3%;
left:50.3649635%;
}

#kittyTwo {
top:64.1666667%;
left:19.2909281%;
}

#paperTwo {
top:78.8333333%;
left:65.999%;
}

#ufoTwo {
top:7.3333333%;
left:3.2325339%;
}

#cupTwo {
top:69.1666667%;
left:40.9801877%;
}

#lanternTwo {
top:42.8333333%;
left:41.2930136%;
}

#trapdoorTwo {
top:81.8333333333%;
left:34.2022941%;
}

#vaseTwo {
top:62.5%;
left:54.5359750%;
}

#snailTwo {
top:73.1666666667%;
left:49.6350365%;
}

#appleTwo {
top:70.6666666667%;
left:79.1449426%;
}

#snowflakeTwo {
top:52.1666666667%;
left:53.8060480%;
}

#starfishTwo {
top:31.3333333333%;
left:71.2200209%;
}

#sharkTwo {
top:46.3333333333%;
left:15.5370177%;
}

#doorTwo {
top:49.5%;
left:46.7153285%;
}

#forkTwo {
top:83%;
left:71.0114703%;
}

#buildingBlocksTwo {
top:71%;
left:17.1011470%;
}

#minionTwo {
top:86.5%;
left:25.4431700%;
}

/* -> Level 3 */
#pliersThree {
top:74.5%;
left:13.5557873%;
}

#footprintThree {
top:9.5%;
left:82.0646507%;
}

#stainThree {
top:43.1666667%;
left:47.9666319%;
}

#dragonsThree {
top:76.6666667%;
left:80.9176225%;
}

#trashCanThree {
top:83.8333333%;
left:63.6079249%;
}

#firstaidThree {
top:78%;
left:46.1939520%;
}

#ringThree {
top:77%;
left:34.6193952%;
}

#mapThree {
top:40.3333333%;
left:68.5088634%;
}

#minionThree {
top:21%;
left:22.4191867%;
}

#appleThree {
top:52.3333333%;
left:94.5776851%;
}

#wookieThree {
top:38.6666667%;
left:32.0125130%;
}

#compassThree {
top:53.8333333%;
left:20.3336809%;
}

#flameThree {
top:88%;
left:26.1730970%;
}

#gasMaskThree {
top:81.6666667%;
left:1.2513034%;
}

#bottleThree {
top:62.8333333333%;
left:96.9760167%;
}

#leverThree {
top:42.6666666667%;
left:84.8800834%;
}

#cupThree {
top:69%;
left:89.2596455%;
}

#clockThree {
top:39.1666666667%;
left:1.5641293%;
}

#magicLampThree {
top:51.5%;
left:7.5078206%;
}

#cameraThree {
top:66%;
left:50.8863399%;
}

#spotlightThree {
top:30.8333333333%;
left:90.5109489%;
}

#portholeThree {
top:28.5%;
left:32.0125130%;
}

#ladderThree {
top:26.3333333333%;
left:54.4316997%;
}

#trapdoorThree {
top:7.1666666667%;
left:54.1188738%;
}

#padlockThree {
top:21%;
left:11.5745568%;
}

/* -> Level 4 */

#torchFour {
top:69.1666667%;
left:52.4504692%;
}

#brushFour {
top:92.6666667%;
left:79.9791449%;
}

#ghostbustersFour {
top:0.8333333%;
left:16.0583942%;
}

#smileyFour {
top:83%;
left:70.3858186%;
}

#radioFour {
top:49.3333333%;
left:1.4598540%;
}

#glassesFour {
top:69.1666667%;
left:43.3785193%;
}

#oxygenFlaskFour {
top:80%;
left:52.7632951%;
}

#ladybugFour {
top:59.1666667%;
left:59.0198123%;
}

#deathStarFour {
top:14.3333333%;
left:71.7413973%;
}
#letterFour {
top:80%;
left:38.8946820%;
}

#ufoFour {
top:40.3333333%;
left:85.4014599%;
}

#grapesFour {
top:71.6666667%;
left:75.0782065%;
}

#roseFour {
top:9.85%;
left:64.6506778%;
}

#minionFour {
top:44.6666667%;
left:53.4932221%;
}

#pocketWatchFour {
top:60.5%;
left:25.9645464%;
}

#leverFour {
top:81.6666666667%;
left:85.2971846%;
}

#wolfFour {
top:17.1666666667%;
left:89.4681960%;
}

#firstaidFour {
top:61.5%;
left:62.3566215%;
}

#chairFour {
top:44.6666666667%;
left:46.2982273%;
}

#subFour {
top:81.83333333%;
left:2.09%;
}