body {
	background-color: #FFFFFF;
	padding: 0.5em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
p, th, td, li, hr, , .tdli, .tdre {
	font-size: 13px;
	line-height: 150%;
}
h1 a, h1 a:hover {                                           
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
}
h2 {
	font-size: 16px;
	color: #696969;
	margin-bottom: 30px;
	clear: both;
}
.uh2 {
	margin-top: -30px;
	margin-bottom: 30px;
	font-size: 13px;
}
.h2u {
	font-weight: normal;
}
h3 {
	font-size: 16px;
}
.uh3 {
	margin-top: -15px;
}
strong {
	font-weight: bold;
	color: #858585;
}
em {
	font-style : italic;
}
li {
	margin-left: 1em;
}
.proj {
	margin-top: -1em;
}
.proj li {
	list-style: none;
	margin-left: -0.5em;
}
.arc td{
	line-height: 2em;
}
a {
	color: Black;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #858585;
	font-weight: bold;
	text-decoration: none;
}
hr {
	border: 1px dashed #333333;
    border-style: none none dashed; 
    color: #fff; 
    background-color: #fff;
}

/* navigation */

aside {
	margin-top: -5em;
	text-align: right;
}
#coll:not(:target) .navi {display: none;}
#coll:target .navi {display: block; margin: 0.5em 0 0 0; text-align: right;}
#coll:target .show {display: none;}
#coll:not(:target) .hide {display: none;}
#coll {float: right; margin-bottom: 1em;}
ul {
	margin-top: 0.5em;
}
.weg a {
	font-size: 1em;
	font-weight: normal;
	color: #000000;
	margin: 5em 0 0 10%;
}
.weg a:hover {
	font-size: 1em;
	font-weight: bold;
	color: #000000;
	margin: 5em 0 0 10%;
}
.h1max {
	display: none;
}
.h1min {
	text-align: right;
	margin-top: 0;
}
.show, .hide {
	float: right;
}
nav li {
	margin-left: 2em;
	line-height: 2.5em;
	list-style: none;
}
nav li li {
	margin: -0.3em 0 0 -2em;
	list-style: none;
	text-align: left;
}
nav li ul {
	margin-top: 0;
}
nav li li li {
	margin: 0 0 0 -1.5em;
	list-style: circle;
}
nav li li li li {
	list-style: square;
}/**/
nav li li li li li {
	list-style: none;
	margin-left: -3em;
}
.minnavproj {
	background-color: #F0F0F0;
	margin: 0.5em 0;
	padding-right: 1em;
}

/*inhalt*/

h1, aside, main {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}
main {
	clear: both;
}
main img {
	margin-bottom: 30px;
	max-width: 100%;
}
.imgh {
	max-width: 60%;
	margin: 0 auto;
	margin-bottom: 20px;
}
.imght {
	margin-bottom: -60px;
}
.imgt {
	margin: -40px 0 30px 0;
}
.imghinn {
	max-width: 180px;
}
.img540 {
	max-width: 270px;
	margin: 0 auto;
	margin-bottom: 10px;
}
.img560 {
	max-width: 280px;
	margin-bottom: 0;
}
.img560h {
	max-width: 210px;
}
.img640 {
	max-width: 320px;
	margin: 0 auto;
	margin-bottom: 10px;
}
.img800 {
	max-width: 400px;
	margin: 0 auto;
	margin-bottom: 10px;
}
.minklimg {
	text-align: center;
}
.center {
	width: 100%;
	text-align: center;
}
 img.spalteL, img.spalteR, img.spalteL1, img.spalteR1 {
	max-width: 280px;
	margin-bottom: 30px;
}
img.spalteL {
	margin-right: 30px;
}
img.spalteR1 {
	margin: 0 -50px 65px 0;
}
img.spalteLh, img.spalteRh, img.spalteLh1 {
	max-height: 280px;
	margin-right: 50px;
}
img.spalteRh1 {
	max-height: 280px;
	margin-left: 80px;
}
img.spalteL480, img.spalteR480 {
	max-width: 240px;
	margin: 0 20px 20px 20px;
}
.phin {
	margin-top: -1em;
	width: 100%;
	text-align: center;
}
.imgbeschr {
	position: absolute;
	margin-top: -3em;
}
main ol, main ul {
	margin: -0.7em 0 0 -1.5em;
}
.abstre {
	margin-right: 20px;
}
.rechts {
	text-align: right;
}
.copyright {
	text-align: right;
}
.up {
	margin-top: 0;
}
.upt {
	margin-top: -15px;
}
.bg1 {
	background-color: #E7E7E7;
}
.absatz {
	clear: both;
}
.ton {
	margin: -10px auto 20px auto;
}
.stempel {
	position: absolute;
	top: 30px; left: 100px;
	max-width: 70px;
}
.top {
	font-size: 30px;
	float: right;
}
.lang {
	text-align: center;
	margin: -20px 0 30px 0;
}
.tdli {
	margin: -20px auto 40px auto;
	max-width: 280px;
}
.tdre {
	text-align: center;
	margin-bottom: 30px;
}
.tdre .img560h {
	margin-bottom: 0px;
}
.links li {
	line-height: 250%;
}
.oltypeI {
	list-style-type: upper-roman;
	margin-left: 0;
}
.oltypeII {
	list-style-type: lower-alpha;
	margin-left: -2em;
}
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.tooltip-container {
position: relative;
text-decoration: none;
}
.tooltip {
display: none;
position: absolute;/**/
top: -30px;
left: 2000px;
transform: translateX(-50%);
background-color: #fff;
padding: 0 50px 20px 10px;
z-index: 2;
}
.tooltip img {
max-width: 200px;
}
.tooltip-container:hover .tooltip {
display: block;
}

@media screen and (min-width: 350px) and (max-width: 600px) {
img.spalteL, img.spalteR, img.spalteL1, img.spalteR1 {
	max-width: 280px;
	margin: 0 30px 30px 30px;
}
img.spalteLh, img.spalteRh, img.spalteLh1, img.spalteRh1 {
	max-height: 280px;
	margin: 0 70px 30px 70px;
}
img.spalteL480 {
	margin: 0 0 20px 0;
}
.stempel {
	top: 30px; left: 30px;
}

}
@media screen and (max-width: 349px) {
img.spalteR, img.spalteR1, img.spalteL {
	max-width: 250px;
	margin-bottom: 20px;
}
img.spalteR1 {
	margin-left: -50px;
}
img.spalteLh, img.spalteRh, img.spalteLh1, img.spalteRh1 {
	max-height: 250px;
	margin-bottom: 30px;
}
img.spalteL480, img.spalteR480 {
	margin-left: 0;
}
.stempel {
	top: 40px; left: 20px;
}
.img560 {
	max-width: 250px;
}
}