/* CSS Document */
@font-face {
	font-family: 'TheSans';
	src: url('fonts/TheSansOffice5_.eot');
	src: local('☺'), url('fonts/TheSansOffice5_.woff') format('woff'), url('fonts/TheSansOffice5_.ttf') format('truetype'), url('fonts/TheSansOffice5_.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
* {
    margin: 0;
    padding: 0;
}

html {height: 100.1%}

body {
	background-color: #f4fbfd;
	color:#4d4e53;
	padding:10px 0;
	font: 11px/140% Verdana, 'Geneva, sans-serif';
}
.center {width:962px; margin:0 auto; height:auto!important;  height:100%; position:relative; background-color:#fff; }
.contentaround {width:920px; padding:42px 21px 10px 21px; position: relative;  min-height:750px!important;height:auto!important; overflow:auto}

/********************** LEFT ********************************/
#leftarea {width:215px; margin-right:20px; float:left; height:auto}
#leftarea a {display:block; padding:4px 0; border-bottom:1px dotted #d7d7d7}
#leftarea ul {
	list-style-position: inside;
	list-style-type: none;
	padding-bottom:40px;
	border-bottom:1px dotted #d7d7d7;
	border-top:1px dotted #d7d7d7
}
#leftarea ul li a, #leftarea ul li a:visited {display:block; padding:4px 0; border-bottom:1px dotted #d7d7d7; color:#4d4e53!important}
#leftarea ul li a:hover {display:block; padding:4px 0; border-bottom:1px dotted #d7d7d7; color:#00a9e0!important; text-decoration:underline }
#leftarea .ON {color: #00a9e0!important}


/********************** CONTENT ********************************/
.content {width:450px; float:left; margin-top:-10px; min-height:500px!important; height:auto !important; overflow:auto; overflow-x:hidden;  }
.content ul, .content ol {margin:0 0 5px 35px; }
.content ul li, .content ol li {font: 11px/140% Verdana, 'Geneva, sans-serif'; margin-bottom: 8px}
.tableTEST td {padding: 4px 0 ;
border-bottom:1px solid #d7d7d7;}
.tableTEST table {border-top:1px solid #d7d7d7;}

#left a.show_hide, #left a.show_hide:visited {display:block; padding:5px 0; border-bottom:1px dotted #d7d7d7; color:#00a9e0!important; font: 12px/150% Verdana, 'Geneva, sans-serif';}
#left a.show_hide:hover, a.show_hide:active  {background:#f4fbfd; text-decoration:none}

#left a.ON {background:#f4fbfd; text-decoration:underline; font-weight:bold}

/*****KLAPP-EBENEN****/

#klapp1, #klapp2, #klapp3, #klapp4, #klapp5, #klapp6, #klapp7, #klapp8, #klapp9, #klapp10, #klapp11, #klapp12, #klapp13,  #klapp14,  #klapp15, #klapp16  {
	position:absolute;
	left:256px;
	width:330px;
	background-color: #ffffff;
	margin:-1px 0px 0px 119px;
	border:1px solid #e5e5e5;
	display:none;

}

 
 #klapp17 {
	position:absolute;
	left:256px;
	width:330px;
	top:176px;
	background-color: #ffffff;
	margin:0px 0px 0px 119px;
	border:1px solid #e5e5e5;
	display:none;

}



.klapp {padding:10px 10px 0px 10px; color:#000; text-decoration:none}
a.klapptxt {color:#000!important;  text-decoration:none}



/********************** RIGHT ********************************/
.rightarea {width:215px; padding-left:0px; float:right}
.contactbox {
	width:163px;
	min-height:46px;
	overflow: auto;
	border:1px solid #d7d7d7;
	padding: 6px 10px 6px 40px;
	background-color: #fafafa;
	background-image: url(img/icn_contact.png);
	background-repeat: no-repeat;
	background-position: 6px 6px;
	margin-bottom:12px
}
.bucket {width:215px; color:#fff; margin-bottom:12px}
		.bucketBOTTOM {
	min-height:53px;
	overflow:auto;
	background-image: url(img/bucket_bottom.png);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 5px 10px 0 10px;
	
}
	
.bucketTOP {font-size:12px;
	height:37px;
	background-image: url(img/bucket_top.png);
	background-repeat: no-repeat;
	background-position: top;
	padding: 5px 10px 0 10px;
	font-weight:bold;
	
}

			.bucketWHITE {width:213px; color:#4d4e53; margin-bottom:12px; border:1px solid #d7d7d7;
			background-color: #fafafa;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;}
		
			.bucketWhiteTOP {font-size:12px;
				height:37px;
				background-repeat: no-repeat;
				background-position: top;
				padding: 5px 10px 0 10px;
				font-weight:bold;
				color: #009a49
			}
			.bucketSternTOP {font-size:12px;
				height:20px;
				background-repeat: no-repeat;
				background-position: top;
				padding: 5px 10px 0 10px;
				font-weight:bold;
				color: #2d2d2d
			}
			.stern {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	vertical-align: -52%;
	color:#009a49
}

			.bucketWhiteBOTTOM {
			min-height:53px;
			overflow:auto;
			background-repeat: no-repeat;
			background-position: bottom;
			padding: 5px 10px 5px 10px;
			
		}

a.buck, a.buck:visited {color:#fff!important}

.suche {width: 187px; border:1px solid #d7d7d7; padding:2px; margin: 3px 0}

/********************** RIGHT ********************************/
#homebuckets {clear:both; padding-left:233px; padding-top:20px}

/******************************************************/
.BGgreen {background-color:#009a49}
.BGgrey {background-color:#4d4f53}
.BGblue {background-color:#00a9e0}

/******************************************************/

a, a:visited {color:#00a9e0; text-decoration:none}
a:hover {color:#00a9e0; text-decoration:underline}

h1 {
	color: #009a49;
	font: normal 28px/120%  'TheSans', Verdana, 'Geneva, sans-serif'; margin: 0 0 20px 0

}
h2 {
	color: #009a49;
	font: normal 16px/140%  'TheSans', Verdana, 'Geneva, sans-serif'; margin: 15px 0 15px 0
}
h3 {
	color: #00a9e0;
	font: bold 12px/140% Verdana, 'Geneva, sans-serif';  margin-bottom: 8px

}
p {margin-bottom: 8px}






.blue {color: #00a9e0}
.green {color: #009a49}
.line {height:10px; border-bottom: 1px dotted #ccc; margin-bottom: 14px; clear:both}
.pict {float:right; margin: 0 0 0 20px}
.pictLI {float:left; margin-right: 20px}
.box {float:left; margin-right: 20px; width:225px; border: 1px solid #ccc}
.box p, .box h3, .box h2 {padding-left:8px}
.small {font-size:10px}
sub {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: -10%;
}
sup {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; vertical-align: 20%}
* html sup {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; vertical-align: 20%}


.footer {padding: 12px 21px; border-top:1px solid #d7d7d7; font-size: 10px; position:relative}


/********************* results ********************************/
 .TABleft{
	padding-right: 8px;
	font-size: 11px;
	padding-bottom: 8px;
}
.TABright{
	padding-left: 10px;
		font-size: 11px;
		border-left: 1px solid #d7d7d7;
			padding-bottom: 8px;
}
.FACTtxt{
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.CO2red {
	color: #892113;
}
.N2green {
	color: #007236;
}
.O2blue{
color:#3664B1;}

.picTXT {
	margin-bottom: 10px;
	float: left;
	margin-right: 10px;
		margin-top: 2px;
}

.blocksatz {-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto; text-align:justify}

.legende {border: dotted 1px #d7d7d7; color:#ababab; font-size:10px; padding:10px; -webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto; text-align:justify; line-height:120%; margin-bottom:12px;}