/* Klassen für den Layout-Rahmen und Menüs */
/* ======================================= */

	hr.linie{
		color:#132A5D;
		align:left;
		height:1px;
		background-color:#132A5D;
	}


body {
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


div.header {
	/* Gesamthöhe 139 */
	width: 100%;
	padding-top: 11px;
	height: 128px;
	background-repeat:no-repeat;
}
div.globale_links {
	color: #002973;
	font-size: 70%;
	text-align: right;
	height: 15px;
	margin-right: 10px;
}
div.globale_links a:link {
	color: #002973;
	text-decoration: none;
}
div.globale_links a:active {
	color: #002973;
	text-decoration: none;
}
div.globale_links a:visited {
	color: #002973;
	text-decoration: none;
}
div.globale_links a:hover {
	color: #002973;
	text-decoration: underline;
}
div.hori_navi {
	width: 535px;
	height: 21px;
	padding-left: 231px;
	margin-top: 93px;;
}
div#hori_navi_linker_teil {
	float: left;
}
div.hori_navi_punkt {
	height: 20px;
	padding-top: 2px;
	padding-left: 11px;
	padding-right: 11px;
	border-left: 1px solid #6680AC;
	float: left;
}
div.hori_navi_punkt_aktiv {
	height: 20px;
	padding-top: 2px;
	padding-left: 11px;
	padding-right: 11px;
	border-left: 1px solid #6680AC;
	float: left;
}

div#hori_navi_strom {padding-left:23px;}
div#hori_navi_gas {}
div#hori_navi_wasser {}
div#hori_navi_netze {}
div#hori_navi_baeder {}
div#hori_navi_service {}
div#hori_navi_ueberuns {}
div#hori_navi_kontakt {padding-right:15px; border-right: 1px solid #6680AC;}

