body {
	margin:0;
	padding:0;
	background:#aeb9bd url("img/wald.jpg") repeat-x top left;
	font-family:nimbus,helvetica,sans-serif;
	font-weight:light;
	font-size:large;
	line-height:1.5em;
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
	hyphens:auto;
}
main {
	margin:0;
	padding:0;
	background:-webkit-gradient(linear, 0% 0%, 50% 80%, from(rgba(174,185,189,0)), to(rgba(174,185,189,1)));
	background:-webkit-linear-gradient(left, rgba(174,185,189,0) 50%, rgba(174,185,189,1) 80%);
	background:-moz-linear-gradient(left, rgba(174,185,189,0) 50%, rgba(174,185,189,1) 80%);
	background:-ms-linear-gradient(left, rgba(174,185,189,0) 50%, rgba(174,185,189,1) 80%);
	background:-o-linear-gradient(left, rgba(174,185,189,0) 50%, rgba(174,185,189,1) 80%);
	background:linear-gradient(left, rgba(174,185,189,0) 50%, rgba(174,185,189,1) 80%);
}
a:hover,
a:focus {
	color:#fff;
	background-color:#15404f;
	text-decoration:none;
}
q {
	font-style:italic;
}
main > a {
	display:block;
	float:right;
	margin:1em;
	padding:3px;
	line-height:.8em;
	text-decoration:none;
}
main > a:hover,
main > a:focus {
	background-color:#fff;
	text-decoration:none;
	border-radius:3px;
}
main > a:hover:after,
main > a:focus:after {
	content:attr(lang);
	display:block;
	color:#000;
	text-align:center;
	font-size:smaller;
}
main > a > img {
	width:40px;
}
header {
	text-align:right;
	background:url("img/wolf.png") no-repeat top left;
	background-position:10% 0;
}
header a {
	display:block;
	padding:40px 40px 33px 0;
}
header a img {
	height:160px;
}
header a:hover,
header a:focus {
	background-color:transparent;
}
nav {
	margin:0;
	padding:0;
	background-color:#115871;
}
nav ul {
	max-width:calc(800px + 2em);
	margin:0 auto;
	padding:0;
	list-style-type:none;
}
nav li {
	display:inline-block;
	margin:0;
	padding:0;
}
nav a {
	display:inline-block;
	font-size:x-large;
	font-weight:bold;
	color:#aeb9bd;
	text-decoration:none;
	padding:.4em .7em;
}
article {
	clear:left;
	max-width:800px;
	margin:0 auto;
}
article a {
	padding:0 .3em;
	color:#15404f;
}
h1 {
	margin-top:2em;
	font-size:xx-large;
	line-height:1.1em;
}
h2 {
	margin-top:2em;
	color:#15404f;
}
h3 > time {
	float:right;
	font-size:smaller;
	font-weight:100;
}
h3 > small {
	font-size:smaller;
	font-weight:100;
}
script + h3 > small:before,
.proglist + h3 > small:before {
	content:"–";
	padding:0 1em 0 .6em;
}
table {
	margin:2em 0;
	border-collapse:collapse;
}
th {
	color:#fff;
	background-color:#115871;
	text-align:left;
}
td {
	background-color:rgba(255,255,255,0.5);
}
tr:nth-child(even) td {
	background-color:rgba(255,255,255,0.3);
}
th, td {
	padding:.3em .6em;
}
dl {
	margin-bottom:2em;
}
dt {
	font-weight:bold;
}
dd + dt {
	margin-top:1em;
}
.rechts {
	padding-left:2em;
	text-align:right;
}
*[lang=de] q:before {
	content:"„";
}
*[lang=de] q:after {
	content:"“";
}
blockquote {
	margin:0;
	padding-left:1em;
	border-left:solid 3px #fff;
}
cite {
	font-size:smaller;
}
form select,
form input,
form textarea {
	font-size:inherit;
}
form input[type=email],
form input[type=text],
form textarea {
	display:block;
	box-sizing:border-box;
	width:100%;
	padding:.5em;
	border:none;
}
form textarea {
	min-height:4em;
}
form small {
	display:block;
	margin-top:.5em;
	color:rgba(0,0,0,0.5);
	line-height:1.2em;
}
form input[type=button],
form input[type=submit] {
	padding-right:0;
	padding-left:0;
}
form input[disabled] {
	color:#fff;
	background-color:rgba(17,88,113,0.3);
}
#interests {
	display:none;
}
.finform {
	padding-top:1.5em;
	border-top:dotted 1px rgba(255,255,255,0.5);
	text-align:right;
}
.finform input:first-child {
	float:left;
}
#person > * {
	margin-left:220px;
}
#person > img {
	display:block;
	float:left;
	width:200px;
	margin-left:0;
}
.float {
	display:block;
	float:right;
	width:200px;
	margin-left:1em;
}
section {
	min-height:280px;
}
section > h3 {
	margin-top:0;
}
section > h3 small {
	display:block;
	font-weight:300;
}
section li + li,
ol li {
	margin-top:1em;
}
.ort {
	padding:.3em .8em;
	background-color:rgba(255,255,255,0.3);
	text-align:right;
	font-size:smaller;
	line-height:1.4em;
	overflow:visible;
	border-radius:.3em;
}
.ort time {
	display:block;
	float:left;
	margin-right:1em;
}
.ort strong {
	white-space:nowrap;
}

