body {
	background-color: #e2e2e2;
	font-family: Arial;

}

#nav {
  background-color: #ffffff;
  position: fixed;
  left: 0;
  top: 0;
  z-index: +10
}
#navtop {
	position: absolute;
	top: 0;
	text-align: center;
	z-index: -85;
	min-width: 740px;
}

#navtop img {
	display: inline;
	height: 110px;
	top: 0px;
	padding: 0px;
	margin: 0px;
	min-width: 740px;
}

#navitems {
				width: 85%;
				position: fixed;
				top: 97px;
				left: 0%;
				right: 0%;
				color: gray;
				min-width: 740px;
}


#footer {
	z-index: +20;
	background-color: #f2f2f2;
	margin-top: 25px;
	padding-top: 25px;
	border-top: 2px solid grey;
}

#contactdata2 {
				position: relative;
				/* left: -1%;*/
				bottom: 100%;
				text-align: left;
				padding-bottom: 0px;
}

#contactdata2 p {
	text-align: left;
	display: block;
	padding-bottom: 0px;
	
}


#contact {
				position: sticky;
				width: 100%;
				height: 70px;
				background-color: #f2f2f2;

}

#contactdata2 p {
				position:relative;
				top: 70px;
				margin: 0;
				padding: 0;
				font-size: 14px;
				text-align: left;
				display: table; 
				left: 80px;
}

#contact p {
				position:relative;
				top: 70px;
				margin: 0;
				padding: 0;
				font-size: 14px;
				text-align: left;
				display: table; 
} 

/* bei anderen seiten wieder reaktivieren */
/* #contact p {
				position:relative;
				top: 0px;
				margin: 0;
				padding: 0;
				font-size: 14px;
				text-align: left;
				display: table; 
}    
*/

/* nur für startseite display: none*/
 #tbritter {
				display: none;
				position: relative;
				top: -10px;
				left: 80px;
}

/* nur für startseite display: none*/
#contactdata {
				display: none;
				position: relative;
				bottom: 40%;
				left: 80px;
}



#mainlinks li {
	font-size: 28px;
	font-family: Arial;
	display: inline;
	list-style-type: none;
	padding-right: 30px;
	padding-left: 0px;
	margin-left: -44px;
	margin-right: 44px;
}

#mainlinks {
				position: fixed;
				width: 85%;
				left: 80px;
				text-align: left;
				min-width: 620px;
}

#mainlinks a {
		text-decoration: none;
		color: white;
}
#mainlinks a:hover {
				color: #e2e2e2;
}
#mainlinks2 a:hover {
				color: #e2e2e2;
}

#mainlinks .linkactive a {
	text-decoration: underline;
}
#mainlinks .linkactive a {
	text-decoration: underline;
}

#navtop {
	position: absolute;
	top: 0;
	text-align: center;
	background-image: url(head2.jpg);
	background-size:cover;
}

#navbottom {
		text-align: center;
		background-color: #9A0B1B;
		position: absolute;
		top: 105px;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		color: white;
	min-width: 740px;
}

#background {
  width: 100%;
  height: 100%;
  background-color: #eaeaea;
}

#content2 {
  position: fixed;
  background-color: #f2f2f2;
  z-index: -3;
  left: 0%;
	top: 0%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}
#content {
  position: absolute;
  left: 0%;
  right: 16%;
  top: 200px;
  z-index: +1;

}
#shield {
  margin-left: 2%;
		
		
}
#shieldiv {
  position: fixed;
  right: 4%;
  top: 30%;
	z-index: 30;
}

a {
		text-decoration: none;
		color: black;
}

h1 {
	font-size: 25px;
		padding: 20px;
		padding-bottom: 0px;
		padding-left: 80px;
}

p {
	  font-size: 14px;
		padding-top: 10px;
		padding-bottom: 0px;
		padding-left: 80px;
}

#content img {
		display: inline-block		
		text-align: center; 
}

#imgs {
		text-align: center
}

#imgausstellung {
		padding-left: 3%;
		padding-right: 3%;
		padding-top: 1%;
		padding-bottom: 1%;
		height: 200px;
}

#imgansicht {
		padding-left: 3%;
		padding-right: 3%;
		padding-top: 1%;
		padding-bottom: 1%;
	 height: 200px;
}
@media screen and (max-height: 680px) { 
	#shieldiv {
		top: 210px;
		position: absolute;
		z-index: 0;
	}
}

@media screen and (max-width: 1400px) {
	#imgausstellung {
		height: 150px;
	}
	#imgansicht {
		height: 150px;
	}
}

@media screen and (min-width: 1000px) {
	#imgs {
		text-align: left;
	}
	#imgansicht {
		padding-left: 80px;
	}
}

@media screen and (max-width: 1000px) {
				#imgansicht {
								height: 150px;
				}
				#imgausstellung {
								height: 150px;
				}
	      #shield {
  margin-left: 2%;
	 }
				#shieldiv {
					position: fixed;
					right: 2%;

					z-index: 30;
				}
					p {
					font-size: 14px;
				}
	#mainlinks li { 
				padding-right: 15px;
	}
} 

@media screen and (max-width: 900px) { 
					#mainlinks li a {
					font-size: 24px;
				}
}


@media screen and (max-width: 800px) {
				#imgansicht {
								height: 150px;
				}
				#imgausstellung {
								height: 150px;
				}
	      #shield {
           margin-left: 2%;
        }
				#shieldiv {
					position: fixed;
					right: 0%;

					z-index: 30;
				}


}
	@media screen and (max-width: 760px) {
				#imgansicht {
					      height: 120px;
				}
				#imgausstellung {
					 height: 120px;
				}
		h1 {
			font-size: 28px
		}
		p {
			font-size: 14px;
		}
		
} 

#content3 {
	position: absolute;
	width: 100%;
	left: 0%;
	top: 0%;
	background-color: white;
	z-index: -400;
	
}
@media screen and (max-width: 880px) {

}
@media screen and (max-width: 740px) {
	#nav {
		position: absolute;
	}
	#mainlinks {
		position: absolute;
		width: 500px;
	}
	#navitems {
		position: absolute;
		top: 0px;
	}
	#content2 {
			min-width: 740px;
	}
		#content {
			min-width: 719px;
			padding-left: 10px;
	}
		#shieldiv {
		display: none;
	}
	#imgs {
		text-align: left;
	}
	#imgansicht {
		padding-left: 100px;
	}
}
	
	/* html {
		width: 740px;

	}
	body {
		width: 740px;
	}
	#contentall {
		position: relative;
		width: 750px;
  height: 1300px;
		left: -8px;
		top: -10px
		
	}
	#content2 {
		position: relative;
		top: -160px;
		left: 0px;
		width: 573px;
	}
	#content {
		position: relative;
		width: 573px;
		top: -1302px
	}
	#shieldiv {
	position: relative;
		width: 100px;
		top: -2400px;
		right: -640px;
	}
	#nav {
		position: relative;
		width: 780px;
		left: 0px;
	}
	#navbottom {
		position: relative;
		top: -16px;
	}
	#navitems {
		position: relative;
		top: -0px;
		z-index: +30;
	}
	#mainlinks {
		position: relative;
		width: 600px;
		left: 60px;
		top: 4px;
	}
	#navtop {
		position: relative;
	}
*/