html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; cursor:default; }
html, body
{
	height:100%;
	vertical-align: baseline;
}
article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }
body { line-height:1.5; }
a { border:0; color:#000; text-decoration:none;}
a, a *, input, input *, select, .button span, label { cursor:pointer; }
ul { list-style:none; }


@keyframes einblenden {
	0% {
		opacity: 0;
	}
	33% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
body {
	background-color: #b3b3b3;
	font-weight: normal;
	font-size: .8em;
	text-align: center;
	line-height: 1.6em;
	font-family: 'Open Sans', Frutiger, Calibri, 'Myriad Pro', Myriad, sans-serif;
	color: #000;
	height:100%;
}

#header {
	padding-top: 10em;
}

.name {
	font-size: 3.0em;
	line-height: 1.0em;
	color: #999;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	animation: einblenden 2s 1 linear;
}
#first .name {
	font-size: 6em;
	margin-bottom: 0;
}
#second .name {
	margin-top: 0;
	font-size: 6em;
}