html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul, li {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

html, body {
	height: 100%;
}

body {
	height: 100% !important;
	width: 100% !important;
	max-height: 100% !important;
	margin: 0;
	padding: 0;
	background: #fff;
}

.bodyadd {
	background: #3349A1 !important;
}

.bgadd {
	background: rgb(127,235,255);
	background: -moz-linear-gradient(top,  rgba(127,235,255,1) 0%, rgba(19,207,214,1) 39%, rgba(7,151,191,1) 72%, rgba(49,65,165,1) 99%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(127,235,255,1)), color-stop(39%,rgba(19,207,214,1)), color-stop(72%,rgba(7,151,191,1)), color-stop(99%,rgba(49,65,165,1)));
	background: -webkit-linear-gradient(top,  rgba(127,235,255,1) 0%,rgba(19,207,214,1) 39%,rgba(7,151,191,1) 72%,rgba(49,65,165,1) 99%);
	background: -o-linear-gradient(top,  rgba(127,235,255,1) 0%,rgba(19,207,214,1) 39%,rgba(7,151,191,1) 72%,rgba(49,65,165,1) 99%);
	background: -ms-linear-gradient(top,  rgba(127,235,255,1) 0%,rgba(19,207,214,1) 39%,rgba(7,151,191,1) 72%,rgba(49,65,165,1) 99%);
	background: linear-gradient(to bottom,  rgba(127,235,255,1) 0%,rgba(19,207,214,1) 39%,rgba(7,151,191,1) 72%,rgba(49,65,165,1) 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7febff', endColorstr='#3141a5',GradientType=0 );
	height: 100% !important;
	max-height: 100% !important;
	min-height: 100% !important;
	display: block;
}

#bg {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 0;
	width:100% !important;
	height:100% !important;
}

#bg td {
	width: 100%;
	text-align: center;
}

#bg img {
	width: 1000px;
	height: 1018px;
	margin-left: auto;
	margin-right: auto;
}

div#fish1 a.f1 img,
div#fish2 a.f2 img {
	transition:all 1s ease-in;
	-webkit-transition:all 1s ease-in;
	-moz-transition:all 1s ease-in;
	-o-transition:all 1s ease-in;
}

#fishes {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 6;
	width:100% !important;
	height:100% !important;
}

#cicle {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 15;
	width:100% !important;
	height:100% !important;
	pointer-events: none;
}

#cicle td {
	text-align: center;
	height:100% !important;
	width: 100% !important;
}

#cicle .loader {
	margin-left: auto;
	margin-right: auto;
}

#loading-circle {
	display: inline-block;
	height: 100% !important;
}

#static {
	height: 100% !important;
	opacity: 0;
}	

#content {
	opacity: 0;
	height: 100% !important;
	-o-transition:opacity 1s ease-in;
	-ms-transition:opacity 1s ease-in;
	-moz-transition:opacity 1s ease-in;
	-webkit-transition:opacity 1s ease-in;
	transition:opacity 1s ease-in;
}

#links {
	position:fixed;
	left: 0;
	bottom: 20px;
	height: 1007px;
	width: 319px;
	z-index: 1;
	background: transparent url("images/linksgrtwo.png") no-repeat;	
}

#rechts {
	position:fixed;
	right: 0;
	bottom: 20px;
	height: 994px;
	width: 178px;
	z-index: 1;
	background: transparent url("images/rechtsgrtwo.png") no-repeat;	
}

#kante-unten {
	position:fixed;
	left: 0;
	bottom:0px;
	height: 106px;
	width: 100%;
	z-index: 12;
	background: transparent url("images/kante-unten-ohne.png") repeat-x;
	pointer-events: none;
}

#wurm {
	position:fixed;
	left: 50%;
	margin-left: 36px;
	bottom:35px;
	height: 52px;
	width: 33px;
	z-index: 13;
	background: transparent url("images/wurm.png") 0 0 no-repeat;
	pointer-events: none;
}

.firefox #menu-menu li.btn a i:before {
	top: -9px !important;
}

.menu {
	position: relative;
	left: 20px;
	top: 60px;
	z-index: 11;
	pointer-events: all;
}

.menu a {
	text-decoration: none;
	width: 40px !important;
	height: 40px !important;
	background: #A13427;	
	border-radius: 20px;
	display: inline-block;
	margin-right: 12px;
	float: left;
}

.tlt {
	color: #fff;
	text-align: center;
	position: absolute;
	top: 10%;
	left: 0;
	z-index: 20;
	width: 100%;
	height: auto;
	display: block;
}

.ff .menu a i,
.gecko .menu a i {
	position: relative;
	top: -16px !important;
}

