* {
	transition-duration: 0.4s;
}
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; }
table { border-collapse:separate; border-spacing:0; white-space:nowrap; }
caption, th, td { text-align:left; font-weight:normal; }
table, td, th { vertical-align:middle; }
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.0;
		top: -40vh;
	}
	100% {
		opacity: 1;
		top: 10vh;
	}
}
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-front {
	display: block;
	position: relative;
	top: 10vh;
	/* animation: einblenden 2s 1 cubic-bezier(0,0,0.2,1.0); */
}

#header {
	display: block;
	position: relative;
	top: 5vh;
}

#header .logo, #header-front .logo {
	background-image: url(logo_n_300.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 12em;
	height: 12em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em auto;
	float: none;
}
.name {
	font-size: 3.0em;
	line-height: 1.0em;
	color: #777;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
#first .name {
	font-size: 4em;
	margin-bottom: 0;
}
#second .name {
	margin-top: 0em;
	font-size: 5.3em;
}
.wrapper {
	min-height: 100%;
}

.wrapper h1 {
	min-height: 100%;
	color: #666;
	line-height: 1em;
	font-size: 2.0em;
	margin-top: 5em;
	margin-bottom: 0.7em;
}


.impr {
	color: #666;
	font-size: 1.2em;
	font-weight: normal;
	text-align: left;
	margin: 0 auto;
	margin-top: 10em;
	width: 27em;
}

.tag, .content {
	padding-right: 1em;
        line-height: 90%;
        margin-top: 0.6em;
        margin-left: auto;
}

div.tag {
	text-align: right;
}

.address, .content {
	font-weight: normal;
	color: #222;
}

.address {
	text-align: center;
}

.hidden {
	display: none;
}
.null a {
	text-decoration: none;
}
.links a {
	color: #555;
	font-size: 1.2em;
	font-weight: normal;
	text-align: center;
	margin: 0 auto;
	padding:0.5em 0;
	transition-duration: 0.3s;
}
.links a:hover {
	color: #0c3165;
}
footer {
	width: 100%;
	position: fixed;
	bottom: 1em;
	height: 2em;
	color: #0c3165;
	text-align: center;
}
footer p.info {
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 1em;
	width: 50em;
	opacity: 0.5;
	transition-duration: 0.3s;
	padding-top: 1em;
	padding-bottom: 0.5em;
}
footer p.info:hover {
	color: #fff;
	opacity: 1.0;
}

table.center {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	table-layout: fixed;
}