* { background-color: transparent; margin: 0; padding: 0; border-style: none; border-width: 0; }
.no-touchevents .legacy-notice-touch {
	display: none;
}

.touchevents .legacy-notice-safe {
	display: none;
}

.legacy-notice { 
	background-color: #bf5b5d; 
	position: absolute; 
	top: 0; 
	left: 0;
	width: 100vw; 
	height: 100%; 
	z-index: 99999;
	color: white;
	display: flex;
	align-items: center;
  	justify-content: center;
  	font-family: Arial, Helvetica, sans-serif;
  	line-height: 1.4em;
}

.legacy-notice a { 
	color: white;
	text-decoration: underline;
}

.confirm {
	background: #fff;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	line-height: 80px;
	text-align: center;
	color: #bf5b5d !important;
	display: inline-block;
	text-decoration: none !important;
	margin-top: 30px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	letter-spacing: 1px;
	cursor: pointer;
}

.notice-inner {
	max-width: 620px;
	padding: 30px;
	text-align: center;
}

.legacy-notice img {
	width: 16px;
	display: inline-block;
	margin-bottom: 8px;
}

.hide {
	display: none !important;
}

html, body { background-color: transparent; width: 100%; height: 100%; overflow: hidden; margin: 0; padding: 0; }
a:focus { color: blue; border-style: none; border-width: 0; outline-style: none; outline-width: 0; }
a:active { color: red; border-style: none; border-width: 0; outline-style: none; outline-width: 0; }
p { margin: 20px; }
.legacy-notice p { }
.click, .click a { cursor: url(click.cur), url(../click.cur), pointer !important; }
#noscript { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #eae5ce; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1009; }
#firefox { display: none; }
#loading { background-color: #eae5ce; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; cursor: wait; }
#title { background-image: url(../graphics/loader.gif); background-repeat: no-repeat; background-position: 225px 9px; position: absolute; top: 50%; left: 50%; width: 254px; height: 44px; margin-top: -28px; margin-left: -120px; }
#about { position: absolute; top: 0; left: -100%; width: 100%; height: 100%; display: block; }
#inner2 { background-image: url(../graphics/boxes.jpg); width: 100%; height: 700%; }
#content{ overflow:hidden; width:100%; position: absolute; top: 0; left: 0; height:100%; }
#footer, #footer2 { color: black; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: center; position: absolute; left: 0; bottom: 5px; width: 100%; }
#begin { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: url(click.cur), url(../click.cur), pointer; z-index: 999;}
#neurons { background-image: url(../graphics/neuron.jpg); position: absolute; top: 8000px; left: 0; width: 4500px; height: 24000px; }
#space { background-color: #000; position: absolute; top: 30000px; left: 0; width: 4500px; height: 20000px; }
#squares { background-image: url(../graphics/boxes.jpg); background-repeat: repeat; position: absolute; top: 0; left: 0; width: 4500px; height: 10000px; }
#background1 { background-image: url(../graphics/carpet1b.jpg); position: absolute; top: 17648px; left: 0; width: 3984px; height: 1671px; }
#background2 { background-image: url(../graphics/carpet2.jpg); position: absolute; top: 19319px; left: 0; width: 3984px; height: 1361px; }
#background3 { background-image: url(../graphics/carpet3a.jpg); position: absolute; top: 20680px; left: 0; width: 3984px; height: 1671px; }
#r0a { position: absolute; top: 19345px; left: 0; width: 1328px; height: 855px;}
#r0b { position: absolute; top: 19645px; left: 1328px; width: 100%; height: 100%;}
#r0bajax { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; }
#r0c { position: absolute; top: 19300px; left: 2700px; width: 1328px; height: 855px;}
#r-2c { position: absolute; top: 10537px; left: 2519px; width: 100%; height: 100%; }
#sp1 { position: absolute;top: 33500px; left: 0; width: 100%; height: 100%; }
#sp2 { position: absolute; top: 33500px; left: 100%; width: 100%; height: 100%; }
#sp3ajax { position: absolute; right: 0; bottom: 0; width: 635px; height: 732px; }
#holderbutterfly { background-color: fuchsia; position: absolute; top: 50%; left: 50%; width: 400px; height: 400px; margin-top: -200px; margin-left: -200px; }
#portrait { position: absolute; top: 19825px; left: 1670px; width: 230px; height: 305px; cursor: url(click.cur), url(../click.cur), pointer;}
#photo1 { background-image: url(../graphics/photo1.png); position: absolute; top: 100px; left: 580px; width: 290px; height: 410px; cursor: url(drag.cur), url(../drag.cur), move; }
#postcard { background-image: url(../graphics/postcard.png); position: absolute; top: 180px; left: 500px; width: 478px; height: 328px; cursor: url(drag.cur), url(../drag.cur), move; }
#notepaper { background-image: url(../graphics/notepaper.png); position: absolute; top: 180px; left: 500px; width: 533px; height: 358px; cursor: url(drag.cur), url(../drag.cur), move; }
#plasters { background-image: url(../graphics/plasters.jpg); position: absolute; top: 218px; left: 597px; width: 261px; height: 252px; cursor: url(click.cur), url(../click.cur), pointer;}
#fadetop { background-image: url(../graphics/greenfadetop.png); background-repeat: repeat-x; position: absolute; top: 7648px; left: 0; width: 4500px; height: 2000px; z-index: 200; }
#fadefoot { background-image: url(../graphics/greenfadefoot.png); background-repeat: repeat-x; position: absolute; top: 14300px; left: 0; width: 4500px; height: 2000px; z-index: 200; }
#fadespace { background-image: url(../graphics/spacefade.png); background-repeat: repeat-x; position: absolute; top: 22000px; left: 0; width: 4500px; height: 2000px; z-index: 200; }
#fadecubes { background-image: url(../graphics/boxesfade.png); background-repeat: repeat-x; position: absolute; top: 7812px; left: 0; width: 4500px; height: 2000px; z-index: 200; }
/* Egg Horse */
#egg-horse { background-image: url(../graphics/egg-horse.jpg); position: absolute; top: 0; left: 11px; width: 719px; height: 743px; }
#egghorsehead { position: absolute; top: 213px; left: 164px; cursor: url(click.cur), url(../click.cur), pointer;}
/* Space2 */
#space2back { background-image: url(../graphics/stars.gif); background-repeat: repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#starsextra { background-image: url(../graphics/stars.gif); position: absolute; right: 0; bottom: 0; width: 1800px; height: 2000px; }
#starsfadeL { background-image: url(../graphics/starsfadeL.png); background-repeat: repeat-y; position: absolute; top: 0; left: 0; width: 1000px; height: 2000px; }
#starsfadeT { background-image: url(../graphics/starsfadeT.png); background-repeat: repeat-x; position: absolute; top: 0; left: 0; width: 2000px; height: 1000px; }
#space2holder { background-image: url(../graphics/heart-back.gif); height: 669px; width: 776px; left: 50%; position: absolute; bottom: 0; margin-left: -388px; }
#space2heart { background-image: url(../graphics/heart.gif); height: 105px; width: 125px; left: 195px; top: 291px; position: absolute; }
#space2button { height: 80px; width: 100px; position: absolute; left: 50%; bottom: 295px; margin-left: -178px; cursor: url(click.cur), url(../click.cur), pointer; }
/* Space1 */
#space1back { background-repeat: repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#space1wrapper { height: 537px; width: 677px; left: 0; position: absolute; bottom: 0; }
#space1holder { background-image: url(../graphics/space1-back.jpg); height: 537px; width: 677px; left: 0; position: absolute; bottom: 0; }
#space1legs { background-image: url(../graphics/spacelegs.gif); height: 196px; width: 242px; left: 458px; top: 193px; position: absolute; }
#space1button { height: 50px; width: 130px; position: absolute; left: 33px; bottom: 480px; cursor: url(click.cur), url(../click.cur), pointer; }
#space1plasterL { background-image: url(../graphics/plasterL.png); height: 82px; width: 176px; position: absolute; left: 10px; top: -8px; cursor: url(drag.cur), url(../drag.cur), move; }
#space1plasterM { background-image: url(../graphics/plasterM.png); height: 74px; width: 155px; position: absolute; top: -4px; left: 20px; cursor: url(drag.cur), url(../drag.cur), move; }
/* Shoe */
#shoebutton { height: 140px; width: 90px; position: absolute; left: 694px; top: 216px; cursor: url(click.cur), url(../click.cur), pointer;}
#shoe { background-image: url(../graphics/shoe.jpg); position: absolute; top: 201px; left: 206px; width: 635px; height: 427px; }
/* Forest */
#forest { background-color: #0f3109; height: 100%; width: 100%; left: 0; top: 600%; position: absolute; z-index: 1; }
#forestcover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; cursor: wait;}
#ghost { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2000; display: none;}
#branches { height: 100%; width: 100%; left: 0; top: 600%; position: absolute; z-index: 1002; }
#ghostbutton { position: absolute; top: 50%; left: 50%; width: 200px; height: 100px; z-index: 9999; margin-top: -50px; margin-left: -90px; cursor: url(click.cur), url(../click.cur), pointer; display: none; }
#ghostfade { position: absolute; top: 0; left: 0; width: 200%; height: 200%; display: none; }
#forestbutton { position: absolute; top: 600%; left: 0; width: 100%; height: 100%; z-index: 9999999; cursor: url(click.cur), url(../click.cur), pointer;}
#forestbutton2 { background-color: transparent; position: absolute; top: 600%; left: 0; width: 100%; height: 100%; z-index: 9999999; display: none; }
#forestbutton3 { background-color: transparent; position: absolute; top: 600%; left: 0; width: 100%; height: 100%; z-index: 9999999; display: none; cursor: url(click.cur), url(../click.cur), pointer; }
#berlinholder { background-color: transparent; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* Ham */
#hamajax { background-color: black; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
#hamback { position: absolute; height: 960px; width: 1680px; left: 50%; top: 0; margin-left: -840px; }
#hamHead { height: 128px; width: 103px; left: 699px; top: 81px; position: absolute;}
#hamLegs { height: 185px; width: 344px; left: 422px; top: 182px; position: absolute; }
#hambutton { height: 128px; width: 103px; left: 50%; top: 81px; position: absolute; z-index: 99999; margin-left: -130px; cursor: url(click.cur), url(../click.cur), pointer; display: none; }
#skull { background-image: url(../graphics/skull.png); height: 128px; width: 103px; left: 50%; top: 81px; position: absolute; margin-left: -130px; display: none; }
#doorway { position: absolute; height: 100%; width: 100%; left: 0; top: 0; cursor: url(click.cur), url(../click.cur), pointer;}
#door { position: absolute; height: 100%; width: 100%; left: 0; top: 0; }
#doorbutton { background-color: transparent; position: absolute; top: 46%; left: 63%; width: 30px; height: 30px; z-index: 2147483647; }
/* Highslide */
.highslide-header { display: none; }
/* Highslide */
#slideshow { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; }
#slideshowbutton { position: absolute; top: 50%; left: 50%; width: 180px; height: 180px; z-index: 2147483647; margin-top: -40px; margin-left: -110px; cursor: url(click.cur), url(../click.cur), pointer; }
#flashholder { background-color: black; position: absolute; top: -50%; left: 0; width: 100%; height: 200%; }
#flash { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* Berlin */
#berlinback { height: 100%; width: 100%; left: 0; top: 0; position: absolute; }
#berlinfront { height: 100%; width: 100%; left: 0; top: 0; position: absolute; z-index: 1002; display: none; }
#berlinbutton { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; display: none; cursor: url(click.cur), url(../click.cur), pointer; }
/* Portrait 2 */
#portrait2button { position: absolute; top: 390px; left: 0; width: 310px; height: 250px; cursor: url(click.cur), url(../click.cur), pointer; display: none;}
#portrait2 { background-image: url(../graphics/portrait2.jpg); position: absolute; top: 127px; left: -30px; width: 1002px; height: 548px; }
/* Space 3 */
#sp3 { background-color: black; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#space3back { height: 732px; width: 665px; position: absolute; right: 0; bottom: 0; }
#space3front { height: 732px; width: 635px; position: absolute; right: 0; bottom: 0; z-index: 1002; }
#sp3button { height: 732px; width: 635px; position: absolute; right: 0; bottom: 0; z-index: 1009; cursor: url(click.cur), url(../click.cur), pointer; }
#sp3button2 { height: 100%; width: 100%; position: absolute;  top:0; left:0; z-index: 1010; cursor: url(click.cur), url(../click.cur), pointer; display: none;}
#noflash { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#extracarpet { background-image: url(../graphics/extra-carpet.jpg); position: absolute; top: 19119px; left: 3981px; width: 434px; height: 3200px; }
#ffv1,#ffv2,#ffh1,#ffh2,#ffv3,#ffv4,#ffh3,#ffh4 {display:none;} 