.angepasste-breite {
	overflow:hidden;
}
.angepasste-breite img {
  width:100%;
  height:auto;
}
.responsive-video-4-3 iframe,
.responsive-video-16-9 iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.responsive-video-4-3,
.responsive-video-16-9 {
	position:relative;
	padding-top:0;
	height:0;
	overflow:hidden;
}
.responsive-video-16-9 {
	padding-bottom: 56.25%;
}
.responsive-video-4-3 {
	padding-bottom: 75.00%;
}

#form {
	margin-bottom:3em;
}
#form select {
	margin-bottom:.5em;
}
form + h3,
.proglist + h3 {
	margin:3em 0 0 0;
}
.proglist {
	clear:both;
	margin:1em 0;
}
.proglist dt {
	float:left;
	box-sizing:border-box;
	width:100%;
	padding:.2em .5em;
	background-color:#fff;
	border-radius:.3em;
	border-left:solid 2em #15404f;
}
.proglist dt.gap {
	margin-top:3em;
}
.proglist dt.english {
	border-color:#15404f;
}
.proglist dt.german {
	border-color:#c00;
}
.proglist dt.all {
	border-color:#0a0;
}
.proglist dt a {
	padding:0;
	color:#000;
	text-decoration:none;
}
.proglist dt a:hover,
.proglist dt a:focus {
	color:#15404f;
	background-color:transparent;
	text-decoration:underline;
}
.proglist dt time {
	float:right;
	padding-left:.5em;
	font-weight:100;
	font-style:normal;
}
.proglist dd + dt {
	margin-top:.5em;
}
.proglist dd {
	clear:both;
	margin:0;
	padding:.2em .5em .2em 2.5em;
	text-align:right;
	overflow:visible;
}
.proglist dd span {
	float:left;
	padding-right:.5em;
	text-align:left;
}
.proglist dd span small {
	text-transform:uppercase;
}
.proglist dd aside {
	display:inline-block;
	font-style:italic;
	padding:0 0 0 .5em;
}
.proglist dd aside i {
	color:#555;
}
.button {
	margin-top:1.5em;
	text-align:right;
}
.button a {
	padding:.3em .7em;
	color:#fff;
	background-color:#115871;
	font-weight:bold;
	text-decoration:none;
	border-radius:.3em;
	box-shadow:2px 2px 3px rgba(0,0,0,0.3);
}
.button a:first-child {
	display:block;
	float:left;
}
.button a:hover,
.button a:focus {
	color:#115871;
	background-color:#fff;
}
.err {
	padding:.5em 1em;
	color:#fff;
	font-weight:bold;
	background-color:#f00;
}
.em {
	border:solid 1px #f00 !important;
	box-shadow:0 0 2px #f00;
}
.ok {
	padding:.5em 1em;
	color:#fff;
	font-weight:bold;
	background-color:#090;
}

#legend {
	font-size:smaller;
	text-align:right;
}
#legend strong {
	display:inline-block;
	margin:0 .3em 0 1.5em;
	padding:0 .4em;
	border-radius:.3em;
	color:#fff;
}
#legend .blue {
	background-color:#15404f;
}
#legend .red {
	background-color:#c00;
}
#legend .green {
	background-color:#0a0;
}
.note {
	float:left;
	box-sizing:border-box;
	width:100%;
	padding:.4em .8em;
	background-color:#fff;
	border-radius:.3em;
}
.task {
	padding:.5em .8em 0;
	font-size:larger;
	line-height:1.2em;
	border:solid .5em #115871;
	border-bottom:transparent;
	border-top-left-radius:.5em;
	border-top-right-radius:.5em;
}
#tasks small {
	display:inline;
}
.tasklist dd span {
	display:block;
}
.tasklist dd span i {
	display:inline-block;
	width:7em;
	color:#fff;
}
.tasklist dd span.vacant > i {
	color:#f00;
}
.floatright {
	float:right;
	width:200px;
	margin:0 0 1em 2em;
	font-size:smaller;
	line-height:1.4em;
	text-align:center;
}
.floatright img {
	width:200px;
}
footer {
	margin:3em 0 1em;
	text-align:right;
	font-size:smaller;
}
footer p {
	margin:0;
}
footer p + p {
	border-top:solid 1px #fff;
}
footer p a:first-child {
	display:block;
	float:left;
}

@media screen and (max-width:899px) {
	body {
		font-size:medium;
		background-size:595px;
	}
	header {
		background-size:180px;
	}
	header a {
		padding:30px 30px 20px 0;
	}
	header a img {
		height:120px;
	}
	h1 {
		margin-top:1em;
	}
	article {
		padding:0 30px;
	}
}
@media screen and (max-width:619px) {
	body {
		background-size:410px;
	}
	header {
		background-size:125px;
	}
	header a {
		padding:20px 20px 15px 0;
	}
	header a img {
		height:80px;
	}
	nav a {
		font-size:large;
	}
	#person > *,
	#person > img {
		float:none;
		margin-left:0;
	}
	.ort {
		text-align:left;
	}
	.ort time {
		float:none;
	}
	section h3 {
		margin-top:1em;
	}
	.floatright,
	.floatright img {
		width:120px;
	}
}
@media screen and (max-width:379px) {
	header {
		background-position:-25px 0;
	}
	.floatright,
	.floatright img {
		display:block;
		float:none;
		width:auto;
		margin:auto;
	}
	.floatright img {
		margin-bottom:1em;
	}
}