a.hori_navi_punkt {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.hori_navi_punkt a:link {color:#FFFFFF}
.hori_navi_punkt a:visited {color:#FFFFFF}
.hori_navi_punkt a:active {color:#FF9900}
.hori_navi_punkt a:hover {color:#FF9900}

.hori_navi_punkt_aktiv a:link {color:#FF9900}
.hori_navi_punkt_aktiv a:visited {color:#FF9900}
.hori_navi_punkt_aktiv a:active {color:#FF9900}
.hori_navi_punkt_aktiv a:hover {color:#FF9900}

div.vert_navi_und_content_bg {
	/*background-image:url(/pics/layout/bg.gif);*/
	/*background-repeat:repeat-y;*/
	/*width: 767px;*/
	/* background-image:url(/pics/layout/bg_bottom_left.gif);*/
	background-repeat:no-repeat;
	background-position:left bottom;
	width: 765px;
	border-right: 1px solid #848484;
	background-color: #E5E5E5;
	margin: 0px;
	padding: 0px;
}

div.vert_navi_und_content {
	/*
	background-image:url(/pics/layout/bg_bottom_left.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	*/
	width: 100%;

}
div.vert_navi {
	margin: 0px;
	padding: 0px;
	width: 190px;
	float:left;
}
div.vert_navi_dummy {
	margin: 0px;
	padding: 0px;
	height: 1px;
}
div.vert_navi_papa {
	margin: 0px;
	padding: 0px;
	background-color: #E5E5E5;
	border-bottom: 1px solid #FFFFFF;
	height: 20px;
	padding-left: 10px;
	padding-top: 8px;
	padding-bottom: 0px;
}
div.vert_navi_ebene1 {
	margin: 0px;
	padding: 0px;
	background-image: url('/pics/navi/vert_menu_bg.gif');
	border-bottom: 1px solid #FFFFFF;
	height: 20px;
	padding-left: 10px;
	padding-top: 7px;
	padding-bottom: 0px;
}
div.vert_navi_ebene2 {
	padding: 0px;
	background-image: url('/pics/navi/vert_menu_bg.gif');
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	height: 17px;
	margin-left:27px;
	padding-top: 7px;
	padding-bottom: 0px;
}
div.vert_navi_ebene3 {
	margin: 0px;
	padding: 0px;
	background-image: url('/pics/navi/vert_menu_bg.gif');
	border-bottom: 1px solid #87959E;
	height: 15px;
	padding-left: 47px;
	padding-top: 8px;
}

a.vert_navi_papa {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #003366;
	font-weight: bold;
	line-height:110%;   
	text-decoration: none;
	display: block; 
	width:155px;
	padding-left: 17px; 
	background-position: left top; 
	background-repeat: no-repeat;
}
.vert_navi_papa a:hover{
	color: #FF9900;
	text-decoration: none;
}

a.vert_navi_papa_ak {	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #FF9900;
	font-weight: bold;
	line-height:110%;   
	text-decoration: none;
	display: block; 
	width:155px;
	padding-left: 17px; 
	background-position: left top; 
	background-repeat: no-repeat;
}

a.vert_navi_ebene1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #003366;
	line-height:110%;   
	text-decoration: none;
	display: block; 
	width:155px;
	padding-left: 17px; 
	background-image: url('/pics/navi/bullet_blau.gif'); 
	background-position: left top; 
	background-repeat: no-repeat;
}

.vert_navi_ebene1 a:hover {
	color:#FF9900;
	background-image: url('/pics/navi/bullet_gelb.gif'); 
	}
	
a.vert_navi_ebene1_ak {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;
	color:#FF9900;
	line-height:110%;   
	text-decoration: none;
	display: block; 
	width:155px;
	padding-left: 17px; 
	background-image: url('/pics/navi/bullet_gelb.gif'); 
	background-position: left top; 
	background-repeat: no-repeat;
}

a.vert_navi_ebene2 {
	font-family:Arial, Helvetica, sans-serif;
	width:130px;
	font-size: 70%;
	color: #003366;
	line-height:110%;   
	text-decoration: none;
	display: block; 
	margin-left:10px;
	margin-right:5px;
	padding-left: 14px; 
	background-image: url('/pics/navi/pfeil_blau.gif'); 
	background-position: left top; 
	background-repeat: no-repeat;
}

.vert_navi_ebene2 a:hover {
	color:#FF9900;
	background-image: url('/pics/navi/pfeil_gelb.gif'); 
	}

a.vert_navi_ebene2_ak {
	font-family:Arial, Helvetica, sans-serif;
	width:130px;
	font-size: 70%;
	color:#FF9900;
	line-height:110%;   
	text-decoration: none;
	display: block; 
	margin-left:10px;
	margin-right:5px;
	padding-left: 14px; 
	background-image: url('/pics/navi/pfeil_gelb.gif'); 
	background-position: left top; 
	background-repeat: no-repeat;
}

a.vert_navi_ebene3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #003366;
	text-decoration: none;
}

div.global_links a {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
	color: #666666;
	text-decoration: none;
}

div.global_links {
	float: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 65%;
	color: #666666;
	text-align: right;
	width: 50%;
	padding-top: 14px;
	padding-bottom: 10px;
}
div.content_leiste {
	float: left;
}
div.content_bg {
	/*background-image:url(/pics/layout/bg_content.gif);*/
	background-repeat:repeat-y;
	/*border-right: 1px solid #848484;*/
}

div.content {
	/*background-image:url(/pics/layout/bg_content_top.gif);*/
	background-repeat:no-repeat;
	padding-top: 32px;
	width: 517px;
	padding-left: 58px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #333333;
}

/* CSS-Klassen speziell für die Startseite */
/* ======================================= */


div.unten_abschluss_startseite {
	display: block;
	width: 734px;	
	background-color: #FFFFFF;
	top: 0px;
	left: 0px;
	position:relative;
	text-align:right;
	padding-top: 10px;
	padding-right: 20px;
	border-top: 1px solid #B8C5CD;
	border-right: 1px solid #B8C5CD;
	border-bottom: 1px solid #B8C5CD;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 65%;
	color: #99ADB8;
	text-decoration: none;
}
div.unten_abschluss_startseite a {
	color: #99ADB8;
	text-decoration: none;
}
div.unten_abschluss_startseite a:hover {
	color: #666666;
	text-decoration: none;
}


/* Barrierefreiheit Dennis */
/* ======================= */

.unsichtbar_d { 
	position:absolute; 
	left:-1000px; 
	top:-1000px; 
	width:0px; 
	height:0px; 
	overflow:hidden; 
	display:inline;
}

.halbunsichtbar_d { 
	position:absolute; 
	left:-1000px; 
	top:-1000px; 
	width:0px; 
	height:0px;
}

/* Barrierefreiheit David */
/* ====================== */

.unsichtbar	{ 
		position: absolute;
		overflow: hidden;
		width: 0;
		height: 0; 
}

/* Seiteninhalt David */
/* ================== */

div.content td {
	font-family: Arial, Helvetica, sans-serif;
}

div.content th {
	font-family: Arial, Helvetica, sans-serif;
}

div.content a{
	color: #003366;
}

div.content a:link{
	color: #003366;
}

div.content a:visited{
	color: #003366;
	text-decoration: none;
}

div.content a:hover{
	color: #FF9900;
	text-decoration: underline;
}

/* Inhalt                    */


div.foto_content_rechts {
	float:right;
	width:0px;
	height:0px;
	overflow:hidden;
	margin-right:22px;
        visibility: hidden;
}


div.content p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	width: 320px;
	line-height: 140%;
}

div.content p.teaser {
	font-size: 80%;
	color: #003366;
    width:240px;         
}

div.content li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
}

div.content ul {
	width: 280px;
	list-style-image:url('/pics/layout/bullet_grau.gif');
	list-style-position:top;
}

div.content li.gelb {
	width: 280px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	color: #FF9900;	list-style-image:url('/pics/layout/bullet_gelb.gif');
}


div.content .text_80Prozent {font-size: 80%}

/* Inhalt: Überschriften                    */


div.content h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	color: #000000;
	width:320px;         
}


div.content h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	color:#666666;
	width:320px;
	margin-top:30px;
	margin-bottom:-10px;
}


div.content h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	color: #FF9900;
	width:320px;         
}

div.content h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	color:#666666;
	width:320px;
	margin-top:20px;
	margin-bottom:13px;
}

/* Inhalt: Links                    */

div.content a.link_anker {
	font-weight: bold;
	color: #003366;
    width:240px;
	line-height:120%;   
	text-decoration: none;
	display: block; 
	padding-left: 40px; 
	background-image: url('/pics/layout/pfeil_unten.gif'); 
	background-position: left top; 
	background-repeat: no-repeat;
}

div.content a.link_pfeil {
	font-weight: bold;
	color: #003366;
    width:240px;
	line-height:120%;   
	text-decoration: none;
	display: block; 
	padding-left: 40px; 
	background-image: url('/pics/layout/pfeil_re.gif'); 
	background-position: left top; 
	background-repeat: no-repeat;
}

div.content a:hover{
	color: #FF9900;
	text-decoration: none;
}


/* Inhalt: Tabellen                    */

div.content table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: left;
	border-collapse:collapse;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#CCCCCC;
	}