.ste-home:before {
	content: '\00ef';
	color: #B9AC91;
	position: relative;
	vertical-align: top;
	left: 6px;
	top: 7px;
	border: none;
	font: normal 50px 'entypo' !important;
}

.ste-ok {
	margin: 90px auto 0 auto;
	display: block;
	opacity: 0;
	-o-transition:opacity 4s ease-in;
	-ms-transition:opacity 4s ease-in;
	-moz-transition:opacity 4s ease-in;
	-webkit-transition:opacity 4s ease-in;
	transition:opacity 4s ease-in;
	-o-transform: scale(7, 7);
	-ms-transform: scale(7, 7);
	-moz-transform: scale(7, 7);
	-webkit-transform: scale(7, 7);
	transform: scale(7, 7);
}

.ste-ok-add {
	transition:All 1s ease-in;
	-webkit-transition:All 1s ease-in;
	-moz-transition:All 1s ease-in;
	-o-transition:All 1s ease-in;
	-o-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}

.ste-ok:before {
	content: '\0057';
	color: #fff;
	border: none;
	font: normal 50px 'entypo' !important;
}

.ste-contact:before {
	content: '\0025';
	color: #B9AC91;
	position: relative;
	vertical-align: top;
	left: 6px;
	top: 7px;
	border: none;
	font: normal 50px 'entypo' !important;
}

.ste-photo:before {
	content: '\0070';
	color: #B9AC91;
	position: relative;
	vertical-align: top;
	left: 3px;
	top: 7px;
	border: none;
	font: normal 50px 'entypo' !important;
}

.ste-tresor:before {
	content: '\0055';
	color: #B9AC91;
	position: relative;
	vertical-align: top;
	left: 8px;
	top: 7px;
	border: none;
	font: normal 50px 'entypo' !important;
}

.ste-tresor-open:before {
	content: '\0056';
	color: #B9AC91;
	position: relative;
	vertical-align: top;
	left: 8px;
	top: 7px;
	border: none;
	font: normal 50px 'entypo' !important;
}

.ste-pause:before {
	content: '\00e0';
	color: #B9AC91;
	position: relative;
	vertical-align: top;
	left: 7px;
	top: 7px;
	border: none;
	font: normal 50px 'entypo' !important;
} 
.ste-play:before {
	content: '\00e1';
	color: #B9AC91;
	position: relative;
	vertical-align: top;
	left: 7px;
	top: 7px;
	border: none;
	font: normal 50px 'entypo' !important;
}

@keyframes greenPulse {
0% {box-shadow:0 0 30px rgba(37,117,159,0.5)}
50% {box-shadow:0 0 80px rgba(37,117,159,0.5)}
100% {box-shadow:0 0 30px rgba(37,117,159,0.5)}
}
@-webkit-keyframes greenPulse {
0% {-webkit-box-shadow:0 0 30px rgba(37,117,159,0.5)}
50% {-webkit-box-shadow:0 0 80px rgba(37,117,159,0.5)}
100% {-webkit-box-shadow:0 0 30px rgba(37,117,159,0.5)}
}
@-moz-keyframes greenPulse {
0% {-moz-box-shadow:0 0 30px rgba(37,117,159,0.5)}
50% {-moz-box-shadow:0 0 80px rgba(37,117,159,0.5)}
100% {-moz-box-shadow:0 0 30px rgba(37,117,159,0.5)}
}
@-o-keyframes greenPulse {
0% {-o-box-shadow:0 0 30px rgba(37,117,159,0.5)}
50% {-o-box-shadow:0 0 80px rgba(37,117,159,0.5)}
100% {-o-box-shadow:0 0 30px rgba(37,117,159,0.5)}
}

@-webkit-keyframes colorFish {
0% {-webkit-filter:hue-rotate(0deg);}
50% {-webkit-filter:hue-rotate(360deg);}
100% {-webkit-filter:hue-rotate(0deg);}
}

@-o-keyframes colorFish {
0% {-o-filter:hue-rotate(0deg);}
50% {-o-filter:hue-rotate(360deg);}
100% {-o-filter:hue-rotate(0deg);}
}

@-ms-keyframes colorFish {
0% {-ms-filter:hue-rotate(0deg);}
50% {-ms-filter:hue-rotate(360deg);}
100% {-ms-filter:hue-rotate(0deg);}
}

@-moz-keyframes colorFish {
0% {-moz-filter:hue-rotate(0deg);}
50% {-moz-filter:hue-rotate(360deg);}
100% {-moz-filter:hue-rotate(0deg);}
}

