@font-face { font-family: 'Futura';
             src: url('../fonts/futura-lt-book.ttf') format('truetype'); 
			 }

body{
	margin: 0;
	padding: 0;
	width: 100%;
	font-family:Futura, Arial, Helvetica, sans-serif;
}



h1 {
	font-weight:normal;
	font-size: 4em;
	text-align: left;
	font-weight:bold;
	color: #000;
	margin: 0;
	padding: 0;
}
h2 {
    font-weight: normal;
    font-size: 1.2em;
    text-align: left;
    color: #000;
    margin: 0;
    padding: 0;
    padding-top: 0.2em;
}


img {
    max-width: 100%;
}



.center { margin: 0 auto; }
.content{
	margin: 4em auto 2em auto;
    max-width: 1024px;
}
.clear { clear: both; }

#header {
	width: 100%;
	background-color:red
	height: 2em;
	margin-top: 10em;
    background-color: white;
	 z-index: 10;
}

div.grauerBalken {
    width: 100%;
    height: 3.5em;
    background-color: silver;
    position: fixed;
    top: 0px;
    z-index: 2;
}

div.grauerBalken div {
    float: left;
}
div.kopfzeile {
    position: absolute;
    right: 3em;
}

div.kopfzeile .bold {
    font-weight: bold;
    border-right: 1px solid white;
    padding: 1em 0.8em 0.5em 0em;
}

div.slogan {
    padding: 1em 0em 0em 0.8em;
}

@media screen and (max-width : 1024px){
	div.slogan {
		padding: 1.5em 0em 0em 0.8em;
		font-size: .8em;
	}
	
	div.content {
		padding: 1em;
	}
	
	h1 {
		font-size:2em;
	}
	
	#header {
		margin-top: 5em;
    }
}