/***************************
* neu
***************************/

body {
       width: 100%;

	   margin: auto;
	   overflow: scroll;
	   }

p {
	font-family: Helvetica, sans-serif;
    font-size: 1em;
	font-weight: 300;
	line-height: 1.5;}

.top {

	width: 90%;
	height: auto;
	max-width: 1500px;
	margin: 50px auto 60px auto;
	padding: 0 5%;
	overflow: hidden;
	}
	
#kopf-oben {
	padding-top: 10px;
	padding-bottom: 30px;
}


.col-1 {
    width:40%;
	min-width: 100px;
	max-width: 800px;
	padding: 0 5% 0 5%;
	float: left;
	color: #585858;
	}
	
.col-2 {
    width:60%;
	padding: 0 5% 0 35%;
	color: #585858;
	clear:both;
	}
	
.col-12 {
    width:70%;
	min-width: 100px;
	max-width: 800px;
	padding: 0 0% 0 15%;
	float: left;
	color: #585858;
	}
	
.col-3 {
    width:60%;
	padding: 0 5% 0 0%;
	color: #585858;
	float: right;
	}
	
.col-4 {
    width:60%;
	padding: 0 5% 0 5%;
	color: #585858;
	float: left;
	}
	
.footer {
    width:90%;
	min-width: 100px;
	padding: 0 0% 0 0%;
	float: left;
	color: #585858;
	}
	
.content{

   }
	
.right {
	float:right;}
	
.grey {
	padding: 20px 0;
	background-color: #F2F2F2;
	}
	
.subhead {
	width:95%;
	min-width: 100px;
	max-width: 750px;
	margin: 0 5% 0 5%;
	float: left;
	color: #585858;}
	
.bold {
	font-weight: 500;
	color: #000000;}
	
.download {
	font-family: Helvetica, sans-serif;
    font-size: 1em;
	font-weight: 300;
	line-height: 1.5;
	color: #585858 ;

	
    }
	
h1     {
     font-family: Helvetica, sans-serif;
     font-size: 40px;
	 font-weight: 300;
     text-align: center;
	 letter-spacing: 0.1em;
	 margin-top : 20px;
	 margin-bottom : 0px;
	 margin-left:0px;
	 padding :0px;
	 text-transform: uppercase;
	 }
	 
h2     {
     font-family: Helvetica, sans-serif;
     font-size: 25px;
	 font-weight: 300;
	 letter-spacing: 0.15em;
	 text-align: center;
	 color: #BABABA;
	 padding:0px;
	 margin :10px;
	 margin-bottom:25px;
	 margin-left:0px;
	 text-transform: uppercase;
	 
	 }

h3 {font-family: 'Source Sans Pro', sans-serif;
    font-size: 35px;
	font-weight: 300;
	letter-spacing: 0.1em;
	text-align: left;
	color: #151515;
	text-transform: uppercase;}

.neu {}

.button {
	width: 15%;
	min-width: 100px;
	font-family: Helvetica, sans serif;
    font-size: 1em;
	font-weight: 400;
	text-decoration:underline;
	text-align: center;
	float:left;
	clear:both;
	padding: 10px 20px;
	margin: 40px auto 60px 39%;
	outline: 1px solid grey;}
	
.img-center {
	text-align: center;}
	
.img-klein {
	width: 25%;
	padding: 20px 5% 0 5%;
	float: left;
	clear:both;}

.img-icon {
	width: 13%;
	padding: 0 0 0 50px;
	margin: -2% -25% 0 0;
	float: left;
	clear:both;}
	
.underline {
	text-decoration: underline;}
	
#sprache 	{
	 margin-top:-45px;
	 margin-right:3%;
	 float: right;
	 
	 }
	
/* MOBILE */	

@media only screen and (max-width: 800px) {
/* For mobile phones: */

h1 {font-size: 28px;} 

h2 {font-size: 20px;}

.col-1 {
    width: 90%;
    margin: 20px 7% 20px 3%;
    max-width: 500px;
    float: none;
  }
  
.right {
	float:left;}
	
.col-2 {
	width: 90%;  
	margin: 0 7% 0 8%;
	padding: 0;
    max-width: 500px;
    float: none;}

.col-12 {
	width: 90%;  
	margin: 0 7% 0 8%;
	padding: 0;
    max-width: 500px;
    float: none;}

.col-3 {
	width: 90%;  
	margin: 0 7% 0 8%;
	padding: 0;
    max-width: 500px;
    clear: both;
    float: none;}
    
.col-4 {
	width: 90%;  
	margin: 0 7% 0 8%;
	padding: 0;
    max-width: 500px;
    clear: both;
    float: none;}

.subhead {
	width: 90%;
    margin: 0 7% 0 8%;
    max-width: 500px;
    float: none;}

.top {
	margin: 0 auto;
	padding: 0;}  

.button {
	margin: 30px auto 60px 25%;}
	
.img-klein{
	width: 100%;
	padding: 0;
	margin: 0 0 20px 0}	

  }  
/* MOBILE */
	
	
	
	

/***************************
* Übergreifende Formate
***************************/
	 
	 

.text_zentriert  {
     font-family: Helvetica, sans serif;
     font-size: 14px;
	 font-weight: 100;
	 margin-bottom: 0px;
	 text-align: center;
	 color: #585858 ;
	 
	 
	 }

/***************************
* Bilder
***************************/


	
img {
	max-width: 100%;
}	

/*****************************************************************************************************
* Englisch - Deutsch
*****************************************************************************************************/


a:link {color: #848484;
       text-decoration: none;
	   }
a:visited {color: #848484;
          text-decoration: none;
		  }
a:active {color: #848484;
         text-decoration: none;
		 }
a:hover {color: #424242;}



a.link_zurück:link {color:black;
					}	


	 
#contact {
     font-family: Helvetica, sans-serif;
	 width:px;
	 line-height: 1.6;
	 padding-left:15%;
	 padding-right:20px;
	 padding-bottom: 50px;
	 padding-top: 50px;
	 margin-bottom: 0px;
	 clear: both;
	 overflow: hidden;

     }


	 


	
.icon_download {
     width:40px;
	 float: left;
    }
	

	 
/***************************
* contact
***************************/
	 
#contact_text1 {
     width:40%;
	 min-width: 200px;
	 line-height: 1.6;
	 margin-left: 5%;
	 float: left;
	 }
	 
#contact_text2 {
     width:20%;
	 min-width: 200px;
	 line-height: 1.6;
	 margin-left: 5%;
	 float: left;
	 margin-bottom:100px;
	 }

/***************************
* impressum
***************************/

#impressum_text {
   	 width:50%;
     font-family: Helvetica, sans-serif;
	 font-size: 14px;
	 font-weight: 100;
	 line-height: 1.6;
	 padding-left:15%;
	 padding-right:20px;
	 padding-bottom: 50px;
	 padding-top: 50px;
	 margin-bottom: 0px;
	 color: #585858;
	 overflow: auto;
	 clear: both;
	 
	 }