@charset "utf-8";
/* CSS Document */

html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, a, address, 
em, img, strong, sub, sup, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
tr, th, td,
article, details, footer, header, 
menu, nav, output, section {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}



html {
height:101%;
background: url(../images/background-1.jpg) no-repeat right center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
	}




img.flex {
	width:100%;
	height:auto;
	}
	
img.headline {
	height:28px;
	float:right; 
	margin-top:0px; 
	margin-right:0px;
	}


img.inline {
	height:160px;
	float:right; 
	margin-top:0px; 
	margin-right:0px;
	}



/* layout
 *----------------------------------------------- */

body {
}


#container {
	max-width:750px;
/*	width:57%;*/
	margin-left:auto;
  	margin-right:auto;
	margin-top:25px;
	margin-bottom:12px;
	padding-top:10px;	
	padding-bottom:20px;
	z-index:600;
}

/*------------------HEADER-------------------------------------------------------*/



#logo {
	float:right;	
	width:30%;
	padding-right:10px;
	margin-bottom:10px;
}





/*------------------MAIN------2-Spalten-----------------------------------------------------*/

#content {
	display:inline-block;
	margin-left:10px;
	margin-right:10px;
	width:100%;	
}






#section {
	padding-bottom:15px;
	padding-top:15px;
	padding-right:20px;
	padding-left:20px;

}








h1 {
  	font-family: 'Arimo', arial, tahoma, sans-serif;
    font-weight:bold;    
    font-size: 20px;
    color: #000;  
    text-transform:uppercase;
 
    line-height: 1.625em;
	}

h2 {
  	font-family: 'Arimo', arial, tahoma, sans-serif;
	font-weight:normal;	
	font-size:18px;
	color: #00538c;
	text-transform:uppercase; 
	line-height:1;
}

h3 {
  	font-family: 'Arimo', arial, tahoma, sans-serif;
	font-weight:normal;	
	font-size:18px;
	color: #676147;
	text-transform:uppercase; 
	line-height:1;
  }
  
  
  p, ul {
  	font-family: 'Arimo', arial, tahoma, sans-serif;
	font-weight:300;	
	font-size:14px;
	color:#494949;	
	line-height:1.3;
  	list-style: none;
}






@media only screen and (max-width: 420px) {
	#logo {

	width:90%;
	padding-right:10px;
	margin-bottom:30px;
		padding-left:15px;
		float:left;

}



#section {
	padding-bottom:15px;
	padding-top:15px;
	padding-right:20px;
	padding-left:5px;

}

h1 {
  	font-family: 'Arimo', arial, tahoma, sans-serif;
    font-weight:bold;    
    font-size: 18px;
    color: #000;  
    text-transform:uppercase;
 
    line-height: 1.625em;
	}

h2 {
  	font-family: 'Arimo', arial, tahoma, sans-serif;
	font-weight:normal;	
	font-size:14px;
	color: #00538c;
	text-transform:uppercase; 
	line-height:1.2;
}

}