/*.....Standard Allgemein HTML................................................ */
html {
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
margin: 0px;
}
body  {
background-color:#ffffff;
background-image:url(bilder/bg.gif);/*kachel.gif*/
background-repeat:repeat;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
font-weight:normal;
text-decoration: none;
}
body, textarea {
        scrollbar-face-color:#dbdbdb;
        scrollbar-highlight-color:#ffffff;
        scrollbar-3dlight-color:#dddddd;
        scrollbar-shadow-color:#ffffff;
        scrollbar-darkshadow-color:#cccccc;
        scrollbar-track-color:#ffffff;
        scrollbar-arrow-color:#0099ff;
}


.aussen {
border: 1px solid #999999;
}
#content_rahmen {
font-size:11px;   
font-family: Arial, Helvetica, sans-serif;
color:#000000;
line-height: 18px;
font-weight: normal;
border: 0px solid #000000;
height:560px;
}

.contentscroll {
width:750px; 
height:410px; 
overflow:auto;
padding-left: 21px;
vertical-align: top;
text-align: left;
/*background-color: #ffffff;/*#f4f4f4*/
}
#logos {
background-image: url(bilder/logo-head.gif);
background-position: top left;
background-repeat: no-repeat;
width:995px; 
height:54px; 
}
.table-content-wasserturm {
font-size:12px;   
font-family: Arial, Helvetica, sans-serif;
color:#000000;
line-height: 22px;
font-weight: normal;
border: 0px solid #000000;
width:690px;
}
.table-content {
font-size:12px;   
font-family: Arial, Helvetica, sans-serif;
color:#000000;
line-height: 22px;
font-weight: normal;
border: 0px solid #000000;
width:690px;
}
/*.....turm zieht die höhe des inhalts auseinander.....................lk*/
#turm {
background-image: url(bilder/turm-bg.jpg);
background-position: bottom left;
background-repeat: no-repeat;
}
#block {
background-image: url(bilder/block.gif);
background-position: bottom left;
background-repeat: no-repeat;
}

#bg_content_bottom {
background-image: url(bilder/bg-content.jpg);
background-position: bottom left;
background-repeat: no-repeat;
}
h1 {
font-size:17px;   
font-family: Arial, Helvetica, sans-serif;
color:#444444;
line-height: 20px;
font-weight: bold;
}
h1.head {
font-size:14px;   
font-family: Arial, Helvetica, sans-serif;
color:#0099ff;
line-height: 20px;
font-weight: bold;
}
h2 {
font-size:14px;   
font-family: Arial, Helvetica, sans-serif;
color:#0099ff;
font-weight: bold;
text-decoration:underline;
}
h3 {
font-size:12px;   
font-family: Arial, Helvetica, sans-serif;
color:#0099ff;
line-height: 20px;
font-weight: bold;
}
h3.rubrik {
font-size:12px;   
font-family: Arial, Helvetica, sans-serif;
color:#0099ff;
line-height: 20px;
font-weight: bold;
height:20px;
}
h4 {
font-size:12px;   
font-family: Arial, Helvetica, sans-serif;
color:#444444;
line-height: 20px;
font-weight: normal;
}
p {
font-size:12px;   
font-family: Arial, Helvetica, sans-serif;
color:#444444;
line-height: 20px;
font-weight: normal;
}
p.flies {
font-size:11px;   
font-family: Arial, Helvetica, sans-serif;
color:#444444;
line-height: 20px;
font-weight: normal;
}
p.blau {
font-size:11px;   
font-family: Arial, Helvetica, sans-serif;
color:#444444;/*#005C96*/
line-height: 20px;
font-weight: bold;
}

.stern {
font-size:14px;   
font-family: Arial, Helvetica, sans-serif;
color:#990000;
font-weight: bold;
}
.tabref {
background-color: #ffffff;
border: 0px solid #999999;
}
.dunkel {
background-color: #eaeaea;
border: 0px solid #999999;
font-size:12px;   
font-family: Arial, Helvetica, sans-serif;
color:#444444;
line-height: 18px;
font-weight: normal;
}
.hell {
background-color: #efefef;
border: 0px solid #999999;
font-size:12px;   
font-family: Arial, Helvetica, sans-serif;
color:#444444;
line-height: 18px;
font-weight: normal;
}

