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

body {
	background-color:#000;
	color:#f8f8f8;
	font-weight:400;
	font-size:100%;
	line-height:1.3em;
	margin: 0 auto 0 auto;
	list-style:none;
	font-family: "chaparral-pro-display", chaparral pro, serif;
	}
	
img {
	border:none;
	max-width:100%;
	}
	
strong {
	font-weight:bold;
	}
	
em {
	font-style:italic;
	text-decoration:none;
	}	
	
a , a:link {
	text-decoration:none;
	outline:none;
	color:#000;
	-webkit-transition:color 0.2s ease-in-out;
	-o-transition:color 0.2s ease-in-out;
	-moz-transition:color 0.2s ease-in-out;
	-ms-transition:color 0.2s ease-in-out;
	transition:color 0.2s ease-in-out;
}

a:hover, a:active, a:focus {
	text-decoration:none;
	outline:none;
	color:#666;
}


ul {
	list-style:none;
	margin:0;
	border:0;
	padding:0;
}

h2 {
	font-family:"chaparral-pro", chaparral pro, serif;
	font-size:1.4em;
}

h3 {
	font-family:"chaparral-pro", chaparral pro, serif;
	font-size:1.2em;
	font-style:italic;
}

h1 {
	font-family:"chaparral-pro", chaparral pro, serif;
	font-size:1.6em;
	font-weight:bold;
	font-style:italic;
	}
	
@media screen and (min-width:500px) {
	h1 {
	font-size:1.8em;
	}
}

@media screen and (min-width:800px) {
	h1 {
	font-size:2.2em;
	}
}

#sitetop {
	width:100%;
	background-color:#000;
	margin-bottom:1em;
	}

#titel {
	float:left;
	position:relative;
	top:80px;
	margin: 0 3em 0 3em;
	border-top: 2px dotted #FFF;
	}

@media screen and (min-width:960px) {
	#titel {
		margin: 0 0 0 1.5em;
		} 
}

header {
	min-width:400px;
	max-width:960px;
	margin: 0 auto 0 auto;
	padding: 0 2em 0 2em;
	}

#logo {
	width:80%;
	max-width:600px;
	margin: 0 auto 0 auto;
	position:relative;
	top:70px;

	}

@media screen and (min-width:600px) {
	#logo {
	top:100px;
	}
}

@media screen and (min-width:750px) {
	#logo {
	top:100px;
	margin-bottom: -30px;
	}
}

#logosmall {
	width:80%;
	max-width:350px;
	position:relative;
	margin: 0 auto 0 auto;
	top:80px;
	}
	
@media screen and (min-width:700px) {
	#logosmall {
	padding:0 3em 0 3em;
	padding:0 3em 0 3em;
	float: right;
	
	}
}

.headerimage {
	width:100%;
	max-width:100%;
	}

#sign-top {
	min-width:400px;
	max-width:960px;
	margin:1em auto 0 auto;
	padding: 0 2em 0 2em;
	}
	
#sign-bottom {
	min-width:400px;
	max-width:960px;
	margin:1em auto 0 auto;
	padding: 0 0 0 1em;
	}

#content {
	min-width:400px;
	max-width:960px;
	margin:0 auto 0 auto;
	padding: 0 2em 0 2em;
	}

nav {
	width:auto;
	background-color:#FFF;
	color:#000;
	text-align:left;
	/*border-top: 2px solid #000;
	border-bottom: 2px solid #000;*/
	padding: 0.5em 0 0.5em 0;
	}


.navilink {
	color:#000;
	padding:0 0.5em 0 1em;
	font-size: 1.2em;
	line-height:1.5em;
	display:block;
	text-align:left;
	background-color:;
	font-style:italic;
	font-weight:bold;
	}

@media screen and (min-width:500px) {
	.navilink {
	font-size:1.2em;
	display:inline-block;
	}
}

@media screen and (min-width:800px) {
	.navilink {
	font-size:1.4em;
	margin:0 1em 0 0;
	}
}

article {
	margin-top:60px;
	padding: 0 1em 0 1em;
	}

@media screen and (min-width:960px) {

}

.copytext {
	max-width:500px;
	padding-right:;
	margin-bottom:4em;
	font-size:1em;
	}

@media screen and (min-width:500px) {
	.copytext {
	max-width:600px;
	margin-bottom:3em;	
	font-size:1.1em;
	line-height:1.3em
	}
}

@media screen and (min-width:800px) {
	.copytext {
	max-width:700px;
	font-size:1.2em;
	line-height:1.3em;
	}
}

.copyimagevertical {
	margin: 0 auto 2em auto;
	max-width: 500px;	
	}	

.copyimagehorizontal {
	margin: 0 auto 5em auto;
	max-width: 100%;
	}	

.line {
	border-bottom:dotted;
	border-color:#FFF;
	border-width:2px;
	}
	
.elastic-video {
    position: relative;
    padding-bottom: 55%;
    padding-top: 15px;
    height: 0;
    overflow: hidden;
}

.elastic-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

footer {
	min-width:400px;
	max-width:960px;
	margin: 120px auto 0 auto;
	padding: 0 2em 50px 2em;
	}


#footernav {
	width:auto;
	text-align:left;
	line-height:1.5em;
	background-color:;
	padding: 0 1em 0 1em;
	color:#fff;
	}

#footernav a {
	color:#FFF;
	}
	
#referenzen li{
	margin-bottom:1em;
	font-size:1.2em;
	}
	
.imprint {
	font-size:0.8em;
	line-height:1em;
	}