html{overflow-Y:scroll}

#playgroundWaveLYR{
	position: absolute;
	left: -53px;
	top: 150px;
	width: 1000px;
	height: 485px;
	transform:rotate(15deg);
	-ms-transform:rotate(15deg);
	-webkit-transform:rotate(15deg);
	-moz-transform:rotate(15deg);
}


#pgCanvasLYR{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 3000px;
	height: 2000px;
}
#pgCanvas{
	width: 3000px;
	height: 2000px;
}

#seifenkiste{
	position: absolute;
	top: 28px;
	left: 0px;
	width:100px;
	height:80px;
	z-index: 100;
	transform:rotate(14deg);
	-ms-transform:rotate(14deg);
	-webkit-transform:rotate(14deg);
}


.Stil106 {
    color: #B32400;
    font-size: 26px;
    font-weight: bold;
}
.Stil2 {
    font-family: "Comic Sans MS";
    font-size: 16px;
	color: #990000;
}
p, h1, h2{
	font-family: "Comic Sans MS";
}
.center {
	text-align: center;
}
.rundeEcken {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.shadow {
	-moz-box-shadow: 0 3px 3px #585858;
	-webkit-box-shadow: 0 3px 3px #585858;
	box-shadow: 0 3px 3px #585858;
}
#playgroundSicht {
	position: absolute;
	top: 175px;
	left: 0px;
	width: 1000px;
	height: 485px;
	z-index: 100;
	background-color: white;
	overflow: hidden;
}
#playground {
  	position: absolute;
  	width: 1000px;
  	height: 485px;
  	top: 0px;
  	left: 0px;
  	z-index: 100;
}
.points{
	font-weight: bold;
}
#pointsLYR{
	position:absolute;
	top:1px;
	left:760px;
	width:150px;
	height:19px;
	z-index:1001;
	display: none;
}
#pointsLYR p{
	color: black;
}
#timeLYR{
	position:absolute;
	top:1px;
	left:865px;
	width:115px;
	height:19px;
	z-index:1001;
	color: black;
	display: none;
}
#countdown{
	position: absolute;
	top: 16px;
	right: -9px;
	font-family: "Comic Sans MS";
}
#contentOverlay{
	position:absolute;
	top: 0px;
	left: 0px;
	width: 1000px;
	height: 485px;
	background-color: #FDFDBE;
	opacity: 0.5;
	z-index: 900;
}
#introOverlay {
	position: absolute;
	left: 160px;
	top: 10px;
	width: 650px;
	height: auto;
	background-color: #ffec77;
	z-index: 1001;
	padding: 15px;
}
#endGameOverlay, #nextLevelOverlay{
	position: absolute;
	left: 160px;
	top: 20px;
	width: 650px;
	height: auto;
	background-color: #ffec77;
	z-index: 1001;
	padding: 15px;
	display: none;
}
#ergebnisWrapper{
	height: 395px;
	overflow: scroll;
}
.loesungLYR{
	font-family: "Comic Sans MS";
	text-align: left;
	float: left;
	width: 50%;
}
.loesungLYR p{
	font-weight: bold;
}
.ergebnisLYR{
	font-family: "Comic Sans MS";
	float: right;
	width: 50%;
}
.ergebnisLYR p{
	font-weight: bold;
}
.cleanerLYR{
	float: left;
	width: 100%;
	height: 1px;
}
#weiterBtn {
	padding-top: 10px;
	float: left;
}
#highscoreLYR, #yesHighscoreLYR, #noHighscoreLYR, #ergebnisWrapper, #nextLevel{
	display: none;
}
#highscoreTabelle{
	margin: 0 auto;
	width: auto;
	max-width: 600px;
}
#highscoreTabelle tr:first-child td{
	font-size: 20px;
}
#highscoreTabelle tr:nth-child(2) td{
	font-size: 18px;
}
#highscoreTabelle tr:nth-child(3) td{
	font-size: 17px;
}
#highscoreTabelle tr td:first-child{
	width: 50px;
}
#highscoreTabelle tr td:nth-child(2){
	width: 150px;
}
#highscoreTabelle tr td:last-child{
	text-align: right;
}
#highscoreTabelle tr td{
	font-family: "Comic Sans MS";
	font-size: 16px;	
	padding-left: 5px;
	padding-right: 5px;
}
#highscoreTabelle table, #highscoreTabelle table th, #highscoreTabelle table td{
	border: 0;
	border-spacing: 0;
}
#highscoreTabelle tr:nth-child(even) {
	background-color: #fffbcd;
}
.tableHeader {
	color: rgb(179, 36, 0);
}
.punkte{
	font-weight: bold;
	font-size: 26px;
}
#startBtn{
	margin-top: 10px;
}
#nameAlert, .hscoreTitel{
	display: none;
}



