body {
	background: #000;
	color: #fff;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	text-align: center;
	font-size: 1.1em;
}
a {
	color: #ccf;
}
#content {
	width: 650px;
	margin: auto;
}
p {
	padding: 0 15%;
}

/* header */
#hello {
	margin-right: 20%;
}
h1 {
	font-size: 4em;
	margin: 0;
}
	h1 a {
		text-decoration: none;
		color: #fff;
	}
#bye {
	margin-left: 20%;
	font-style: italic;
}
.language {
	text-align: left;
	padding-left: 1em;
	font-size: .6em;
	padding-top: .2em;
}

/* main */
#letter h2 {
	font-style: italic;
	font-size: 1.3em;
	letter-spacing: .08em;
}
	#letter h2 span {
		padding: .3em;
	}
#letter #missioncall {
	border: 1px solid #999;
	padding: .25em;
}
#letter #more {
	text-align: right;
	font-size: .7em;
}


/* footer */
#footer li {
	display: inline;
	font-size: .8em;
}


.border {
	border: 2px solid #fff;
	margin: .3em 0 .4em;
}
.roundTop {
	-webkit-border-top-left-radius: 1em;
	-webkit-border-top-right-radius: 1em;
	-moz-border-radius: 1em 1em 0 0;
	border-radius: 1em 1em 0 0;
}
.roundBottom {
	-webkit-border-bottom-left-radius: 1em;
	-webkit-border-bottom-right-radius: 1em;
	-moz-border-radius: 0 0 1em 1em;
	border-radius: 0 0 1em 1em;
	height: 90px;
}
.roundBottom iframe {
	margin-top: .5em;
}

/* sprites */
.sprite, .language {
	background: url(img/sprites.png) no-repeat;
}
.sprite {
	width: 48px;
	height: 48px;
	float: left;
	margin: .8em;
}
.language {
	height: 24px;
}
#infoSprite {
	background-position: -24px -24px;
}
#contactSprite {
	background-position: -24px -120px;
}
#googleSprite {
	background-position: -24px -216px;
}
#english {
	padding-left: 50px;
	background-position: -24px -384px;
}
#german {
	padding-left: 26px;
	background-position: -24px -312px;
}