body {
	background-color:#2c2c2c;
	}

	
	h2 {font-size: 100%; font-family: courier new; font-weight: normal; text-align: center}
	h3 {font-size: 80%; font-family: courier new; color: grey; text-align: left; font-weight: normal;}
	h4 {font-size: 80%; font-family: ink free; color: #404040; position: right;
	   float: top; text-align: right; margin-left: 20%; width:60%; transition: color 0.5s;}
		h4:hover {
		color: #ffffff;
		}
	h5 {font-size: 80%; font-family: ink free; color: #404040; position: right;
	   float: top; text-align: right; margin-left:37.5% ; width:25% ; transition: color 0.5s;}
		h5:hover {
		color: #ffffff;
		}
	h6 {text-align: right; padding: 0px 230px 50px; font-size: 100%; font-family: "ink free", "courier new", monospace;  color: white;}
	
	h7 { 
	text-align: right;
	padding: 0% 20% 5%;
	font-size: 100%;
	font-family: "courier new", monospace; 
	color: white;
	float: right;
	clear: right;
	}

	h8 {
	text-align: left;
	padding: 0px 200px 50px;
	font-size: 100%;
	font-family: "ink free", "courier new", monospace; 
	color: white;
	}

	h9 {
	position: relative;
	text-align: right;
	margin: 30px;
	padding: 150px 100px 70px;
	font-size: 100%;
	font-family: "ink free", "courier new", monospace; 
	color: white;
	float: right;
	}

	h10 {
	font-size: 150%;
	font-family: "courier new", monospace; 
	color: white;
	}	
	
	h11 {
	font-size: 150%;
	font-family: "courier new", monospace; 
	color: white;
	}	

	h12 {font-size: 80%; font-family: courier new; color: grey; text-align: left}
	h12:hover {color: white;}



	p  {font-size: 130%; font-family: ink free; line-heigt: 5%; font-weight: lighter;}

/*______________________________________________________________________________________________________________ */

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

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

	a:hover {
	text-decoration: none;
	color: #cccccc;
	font-weight: bold;
	}



/*______________________________________________________________________________________________________________ */




		#galerie {
		position: fixed
		}


		.foto {
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
		display: block;
		hight: 60%;
		width: 60%; 
		}


		.fotohoch {
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
		display: block;
		hight: 25%;
		width: 25%;
		}

/*______________________________________________________________________________________________________________ */


		.handgeschrieben {
		margin: auto; 
		display: block;
		width: 27%; 
		}

		#impressum {
		padding-left:5px;
		padding-top:40px;
		z-index: 3;
		position: absolute; 
		float: left;
		}
		
		


		.imp {
		width: 200px;
		height: 60px;
		padding-left: 7%;
		color: white;
		position: absolute;
		transition: color 1s;
		}

		.imp:hover {
		color: black;
		}