div.content th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color:#666666;
	background-color:#FFFFFF;
	text-align: left;
	border-width:1px;
	border-style:solid;
	border-color:#CCCCCC;
	border-collapse:collapse;
}

div.content td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	background-color:#FFFFFF;
	text-align: left;
	border-width:1px;
	border-style:solid;
	border-color:#CCCCCC;
	border-collapse:collapse;
}

/* Inhalt: Infobox rechts           */

div.infobox_rahmen {
	margin-top:-10em;
	float: right;
	width: 150px;
}

div.infobox {
	margin-left: 4px;
	float: left;
	width: 145px;
	border-top: 1px dashed #B7B6B6;
	border-bottom: 1px dashed #B7B6B6;

}

div.infobox h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	color: #003366;
	width: 130px;         
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 1px;

}

div.infobox p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #000000;
	background-color:#FFFFFF;
	width: 140px;
	margin-top: 5px;
	line-height: 130%;
	margin-left: 15px;
	margin-bottom: 10px;

}

div.infobox li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #000000;
	background-color:#FFFFFF;
}

div.infobox a {
	text-decoration: none;
	background-color:#FFFFFF;

}

/* Seitenfuss, Druckbutton, Impressum               */

div.seitenfuss {
	/* background-image: url('/pics/layout/bg_fuss.gif'); */
	width: 560px;	
}