@keyframes colorFish {
0% {filter:hue-rotate(0deg);}
50% {filter:hue-rotate(360deg);}
100% {filter:hue-rotate(0deg);}
}

@keyframes colorFishHover {
0% {transform:rotate(0deg);}
25% {transform:rotate(7deg);}
50% {transform:rotate(-5deg);}
75% {transform:rotate(5deg);}
100% {transform:rotate(0deg);}
}

@-webkit-keyframes colorFishHover {
0% {-webkit-transform:rotate(0deg);}
25% {-webkit-transform:rotate(7deg);}
50% {-webkit-transform:rotate(-5deg);}
75% {-webkit-transform:rotate(5deg);}
100% {-webkit-transform:rotate(0deg);}
}

@-o-keyframes colorFishHover {
0% {-o-transform:rotate(0deg);}
25% {-o-transform:rotate(7deg);}
50% {-o-transform:rotate(-5deg);}
75% {-o-transform:rotate(5deg);}
100% {-o-transform:rotate(0deg);}
}

@-ms-keyframes colorFishHover {
0% {-ms-transform:rotate(0deg);}
25% {-ms-transform:rotate(7deg);}
50% {-ms-transform:rotate(-5deg);}
75% {-ms-transform:rotate(5deg);}
100% {-ms-transform:rotate(0deg);}
}

@keyframes bubbleUp {
0% {bottom:110px;-webkit-transform:scale(.9);opacity:0}
1% {bottom:110px;-webkit-transform:scale(.3);opacity:0}
30% {bottom:110px;-webkit-transform:scale(.8);opacity:1}
95% {bottom:545px;-webkit-transform:scale(.3);opacity:1}
99% {bottom:550px;-webkit-transform:scale(3);opacity:0}
100% {bottom:110px;-webkit-transform:scale(.9);opacity:0}
}
@-webkit-keyframes bubbleUp {
0% {bottom:110px;-webkit-transform:scale(.9);opacity:0}
1% {bottom:110px;-webkit-transform:scale(.3);opacity:0}
30% {bottom:110px;-webkit-transform:scale(.8);opacity:1}
95% {bottom:545px;-webkit-transform:scale(.3);opacity:1}
99% {bottom:550px;-webkit-transform:scale(3);opacity:0}
100% {bottom:110px;-webkit-transform:scale(.9);opacity:0}
}
@-moz-keyframes bubbleUp {
0% {bottom:110px;-moz-transform:scale(.9);opacity:0}
1% {bottom:110px;-moz-transform:scale(.3);opacity:0}
30% {bottom:110px;-moz-transform:scale(.8);opacity:1}
95% {bottom:545px;-moz-transform:scale(.3);opacity:1}
99% {bottom:550px;-moz-transform:scale(3);opacity:0}
100% {bottom:110px;-moz-transform:scale(.9);opacity:0}
}
@-o-keyframes bubbleUp {
0% {bottom:110px;-o-transform:scale(.9);opacity:0}
1% {bottom:110px;-o-transform:scale(.3);opacity:0}
30% {bottom:110px;-o-transform:scale(.8);opacity:1}
95% {bottom:545px;-o-transform:scale(.3);opacity:1}
99% {bottom:550px;-o-transform:scale(3);opacity:0}
100% {bottom:110px;-o-transform:scale(.9);opacity:0}
}

@keyframes bubbleUp1 {
0% {bottom:120px;transform:scale(.3);opacity:0}
1% {bottom:80px;transform:scale(.2);opacity:0}
30% {bottom:90px;transform:scale(.2);opacity:1}
95% {bottom:500px;transform:scale(.4);opacity:1}
99% {bottom:550px;transform:scale(.2);opacity:0}
100% {bottom:140px;transform:scale(.9);opacity:0}
}
@-webkit-keyframes bubbleUp1 {
0% {bottom:120px;-webkit-transform:scale(.3);opacity:0}
1% {bottom:80px;-webkit-transform:scale(.2);opacity:0}
30% {bottom:90px;-webkit-transform:scale(.2);opacity:1}
95% {bottom:500px;-webkit-transform:scale(.4);opacity:1}
99% {bottom:550px;-webkit-transform:scale(.2);opacity:0}
100% {bottom:140px;-webkit-transform:scale(.9);opacity:0}
}
@-moz-keyframes bubbleUp1 {
0% {bottom:120px;-moz-transform:scale(.3);opacity:0}
1% {bottom:80px;-moz-transform:scale(.2);opacity:0}
30% {bottom:90px;-moz-transform:scale(.2);opacity:1}
95% {bottom:500px;-moz-transform:scale(.4);opacity:1}
99% {bottom:550px;-moz-transform:scale(.2);opacity:0}
100% {bottom:140px;-moz-transform:scale(.9);opacity:0}
}
@-o-keyframes bubbleUp1 {
0% {bottom:120px;-o-transform:scale(.3);opacity:0}
1% {bottom:80px;-o-transform:scale(.2);opacity:0}
30% {bottom:90px;-o-transform:scale(.2);opacity:1}
95% {bottom:500px;-o-transform:scale(.4);opacity:1}
99% {bottom:550px;-o-transform:scale(.2);opacity:0}
100% {bottom:140px;-o-transform:scale(.9);opacity:0}
}

