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;
		     -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
		   
	 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;
		color: #3A3B40;
		
}


h2 {
	text-transform: uppercase;
	font-size: 13px;
	padding-top: 10px;
}

p, aside ul { 
	font-family: "Myriad Web Pro", Helvetica, Arial, Sans-Serif;
	font-size: 11px;
	padding-top: 15px;
	
	 text-align: justify;
   
   /* wie breit sollen die Textspalten sein */
   -webkit-column-width:13em;
      -moz-column-width:13em;
       -ms-column-width:13em;
        -o-column-width:13em;
           column-width:13em;
   
   /* Abstand zwischen den Textspalten*/
   -webkit-column-gap:1em;
      -moz-column-gap:1em;
       -ms-column-gap:1em;
        -o-column-gap:1em;
           column-gap:1em;
		 }


}

section p+p {

	padding-top: 20px;
}


div .schaltfläche {

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

.left {

	background:url(../p/fu.jpg);
		color: #3A3B40;
	margin-top: 50px;
	margin-bottom: 30px;
	float:right;
	margin-right: 40px;
		
	background-color: #3A3B40;
	padding: 57px 269px 46px 30px;
	width:180px;
}



.main {

	margin-top: -18px;
	margin-bottom: 30px;
	float:right;
	margin-right: 40px;
	
	
	background-color: #3A3B40;
	padding: 14px 25px 35px 30px;
	width: 423px;
}

.main h1 { 
margin-top: -2px;
color: #FFFFFF;
}

aside {

	float: left;
	margin-left: 40px;
	margin-top: 62px;
		color: #3A3B40;
	background-color: #3A3B40;
	padding: 30px 25px 265px 30px;
	width: 175px;
}

aside li {

	list-style-type: square;
	
}


.schaltfläche h1 {

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


.left {
color: white;
}

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 {
	text-transform: uppercase;
	text-decoration: none;
	color: rgb(208, 209, 211);	
}



header li a:hover {

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


.schaltfläche:hover {

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

	
div a:hover{

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

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

	.main a {

margin-top: 30px;
text-decoration: none;
color: rgb(208, 209, 211);
font-size: 11px;
}




	.meta {
  background: #000;
  background: rgba(246,184,0,0.3);
  color: white;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  top: 50px;
  float: left;
  bottom: 100px;
  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;
margin-top: 25px;
  line-height: 2em;
}

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

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

}




