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;
		background-image: url(head2.jpg);
	background-size:cover;
	min-width: 740px;
}

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

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


#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;

}

p {
	margin-right: 80px;
}

#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;
}
#second .headliner {
	margin-top: 20px;
}

.abstand {
	margin-bottom: 14px;
}
#second p {
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#mainlinks a {
		text-decoration: none;
		color: white;
}
#mainlinks a:hover {
				color: #e2e2e2;
}

#linkactive a {
	text-decoration: underline;
}

.headliner {
	margin-top: 25px;
}
p {
	margin: 0px;
	padding: -20px;
}
#navtop {
	position: absolute;
	top: 0;
	text-align: center;
	
}

#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: 0px;
		padding-bottom: 10px;
		padding-left: 80px;
}

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

#imgs {
		text-align: center
}

#imgausstellung {
		padding: 3%;
		height: 350px;			
}

#imgansicht {
		padding: 3%;
	 height: 350px;
}

@media screen and (max-height: 680px) { 
	#shieldiv {
		top: 210px;
		position: absolute;
		z-index: 0;
	}
}

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

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

					z-index: 30;
				}
					p {
					font-size: 15px;
				}
	#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: 200px;
				}
				#imgausstellung {
								height: 200px;
				}
	      #shield {
           margin-left: 2%;
        }
				#shieldiv {
					position: fixed;
					right: 0%;

					z-index: 30;
				}


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

#content3 {
	position: absolute;
	width: 100%;
	left: 0%;
	top: 0%;
	background-color: white;
	z-index: -400;
	
}

                                                      
@media screen and (max-width: 740px) {
	#nav {
		position: absolute;
		z-index: 1;
	}
	#mainlinks {
		position: absolute;
		width: 500px;
	}
	#mainlinks2 {
		position: absolute;
		top: -102px
	}
	#navitems {
		position: absolute;
		top: 0px;
	}
	#navitems2 {
		position: absolute;
	}
	#content2 {
			min-width: 740px;
	}
		#content {
			min-width: 736px;
	}
		#shieldiv {
		display: none;
	}
}