#buttonsLYR, #buttonsKlickLYR{
	position: absolute;
	left: 10px;
	bottom: 10px;
	width: 300px;
	height: 185px;
}
#buttonsLYR div, #buttonsKlickLYR div{
	margin-right: 10px;
	margin-top: 10px;
	width: 50px;
	height: 50px;
	text-align: center;
	cursor: pointer;
	float: left;
	border: 1px solid black;
	display: none;
}
#buttonsKLickLYR div{
	opacity: 0;
}
#btnBaumLYR{
	background-image: url('../images/baum2.jpg');
}
#btnFeuerLYR{
	background-image: url('../images/feuer2.jpg');
}
#btnAutoLYR{
	background-image: url('../images/auto2.jpg');
}
#btnHundLYR{
	background-image: url('../images/hund2.jpg');
}
#btnLaubLYR{
	background-image: url('../images/laub2.jpg');
}
#btnGeroellLYR{
	background-image: url('../images/geroell2.jpg');
}
#btnVoegelLYR{
	background-image: url('../images/vogel2.jpg');
}
#btnHeuLYR{
	background-image: url('../images/heu2.jpg');
}
#btnBabyLYR{
	background-image: url('../images/baby2.jpg');
}
#btnSchafeLYR{
	background-image: url('../images/schafe2.jpg');
}


.obstacle{
	position: absolute;
	top: 0px;
	left: 0px;
}
.obstacleBaum{
	width: 46px;
	height: 98px;
	background-image: url('../images/baum1.png');
}
.obstacleFeuer{
	width: 60px;
	height: 88px;
	background-image: url('../images/feuer1.png');
}
.obstacleAuto{
	width: 100px;
	height: 62px;
	background-image: url('../images/auto1.png');
}
.obstacleHund{
	width: 50px;
	height: 57px;
	background-image: url('../images/hund1.png');
}
.obstacleLaub{
	width: 80px;
	height: 44px;
	background-image: url('../images/laub1.png');
}
.obstacleGeroell{
	width: 74px;
	height: 39px;
	background-image: url('../images/geroell1.png');
}
.obstacleVoegel{
	width: 74px;
	height: 39px;
	background-image: url('../images/vogel1a.png');
}
.obstacleHeu{
	width: 60px;
	height: 75px;
	background-image: url('../images/heu1.png');
}
.obstacleBaby{
	width: 46px;
	height: 51px;
	background-image: url('../images/baby1.png');
}
.obstacleSchafe{
	width: 50px;
	height: 44px;
	background-image: url('../images/schafe1.png');
}

#bgHintenLYR{
	position: absolute;
	top: -240px;
	left: -85px;
	width: 3000px;
	height: 530px;
	background-image: url('../images/bgHinten.jpg');
	background-repeat: repeat-x;
}
#bgVorneLYR{
	position: absolute;
	top: -240px;
	left: 0px;
	width: 3400px;
	height: 530px;
	background-image: url('../images/bgVorne.png');
	background-repeat: repeat-x;
}

#bergUntenLYR{
	position: absolute;
	top: 150px;
	left: 0px;
	height: 400px;
	width: 1000px;
}
.berg{
	float: left;
	height: 100%;
	background: green;
}
#berg1{
	margin-top: 0px;
	width: 120px;
}
#berg2{
	margin-top: 80px;
	width: 75px;
}
#berg3{
	margin-top: 167px;
	width: 235px;
}
#berg4{
	margin-top: 95px;
	width: 400px;
}
#berg5{
	margin-top: 95px;
	width: 400px;
}

#bergEndeLYR{
	position: absolute;
	left: 2980px;
	top: -68px;
	width: 1000px;
	height: 300px;
	transform:rotate(-15deg);
	-ms-transform:rotate(-15deg);
	-webkit-transform:rotate(-15deg);
	-moz-transform:rotate(-15deg);
}
#bergunten{
	position: absolute;
	margin-top: 50px;
	left: -100px;
	width: 100%;
	height: 100%;
	background: green;
}
#bergoben{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 20px;
	background: #0da30d;
}
#strasse{
	position: absolute;
	top: 17px;
	left: 10px;
	width: 100%;
	height: 50px;
	background: #b8b8b8;
}
#ziel{
	position: absolute;
	width: 30px;
	height: 50px;
	top: 17px;
	left: 400px;
	background-image: url('../images/ziel.jpg');
}

.pflanze{
	transform:rotate(-15deg);
	-ms-transform:rotate(-15deg);
	-webkit-transform:rotate(-15deg);
	-moz-transform:rotate(-15deg);
}