/*______________________________________________________________________________________________________________ */



			#themen {
			position: fixed
			}

	.themenfotos {
	margin: 30px 10px 0px 10px;
 	hight: 30%;
	width: 30%;
	float: none;
	}

	.themenfotos1 {
	margin: 30px 10px 0px 10px;
 	hight: 30%;
	width: 30%;
	padding-left: 40px;
	float: left;
	clear: both;
	}

	.grafiktitel {
	margin-left: 60%;
	width: 20%;
	display: block;
 	float: none;
	}

	.plakate {
	width: 25%;
	margin-left: 5%; 
	margin-right: 5%;
	}

	.sc1 {
	max-width: 1000px;
	position: relative;
	margin: auto;
	display: block;
	}
	
	.anzeigen {
	}

	.anzeigen1 {
	}
	
	.anzeigen2 {
	}

	.anzeigen3 {
	}

	.davor, .danach {
	cursor: pointer;
	position: absolute;
	top: 53%;
	width: auto;
	margin-top: -22px;
	padding: 30px;
	color: grey;
	font-weight: normal;
	font-size: 18px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
	}

	.danach {
	right: 0;
	boder-radius: 3px 0 0 3px;
	}

	.davor:hover, .danach:hover {
	background-color: none;
	color: white;
	}

	.muster {
	color: white;
	font-size: 15px;
	padding: 0px 5px;
	position: absolute;
	bottom: -17px;
	width: 100%;
	text-align: center;
	font-family: ink free;
	}

	.kreis {
	cursor: pointer;
	height: 10px;
	width: 10px;
	margin: 0 4px;
	background-color: none;
	border: 2px solid grey;
	border-radius: 50%;
	display: inline-block;
	transition: border 0.6s ease;
	}

	.active, .kreis:hover {
	background-color: none;
	border: 2px solid white;
	}

	.kreis1 {
	cursor: pointer;
	height: 10px;
	width: 10px;
	margin: 0 4px;
	background-color: none;
	border: 2px solid grey;
	border-radius: 50%;
	display: inline-block;
	transition: border 0.6s ease;
	}

	.active, .kreis1:hover {
	background-color: none;
	border: 2px solid white;
	}




	.kreis2 {
	cursor: pointer;
	height: 10px;
	width: 10px;
	margin: 0 4px;
	background-color: none;
	border: 2px solid grey;
	border-radius: 50%;
	display: inline-block;
	transition: border 0.6s ease;
	}

	.active, .kreis2:hover {
	background-color: none;
	border: 2px solid white;
	}

	
	.kreis3 {
	cursor: pointer;
	height: 10px;
	width: 10px;
	margin: 0 4px;
	background-color: none;
	border: 2px solid grey;
	border-radius: 50%;
	display: inline-block;
	transition: border 0.6s ease;
	}

	.active, .kreis3:hover {
	background-color: none;
	border: 2px solid white;
	}


	.fade {
	-webkit-animation-name: fade;
	-webkit-animation-name: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
	}

	@-webkit-keyframes fade {
	from {opacity: .4}
	to {opacity: 1}
	}

	@keyframes fade {
	from {opacity: .4}
	to {opacity: 1}
	}








/*______________________________________________________________________________________________________________ */



	.faktenfotos {
	margin: 60px 10px 0px 10px;
 	hight: 30%;
	width: 30%;
	padding-left: 40px;
	float: left;
	clear: left;
	}

	.ladenfotos {
	margin: 15% 20% 4% 3%;
	hight: 20%;
	width: 20%;
	float: right;
	}
	
	.ladenfotos2 {
	margin: 3% 3% 4% 20%;
	hight: 20%;
	width: 20%;
	float: left;
	clear: right;
	}
	

					

/*______________________________________________________________________________________________________________ */



					.knopf {
					width: 33%;
					height: 10%;
					float: right;
					padding-right: 5%;
					}

					.knopf2 {
					width: 27%;
					height: 10%;
					float: left;
					padding-left: 5%;
					}

					.rucksack {
					float: right;
					margin-right: 5%;
					width: 15%;
					height: 15%;
					postion: relative;
					}

					.clip	{
					width: 25%;
					postion: relative;
					margin-left: 75%;
					}
					
					#ladenoben:hover {
					color: white;
					cursor: pointer;
					}




					.links{
					width: 29%; 
					margin: 4% 2% 2%;
					padding: 12% 3% 0%;
					text-align: right;
					float: right; 
					}

					.rechts{
					width: 29%; 
					margin: 4% 2% 2%;
					padding: 12% 3.5% 0%;
					text-align: left;
					float: left; 
					}

/*______________________________________________________________________________________________________________ */




		.but {
		float: right;
		border: 1px solid white;
		border-radius: 0%;
		background: none;
		padding: 2%;
		line-height: 20%;
		font-size: 100%;
		cursor: pointer;
		margin-right: 5px;
		margin-top: 1%;
		text-decoration: line-through;
		color: grey;
		}

		.but:hover {
		text-decoration: none;
		}

		.but:focus {
		text-decoration: none;
		outline: none;
		}
		
		#kof {
		float: right;
		margin-right: 10%;
		margin-top: -200px;
		width: 17%;
		}



		#anschreiben {
		border: none;
		border-bottom: 1px solid black;
		width: 100%;
		height: 20%;
		}