@keyframes bubbleUp2 {
0% {bottom:110px;transform:scale(1);opacity:0}
1% {bottom:110px;transform:scale(.3);opacity:0}
30% {bottom:110px;transform:scale(.9);opacity:1}
95% {bottom:650px;transform:scale(.3);opacity:1}
99% {bottom:655px;transform:scale(3);opacity:0}
100% {bottom:110px;transform:scale(1);opacity:0}
}
@-webkit-keyframes bubbleUp2 {
0% {bottom:110px;-webkit-transform:scale(1);opacity:0}
1% {bottom:110px;-webkit-transform:scale(.3);opacity:0}
30% {bottom:110px;-webkit-transform:scale(.9);opacity:1}
95% {bottom:650px;-webkit-transform:scale(.3);opacity:1}
99% {bottom:655px;-webkit-transform:scale(3);opacity:0}
100% {bottom:110px;-webkit-transform:scale(1);opacity:0}
}
@-moz-keyframes bubbleUp2 {
0% {bottom:110px;-moz-transform:scale(1);opacity:0}
1% {bottom:110px;-moz-transform:scale(.3);opacity:0}
30% {bottom:110px;-moz-transform:scale(.9);opacity:1}
95% {bottom:650px;-moz-transform:scale(.3);opacity:1}
99% {bottom:655px;-moz-transform:scale(3);opacity:0}
100% {bottom:110px;-moz-transform:scale(1);opacity:0}
}
@-o-keyframes bubbleUp2 {
0% {bottom:110px;-o-transform:scale(1);opacity:0}
1% {bottom:110px;-o-transform:scale(.3);opacity:0}
30% {bottom:110px;-o-transform:scale(.9);opacity:1}
95% {bottom:650px;-o-transform:scale(.3);opacity:1}
99% {bottom:655px;-o-transform:scale(3);opacity:0}
100% {bottom:110px;-o-transform:scale(1);opacity:0}
}

@keyframes bubbleUp3 {
0% {bottom:110px;transform:scale(1);opacity:0}
1% {bottom:110px;transform:scale(.3);opacity:0}
30% {bottom:110px;transform:scale(.9);opacity:1}
95% {bottom:495px;transform:scale(.3);opacity:1}
99% {bottom:500px;transform:scale(3);opacity:0}
100% {bottom:110px;transform:scale(1);opacity:0}
}
@-webkit-keyframes bubbleUp3 {
0% {bottom:110px;-webkit-transform:scale(1);opacity:0}
1% {bottom:110px;-webkit-transform:scale(.3);opacity:0}
30% {bottom:110px;-webkit-transform:scale(.9);opacity:1}
95% {bottom:495px;-webkit-transform:scale(.3);opacity:1}
99% {bottom:500px;-webkit-transform:scale(3);opacity:0}
100% {bottom:110px;-webkit-transform:scale(1);opacity:0}
}
@-moz-keyframes bubbleUp3 {
0% {bottom:110px;-moz-transform:scale(1);opacity:0}
1% {bottom:110px;-moz-transform:scale(.3);opacity:0}
30% {bottom:110px;-moz-transform:scale(.9);opacity:1}
95% {bottom:495px;-moz-transform:scale(.3);opacity:1}
99% {bottom:500px;-moz-transform:scale(3);opacity:0}
100% {bottom:110px;-moz-transform:scale(1);opacity:0}
}
@-o-keyframes bubbleUp3 {
0% {bottom:110px;-o-transform:scale(1);opacity:0}
1% {bottom:110px;-o-transform:scale(.3);opacity:0}
30% {bottom:110px;-o-transform:scale(.9);opacity:1}
95% {bottom:495px;-o-transform:scale(.3);opacity:1}
99% {bottom:500px;-o-transform:scale(3);opacity:0}
100% {bottom:110px;-o-transform:scale(1);opacity:0}
}