div.seitenanfang {
	float: left;
	width: 130px;
	padding-left: 22px;
	margin-left: 29px;
}

div.seitenanfang a {
	font-size:80%;
	color: #003366;
	height:22px;
	text-decoration: none;
	display: block; 
	padding-left: 25px; 
	padding-top: 3px; 
	background-image: url('/pics/layout/bullet_seitenfuss.gif'); 
	background-position: left top; 
	background-repeat: no-repeat;
}

div.druck {
	float: left;
	width: 130px;
}

div.druck a {
	font-size:80%;
	color: #003366;
	height:22px;
	text-decoration: none;
	display: block; 
	padding-left: 30px; 
	padding-top: 3px; 
	background-image: url('/pics/layout/bullet_druck.gif'); 
	background-position: left top; 
	background-repeat: no-repeat;
}

div.copyright {
	float: left;
	margin-left: 87px;
}

div.copyright a {
	font-size:70%;
	color: #003366;
	height:22px;
	text-decoration: none;
	display: block; 
	padding-top: 4px; 
}

/* NEUE ANGABEN VOM 12.10.04*/


/* Inhalt: Einrückungen                    */


div.content p.abstand_linkunterschrift {
	margin-top: -17px;
	margin-left: 40px; 
	width:250px;
	line-height:110%;
}

div.content .abstand_email {
	padding-right:9px;
	float:left;
}

div.content .abstand_fax {
	padding-right:1px;
	float:left;
}


/* NEUE ANGABEN VOM 19.10.04*/


/* Formulare	                    */


div.content .bezeichner {
	width: 8em;
	float: left;
	margin-right: 0.5em;
	padding: 5px 0 1px 0;
}

div.content .bezeichner2{
	float: left;
	padding: 5px 0 2px 5px;
}

div.content .bezeichner_lang {
	width: 14em;
	float: left;
	margin-right: 0.5em;
	padding: 5px 0 1px 0;
}

div.content .eingabe {
	float: left;
	padding: 3px 0 1px 0;
}

div.content .zeile{
	display: block;
	clear: both;
	text-align:left;
	width:400px;
	font-size: 80%;
}

div.content input {
	border: 1px solid;
	border-color: #CCCCCC;
	color:#666666;
	background: #ffffff;
}

div.content input.radiobutton {
	border: 0px solid;
}

div.content #submitbuttons{
	color:#003366;
	border:1px solid;
	border-color:#003366;
	width:16em;
}

/* Druck-Fuss: Tabellen                    */

div.fuss table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: left;
	border-collapse:collapse;
	border-top-style:solid;
	border-top-width:0px;
	border-top-color:#CCCCCC;
	}

div.fuss th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color:#666666;
	background-color:#FFFFFF;
	text-align: left;
	border-width:0px;
	border-style:solid;
	border-color:#CCCCCC;
	border-collapse:collapse;
}

div.fuss td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	background-color:#FFFFFF;
	text-align: left;
	border-width:0px;
	border-style:solid;
	border-color:#CCCCCC;
	border-collapse:collapse;
}


div.content .abstand_klein {
	width: 4em;
	float:left;
}

div.content .abstand_mittel {
	width: 6em;
	float:left;
}

div.content .abstand_gross {
	width: 8em;
	float:left;
}