@font-face {
    font-family: 'spiderbold';
    src: url('fonts/spiderbld-webfont.eot');
    src: url('fonts/spiderbld-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/spiderbld-webfont.woff') format('woff'),
         url('fonts/spiderbld-webfont.ttf') format('truetype'),
         url('fonts/spiderbld-webfont.svg#spiderbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'spiderregular';
    src: url('fonts/spiderreg-webfont.eot');
    src: url('fonts/spiderreg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/spiderreg-webfont.woff') format('woff'),
         url('fonts/spiderreg-webfont.ttf') format('truetype'),
         url('fonts/spiderreg-webfont.svg#spiderregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
#slider .ui-slider-range { background: #8ae234; }
#slider .ui-slider-handle { border-color: #8ae234; }
#slider {
	display:none;
  	width:200px;
  	margin:10px auto;
}
body, div, span, ul, li {
	font-family:'spiderregular',helvetica, arial;
	font-size:16px;
    /* letter-spacing:108%; */
    color:#16224a;
	margin:0;
	padding:0;
	background:transparent;
}
body {
	background-color:#17152C;
}
h1 {
	padding:20px 0 0 0;
	font-size:16px;
	margin:0px 0 20px 0;
	z-index:100;
	font-weight:normal;
	border-bottom:2px solid #01d0e9;
}
h1 span {
	background-color:#01d0e9;
	font-family:'spiderbold',helvetica, arial;
	padding: 3px 10px 0px 10px;
	margin:0;
	z-index:100;
}
h2 {
	font-family:'spiderbold',helvetica, arial;
	font-size:18px;
	padding:0;
	margin:0;
	font-weight:normal;
}
#page {
	background-color:#fff;
	background-image:url(images/header_outer.png);
	background-repeat:repeat-x;
	margin:0 auto;
	max-width:1440px;
	min-width:771px;
	padding:0;
	overflow:hidden;
	position:relative;
	z-index:0;
}
.embed {
	padding:10px 15px 10px 9px;
}
.inner {
	width:711px;
	margin: 0 auto 0 auto;
	overflow:visible;
}
.inner.first {
	background-image:url(images/header_inner.png);
	background-repeat:no-repeat;
	overflow:hidden;
}
.inner.content {
	z-index:10;
}
#rinfo {
	min-height:110px;
}
#header {
	
	height:300px;
	position:relative;
	z-index:150;
}
#header #logo {
	background-image:url(images/schriftzug.png);
	background-repeat:no-repeat;
	background-position: 278px 95px;
	position:absolute;
	width:900px;
	height:200px;
	top:0px;
}
#header #logo img,#header #logo {
	position:absolute;
	left:97px;
	top:20px;
}
img #low {
	top:40px;
	left:0px;
}
img #mid {
	top:40px;
	left:350px;
}
img #high {
	top:40px;
	left:400px;
}
#referenzen_wrapper {
	position:relative;
	background-color:#e2e2e2;
	background-image:url(images/verlauf_unten.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	z-index:140;
}
#content_wrapper {
	min-height:800px;

	position:relative;
	z-index:100;
  /* fallback */
  background-color: #fff;
  background: url(images/gradient_streifen.gif);
  background-repeat: repeat-x;
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#dde1e0));
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #fff, #dde1e0);
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #fff, #dde1e0);
  /* IE 10 */
  background: -ms-linear-gradient(top, #fff, #dde1e0);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #fff, #dde1e0);
}
#referenzen {
	width:100%;
	position:relative;
	overflow:hidden;
	padding: 0 0 20px 0;
}
#referenzen img {
	display:none;
	position:absolute;
	top:42px;
	
	z-index:50;
}
#referenzen img.mobile {
	z-index:20;
	top:60px;
}
#referenzen .abdeckung {
	width:590px;
	position:absolute;
	height:350px;
	top:15px;
	width:480px;
	background-color:#e2e2e2;
	z-index:40;
	display:none;
}
#referenzen img.maske {
	position:relative;
	display:block;
	top:10px;
	width:auto;
	z-index:200;
}
#referenzen img.maskemobile {
	position:relative;
	display:block;
	width:711px;
	z-index:200;
}
#menu_mobile {
	display:none;
	background-image:url(images/menu_mobile.png);
	background-repeat:no-repeat;
	background-position: 10px 10px;
	position:absolute;
	height:40px;
	width:40px;
	cursor:pointer;
}
ul#menu {
	list-style:none;
	position:absolute;
	margin:280px 0 0 100px;
	width:180px;
	position:fixed;
	z-index:200;
}
ul#menu li {
	width:180px;
	background-color:#fff;
	margin-bottom:2px;
	padding:2px 2px 0px 5px;
}
ul#menu li.aktiv {
	background-color:#fa6d53;
	color:#fff;
}
ul#menu.grau {
	width:99%;
	background-color:#fff;
	box-shadow: 0px 3px 5px #eee;
	top:0px;
	left:0px;
	padding: 10px 0 5px 1%;
}
ul#menu.grau li {
	background-color:#f0f0f0;
	display:inline-block;
	width:120px;
}
ul#menu.grau li.aktiv {
	background-color:#fa6d53;
	color:#fff;
}
ul#menu li.lan {
	margin-top:10px;
	margin-right:5px;
	width:20px;
	font-size:12px;
	float:left;
	text-align:center;
	padding:2px 2px 0px 2px;
}
ul#menu.grau li.lan {
	float:right;
	margin-top:5px;
	margin-right:1%;
	z-index:210;
}
ul#menu li a {
	color:#16224a;
	text-decoration:none;
}
ul#menu li a:hover,ul#menu li a:active,ul#menu li.aktiv a,ul#menu li:hover, ul#menu li:hover a {
	color:#fff;
	background-color:#fa6d53;
	text-decoration:none;
	cursor:pointer;
}
ul#inhalt {
	list-style:none;
	margin:0px 0 0px 0px;
	padding:20px 0 20px 0;
	position:relative;
	z-index:200;
}
ul#inhalt li {
	width: 710px;
}
ul#inhalt li .links {
	float:left;
	width:400px;
	padding:20px 15px 20px 9px; 
}
ul#inhalt li .links ul {
	margin:5px 0 5px 20px;
	padding:0;
	list-style:disc;
}
ul#inhalt li .links ul li{
	margin:0;
	padding:0;
}

