* {
	margin: 0;
	padding: 0;
}

/* Window */

html, body {
	height: 100%;
}

body {
	background: #87b8d4 url('/blauwdruk/images/grass.png') repeat-x left bottom;
background: #87b8d4;
}

/* Letters */

h1 {
	overflow: hidden;
	margin-left: -415px;
	position: absolute;
	z-index: 5;
	left: 50%;
	bottom: 0;
	background: url('/blauwdruk/images/letters.png') no-repeat left top;
	text-indent: -9999px;
	width: 830px;
	height: 303px;
}

h1.alive {
	background: transparent;
}

h1 .letter {
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	background: url('/blauwdruk/images/letters.png') no-repeat left top;;
	-webkit-tap-highlight-color: transparent;
	width: 902px;
	height: 153px;
}

h1 .letter.d {
	clip: rect(5px 90px 118px 18px);
	width: 90px;
}

h1 .letter.dr {
	clip: rect(46px 147px 116px 94px);
	width: 147px;
}

h1 .letter.dri {
	clip: rect(16px 188px 116px 153px);
	width: 188px;
}

h1 .letter.drie {
	clip: rect(46px 246px 118px 189px);
	width: 246px;
}

h1 .letter.drieh {
	clip: rect(5px 326px 116px 249px);
	width: 326px;
}

h1 .letter.drieho {
	clip: rect(46px 393px 118px 329px);
	width: 393px;
}

h1 .letter.driehoo {
	clip: rect(46px 466px 118px 402px);
	width: 466px;
}

h1 .letter.driehoog {
	clip: rect(46px 538px 153px 470px);
	width: 538px;
}

h1 .letter.driehoogv {
	margin-left: -285px;
	clip: rect(48px 902px 118px 830px);
	width: 902px;
}

h1 .letter.driehoogvo {
	margin-left: -73px;
	clip: rect(46px 753px 118px 688px);
	width: 753px;
}

h1 .letter.driehoogvoo {
	clip: rect(46px 753px 118px 688px);
	width: 753px;
}

h1 .letter.driehoogvoor {
	clip: rect(46px 811px 116px 759px);
	width: 811px;
}

/** Grass */

.grass {
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 64px;
}

.grass.front {
	z-index: 10;
	height: 32px;
}

.grass.center {
	height: 48px;
}

.grass .layer {
	position: absolute;
	left: 0;
	top: 0;
	width: 4100px;
	height: 64px;
}

.grass .layer span {
	float: left;
	background: url('/blauwdruk/images/grass-animation.png') no-repeat left top;
	width: 410px;
	height: 64px;
}

.grass.center .layer {
	height: 48px;
}

.grass.center .layer span {
	background-position: left -64px;
	height: 48px;
}

.grass.front .layer {
	height: 32px;
}

.grass.front .layer span {
	background-position: left -112px;
	height: 32px;
}