body {
	/*font: 100.01% Arial, serif;*/
	font: 100% 'Alegreya Sans', arial, sans-serif;
	text-align:center;
	color:#2c2c2c;
	margin:0px;
	padding:0px;
	
   	/*background: url(../images/Kopf_Back2.png) center top no-repeat;	
	background-size: 1700px auto;*/
}
#infofenster
{
	z-index: 10;
	display: none;
	position: fixed; 
	top: 300px; left: 600px; 
	width: 400px; height: 200px;
	border: 1px ridge #a3a3a3;
	background: url(../images/Fuss_Linie.png) no-repeat center bottom;
	background-size: cover;
	background-color: white;
	padding: 20px;
	text-align: center;
}
#infofenster h1 {
	color: #086001;
	font: 28px 'Alegreya Sans', arial, sans-serif;
	text-shadow: 1px 1px 1px white;
	margin:0; padding:5px;
	margin-top: 5px;
	position: relative;
}
#infofenster p {
	font-size: 16px;
	line-height: 20px;
	text-shadow: none;
	color: black;
	margin: 15px;
}
#infofensterNavi {
	font-size: 20px;
	line-height: 40px;
	text-shadow: none;
	width: 70%;
	margin: 20px auto 0px auto;
	border: none;
}
#infofensterNavi td {
	width: 50%;
}
#infofensterLogo {
	width: 50px;
	margin: 0px;
	position: relative;
	display: inline;
	float: left;
}
#infofensterok
{
	display: none;
}

#top {
	width:100%; height:4px;
	margin-top:65px;
	background: red;
        border: 1px solid black;
}
#main {
	z-index: 1;
	width:700px;
	/*max-width:700px;
	min-width:500px;*/
	margin:5px auto 50px auto;
	border:1px ridge #a3a3a3;
}

#header {
	z-index: 2;
	text-align: right;
	padding: 20px 10px;
	margin:0px 20px 10px 0px; /*top right bottom left*/
	width:100%;
	background: url(../images/Linie_Header.png) no-repeat left top ;
	background-size:97% auto;
}
#headerNavi {
	z-index: 2;
	margin-top: -55px;
}
#headerNavi a,
#footerNavi a,
#content a,
#textarea {
	color:#000;
	font: 100% 'Alegreya Sans', sans-serif;
	padding:0 10px 0 0;
}
#headerLogo {
	float:left;
	width: 150px; height: auto;
	margin-top: -60px;
	margin-left: -30px;
	
}

#header h1 {
	
	font-size: 28px;
	text-shadow: 1px 1px 1px #fff;
	/*text-indent: 50px;*/
	margin-right: 30px;
}

#header h2 {
	
	font-size: 24px;
	text-shadow: 1px 1px 1px #fff;
	display: block;
	text-align: left;
	margin:0; padding:0;
}
#header h2 span {
	
	font-size: 14px;
	text-shadow: 0px 0px 0px #fff;
}


#content {
	z-index: 2;
	width:90%; 
	float:center;
	position:relative;
	text-align: left;
	background-color: transparent;
	margin:-40px 20px 20px 40px;
	padding:10px 0;	
}

.summzeile {
	text-align: right;
	padding-right: 10px;
	font-weight: bold;
}
.stdnzeile {
	text-align: right;
	padding-right: 10px;
}
.inhalt_topic {
	padding:0px 40px;
	margin:10px 0px 0px 0px;
	font:bold 16px 'Alegreya Sans', arial, sans-serif;
	color:#086001;
	/*text-shadow: 1px 1px 1px #000;*/
}
.inhalt_text {
	margin:0;
	padding:0px 40px
}

.inhalt_text a {
	color:#086001;
	font:18px 'Alegreya Sans', arial, sans-serif;
}
#content p img{
	width:90%;
	margin:5px 10px;
}

}
#content h1,
#content h2,
#content p,
#content div {
	margin:0px;
	padding:5px 40px;
}
#daten {
	float: left;
	display: block;
	z-index: 3;
	width: 100%;
}
#daten h2 {
	margin: 30px 0px 0px 0px;
}
#tabdaten {
	width: 100%;
	margin-top: 10px;
	padding:5px;
	border: none;
}


