/*----- HZML Elmente -----*/

html, body {
	background: #69C url('../images/bgBody.jpg') repeat-x;
	color: #036;
	/*font-size: 100.01%;*/
	font-size: 88%;
	height: 100%;
	margin: 0;
	padding: 0; }

* {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	/*font-size: 0.95em;*/}

p, i {
	padding: 0 0 5px 0; 
	margin: 0 0 0 0;
	line-height: 1.3em;}

i 	{
	line-height: normal;}

	
h1 {
	font-size: 1.3em; 
	margin-top:10px;
	text-transform: uppercase;	}

h2 {
	font-size: 1.2em; 
	margin-top:5px;}  

h3 {
	font-size: 1.1em; 
	margin-top: 30px;
	display: block;
	border-bottom: solid 1px #036;}  

img {
	border: 0px; }	

table {
	border: 1px solid #CCC; 
	border-collapse: collapse; }	

th, td{
	border: thin solid #CCC; }

td {
	text-align: left; }
	
acronym {
	text-decoration: underline;}	


	
/* ----------------------------- Oben ----------------------------- */	
#top {
	position: relative;
	width: 100%;
	background: #F93 url('../images/bgTop.jpg') repeat-x;
	border-bottom: solid 1px #FFF;
	margin: 0;
	padding: 0; }

#topNavi {
	text-align: right;
	height: 19px;
	padding: 181px 200px 0 0; }

#banner {
	background: #F93 url('../images/bgBanner.jpg');
	width: 900px;
	border-left: 1px solid #FFF; 
	border-right: 1px solid #FFF; 
	margin-left: auto; 
	margin-right: auto; }

	

/*----------------------------- Mitte ----------------------------- */

#middle {
	background: #F93 url('../images/bgMiddle.gif');
	width: 900px;
	border-left: 1px solid #FFF; 
	border-right: 1px solid #FFF; 
	border-bottom: 1px solid #FFF; 
	margin: 0 auto 0 auto; }
	
	
/* Main Navigation */
#mainNavi {
	float: left;
	width: 200px; 
	padding: 0px;
	margin: 0px; }

div.navi{
	border-bottom: solid 1px #FFF; }	
div.navi a {
	text-indent: 20px;}	
div.navi ul li ul li a {
	text-indent: 0px; }		



#mainNavi p {
	color: #036;
	font-size: 1.1em; 
	font-weight: bold; 
	text-transform: uppercase; 
	padding: 4px 0 2px 10px;
	margin: 0px;}
	
.unternehmen {
	background-color: #F93; }
.kundenservice {
	background-color: #FC9; }
.preise {
	background-color: #69C; }
.netz {
	background-color: #99C; }
.kontakt {
	background-color: #CCF; }



/* Content */
#content  {
	float: left;
	width: 440px;
	padding: 0 30px 0 30px;	
	text-align: justify; }

#content li {
	padding-bottom: 5px;}

#content img {
	border: solid 1px #036;}	
#content img.noborder {
	border: none; }	

#content li {
	padding-bottom: 5px;}	


/* News */
#news  {
	float: right;
	width: 180px; }		
#news h1  {
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: bold;
	margin: 20px 0 0 0; }		


/* Adresszeile */	
#adress {
	clear: both;
	position: relative;
	background: #F93 url('../images/bgFooter.gif');
	border-top: solid 1px #FFF;
	width: 900px;
	height: 85px; }		

#adress p {
	color: #036;
	padding: 2px 0 0 5px; }		


/* ----- Formulare ----- */
fieldset {
	margin: 20px 0 20px 0; 
	padding: 10px; }	

legend {
	font-weight: bold; 
	margin: 0 0 10px 0; }	

label {
	float: left; 
	width: 120px; 
	margin-right: 10px; 
	text-align: right; }

span.info{
	font-size: 0.8em; }	

fieldset div {
	margin-top: 10px; 
	background-color: #FFE6CC;
	padding: 5px; }	
	
/* ----- Tabelle Trinkwasseranalyse ----- */
table.wasser{
	width: 100%; }
table.wasser th, table.wasser td{
	padding: 5px; 
	border: 2px solid #FFF; }
td.bereich, th.bereich {
	background-color: #E7F4FD; }
td.b1, th.b1 {
	background-color: #D2E6FA; }
td.b2, th.b2 {
	background-color: #C8DCF0; }
td.b3, th.b3 {
	background-color: #B4C8DC; }
td.b4, th.b4 {
	background-color: #A0B4C8;}
	
	
/* ----------------------------- Fußzeile ----------------------------- */
#footer {
	margin: 10px auto 20px auto; }    


	
	
/* ----- Formulare ----- */
fieldset {
	margin: 20px 0 20px 0; 
	padding: 10px; }	

legend {
	font-weight: bold; 
	margin: 0 0 10px 0; }	

label {
	float: left; 
	width:120px; 
	margin-right: 10px; 
	text-align: right; }

span.info{
	font-size: 0.8em; }	

fieldset div {
	margin-top: 10px; 
	background-color: #FFE6CC;
	padding: 5px; }	


/* ----- Links ----- */
	
#content a:link, #content a:visited {
	color: #069; }
#content a:hover, #content a:active {
	color: #069; }		

#topNavi a {
	text-decoration: none;
	text-transform: uppercase; 
	display: inline; 
	margin-right: 15px;
	padding: 30px 5px 5px 5px;}	
#topNavi a:link, #topNavi a:visited {
	background-color: #FFE6CC;
	color: #036; }
#topNavi a:hover, #topNavi a:active, #topNavi a:focus {
	background-color: #CCC;
	color: #036; }


#mainNavi a {
	text-decoration: none;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	display: block; 
	/*text-indent: 20px;*/
	width: 100%;
	padding: 1px 0 1px 0px; }	
#mainNavi a:link, #mainNavi a:visited {
	background-color: transparent;
	color: #036; }
#mainNavi a:hover, #mainNavi a:active, #mainNavi a:focus {
	background-color: #CCC;
	border-top: solid 1px #FFF;
	border-bottom: solid 1px #FFF;
	color: #036; }

#news a:link, #news a:visited {
	color: #036; }
#news a:hover, #news a:active {
	color: #369; }		

#adress a:link, #adress a:visited, #footer a:link, #footer a:visited {
	color: #FFF; }
#adress a:hover, #adress a:active, #footer a:hover, #footer a:active {
	color: #036; }		


	
/* ----- Tree Menu ----- */	

#menuInfo, #menuVertrieb, #menuNetz{ 
	list-style: none; 
	margin: 0px;
	padding: 0px; }

li.treeMenu_opened ul { 
	display: block; }
li.treeMenu_closed  ul { 
	display: none; }
		
li.main ul {	
   list-style: disc; }
	
li.main ul li a:link,  li.main ul li a:visited, li.main ul li a:hover, li.main ul li a:active, li.main ul li a:focus {
	width: 160px;
	background-color: transparent !important;
	border: none !important; }	

li.main ul li a:link,  li.main ul li a:visited {
	color: #036 !important; }
	
li.main ul li a:hover, li.main ul li a:active, li.main ul li a:focus {
	color: #FFF !important; }
	


/* ----- Allgemeine Klassen ----- */	
.left{
	float: left;
	margin-right: 15px; }
.right{
	float: right;
	margin-left: 15px; }
.mid {
	display: block;
	margin: 0 auto 0 auto; 
	text-align: center; }
.small {
	font-size: 0.8em;  }	
.big {
	font-size: 1.5em;  
	font-weight: bold;}	
.noborder {
	border: none; }