body {
    background: rgb(43, 44, 48);
	font-family: Orienta, Helvetica, Arial, Sans-Serif;
	line-height: 1.4;
	color: white;
	 -webkit-hyphens: auto;
      -moz-hyphens: auto;
       -ms-hyphens: auto;
       	-o-hyphens: auto;
           hyphens: auto;
		   
	 width: 800px;
	 height: 680px;

	 margin: auto;
		   
	
}

.wrap{  background: rgb(43, 44, 48);
		height: 670px;
		box-shadow: 0 0 14px black;
}


h1 {
	text-transform: uppercase;
	font-size: 16px;
	
	
	

}



.left {

	margin-top: -198px;
	margin-bottom: 30px;
	float:right;
	margin-right: 40px;
	color:  #3A3B40;	
	background-color: #3A3B40;
	padding: 40px 269px 40px 30px;
	width: 180px;
}




div .schaltfläche {

	position: relative;
	display:block;
		
	float: left;
	margin-left: 40px;
	margin-top: -63px;
	background-color: rgba(246, 184, 0, 0.6);
	
	width: 231px;
	height: 300px;
}


div .schaltfläche2 {

	position: relative;
	display:block;
		
	float: left;
	margin-left: 12px;
	margin-top: -63px;
	background-color: rgba(246, 184, 0, 0.6);
	
	width: 233px;
	height: 300px;
}


div .schaltfläche3 {

	position: relative;
	display:block;
		
	float: right;
	margin-right: 40px;
	margin-top: -63px;
	background-color: rgba(246, 184, 0, 0.6);
	
	width: 233px;
	height: 300px;
}


.schaltfläche h1, .schaltfläche2 h1, .schaltfläche3 h1 {

	padding-top: 30px;
	padding-left:25px;
}

p { 
	font-family: "Myriad Web Pro", Helvetica, Arial, Sans-Serif;
	font-size: 11px;
	padding-top: 20px;


}

header figure {

	padding-bottom: 30px;
	padding-left: 208px;
	margin-top: 10px;
	border-bottom: 3px solid #3A3B40;
}
	


header a {
	
	text-transform: uppercase;
	text-decoration: none;
	color: white;	
	float: left;
	margin-top: -10px;
	
	margin-left: 50px;
	margin-right: 20px;
	
	

}

.schaltfläche a , .schaltfläche2 a , .schaltfläche3 a  {
	text-transform: uppercase;
	text-decoration: none;
	color: white;	
}


footer a {

	text-transform: uppercase;
	text-decoration: none;
	color: rgb( 80, 80, 80);
	float:left;
margin-top: -23px;
	padding: 5px 35px;
	

	font-size: 10px;
	
}

header li a:hover {

	color: rgb(246, 184, 0);
	
}


.schaltfläche:hover {

	background-color: rgb(246, 184, 0);
	}
	

.schaltfläche2:hover {

	background-color: rgb(246, 184, 0);
	}
	
.schaltfläche3:hover {

	background-color: rgb(246, 184, 0);
	}
	
	
div a:hover{

	color: rgb( 80, 80, 80);
}

.aktiv a {
color: rgb(246, 184, 0);
	}

	

	.meta {
  background: #000;
  background: rgba(246,184,0,0.3);
  color: white;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  top: -64px;
  float: left;
  bottom: 466px;
  left: 40px;
}

.meta:hover {
  background: rgb(246,184,0);
}

.meta a {
  text-decoration: none;
  color:white;
}

.meta ul {
  margin-left: -10px;
  padding: 0;
}

.meta li {
  display: block;
  text-align: left;
text-transform: uppercase;
  line-height: 2em;
}

.meta li.more-link {
  padding: 0;
  line-height: auto;
}

.meta li.more-link a {
  display: block;
  padding: 30px 84px 200px 73px;
  font-size: 20px;

}



	

	.meta2 {
  background: #000;
  background: rgba(246,184,0,0.3);
  color: white;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  top: -64px;
  float: left;
  bottom: 466px;
  left: 50px;
}

.meta2:hover {
  background: rgb(246,184,0);
}

.meta2 a {
  text-decoration: none;
  color: white;
}

.meta2 ul {
  margin-left: -10px;
  padding: 0;
}

.meta2 li {
  display: block;
  text-align: left;
text-transform: uppercase;
  line-height: 2em;
}

.meta2 li.more-link {
  padding: 0;
  line-height: auto;
}

.meta2 li.more-link a {
  display: block;
  padding: 30px 78px 200px 52px;
 
  font-size: 20px;

}




	.meta3 {
  background: #000;
  background: rgba(246,184,0,0.3);
  color: white;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  float: right;
  right: 40px;
  top: -64px;
  bottom: 466px;
 
}

.meta3:hover {
  background: rgb(246,184,0);
}

.meta3 a {
  text-decoration: none;
  color: white;
}

.meta3 ul {
  margin-left: -10px;
  padding: 0;
}

.meta3 li {
  display: block;
  text-align: left;
text-transform: uppercase;
  line-height: 2em;
}

.meta3 li.more-link {
  padding: 0;
  line-height: auto;
}

.meta3 li.more-link a {
  display: block;
  padding: 30px 66px 200px 45px;
  font-size: 20px;

}