.copyright {
font-size:11px;   
font-family: Arial, Helvetica, sans-serif;
color:#ffffff;
line-height: 28px;
font-weight: normal;
padding-left:24px;
vertical-align:middle;
}
.subtext {
font-size:11px;   
font-family: Arial, Helvetica, sans-serif;
color:#ffffff;
line-height: 28px;
font-weight: bold;
padding-left:11px;
vertical-align:middle;
}
.blau {
font-size:11px;   
font-family: Arial, Helvetica, sans-serif;
color:#005C96;/*#005C96*/
line-height: 20px;
font-weight: bold;
}
.rot {
font-size:12px;   
font-family: Arial, Helvetica, sans-serif;
color:#bf0000;/*#005C96*/
font-weight: normal;
}
.text_imp {
font-size:11px;   
font-family: Arial, Helvetica, sans-serif;
color:#444444;
line-height: 20px;
font-weight: normal;
text-align: justify;
}
.text {
font-size:12px;   
font-family: Arial, Helvetica, sans-serif;
color:#444444;
line-height: 20px;
font-weight: normal;
}
.textbold {
font-size:12px;   
font-family: Arial, Helvetica, sans-serif;
color:#444444;
line-height: 20px;
font-weight: bold;
}
.rubriktext {
font-size:12px;   
font-family: Arial, Helvetica, sans-serif;
color:#444444;
line-height: 20px;
font-weight: normal;
vertical-align:top;
}
.rubriktextbg {
font-size:12px;   
font-family: Arial, Helvetica, sans-serif;
color:#444444;
line-height: 20px;
font-weight: bold;
vertical-align:top;
background-color:#e5e5e5;
}
.rubrik {
font-size:12px;   
font-family: Arial, Helvetica, sans-serif;
color:#444444;
line-height: 18px;
font-weight: bold;
vertical-align:top;
}
.rubrik-blau {
font-size:12px;   
font-family: Arial, Helvetica, sans-serif;
color:#0099ff;
line-height: 18px;
font-weight: bold;
}
.rubrik-r {
font-size:12px;   
font-family: Arial, Helvetica, sans-serif;
color:#444444;
line-height: 18px;
font-weight: bold;
vertical-align:top;
text-align:right;
}
.rubriktext-r {
font-size:12px;   
font-family: Arial, Helvetica, sans-serif;
color:#444444;
line-height: 20px;
font-weight: normal;
vertical-align:top;
text-align:right;
}
.rubriktextbg-r {
font-size:12px;   
font-family: Arial, Helvetica, sans-serif;
color:#444444;
line-height: 20px;
font-weight: bold;
vertical-align:top;
background-color:#e5e5e5;
text-align:right;
}
.rubriktextbg {
font-size:12px;   
font-family: Arial, Helvetica, sans-serif;
color:#444444;
line-height: 20px;
font-weight: bold;
vertical-align:top;
background-color:#e5e5e5;
}
.textboldfelder{   
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-align: right;
padding-right: 10px;
color:#000000;
}


UL.anlagen, OL.anlagen, LI.anlagen
{
list-style-image:url(bilder/pfeil-normal.gif);
font-size:12px;   
font-family: Arial, Helvetica, sans-serif;
color:#444444;
line-height: 20px;
font-weight: normal;
}
UL.normal, OL.normal, LI.normal
{
list-style-image:url(bilder/pfeil-normal.gif);
font-size:12px;   
font-family: Arial, Helvetica, sans-serif;
color:#444444;
line-height: 21px;
font-weight: normal;
padding-bottom: 0px;
}
UL.netz, OL.netz, LI.netz
{
list-style-image:url(bilder/pfeil-normal.gif);
font-size:12px;   
font-family: Arial, Helvetica, sans-serif;
color:#444444;
line-height: 21px;
font-weight: normal;
padding-bottom: 8px;
}
UL.text, OL.text, LI.text
{
list-style-image:url(bilder/pfeil-normal.gif);
font-size:12px;   
font-family: Arial, Helvetica, sans-serif;
color:#444444;
line-height: 21px;
font-weight: normal;
padding-bottom: 10px;
}
OL.erdgas, LI.erdgas
{
font-size:12px;   
font-family: Arial, Helvetica, sans-serif;
color:#444444;
line-height: 20px;
font-weight: normal;
padding-bottom: 6px;
}

fieldset
{
	width: 100%;
	border-width: 1px;
	border-color: #cccccc;
	border-style: solid;	
	padding-left: 20px;
	text-align: left;
	padding-right: 0px;
	padding-top: 10px;
}

legend
{
font-size:12px;   
font-family: Arial, Helvetica, sans-serif;
color:#0099ff;
line-height: 20px;
font-weight: bold;
}