@keyframes bubbleUp4 {
0% {bottom:110px;transform:scale(1);opacity:0}
1% {bottom:110px;transform:scale(.3);opacity:0}
30% {bottom:110px;transform:scale(.9);opacity:1}
95% {bottom:595px;transform:scale(.3);opacity:1}
99% {bottom:600px;transform:scale(3);opacity:0}
100% {bottom:110px;transform:scale(1);opacity:0}
}
@-webkit-keyframes bubbleUp4 {
0% {bottom:110px;-webkit-transform:scale(1);opacity:0}
1% {bottom:110px;-webkit-transform:scale(.3);opacity:0}
30% {bottom:110px;-webkit-transform:scale(.9);opacity:1}
95% {bottom:595px;-webkit-transform:scale(.3);opacity:1}
99% {bottom:600px;-webkit-transform:scale(3);opacity:0}
100% {bottom:110px;-webkit-transform:scale(1);opacity:0}
}
@-moz-keyframes bubbleUp4 {
0% {bottom:110px;-moz-transform:scale(1);opacity:0}
1% {bottom:110px;-moz-transform:scale(.3);opacity:0}
30% {bottom:110px;-moz-transform:scale(.9);opacity:1}
95% {bottom:595px;-moz-transform:scale(.3);opacity:1}
99% {bottom:600px;-moz-transform:scale(3);opacity:0}
100% {bottom:110px;-moz-transform:scale(1);opacity:0}
}
@-o-keyframes bubbleUp4 {
0% {bottom:110px;-o-transform:scale(1);opacity:0}
1% {bottom:110px;-o-transform:scale(.3);opacity:0}
30% {bottom:110px;-o-transform:scale(.9);opacity:1}
95% {bottom:595px;-o-transform:scale(.3);opacity:1}
99% {bottom:600px;-o-transform:scale(3);opacity:0}
100% {bottom:110px;-o-transform:scale(1);opacity:0}
}

div#fish2 {
	position: relative;
	top: 345px;
	left: 140px;
	width: 344px;
	height: 387px;
	z-index: 3;
	margin:0 auto;
}

div#fish1 a.f1:hover {
	animation-name: colorFishHover,colorFish;
    animation-duration: 2s,18s;
    animation-iteration-count: infinite,infinite;
	-webkit-animation-name: colorFishHover,colorFish;
    -webkit-animation-duration: 2s,18s;
    -webkit-animation-iteration-count: infinite,infinite;
	-o-animation-name: colorFishHover,colorFish;
    -o-animation-duration: 2s,18s;
    -o-animation-iteration-count: infinite,infinite;
	-ms-animation-name: colorFishHover,colorFish;
    -ms-animation-duration: 2s,18s;
    -ms-animation-iteration-count: infinite,infinite;
}

div#fish2 a.f2:hover {
	animation-name: colorFishHover,colorFish;
    animation-duration: 3.5s,26s;
    animation-iteration-count: infinite,infinite;
	-webkit-animation-name: colorFishHover,colorFish;
    -webkit-animation-duration: 3.5s,26s;
    -webkit-animation-iteration-count: infinite,infinite;
	-o-animation-name: colorFishHover,colorFish;
    -o-animation-duration: 3.5s,26s;
    -o-animation-iteration-count: infinite,infinite;
	-ms-animation-name: colorFishHover,colorFish;
    -ms-animation-duration: 3.5s,26s;
    -ms-animation-iteration-count: infinite,infinite;
}

div#fish1 {
	position: relative;
	top: 445px;
	left: -265px;
	width: 387px;
	height: 357px;
	z-index: 2;
	margin:0 auto;
}

div#fish1 a.f1 {
	animation:colorFish 18s infinite;
	-webkit-animation:colorFish 18s infinite;
	-o-animation:colorFish 18s infinite;
	-ms-animation:colorFish 18s infinite;
	width: 387px;
	height: 357px;
	display: inline-block;
	pointer-events: all;
}

div#fish2 a.f2 {
	animation:colorFish 26s infinite;
	-webkit-animation:colorFish 26s infinite;
	-o-animation:colorFish 26s infinite;
	-ms-animation:colorFish 26s infinite;
	width: 344px;
	height: 387px;
	display: inline-block;
	pointer-events: all;
}

div.outer {
	position: absolute;
	top: 0px;
	left: -40px;
	width: 100%;
	pointer-events: none;
}

