/* Navigation oben, 0-599px */
@charset "utf-8";
body, div, h1, h2, h3, p, a, nav, main, img, table, tr, td {
	margin: 0;
	padding: 0;
}
body {
	background: #8597a3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #033;
	margin: 1em;
}
h1, h2, h3 {
	font-weight: normal;
}
h1, h2 {
	max-width: 600px;
	margin: 1em 0 1em 0;
	margin-left: auto;
	margin-right: auto;
	color: #006;

}
h1 {
	font-size: 1.8em;
}
h2 {
	font-size: 1.5em;
}
.titel {
	text-align: center;
}
h3 {
	font-size: 1.2em;
	line-height: 2em;
}
p, td, li {
	line-height: 1.5em;
}
p {
	margin-bottom: 10px;
}
td {
 	vertical-align: top;
}

/* Navigation*/

#coll:not(:target) .navi {display: none;}
#coll:target .navi {display: block;}
#coll:target .show {display: none;}
#coll:not(:target) .hide {display: none;}
#coll {
	max-width: 600px;
	margin-top: 1em;
	margin-bottom: 2em;
	margin-left: 20%;
}
.weg {
	float: right;
	margin: -0.4em 10% 0 0;
	font-size: 3em;
}
.wegk {
	display: none;
	font-size: 1.8em;
}
nav {
	max-width: 600px;
}
nav a, nav a:hover, a, a:hover {
	text-decoration: none;
}
nav ul {
	margin: 2em 0 0 -2em;
}
ul.navi {
	margin-left: -5em;
}
nav li {
	list-style-type: none;
	padding-bottom: 0.7em;
	line-height: 1.5em;
	font-size: 1.2em;
	color: #006;
}
nav li ul {
	margin-top: 0.5em;
}
nav li li {
	list-style-type: circle;
	margin-left: 1em;
	font-size: 1em;
}
nav a, a {
	font-weight: normal;
	color: #033;
}
nav a:hover, a:hover {
	font-weight: normal;
	color: #033;
}

/* Text */

main {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}
main a, main a:hover {
	color: #033;
	text-decoration: underline;
}
.wichtig {
	padding: 0.5em 0.5em 0.1em 0.5em;
	border-radius: 1em;
	font-weight: bold;
	font-style: italic;
}
.fs01h {
	background-image: url(../_grafik/fs01h.png);
}
.fs02h {
	background-image: url(../_grafik/fs02h.png);
}
.fs05h {
	background-image: url(../_grafik/fs05h.png);
}
.fs06h {
	background-image: url(../_grafik/fs06h.png);
}
.fs08h {
	background-image: url(../_grafik/fs08h.png);
}
main ul {
	margin: -0.6em 0 0.8em -1em;
}
.mittig {
	text-align: center;
}
.bild2 {
	float: right;
	padding: 0 0 1em 1em;
	width: 200px;
	height: auto;
	font-size: 0.5em;
}
.kont{
	margin: 2em 0 0 2em;
}
.ext {
	margin-bottom: 1.2em;
}
.deko {
	display: none;
}

@media screen and (max-width: 500px) {
.bild2 {
	width: 50%;
	height: auto;
	}
}

@media screen and (min-width: 450px) {
.zhg1 {
	width: 20em;
	padding-bottom: 0.3em;
	}
}

@media screen and (min-width: 500px) {
#coll {
	margin-left: 30%;
	}
ul.navi {
	margin-left: -8em;
	}
}
@media screen and (min-width: 600px) {
#coll {
	margin-left: 38%;
	}
ul.navi {
	margin-left: -13em;
	}
}