html { overflow:auto; height:100%;  }
body {
		margin: 0;
		padding: 0;
		font-family: arial, helvetica, sans-serif;
		font-size: 76%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
		color: #FFFFFF;
		font-size:11px;
		background-color: #000000;
		overflow:auto;
		height:100%;
		scrollbar-base-color: #FFFFFF;
		scrollbar-arrow-color: #828282;
		scrollbar-3dlight-color: #C0C0C0;
		scrollbar-darkshadow-color: #C0C0C0;
		scrollbar-face-color: #FFFFFF;
		scrollbar-highlight-color: #FFFFFF;
		scrollbar-shadow-color: #FFFFFF;
		scrollbar-track-color: #EEEEEE;
		
}

img {
	border:none;
}

#distance { 
		width:110px;
		height:38%;
		text-align:right;
		margin-bottom:-275px; /* half of container's height */
		float:right;

}


.inner {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height: 550px;
		width: 1350px;
		clear:both;
		background: black;
		text-align:left; /* part 2 of 2 centering hack */
		background-image:url(../../gfx/bg.jpg);
		background-repeat:no-repeat;
		
}

#logo {
	text-indent:-10000px;
	
}
#navigation {
	position:absolute;
	left:50px;
	top:162px;
	width:135px;
	height:370px;
	margin:0px;
	padding:0px;
	text-align:right;
	z-index:2;
	list-style-type:none;
}

#navigation li {



}


#content {
	position:absolute;
	left:201px;
	top:0px;
	width:779px;
	height:550px;
}


#subnavi {
	position:absolute;
	left:0px;
	top:501px;
	width:779px;
	height:49px;
	background-color:white;
	margin:0px;
	padding:0px;
}


#subnavi li {
	list-style-type:none;
	float:left;
}

/* Startpage - Extension Stuff */


#extension1 {
	position:relative; 
}

#extension1 img {
	position:relative;
	height:550px;
}


/* Startpage  Stuff */

#startpageExt {
		margin:0px auto;
		width: 1350px;
		margin-bottom:5px;
		clear:both;
		margin-top:57px;
}

#start1 {
	position:relative;
	background:black;
	margin-bottom:46px;
}

#bilder1 {
	position:relative;
	float:left;
	height:100px;
}

#auflistung_right {
	float:left;
	position:relative;
	width:281px;
	border:1px solid #4d4d4d;
	margin-left:23px;
	font-size:12px;
}

#auflistung_right li {
	list-style-type:square;
}

#auflistung_right span {
	line-height:20px;
	color:white;
}

#auflistung_right ul {
	padding-top:32px;
	margin-left:27px;
	color:#87c4fc;
}

#shader_text {
	position:absolut;
	width:781px;
	margin-top:145px;
	background-color:rgba(0,0,0,0.7);
	height:85px;
	padding-left:35px;
	padding-right:15px;
}

#datenschutz {
	float:left;
	position:relative;
	width:1042px;
	font-size:12px;
	background:#000;
	padding:20px;
	overflow-y:scroll;
}

#datenschutz h3 {
	color:#87c4fc;
	font-size:14px;
}


#text p {
	float:left;
}

#text {
	float:left;
	position:relative;
	width:779px;
	font-size:12px;
}

#text h3 {
	color:#87c4fc;
	font-size:14px;
}

#text p {
	float:left;
}

#text li {
	float:right;
	list-style-type:none;
}

#text2 {
	float:left;
	position:relative;
	width:779px;
	font-size:12px;
	background-image:url(../gfx/startpage/kontakt_bg.jpg);
}

#text2 h3 {
	color:#87c4fc;
	font-size:14px;
}

#text2 p {
	float:left;
}

#text2 li {
	float:right;
	list-style-type:none;
}

#arrow {
	width:46px; 
	position:relative;
	float:left;
	left:20px;
	height:100%;
	background:black;
	border-left:1px solid #545454;
	border-top:1px solid #545454;
	border-bottom:1px solid #545454;
}

#arrow a {
	text-decoration:none;
	color:white;
}

#arrow img {
	margin-left:16px;
}

#cookie_banner a {color:#fff; text-decoration:underline;}

#cookie_banner a:hover {text-decoration:underline;}

#cookie_banner div {padding:10px; padding-right:40px;}

#cookie_banner { 
   outline: 1px solid #7b92a9; 
   text-align:right; 
   border-top:1px solid #fff;
   background: #00102c; 
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:12px; 
   line-height:16px;}

#cookie_bannerCloser {
   color: #00102c;
   font: 14px/100% arial, sans-serif;
   position: absolute;
   right: 5px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 5px;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #7b92a9; 
   border-right:1px solid #7b92a9; 
   padding:4px;
   background: #ced6df; /* Old browsers */
 }

#cookie_bannerCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}