@font-face {
	font-family: 'Museo Slab';
	src: local("☺"),
		url("webfonts/MuseoSlab-500.eot?") format("embedded-opentype"), 
		url("webfonts/MuseoSlab-500.woff") format("woff"), 
		url("webfonts/MuseoSlab-500.ttf") format("truetype"), 
		url("webfonts/MuseoSlab-500.svg#MuseoSlab-500") format("svg");
}

@font-face {
	font-family: 'Museo Slab';
	font-weight: bold;
	src: local("☺"),
		url("webfonts/MuseoSlab-900.eot?") format("embedded-opentype"), 
		url("webfonts/MuseoSlab-900.woff") format("woff"), 
		url("webfonts/MuseoSlab-900.ttf") format("truetype"), 
		url("webfonts/MuseoSlab-900.svg#MuseoSlab-900") format("svg");
}

html
{
	background: url(bg_lightgrey.jpg);
	font-family: Arial;
}

#nav-hint
{
	display: none;
	position: fixed;
	background: black;
	color: rgb(247, 244, 241);
	opacity: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 1em;
	font-family: 'Museo Slab';
	font-size: 30px;
	text-align: center;
	-webkit-transition: opacity 1s ease-in-out 0s;
	-o-transition: opacity 1s ease-in-out 0s;
	transition: opacity 1s ease-in-out 0s;
	-webkit-font-smoothing: antialiased;
}

.js #nav-hint
{
	display: block;
}

.js .impress-on-title #nav-hint
{
	opacity: 0.7;
	-webkit-transition: opacity 1s ease-in-out 2s;
	-o-transition: opacity 1s ease-in-out 2s;
	transition: opacity 1s ease-in-out 2s;
}

#nav-hint-keyboard,
#nav-hint-conjunction,
#nav-hint-touch
{
	display: none;
}

html.keyboard #nav-hint-keyboard,
html.keyboard.touch #nav-hint-conjunction,
html.touch #nav-hint-touch
{
	display: inline;
}

#nav-hint::first-letter
{
	text-transform: uppercase;
}

/*
html:not(.keyboard) #nav-hint-keyboard,
html:not(.keyboard.touch) #nav-hint-conjunction,
html:not(.touch) #nav-hint-touch
{
	display: none;
}
*/

.js .step
{
	opacity: 0.1;
}

.step.active,
.impress-on-overview .step
{
	opacity: 1;
}

.credits
{
	font-size: .8em;
}

a
{
	color: inherit;
	text-decoration: inherit;
}

h1
{
	font-family: 'Museo Slab';
	font-weight: normal;
	font-size: 100px;
	width: 10em;
}

hgroup h2
{
	font-size: 2em;
	width: 24em;
}

h2
{
	font-family: 'Museo Slab';
	font-weight: normal;
	font-size: 60px;
	width: 10em;
}

blockquote
{
	position: relative;
	width: 25em;
	margin: 0;
	font-family: Gerogia;
	font-style: italic;
	font-size: 1.4em;
}

blockquote::before
{
	letter-spacing: -.15em;
	font-style: normal;
	font-size: 8em;
	position: absolute;
	left: -.5em;
}

blockquote:lang(de)::before
{
	content: "‚‚";
	top: -.75em;
}

blockquote:lang(en)::before
{
	content: "‘‘";
	top: -.35em;
}

blockquote:lang(de)::before, x:-moz-any-link
{
	top: -.6em;
}

blockquote:lang(en)::before, x:-moz-any-link
{
	letter-spacing: -.08em;
	top: -.2em;
}

dfn
{
	font-weight: bold;
}

#dfn-zeichensatz,
#dfn-codierter-zeichensatz,
#dfn-zeichencodierung
{
	width: 22em;
}

figure
{
	display: block;
	margin: 0;
}

.fig-iso-8859
{
	width: 600px;
}

#code-html-charset,
#code-xml-encoding
{
	font-size: 2em;
	width: 15em;
}

#code-class,
#code-oocss
{
	font-size: 2em;
	width: 20em;
}

#mobile-fail p:not(.credits)
{
	background: white;
	font-size: 0.8em;
	width: 18em;
	height: 32em;
	padding: 1em;
}

#quote-bobdylan
{
	font-size: 2em;
	width: 15em;
}