li {
font-size:11px;   
font-family: Arial, Helvetica, sans-serif;
color:#444444;
line-height: 18px;
font-weight: normal;
}
.eins {
list-style-image: url(bilder/bullet.gif);
font-size:11px;   
font-family: Arial, Helvetica, sans-serif;
line-height: 20px;
}
.zwei {
list-style-image: url(bilder/bullet2.gif);
font-size:11px;   
font-family: Arial, Helvetica, sans-serif;
line-height: 20px;
}

#tab_div {
background-color: #F0F7EF;
}
.orange {
color: #ff9933;
font-size:11px;   
font-family: Arial, Helvetica, sans-serif;
line-height: 20px;
font-weight: bold;
}
.gruen {
color: #009900;
font-size:11px;   
font-family: Arial, Helvetica, sans-serif;
line-height: 20px;
font-weight: bold;
}
.noscreen {
display:none;
visibility: hidden;
}
.noprint {
visibility: visible;
}
.weg {
display:none;
visibility: hidden;
}
.border {
border: 1px solid #cccccc;
}
.img-border {
border: 1px solid #ffffff;
}
.img-border-2 {
border: double #cccccc;/*#80C8FF*/
}

/*----------------------------------------------------------------------------*/

input, select {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
textarea {
width:236px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
background-color: #FFFFFF;
}
.radiocheck { 
background-color: transparent;
 }
 
 .textboldfelder
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-align: right;
padding-right: 5px;
color:#333333;
}
.inputfelder
{
	width: 180px;
   font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	border-bottom: 1px solid #BFBFBF;
	border-left: 1px solid #BFBFBF;
	border-right: 1px solid #BFBFBF;
	border-top: 1px solid #BFBFBF;
	background-color: #ffffff;
}
.inputfelder2
{
	width: 490px;
   font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	border-bottom: 1px solid #BFBFBF;
	border-left: 1px solid #BFBFBF;
	border-right: 1px solid #BFBFBF;
	border-top: 1px solid #BFBFBF;
	background-color: #ffffff;
}
input.herri {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color:#ffffff;
	border: #B8B8B4 0px solid;
}
.drops
{
   font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	border-color: #BFBFBF;
	border-style: solid;
	border-width: 1px;
	background-color: #ffffff;
}

.button
{
	width: 86px;
	height: 20px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	border-color: #BFBFBF;
	border-style: solid;
	border-width: 1px;
	background-color: #ffffff;
	font-weight: bold;

}

TEXTAREA {
	BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; FONT-SIZE: 9pt; BACKGROUND: #F8F8E3; 
	MARGIN: 0px; BORDER-LEFT: #999999 1px solid; COLOR: #333333; BORDER-BOTTOM: #999999 1px solid; 
	font-family: Arial, Helvetica, sans-serif; width: 480px;	
}

INPUT {
	BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid;
	FONT-SIZE: 9pt; BACKGROUND: #F8F8E3; MARGIN: 0px; BORDER-LEFT: #999999 1px solid; 
	color:#333333; BORDER-BOTTOM: #999999 1px solid; font-family: Arial, Helvetica, sans-serif; 
	margin-bottom: 0px; margin-top: 0px; 

}
INPUT.tariffelder {
	BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid;
	FONT-SIZE: 9pt; BACKGROUND: #F8F8E3; MARGIN: 0px; BORDER-LEFT: #999999 1px solid; 
	color:#333333; BORDER-BOTTOM: #999999 1px solid; font-family: Arial, Helvetica, sans-serif; 
	margin-bottom: 0px; margin-top: 0px;  width: 100px;
}
INPUT.berechnung {
	BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid;
	FONT-SIZE: 9pt; BACKGROUND: #cccccc; MARGIN: 0px; BORDER-LEFT: #999999 1px solid; 
	color:#000000; BORDER-BOTTOM: #999999 1px solid; font-family: Arial, Helvetica, sans-serif; 
	margin-bottom: 0px; margin-top: 0px; width: 120px;
}


SELECT {
	BORDER-RIGHT: #fc6404 1px solid; BORDER-TOP: #fc6404 1px solid; FONT-SIZE: 9pt; BACKGROUND: #F8F8E3; 
	MARGIN: 0px; BORDER-LEFT: #fc6404 1px solid; COLOR: #333333; BORDER-BOTTOM: #fc6404 1px solid; 
	font-family: Arial, Helvetica, sans-serif;
}

/*........................................................................................................*/

.menubg {
font-size:11px;
font-family: Arial, Helvetica, sans-serif;
line-height: 20px;
height:24px; 
background-color: #0099ff;
border: 1px solid #ffffff;
font-style: normal;
padding: 0px 0px 0px 0px;
text-align:center;
vertical-align:middle;
}
.menubgaktiv {
font-size:11px;
font-family: Arial, Helvetica, sans-serif;
line-height: 20px;
height:24px; 
background-color: #ffffff;/*#3eb0ff*/
border: 1px solid #ffffff;
font-style: normal;
padding: 0px 0px 0px 0px;
text-align:center;
vertical-align:middle;
}

