/* basic setup */
* {
	margin: 0;
	padding: 0;
	border: none;
	text-decoration: none;
	outline: 0;
}

body {
	background: #1a1a1a;
	color: #fff;
	font-family: 'Times New Roman', serif;
	text-align: center;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol {
	margin-bottom: 15px;
	line-height: 150%;
}

ol,
ul {
	margin-right: 15px;
	text-align: left;
}

h1,
h2,
h3 {
	font-weight: normal;
	text-transform: uppercase;
}

#impressum,
#datenschutz {
	color:#aaa;
	text-decoration: none;
}

/* basic classes */
.align-left {
	float:left;
	margin-right: 15px;
}

.align-right {
	float:right;
	margin-left: 15px;
}

/* basic structure */
#wrapper {
	width:100%;
	margin-top: 50px;
}

header {
	background: url(../images/bg.jpg) center center;
	background-size: cover;
	height: 500px;
	position: relative;
	margin-top: 120px;
}

#logo {
	position: absolute;
	bottom:20px;
	left:0;
	right:0;
	margin:0 auto;
	text-shadow: 0 0 8px #000;
}

header h1 {
	font-size: 50px;
	letter-spacing: 13px;
	padding-left: 20px;
}

#kollektiv {
	letter-spacing: 30px;
	border-top: 2px solid;
}

.content {
	width:635px;
	margin: 0 auto;
	margin-bottom: 30px;
	margin-top: 30px;
	padding-top: 30px;
}

.content h1 {
	border-bottom: 2px solid #fff;
	text-align: center;
	padding-bottom: 8px;
	letter-spacing: 4px;
	font-size: 22px;
	margin-bottom: 7px;
}

.content p {
	text-align: justify;
	letter-spacing: 2px;
	margin-top:20px;
	margin-bottom: 80px;
	padding-bottom: 10px;
	
}

.content p:last-child {
	border-bottom: none;
}

footer p {
	font-size: 0.7em;
	color:#aaa;
}


/* navigation */
nav {
	list-style-type: none;
	amargin-top: 50px;
	margin-bottom: 80px;
	background: #fff;
	color:#000;
	padding-top: 20px;
	padding-bottom: 20px;

}

nav li {
	display: inline;
	margin:0 20px;
}

nav li a,
nav li a:link,
nav li a:active {
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 4px;
	color:#000;
	font-size: 20px;
	padding-left: 5px;
}

nav li a:hover,
nav li.active {
	color:#333 !important;
	padding-bottom: 2px;
	border-bottom: 2px solid #333;
}


/* normal links */
a,
a:link,
a:active {
	color: #fff;
	text-decoration: underline;
}

a:hover {
	color: #aaa;
}

em {
	color:#999;
}

.date {
	font-size: 0.7em;
	display: block;
	border-bottom: 1px solid #666;
	color:#999;
	margin-bottom: 10px;
}


/* mobile fixes */
@media screen and (orientation: landscape) and (max-height: 300px) {
	header {margin-top: 10px !important;}
}


@media (max-width: 700px) {
	#logo {
		width: 100%;
		position: absolute;
		bottom: -150px;
	}
	header {
		height: 200px;
		margin-bottom: 250px;
	}
	.content {
		width: 100%;
	}

	.content img {
		width: 100%;
	}

	.content p {
		padding:0 15px;
	}

	nav {
		adisplay: none;
	}
	.content p {
		text-align: left;
	}

	nav li {
		margin: 0;
	}

	nav li a {
		font-size: 0.7em !important;
	}
}

@media (max-width: 500px) {
	#logo {
		width: 100%;
		position: absolute;
		bottom: -100px;
	}
	header {
		height: 200px;
		margin-bottom: 200px;
	}
}