div#beaker {
	position: relative;
	z-index: 4;	
	width:300px;
	height:700px;
	margin:0 auto;
}
div#beaker span.glow {
	width:100%;
	height:100%;background:##222;
	position:relative;
	display:block;
	border-radius:200px;
	animation:greenPulse 2s infinite;
	-webkit-animation:greenPulse 2s infinite;
	-moz-animation:greenPulse 2s infinite;
	-o-animation:greenPulse 2s infinite;
}
div#beaker span.bubble {
	background:#fff;
	width:40px;
	height:40px;
	position:absolute;
	display:block;
	left:70px;
	bottom:110px;
	border-radius:100px; 
	background:-moz-radial-gradient(center 45deg, circle closest-corner, rgba(75,190,200,0), rgba(75,190,200,.1), rgba(75,190,200,.3), rgba(255,255,255,.7));
	background:-webkit-gradient(radial, center center, 0, center center, 100, from(rgba(75,190,200,.2)), to(rgba(255,255,255,.7)));
	background:gradient(center 45deg, circle closest-corner, rgba(75,190,200,0), rgba(75,190,200,.1), rgba(75,190,200,.3), rgba(255,255,255,.7));
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(9,133,167,0.1) 51%, rgba(9,133,167,0.3) 71%, rgba(9,133,167,.7) 100%);
	animation:bubbleUp 4s infinite ease-in-out;
	-webkit-animation:bubbleUp 4s infinite ease-in-out;
	-o-animation:bubbleUp 4s infinite ease-in-out;
	-moz-animation:bubbleUp 4s infinite ease-in-out;
}
div#beaker span.bubble1 {
	background:#fff;
	width:70px;
	height:70px;
	position:absolute;
	display:block;
	left:75px;
	bottom:110px;
	border-radius:80px; 
	background:-moz-radial-gradient(center 45deg, circle closest-corner, rgba(75,190,200,0), rgba(75,190,200,.1), rgba(75,190,200,.3), rgba(255,255,255,.7));
	background:-webkit-gradient(radial, center center, 0, center center, 100, from(rgba(75,190,200,.2)), to(rgba(255,255,255,.7)));
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(9,133,167,0.1) 51%, rgba(9,133,167,0.3) 71%, rgba(9,133,167,.7) 100%);
	animation:bubbleUp 5s infinite;
	-webkit-animation:bubbleUp1 5s infinite;
	-o-animation:bubbleUp1 5s infinite;
	-moz-animation:bubbleUp1 5s infinite;
}
div#beaker span.bubble2 {
	background:#fff;
	width:30px;
	height:30px;
	position:absolute;
	display:block;
	left:70px;
	bottom:110px;
	border-radius:60px;
	background:-moz-radial-gradient(center 45deg, circle closest-corner, rgba(75,190,200,0), rgba(75,190,200,.1), rgba(75,190,200,.3), rgba(255,255,255,.7));
	background:-webkit-gradient(radial, center center, 0, center center, 100, from(rgba(75,190,200,.2)), to(rgba(255,255,255,.7)));
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(9,133,167,0.1) 51%, rgba(9,133,167,0.3) 71%, rgba(9,133,167,.7) 100%);
	animation:bubbleUp 7s infinite;
	-webkit-animation:bubbleUp2 7s infinite;
	-o-animation:bubbleUp2 7s infinite;
	-moz-animation:bubbleUp2 7s infinite;
}
div#beaker span.bubble3 {
	background:#fff;
	width:50px;
	height:50px;
	position:absolute;
	display:block;
	left:100px;
	bottom:95px;
	border-radius:100px;
	background:-moz-radial-gradient(center 45deg, circle closest-corner, rgba(75,190,200,0), rgba(75,190,200,.1), rgba(75,190,200,.3), rgba(255,255,255,.7));
	background:-webkit-gradient(radial, center center, 0, center center, 100, from(rgba(75,190,200,.2)), to(rgba(255,255,255,.7)));
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(9,133,167,0.1) 51%, rgba(9,133,167,0.3) 71%, rgba(9,133,167,.7) 100%);
	animation:bubbleUp 10s infinite;
	-webkit-animation:bubbleUp3 10s infinite;
	-o-animation:bubbleUp3 10s infinite;
	-moz-animation:bubbleUp3 10s infinite;
}
div#beaker span.bubble4 {
	background:#fff;
	width:40px;
	height:40px;
	position:absolute;
	display:block;
	left:105px;
	bottom:110px;
	border-radius:100px;	
	background:-moz-radial-gradient(center 45deg, circle closest-corner, rgba(75,190,200,0), rgba(75,190,200,.1), rgba(75,190,200,.3), rgba(255,255,255,.7));
	background:-webkit-gradient(radial, center center, 0, center center, 100, from(rgba(75,190,200,.2)), to(rgba(255,255,255,.7)));
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(9,133,167,0.1) 51%, rgba(9,133,167,0.3) 71%, rgba(9,133,167,.7) 100%);
	animation:bubbleUp4 12s infinite;
	-webkit-animation:bubbleUp4 12s infinite;
	-o-animation:bubbleUp4 12s infinite;
	-moz-animation:bubbleUp4 12s infinite;
}

