/* for changing */
.header_height {
	height: 133px;
}
.navi_height {
	height: 46px;
}
.spacing_left {
	width: 88px;
}
.center_width {
	width: 865px;
}
.spacing_right {
	width: 71px;
}
.content_spacing {
	padding-left: 0px;
}

body {
	margin: 0px;
	font-family:'arial';
	font-size:12px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
}
.background {
}
.background_header {
	background-image: url("../pics/bg/green.jpg");
}
.background_navi {
	background-image: url("../pics/bg/brown.jpg");
}
#display_blocker {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #fff;
	top: 0px;
	left: 0px;
	font-size: 20px;
	font-weight: bold;
	padding: 50px;
}
.overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	text-algin: center;
}
.main_frame {
	margin: auto;
	width: 1024px;
}
.main_frame_header {
}
.main_frame_header_l {
	background-image: url("../pics/bg/header_left.jpg");
	float: left;
}
.main_frame_header_c {
	background-image: url("../pics/bg/header.jpg");
	float: left;
}
.main_frame_header_r {
	background-image: url("../pics/bg/header_right.jpg");
	float: left;
}
.main_frame .main_frame_navi {
}
.main_frame_navi_l {
	background-image: url("../pics/bg/navi_left.jpg");
	float: left;
}
.main_frame_navi_c {
	background-image: url("../pics/bg/nav_bg.jpg");
	float: left;
}
.main_frame_navi_r {
	background-image: url("../pics/bg/navi_right.jpg");
	float: left;
} 
.main_frame_navi_text {
	background-image: url("../pics/bg/nav_right.jpg");
	background-position: right top;
	background-repeat: no-repeat;
	color: #fff;
	text-align: left;
	padding-left: 24px;
	font-size: 25px;
	font-weight: bold;
	padding-top: 6px;
}
.main_frame_content {
	background-image: url("../pics/bg/hintergrund.jpg");
	background-repeat: no-repeat;
	padding-right: 130px;
}
.main_frame_footer {
	background:	transparent url(../pics/bg/hintergrund.jpg) repeat-y scroll center bottom;
	padding-left: 20px;
	clear: both;
}
.main_frame_inner_footer {
	margin: auto;
	background-color:#E6E6E6;
	border-top:1px solid #A7A7A7;
	display:block;
	position:relative;
	text-align:left;
	width:845px;
	padding: 10px;
}
.main_frame_bottom {
	background: transparent url(../pics/bg/break.jpg) repeat-y scroll 50% 0;
	height: 70px;
}

.footer_table {
	width: 650px;
}
.legend  {
	float: left;
	width: 77px;
	text-align: center;
}
.legend_element {
	width: 20px;
	height: 10px;
	margin: auto;
}

.canvas_barometer {
	width: 400px;
	height: 30px;
	margin: auto;
}
.barometer {
	width: 400px; height: 30px; margin: auto;
	float: left;
	top: 0px;
	left: 0px;
}
.barometer_item {
	float: left;
	margin: 0px;
	padding: 0px;
	height: 30px;
	background-image: url(../pics/co2rechner/balken5.jpg);
}
.barometer1 {
	background-image: url(../pics/co2rechner/balken5.jpg);
	background-repeat: no-repeat;
}
.barometer2 {
	background-image: url(../pics/co2rechner/balken1.jpg);
	background-repeat: no-repeat;
}
.barometer3 {
	background-image: url(../pics/co2rechner/balken2.jpg);
	background-repeat: no-repeat;
}
.barometer4 {
	background-image: url(../pics/co2rechner/balken3.jpg);
	background-repeat: no-repeat;
}
.barometer5 {
	background-image: url(../pics/co2rechner/balken4.jpg);
	background-repeat: no-repeat;
}
.barometer_l {
	width: 30px;
	background-position: top left;
	background-repeat: no-repeat;
}
.barometer_c {
	background-position: -30px 0px;
}
.barometer_r {
	width: 30px;
	background-position: top right;
	background-repeat: no-repeat;
}
.status_bar {
	background-image: url(../pics/bg/statusbar.jpg);
}