#tabdaten thead {
	border: none;
	background: url(../images/navi_bg.png);
	background-size: 100% 100%;
	margin-top: 20px;
}

#content h1 {
	margin-top:20px;
	font: 40px/.825 'BenchNine', arial, sans-serif;
	color:#FF0000;
	text-align: center;
}
#content h1 span {
	color:#FF0000;
	font: 40px/.825 'BenchNine', arial, sans-serif;
	display: block;
}
#content h2 {
	margin-top:20px;
	/*font: 30px 'BenchNine', arial, sans-serif;*/
	font: 30px 'Alegreya Sans', arial, sans-serif;
	color:#086001;
	text-shadow: 1px 1px 1px #CCC;
}
#content h2 span{
	color:#FF0000;
	font:23px 'Alegreya Sans', arial, sans-serif;
	display: block;
}

#divtab h3 {
	color:#086001;
	font: 20px 'Alegreya Sans', arial, sans-serif;
	text-shadow: 1px 1px 1px #CCC;
	margin:0; padding:5px;
	position: relative;
}
#content p span,
#info {
	color:#086001;
	font:12px 'Alegreya Sans', arial, sans-serif;
}
.imgIndex {
	width:40%;
}


#main p {
	font-size: 16px;
	line-height:20px;
}
#footer {
	z-index: 2;
	width:100%;
	display:block;
	text-align: right;
	padding:10px 0;
	margin:50px px 0px 0;
	clear:both;
	background: url(../images/Fuss_Linie.png) no-repeat center bottom;
	background-size:cover;
}

#footer p {
	
	/*font: normal 16px 'Yanone Kaffeesatz', arial, serif;
	text-shadow: 1px 1px 1px #6c6c6c;*/
	margin:50px 10px 0 0;
	padding:0;
	text-indent:50px;
}
#contentNavi {
	width:150px;
	text-align: left;
	}
	
#navi {
	float: right;
	width:80%;
	text-align: left;
}
#navi li {
	display: block;
	width:100%;
	padding:0;
	margin:10px 0 0 0;
	list-style:none;
}
#navi li ul li{
	position:relative;
	width:100%;
	padding:0;
	margin:0;
	list-style:none;
}
#navi li ul li,

#table td#navi2 {
	width:100%;
	float:left;
	padding:0px 0 0 0;
	margin:0 0px 0 0;
	
	font: 100%/1.7 'Alegreya Sans', arial, sans-serif;
}
#navimain  {
	padding:0 5px 5px 0; /*top right bottom left*/
}
#navi li#activesup,
#navi li#navisup {
	width:110%;
}
#navi li#activesup span{
	display:block;
	margin-left:50px;
	padding:3px 5px 0 8px;
	color:#000;
	background:#FFF;
}
#navi li#navisup a{
	margin-left:40px;
}
#navi li#navisup span img {
	padding:0 5px 5px 0px; /*top right bottom left*/
}
#navi2 {
	z-index: 2;
	text-align: center;
	visibility: visible;
}
#contentNavi li a,
#navi li a,
#navi2 a {
	display: block;
	color:#086001;
	text-decoration: none;
	padding:0 0 0 1px;
	background: url(../images/navi_bg.png) no-repeat scroll center top;
	background-size:100% 100%;
	/*background:#E0E0E0;
	background: -moz-linear-gradient(bottom, #E0E0E0, #fff);
	background: -webkit-gradient(linear, left bottom, left top,color-stop(0, #E0E0E0), color-stop(1, #fff));*/
}


#navi li a:hover,
#navi li a:active,
#navi li a:focus,
#navi2 a:hover,
#navi2 a:active,
#navi2 a:focus  {
	outline: none;
	/*text-decoration: underline;*/
	background: url(../images/navi_active_bg.png) no-repeat scroll center top;
	background-size:100% 100%;
}
#navi li a span,
#navi2 a span {
	display: block;
	text-align: center;
	margin:0;
	padding:0 15px 0 5px;
}
	
}
#navi li#active {
	margin:0 15px 0 10px;
	padding:0;
}