div.outer2 {
	position: absolute;
	top: 15px;
	left: -40px;
	width: 100%;
	pointer-events: none;
}

div#beaker2 {
	position: relative;
	z-index: 5;
	width:300px;
	height:700px;
	margin:0 auto;
}

div#beaker2 span.glow {
	width:100%;
	height:100%;background:##222;
	position:relative;
	display:block;
	border-radius:200px;
	animation:greenPulse 2s infinite;
	-webkit-animation:greenPulse 2s infinite;
	-moz-animation:greenPulse 2s infinite;
	-o-animation:greenPulse 2s infinite;
}
div#beaker2 span.bubble5 {
	background:#fff;
	width:40px;
	height:40px;
	position:absolute;
	display:block;
	left:10px;
	bottom:110px;
	border-radius:100px; 
	background:-moz-radial-gradient(center 45deg, circle closest-corner, rgba(75,190,200,0), rgba(75,190,200,.1), rgba(75,190,200,.3), rgba(255,255,255,.7));
	background:-webkit-gradient(radial, center center, 0, center center, 100, from(rgba(75,190,200,.2)), to(rgba(255,255,255,.7)));
	background:gradient(center 45deg, circle closest-corner, rgba(75,190,200,0), rgba(75,190,200,.1), rgba(75,190,200,.3), rgba(255,255,255,.7));
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(9,133,167,0.1) 51%, rgba(9,133,167,0.3) 71%, rgba(9,133,167,.7) 100%);
	animation:bubbleUp 6s infinite ease-in-out;
	-webkit-animation:bubbleUp 6s infinite ease-in-out;
	-o-animation:bubbleUp 6s infinite ease-in-out;
	-moz-animation:bubbleUp 6s infinite ease-in-out;
}
div#beaker2 span.bubble6 {
	background:#fff;
	width:70px;
	height:70px;
	position:absolute;
	display:block;
	left:15px;
	bottom:110px;
	border-radius:80px; 
	background:-moz-radial-gradient(center 45deg, circle closest-corner, rgba(75,190,200,0), rgba(75,190,200,.1), rgba(75,190,200,.3), rgba(255,255,255,.7));
	background:-webkit-gradient(radial, center center, 0, center center, 100, from(rgba(75,190,200,.2)), to(rgba(255,255,255,.7)));
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(9,133,167,0.1) 51%, rgba(9,133,167,0.3) 71%, rgba(9,133,167,.7) 100%);
	animation:bubbleUp 7s infinite;
	-webkit-animation:bubbleUp1 7s infinite;
	-o-animation:bubbleUp1 7s infinite;
	-moz-animation:bubbleUp1 7s infinite;
}
div#beaker2 span.bubble7 {
	background:#fff;
	width:30px;
	height:30px;
	position:absolute;
	display:block;
	left:50px;
	bottom:110px;
	border-radius:60px;
	background:-moz-radial-gradient(center 45deg, circle closest-corner, rgba(75,190,200,0), rgba(75,190,200,.1), rgba(75,190,200,.3), rgba(255,255,255,.7));
	background:-webkit-gradient(radial, center center, 0, center center, 100, from(rgba(75,190,200,.2)), to(rgba(255,255,255,.7)));
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(9,133,167,0.1) 51%, rgba(9,133,167,0.3) 71%, rgba(9,133,167,.7) 100%);
	animation:bubbleUp 8s infinite;
	-webkit-animation:bubbleUp2 8s infinite;
	-o-animation:bubbleUp2 8s infinite;
	-moz-animation:bubbleUp2 8s infinite;
}
div#beaker2 span.bubble8 {
	background:#fff;
	width:50px;
	height:50px;
	position:absolute;
	display:block;
	left:40px;
	bottom:95px;
	border-radius:100px;
	background:-moz-radial-gradient(center 45deg, circle closest-corner, rgba(75,190,200,0), rgba(75,190,200,.1), rgba(75,190,200,.3), rgba(255,255,255,.7));
	background:-webkit-gradient(radial, center center, 0, center center, 100, from(rgba(75,190,200,.2)), to(rgba(255,255,255,.7)));
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(9,133,167,0.1) 51%, rgba(9,133,167,0.3) 71%, rgba(9,133,167,.7) 100%);
	animation:bubbleUp 9s infinite;
	-webkit-animation:bubbleUp3 9s infinite;
	-o-animation:bubbleUp3 9s infinite;
	-moz-animation:bubbleUp3 9s infinite;
}
div#beaker2 span.bubble9 {
	background:#fff;
	width:40px;
	height:40px;
	position:absolute;
	display:block;
	left:55px;
	bottom:110px;
	border-radius:100px;	
	background:-moz-radial-gradient(center 45deg, circle closest-corner, rgba(75,190,200,0), rgba(75,190,200,.1), rgba(75,190,200,.3), rgba(255,255,255,.7));
	background:-webkit-gradient(radial, center center, 0, center center, 100, from(rgba(75,190,200,.2)), to(rgba(255,255,255,.7)));
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(9,133,167,0.1) 51%, rgba(9,133,167,0.3) 71%, rgba(9,133,167,.7) 100%);
	animation:bubbleUp4 12s infinite;
	-webkit-animation:bubbleUp4 11s infinite;
	-o-animation:bubbleUp4 11s infinite;
	-moz-animation:bubbleUp4 11s infinite;
}


