body {
	background-color: #000;
	color:#fff;
	font-size: 18px;
	line-height:25px;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	padding:0;
	margin:0;
}
a {
	text-decoration:none;
	color:#bd1220;
}
h1 {
	font-size: 25px;
	font-weight: 300;
	}
#main{
   width:930px;
     padding:0;
     margin:0 auto;
   
   }
#links{
	float:left;
   width:473px;
     padding:100px 50px 0 0;
     margin:0;
   
   }
#rechts{
	float:left;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 30px;
	line-height:33px;
    padding:100px 0 0 0;
     margin:0;
	 width:407px;
   
   }
#rechts img{
	width:100%;   
	   }
.name{
	float:left;
   width:230px;
     padding:0;
     margin:0;
   
   }
 .inst{
	float:left;
     padding:0;
     margin:0;
   
   }
   
 .bild{
	float:left;
   width:300px;
     padding:0;
     margin:0;
   
   }
 .text{
	float:left;
	width:630px;
     padding:0;
     margin:0;
   
   }
   
  .clear{
	clear:left;

   
   }
   
   
    @media screen and (max-width: 640px) {
		
		body {
	background-color: #000;
	color:#fff;
	font-size: 18px;
	line-height:25px;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	padding:0 20px 0 20px;
	margin:0;
}
		
		#main{
   width:100%;
     padding:0;
     margin:0 ;
   
   }
		#links{
	clear:left;
   width:100%;
   text-align:center;
     padding:30px 0 0 0;
     margin:0;
   
   }
   
   #links img{
	
   width:70%;
     height:auto;
   
   }
#rechts{
	clear:left;
   width:100%;
    text-align:center;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 30px;
	line-height:33px;
    padding:10px 0 30px 0;
     margin:0;
   
   }
		.name{
	clear:left;
   width:100%;
     padding:0;
     margin:0;
   
   }
 .inst{
	clear:left;
   width:100%;
     padding:0;
     margin:0;
   
   }
   
 .bild{
	clear:left;
   width:100%;
     padding:0;
     margin:0;
   
   }
 .text{
clear:left;
   width:100%;
     padding:0;
     margin:0;
   
   }
		
	}