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

@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,600);

* {margin: 0; padding: 0; }
.clear {overflow:hidden; clear: both;}
* html .clear {height:1%}

/* The Big Guy */
body {
	padding: 0 0 0 0;
	text-align: left;
	font-family: 'Open Sans Condensed', sans-serif;
	background-image: url(images/hintergrund.png);
	background-repeat: repeat-x;
	font-weight: 300;
}
#band {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 290px;
	top: 0;
	left: 0;
	background-color: #000000;
}
#wrapper {
	position: relative;
	width: 1190px;
	height: auto;
	overflow: auto;
	margin: auto;
	z-index: 4;
	text-align: left;
}
a {
	color: #000000;	
}
.trenner {
	border-bottom: 1px solid #cccccc;
	margin: 40px 0 20px 0;
	width: 339px;	
	clear: both;
}
img {
	border: none;	
}
/* The Big Guys */

/* Kopf und Kopfinhalte formatieren */
#logo {
  position: absolute;
  width: 789px;
  height: 164px;
  top: 52px;
  left: 0;
}
/* Kopf und Kopfinhalte formatieren */

/* Hauptnavigation formatieren */
#mainnavi {
  position: absolute;
  width: 1280px;
  height: 20px;
  padding: 0;
  text-align: left;
  top: 307px;
  left: 90px;
  font-weight: 600;
}
#mainnavi ul {
  list-style-type: none;
}
#mainnavi ul li {
  float: left;
  display: inline;
}
#mainnavi ul li.aktiv {
	
}
#mainnavi ul li a {
  display: block;
  padding: 0 25px 0 0;
  color: #999999;
  font-size: 16px;
  text-decoration: none;
  text-transform: uppercase;
}
#mainnavi ul li a:hover {
  color: #000000;
}
#mainnavi ul li.aktiv a {
  color: #000000;
}
/* Hauptnavigation formatieren */

/* Subnavigation formatieren */
#subnavi {
  position: absolute;
  width: 1280px;
  height: 20px;
  padding: 0;
  text-align: left;
  top: 329px;
  left: 90px;
  font-weight: 600;
}
#subnavi ul {
  list-style-type: none;
}
#subnavi ul li {
  float: left;
  display: inline;
}
#subnavi ul li.aktiv {
	
}
#subnavi ul li a {
  display: block;
  padding: 0 25px 0 0;
  color: #999999;
  font-size: 16px;
  text-decoration: none;
  text-transform: uppercase;
}
#subnavi ul li a:hover {
  color: #000000;
}
#subnavi ul li.aktiv a {
  color: #000000;
}
/* Subnavigation formatieren */

/* Inhaltswrapper formatieren */
#inhaltswrap {
	position: relative;
	float: left;
	display: inline;
	width: 1020px;
	height: auto;
	overflow: auto;
	margin: 400px 0 0 90px;
}
#inhaltswrap2 {
	position: relative;
	float: left;
	display: inline;
	width: 1020px;
	height: auto;
	overflow: auto;
	margin: 0 0 0 90px;
	padding: 0 0 50px 0;
}
/* Inhaltswrapper formatieren */

/* Inhaltsfelder formatieren */
#player {
	position: relative;
	float: left;
	display: inline;
	width: 540px;
	height: auto;
	margin: 0 15px 0 0;	
	text-align: right;
}
#player a {
	color: #999999;
	text-decoration: none;
	font-size: 17px;
}
#player a:hover {
	color: #000000;
	background-image: url(images/playknopf.png);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 20px;
}
#player .klein {
	font-size: 13px;
	margin: 0 0 10px 0;	
}
#player .klein a {
	font-size: 13px;
	color: #000000;	
}
#player .klein a:hover {
	background: none;	
}
#key {
	position: relative;
	float: left;
	display: inline;
	width: 450px;
	height: auto;
	margin: 0 0 0 0;
}
#headline {
	position: relative;
	float: left;
	display: inline;
	width: 540px;
	height: auto;
	margin: 15px 0 0 0;
	text-align: right;
	font-size: 15px;
}
#headline h1 {
	text-transform: uppercase;
	font-size: 30px;
	font-weight: 600;
	line-height: 1.1em;
}
#text {
	position: relative;
	float: left;
	display: inline;
	width: 450px;
	height: auto;
	margin: 15px 0 0 15px;
	font-size: 17px;
}
#text p {
	margin: 0 0 15px 0;	
}
#text h2 {
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 600;
}
#text table td {
	vertical-align: top;
	padding: 0 10px 0 0;	
}
#headline2 {
	position: relative;
	float: left;
	display: inline;
	width: 540px;
	height: auto;
	margin: 15px 0 0 0;
	text-align: right;
	font-size: 17px;
/*	font-weight: 600; */
}
#headline2 h1 {
	text-transform: uppercase;
	font-size: 30px;
/*	font-weight: 600; */
	line-height: 1.1em;
}
#text2 {
	position: relative;
	float: left;
	display: inline;
	width: 450px;
	height: auto;
	margin: 15px 0 0 15px;
	font-size: 17px;
}
#text2 p {
	margin: 0 0 15px 0;	
}
#text2 h2 {
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 600;
}
#text2 table td {
	vertical-align: top;
	padding: 0 10px 0 0;	
}
.kleiner {
	font-size: 12px;
	padding: 5px 0;	
}
/* Inhaltsfelder formatieren */

/* Styling des Kontaktformulars */
#contact form { position: relative; width: 450px; float: left; display: inline; margin: 10px 0 20px 0; }
#contact input {
	border: 1px solid #ccc;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	height: 32px;
	width: 160px;
	font-size: 16px;
	margin-right: 16px;
	padding: 8px;
	font-family: 'Open Sans Condensed', sans-serif;
}
#contact textarea {
	border: 1px solid #ccc;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	height: 80px;
	width: 339px;
	max-width: 339px;
	font-size: 16px;
	margin-top: 16px;
	padding: 8px;
	font-family: 'Open Sans Condensed', sans-serif;
	resize: none; 
}
#contact input[type=submit] {
	border: 0;
	width: 310px;
	height: 32px;
	background: url('images/btn_next-sprite.jpg') center;
	position: relative;
	cursor: pointer;
}
#contact input[type=submit]:hover { background-position: bottom }
/* Styling des Kontaktformulars */