@media screen and (max-width: 700px) {

	div#fish1 a.f1 img {
		transform: scale(0.7, 0.7);
		-o-transform: scale(0.7, 0.7);
		-ms-transform: scale(0.7, 0.7);
		-moz-transform: scale(0.7, 0.7);
		-webkit-transform: scale(0.7, 0.7);
		animation: colorFish 18s infinite;
		-o-animation: colorFish 18s infinite;
		-ms-animation: colorFish 18s infinite;
		-webkit-animation: colorFish 18s infinite;
	}
	div#fish2 a.f2 img {
		transform: scale(0.7, 0.7);
		-o-transform: scale(0.7, 0.7);
		-ms-transform: scale(0.7, 0.7);
		-moz-transform: scale(0.7, 0.7);
		-webkit-transform: scale(0.7, 0.7);
		animation: colorFish 26s infinite;
		-o-animation: colorFish 26s infinite;
		-ms-animation: colorFish 26s infinite;
		-webkit-animation: colorFish 26s infinite;
	}
	.landscape .bodyadd,
	.landscape #circle td {
		-o-transform: scale(1.4285714286, 1.4285714286);
		-ms-transform: scale(1.4285714286, 1.4285714286);
		-moz-transform: scale(1.4285714286, 1.4285714286);
		-webkit-transform: scale(1.4285714286, 1.4285714286);
		transform: scale(1.4285714286, 1.4285714286);
	}
	.outer {
		left: 40px !important;
	}
	.outer2 {
		left: 70px !important;
	}
	div#fish1 a.f1 img {
		margin-left: 60px;
	}
	div#fish2 a.f2 img {
		margin-left: -52px !important;
	}

}

.mobile div#beaker1 span.bubble,
.mobile div#beaker1 span.bubble1,
.mobile div#beaker1 span.bubble2,
.mobile div#beaker1 span.bubble3,
.mobile div#beaker1 span.bubble4,
.mobile div#beaker2 span.bubble5,
.mobile div#beaker2 span.bubble6,
.mobile div#beaker2 span.bubble7,
.mobile div#beaker2 span.bubble8,
.mobile div#beaker2 span.bubble9 {
	-o-transform: scale(0.7, 0.7);
	-ms-transform: scale(0.7, 0.7);
	-moz-transform: scale(0.7, 0.7);
	-webkit-transform: scale(0.7, 0.7);
	transform: scale(0.7, 0.7);	
}

.mobile div#fish1 a.f1 img,
.mobile div#fish2 a.f2 img {
	-o-transform: scale(0.7, 0.7);
	-ms-transform: scale(0.7, 0.7);
	-moz-transform: scale(0.7, 0.7);
	-webkit-transform: scale(0.7, 0.7);
	transform: scale(0.7, 0.7);
}
.mobile .outer {
	left: 40px !important;
}
.mobile .outer2 {
	left: 70px !important;
}
.mobile div#fish1 a.f1 img {
	margin-left: 60px;
}
.mobile div#fish2 a.f2 img {
	margin-left: -52px !important;
}
.mobile.landscape .bodyadd,
.mobile.landscape #circle td {
	-o-transform: scale(1.4285714286, 1.4285714286);
	-ms-transform: scale(1.4285714286, 1.4285714286);
	-moz-transform: scale(1.4285714286, 1.4285714286);
	-webkit-transform: scale(1.4285714286, 1.4285714286);
	transform: scale(1.4285714286, 1.4285714286);
}

a:active, a:focus,
a.f1:active, a.f1:focus,
a.f2:active, a.f2:focus {
	outline: 0;
	outline: none !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0) !important;
}