/* 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; position:relative; background-color:#fff}
.contentaround {width:920px; padding:42px 21px 32px 21px; position: relative; height: auto; 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}
#leftarea ul li a:hover {display:block; padding:4px 0; border-bottom:1px dotted #d7d7d7; color:#00a9e0; text-decoration:underline }
#leftarea .ON {color: #00a9e0!important}


/********************** CONTENT ********************************/
.content {width:450px; float:left; margin-top:-10px }
.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}

.tablePurity td {padding: 4px 0 ;
border-bottom:1px solid #d7d7d7;}
.tablePurity  {border-top:1px solid #d7d7d7;}

.tableRange td {padding: 4px 0 ;
border-bottom:1px solid #d7d7d7; font-size:0.95em}
.tableRange  {border-top:1px solid #d7d7d7;}

/********************** RIGHT ********************************/
.rightarea {width:215px; padding-left:20px; float:left}
.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
}
.downloadbox {
	width:193px;
     height:auto;
	border:1px solid #d7d7d7;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	padding: 10px;
	background-color: #fafafa;
	margin-bottom:12px
}
.downloadbox h1 {font-size:12px; color:#009a49; font-weight:bold}

.zitatbox-re {
	width:193px;
     height:auto;
	border:1px dotted #d7d7d7;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	padding: 10px;
	background-color: #fafafa;
	margin-bottom:12px
}
.zitatbox-re h1 {font-size:12px; color:#009a49; font-weight:bold}



.bucket {width:215px; color:#fff; margin-bottom:12px}
.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;
	
}
.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;
	
}
a.buck, a.buck:visited {color:#fff!important}

/********************** 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 30px/120% 'TheSans', Verdana, 'Geneva, sans-serif'; margin: 0 0 14px 0
}


h2 {
	color: #009a49;
	font: normal 18px/120% 'TheSans', Verdana, 'Geneva, sans-serif'; margin: 14px 0 12px 0 
}
h3 {
	color: #009a49;
	font: bold 11px/140% Verdana, 'Geneva, sans-serif';  margin-bottom: 8px

}
h4 {
	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: 0.8em;
	vertical-align: -10%;
}
sup {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; vertical-align: 20%}
* html sup {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; vertical-align: 20%}

blockquote {margin:0 0 5px 35px; }
.footer {padding: 12px 21px; border-top:1px solid #d7d7d7; font-size: 10px}

.zitatbox {padding:10px 10px 0 10px;
border: 1px dotted #00a9e0; margin-bottom:15px; 	background-color: #f4fbfd;
}

.grafbox {padding:10px 10px 0 10px;
border: 1px dotted #d7d7d7; margin-bottom:15px; 	
}

.FAQ {color: #009a49;
	font: bold 16px/140% Verdana, 'Geneva, sans-serif';}
	
dd {padding-left:30px}