/* listen navi  */
#navigation {
   background-color: transparent;
   font-family: Arial, Helvetica, sans-serif;
   font-size:11px;
   }
#navigation LI {
   background-color: transparent;
   padding: 0;
   margin: 0;
   list-style: none;
   width: 141px;
   padding:3px 0px;

   }
#navigation UL {
   background-color: transparent;
   padding-left: 10;
   margin: 0;
   }
#navigation A.sub {
   font-family: Arial, Helvetica, sans-serif;
   text-decoration: none;
   display: block;
   padding: 0px 15px;
   border: none;
   margin: 0;
   width: 134px;
   }
#navigation A.sub:link, #navigation A.sub:visited {
   color: #fff;
   background:url(bilder/pfeil.gif) no-repeat 0% 0%;
   }
#navigation A.sub:hover, #navigation A.sub:focus {
   color:#000000;
   background:url(bilder/pfeil-black.gif) no-repeat 0% 0%;
   }

/* listen navi aktiv  */

#navigation A.subaktiv {
   font-family: Arial, Helvetica, sans-serif;
   text-decoration: none;
   display: block;
   padding: 0px 15px;
   border: none;
   margin: 0;
   width: 134px;
   }
#navigation A.subaktiv:link, #navigation A.subaktiv:visited, #navigation A.subaktiv:hover, #navigation A.subaktiv:focus {
   color: #000;
   background: url(bilder/pfeil-black.gif) no-repeat 0% 0%;
   }



/*	--- Link --- */

a:link {   
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#0099ff;
text-decoration: none;
font-weight: normal;
}
a:visited {   
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#0099ff;
text-decoration: none;
font-weight: normal;
}
a:hover {   
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#990000;
text-decoration: underline;
font-weight: normal;
}
a:active {   
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#990000;
text-decoration: underline;
font-weight: normal;
}
/*............................................*/



a.nav:link {   
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
line-height: 23px;
text-decoration: none;
padding-top: 0px;
font-weight: bold;
}
a.nav:visited {   
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
line-height: 23px;
text-decoration: none;
padding-top: 0px;
font-weight: bold;
}
a.nav:hover {   
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
line-height: 23px;
text-decoration: none;
padding-top: 0px;
font-weight: bold;
}
a.nav:active {   
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
line-height: 23px;
text-decoration: none;
padding-top: 0px;
font-weight: bold;
}


/*.....A66F00.......................................*/


a.menuaktiv:link,a.menuaktiv:visited,a.menuaktiv:hover,a.menuaktiv:active {   
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
line-height: 23px;
text-decoration: none;
padding-top: 0px;
font-weight: bold;
}


/*............................................*/

a.mailwww:link {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
text-decoration: none;
font-weight: bold;
}
a.mailwww:visited {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
text-decoration: none;
font-weight: bold;
}
a.mailwww:hover {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#0099ff;
text-decoration: none;
font-weight: bold;
}
a.mailwww:active {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#0099ff;
text-decoration: none;
font-weight: bold;
}


a.kontakt:link {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
text-decoration: none;
font-weight: bold;
}
a.kontakt:visited {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
text-decoration: none;
font-weight: bold;
}
a.kontakt:hover {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-decoration: none;
font-weight: bold;
}
a.kontakt:active {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-decoration: none;
font-weight: bold;
}


a.back_forward:link {   font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#A66F00;
text-decoration: none;
font-weight: normal;
}
a.back_forward:visited {   font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#A66F00;
text-decoration: none;
}
a.back_forward:hover {   font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#444444;
text-decoration: underline;
}
a.back_forward:active {   font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#444444;
text-decoration: underline;
}
/*............................................*/

a.sprungmarke:link {   
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#990000;
text-decoration: none;
font-weight: normal;
padding-right: 40px;
}

a.sprungmarke:visited {   
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#990000;
text-decoration: none;
padding-right: 40px;
}
a.sprungmarke:hover {   
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#444444;
text-decoration: underline;
}
a.sprungmarke:active {   
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#444444;
text-decoration: underline;
}
/*............................................*/


a.path:link {   font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#005C96;
text-decoration: none;
font-weight: normal;
}
a.path:visited {   font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#005C96;
text-decoration: none;
}
a.path:hover {   font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#663333;
text-decoration: underline;
}
a.path:active {   font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#663333;
text-decoration: underline;
}
/*............................................*/