#navi li#active span {
	display:block;
	margin:0;
	padding:7px 15px 0 8px;
	color:#86001;
	background:#FFF;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* IE-Patch für IE 7*/
*:first-child+html .clearfix { min-height: 0; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

@media only screen and (max-width: 1400px) {
#infofenster
{ 
	top: 300px; left: 500px; 
}
}
@media only screen and (max-width: 1200px) {
#infofenster
{ 
	top: 300px; left: 400px; 
}

}

@media only screen and (max-width: 1000px) {
#infofenster
{ 
	top: 300px; left: 300px; 
}

}

@media only screen and (max-width: 750px) {
	#body { background-size:1200px auto; }
	#main {
		margin:5px 10px;
		/*max-width:700px;
		min-width:401px;
		width:90%;*/
	}
	#top { height:2px; margin-top:67px; }
	
#infofenster
{ 
	top: 300px; left: 120px; 
}

	
/*#headerNavi {
	margin-top: -48px;
}
/*#headerLogo {
	width: 130px; height: 142px;
	margin-top: -50px;
	margin-left: -30px;
	
}
#headerSchrift_Stiftung {
	margin-right: 30px;
	width: 250px;
}
#headerSchrift_Verein {
	margin-right: 30px;
	width: 250px;
}
	#content {
		/*padding:10px 0;
		width:65%;
	}
	#content h1,
	#content h2,
	#content p {
		margin:0;
		padding:10px 20px;
	}
	#header
	#header h1,
	#footer p {
		text-indent:20px;
	}
/*	#main h1,
	#main h1 span,
	#main h2,
	#main h2 span {
		font-size:30px;
		line-height: 1.25;
	}*/


}

@media only screen and (max-width: 600px) {

	
#infofenster
{ 
	top: 200px; left: 20px; 
	
}
	


}

@media only screen and (max-width: 400px) {
	#body { background-size:800px auto; }
	#main {
		margin:5px 10px;
		/*max-width:400px;
		min-width:150px;
		width:90%;*/
	}
/*	#top {  height:1px; margin-top:67px;}*/
	
#infofenster
{ 
	top: 200px; left: 20px; 
	width: 200px; height: 250px;
}
#infofenster h1 {
	font-size: 18px ;
	
}
#infofenster p {
	font-size: 14px;
	margin: 5px;
}
#infofensterNavi {
	font-size: 14px;
	line-height: 20px;
}	
/*	#navi ul {
		float:none;
		width:100%;
		padding:0;
	}
	#navi li,
	#navi li#active span,
	#navi li a,
	#navi li a span {
		float:none;
		width:100%;
	}
	#navi ul li {
		padding:0;
	}
/*	#main h1,
	#main h1 span,
	#main h2,
	#main h2 span {
		font-size:25px;
		line-height: 1.11;
	}
	#content h1,
	#content h1 span,
	#content h2,
	#content p,
	#content div {
		margin:0;
		padding:5px;
	}

#headerNavi {
	margin-top: -33px;
}
#headerLogo {
	width: 100px; height: 109px;
	margin-top: -42px;
	margin-left: -16px;
	
}
#headerSchrift_Stiftung {
	margin-top: 5px;
	margin-right: 10px;
	width: 200px;
}
#headerSchrift_Verein {
	margin-top: 5px;
	margin-right: 10px;
	width: 200px;
}
	#header,
	#footer {
		padding:5px 0;
	}
	#header h1,
	#footer p {
		text-indent:10px;
	}
/*	#header h1 {
		line-height:.66;
	}
	#navi li a,
	#navi li a span,
	#navi li#active span {
		padding:0;
	}
	#navi li a,
	#navi li#active {
		text-align: left;
		margin:0;
		padding:0;
		text-indent:10px;
	}
/*	#content {
		width:95%;
		margin-top: 10px;
		margin-left:0px;
	}
	*/


}

