/* Reset
----------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/*
----------------------------------------------------------------------------*/



body {
  background-color: #000000;
  margin:0px;
  padding: 0px;
  background-image:url(Bilder/gradient_vertical.png);
  background-repeat: repeat-x;
  color: #dbdbff;
  font-family: Verdana,sans-serif;
  font-size: 12px;
  text-align: center;
}

h1,h2 {
  font-size: 1.4em;
  font-style: italic;
  color: #eeeeff;
}

h1 {
  font-size: 1.6em;
}

table {
  border-spacing:20px;
}
tr {
  vertical-align:top;
}
a {
  color: #ff33ff;
}



#container {
	width: 1300px;
  margin: 0px auto;
}
#header {
	width: 1200px;
	height: 200px;
  margin: 0px auto;
  background-image:url(Bilder/title.png);
}

#navigation {
	margin: 0; 
	padding: 0px;
	width: 780px;
	text-align: left;
	position: relative;
	top: 148px;
	left: 200px;
  font-style: italic;
  font-size: 1.3em;
	text-transform: lowercase;
}
#navigation li {
	list-style: none;
	display: inline;
	
}

#navigation a, #navigation span {
	text-decoration: none; 
  color: #dbdbff;
  margin: 0; 
  padding: 0.2em 0.6em;
}
#navigation span {
	color: #00ffff;
}
* html ul#Navigation a, * html ul#Navigation span {
	width: 1em;    /* nur fuer IE 5.0x erforderlich */
	w/idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
}
ul#navigation a:hover, ul#Navigation span {
	color: white; 
}

#content {
  width: 760px;
  background-image:url(Bilder/shadow.png);
  background-repeat: repeat-y;
  position: relative;
  margin: 0px auto;
  padding: 60px 40px 40px 40px;
  text-align: left;
}

#teaser_img{
  display: block;
  margin: 0 20px -25px 20px;
  float:left;
}
#teaser_video{
  float: left;
  margin: 20px;
}
#teaser{
  display: block;
  margin:150px 20px 0 0;
  padding: 0;
  float: right;
}

.infoblock{
  display: block;
  width: 212px;
  float: left;
  margin: 0px;
  padding: 20px;
}
.infoblock h2{
  margin-bottom: 10px;
}

.infoblock ul{
  list-style-position: inside;
  
}

.clear{
  clear: both;
}
.infowrapper{
  display: block;
  height: 500px;
}

#footer {
  width: 760px;
  padding: 40px;
  margin: 0px auto;
  background-repeat: no-repeat;
  background-image:url(Bilder/bottom.png);
  display: block;
  clear: both;
}