body {
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	border-bottom: 0px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	font-family: 'ISOCPEUR';
	line-height: 2;
	font-size: 22px;
	color: lightgrey;
	background-color: black;
	}

@font-face {font-family: "ISOCPEUR";
src: url("//db.onlinewebfonts.com/t/4b5ae315f5df148f0ab479a7cedc9832.eot");
src: url("//db.onlinewebfonts.com/t/4b5ae315f5df148f0ab479a7cedc9832.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/4b5ae315f5df148f0ab479a7cedc9832.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/4b5ae315f5df148f0ab479a7cedc9832.woff") format("woff"), url("//db.onlinewebfonts.com/t/4b5ae315f5df148f0ab479a7cedc9832.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/4b5ae315f5df148f0ab479a7cedc9832.svg#ISOCPEUR") format("svg"); } 

	 
@media {
	orientation: portrait;
	}

a{
	color: lightgrey;
	text-decoration: none;
	font-family: 'ISOCPEUR';
	font-size: 20px;
}

a:hover{
	color: grey;
}

h1{
	text-transform: uppercase;
}


h2{
	color: lightgrey;
	font-family: 'ISOCPEUR';
	font-size: 25px;
	line-height: 30px;
}
h3{
	color: lightgrey;
	font-family: 'ISOCPEUR';
	font-size: 12px;
	line-height: 20px;
}
h4{
	color: lightgrey;
	font-family: 'ISOCPEUR';
	font-size: 18px;
	line-height: 20px;
}

h6{
	color: lightgrey;
	font-family: 'ISOCPEUR';
	font-size: 10px;
	line-height: 20px;
}

	
#menu	{
	margin-top: 15em;
	width:10em;
	position: fixed;
	z-index: 301;
	display:-webkit-flex;
	display:flex;
	}
	
#menuhinter	{
	margin-top: 22em;
	width:100%;
	position: fixed;
	z-index: -1;
	display:-webkit-flex;
	display:flex;
	}
	
#menu1	{
	-webkit-flex:1;
	flex: 1;
	z-index: 1;
	margin-left: 1em;
	}

#menuleer	{
	-webkit-flex:1;
	flex: 3;
	z-index: 1;
	}

#menu2	{
	-webkit-flex:1;
	flex: 1;
	z-index: 1;
	margin-left: 2em;
	}

#irina	{
	-webkit-flex:1;
	flex: 1;
	z-index: 0;
	margin-top: 4em;
	margin-left: 2em;
	}


#menu4	{
	-webkit-flex:1;
	flex: 1;
		z-index: 1;
	margin-top: 1em;
	margin-left: 1em;
	}
#menu5	{
	-webkit-flex:1;
	flex: 1;
	margin-top: 1em;
		z-index: 1;
	margin-left: 1em;
	}
#menu6	{
	-webkit-flex:1;
	flex: 1;
		z-index: 1;
	margin-top: 1em;
	margin-left: 1em;
	}



#haupt {
	width:100%;
	height:100%;
	margin-bottom: 3em;
	margin-left: 5em;
	display:-webkit-flex;
	display:flex;
	z-index: 200;
}

#hauptohne {
	width:100%;
	height:100%;
	margin-bottom: 1em;
	display:-webkit-flex;
	display:flex;
	z-index: 200;
}

#links {
	-webkit-flex:1;
	flex: 1;
		z-index: 200;
}

#mitte {
	-webkit-flex: 1;
	flex: 3;
		z-index: 200;
	align-content: center;
	margin-bottom: 0;
}


#mittevoll {
	-webkit-flex: 2;
	flex: 2;
		z-index: 200;
	align-content: center;
}


#rechts {
	-webkit-flex: 1;
	flex: 1;
		z-index: 200;
	margin-left: 8em;
	
}

#mittelinks {
	-webkit-flex:1;
	flex: 1;
}
#mitterechts {
	-webkit-flex:1;
		z-index: 200;
	flex: 3;
}

#hauptsenkrecht {
	width:100%;
	height:100%;
	background:#53351e;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction: column;
	flex-direction: column;
		z-index: 200;
}

#oben {
	-webkit-flex:1;
	flex: 1;
	margin-left: 2em;
	margin-right: 2em;
	margin-top: 5em;
		z-index: 200;
}

#zentrum {
	-webkit-flex: 1;
	flex: 1;
	margin-left: 2em;
	margin-right: 2em;
	margin-top: 5em;
	box-shadow: 10px;
	z-index: 200;
}

#zentrumvoll {
	-webkit-flex: 2;
	flex: 2;
	margin-left: 2em;
	margin-right: 2em;
	margin-top: 5em;
		z-index: 200;
}




#unten {
	-webkit-flex: 1;
	flex: 1;
	margin-left: 2em;
	margin-right: 2em;
	margin-top: 5em;
}

#foto {
	-webkit-flex: auto;
	flex: auto;
	-webkit-flex-direction: column;
	flex-direction: column;
}
	
#ueberfoto {
	-webkit-flex: auto;
	flex: auto;
	-webkit-flex-direction: column;
	flex-direction: column;
}

#eingerueckt {
	text-indent: 3em;	
	}


figure{
  position: relative;
}

figure img {
  display: block;
}

figcaption {
  position: absolute;
  bottom: 3em;
  ...
  width: 100%;
  background: black;
  color: white;
  opacity: 0.5;
}