ul#inhalt li .rechts {
	float:left;
	width:286px;
	padding:25px 0 0 0;
}
ul#referenzen_submenu {
	list-style:none;
	border-bottom:2px solid #01d0e9;
	padding: 10px 0 20px 0;
}
ul#referenzen_submenu li {
	display:inline-block;
	background-color:#fff;
	width:auto;
	margin: 2px 2px 2px 0px;
	padding: 2px 5px 0px 5px;
	cursor:pointer;
}
ul#referenzen_submenu li.aktiv,ul#referenzen_submenu li:hover {
	background-color:#fa6d53;
	color:#fff;
}
ul#referenzen_submenu li span {
	white-space:nowrap;
	font-size:14px;
}
.link a,.link a:link,.link a:visited,a,a:link,a:visited {
	color: #16224a;
}
.link a:hover,a:hover {
	color:#f9704e;
}	
#hintergrund {
}
#hintergrund img {
	position:absolute;
	z-index:110;
}

.clear {
	clear:both;
}
#klima {
	width:100%;
}
ul.climate {
	list-style: none;	
	width:100%;
}
ul.climate li {
	display:inline-block;
	margin-right:25px;
	width:auto!important;
}
ul.climate li:last-child {
	margin-right:0px;
}
ul.climate li .label {
	display: inline-block;
	font-size:12px;
}
ul.climate li .value {
	display: inline-block;
	font-size:12px;
	text-align:left;
	margin-left:5px;
}
#chart.druck {
	right:20px;
	margin-top:5px;
	position:absolute;
}