<!--

h1,h2,h3,h4,h5,h6,pre,code {
	font-size:1em;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,img {
	margin:0;
	padding:0;
}

* html #container {
   height: 100%;
}

html,
body {
	margin:0;
	padding:0;
   background:#F1F2F2 url(../img/layout/body_bg.gif);
   font-family: Arial, Verdana, sans-serif;
   color:#000;
   height:100%;
}

div#container {
   clear:both;
	width:986px;
	margin:0 auto;
	padding:0;
	min-height:100%;
	background:#fff url(../img/layout/container_bg.gif) repeat-y top left;
	border-left:1px solid #C5C4C4;
	border-right:1px solid #C5C4C4;
}

div#blue {
   width:100%;
   height:183px;
   position:absolute;
   top:30px; left:0;
   background:#A4D1F0;
}

div#blue_content {
	position:relative;
   width:986px;
	height:183px;
   margin:0 auto;
   /* background: url(../img/layout/start_titel.jpg) no-repeat top right; */
   z-index:1;
}

#kontaktbox {
   width:215px;
   height:375px;
   position:absolute;
   top:0; right:0;
   background:#B6D8F5;
   opacity: 0.90;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=90);
}

div#topbox {
   position:relative;
   width:986px;
   height:30px;
   background:#fff;
}

div#sidebar {
   float:left;
   width:215px;
   margin-top:183px;
   height:300px;
   padding-top:45px;
}


div#content {
   float:left;
   width:740px;
   margin-top:183px;
   padding:45px 20px 15px 10px;
}


/* Link-styling
*************/

a:link,
a:visited {
	text-decoration:none;
	color:#073E71;
}

a:hover,
a:active,
a:focus {
	color:#000;
}

a img {
   border:none;
}

a.email {
   color:#000;
   text-decoration:underline;
}

a.email:hover {
   font-weight:bold;
}

a.intbutton {
   font: 12px/18px Arial, Verdana, sans-serif;
   color:#fff;
   background:#0153A0; /* backup for non css3 compliant browsers */
   padding:5px 10px;
   
   background-image: -webkit-gradient(
   	linear,
   	left top,
   	left bottom,
   	color-stop(0, #1A8DCB),
   	color-stop(1, #0153A0)
   );
   background-image: -o-linear-gradient(bottom, #1A8DCB 0%, #0153A0 100%);
   background-image: -moz-linear-gradient(bottom, #1A8DCB 0%, #0153A0 100%);
   background-image: -webkit-linear-gradient(bottom, #1A8DCB 0%, #0153A0 100%);
   background-image: -ms-linear-gradient(bottom, #1A8DCB 0%, #0153A0 100%);
   background-image: linear-gradient(to bottom, #1A8DCB 0%, #0153A0 100%);

   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;

}

a.intbutton:hover {
   color:#FFCC00;
}

/* topmenu
*********************/

ul#topmenu {
   position:absolute;
   top:5px; right:30px;
   list-style-type:none;
   color:#073E71;
}

ul#topmenu li {
   float:left;
}

ul#topmenu li a {
   font: 13px/13px Arial, Verdana, sans-serif;
   color:#073E71;
}


ul.sidemenu {
   list-style-type:none;
   margin-left:15px;
}

ul.sidemenu li {
   margin:0 0 10px 0;
   line-height:12px;
}

ul.sidemenu a {
   font: 12px/12px  Arial, Verdana, sans-serif;
   color:#073E71;
}

ul.sidemenu a:hover {
   color:#000;
}

ul.sidemenulevel2 {
   list-style-type:none;
   list-style-image: url(../img/layout/arrow.gif);
   margin:10px 0 0 32px;
}

ul.sidemenulevel3 {
   list-style-type:none;
   list-style-image: url(../img/layout/dot.gif);
   margin:10px 0 0 12px;
}

ul#menu {
   list-style-type:none;
}

ul#menu li {
   float:left;
   margin-left:3px;
   z-index:10;
}

ul#menu li a,
ul#menu li img {
   display:block;
   width:100px;
   height:32px;
   padding:0;
   margin:0;
   z-index:10;
}

ul#menu li a#main1,
ul#menu li a#main2,
ul#menu li a#main3,
ul#menu li a#main4,
ul#menu li a#main1 img,
ul#menu li a#main2 img,
ul#menu li a#main3 img,
ul#menu li a#main4 img {
   display:block;
   width:80px;
   height:32px;
   padding:0;
   margin:0;
   z-index:10;
}


a#main1 { background: url(../img/layout/menu_strom.gif) no-repeat top left; }
a#main2 { background: url(../img/layout/menu_erdgas.gif) no-repeat; }
a#main3 { background: url(../img/layout/menu_wasser.gif) no-repeat; }
a#main4 { background: url(../img/layout/menu_service.gif) no-repeat; }
a#main5 { background: url(../img/layout/menu_kommunikation.gif) no-repeat; }
a#main6 { background: url(../img/layout/menu_unternehmen.gif) no-repeat; }
a#main7 { background: url(../img/layout/menu_netze.gif) no-repeat; }
a#main8 { background: url(../img/layout/menu_immobilien.gif) no-repeat; }

a#main1:hover { background: url(../img/layout/menu_strom_a.gif) no-repeat; }
a#main2:hover { background: url(../img/layout/menu_erdgas_a.gif) no-repeat; }
a#main3:hover { background: url(../img/layout/menu_wasser_a.gif) no-repeat; }
a#main4:hover { background: url(../img/layout/menu_service_a.gif) no-repeat; }
a#main5:hover { background: url(../img/layout/menu_kommunikation_a.gif) no-repeat; }
a#main6:hover { background: url(../img/layout/menu_unternehmen_a.gif) no-repeat; }
a#main7:hover { background: url(../img/layout/menu_netze_a.gif) no-repeat; }
a#main8:hover { background: url(../img/layout/menu_immobilien_a.gif) no-repeat; }

#strom_uebersicht a#main1,
#stromtarife a#main1,
#strom_allgemeiner_tarif a#main1,
#strom_city_tarif a#main1,
#strom_oekostrom_tarif a#main1,
#strom_waermepumpentarif a#main1,
#strom_speicher_direktheizung a#main1,
#strom_ausserhalb_netzgebiet a#main1,
#stromtarife_landwirtschaft a#main1,
#stromtarife_gewerbekunden a#main1,
#grundversorgung_strom a#main1,
#stromkennzeichnung a#main1,
#belastungsausgleich a#main1,
#schlichtungsstelle a#main1,
#energiedienstleistungsgesetz a#main1,
#energiespartipps_strom a#main1,
#tarifrechner_strom a#main1 { 
   background: url(../img/layout/menu_strom_a.gif) no-repeat;
}

#erdgas_uebersicht a#main2, 
#erdgastarife a#main2,
#erdgastarife_privatkunden a#main2,
#sondertarif_heizung a#main2,
#erdgastarife_gewerbekunden a#main2,
#grundversorgung_gas a#main2,
#foerderprogramme_gas a#main2,
#schlichtungsstelle_gas a#main2,
#energiedienstleistungsgesetz_gas a#main2,
#energiespartipps_gas a#main2,
#gasgeruch a#main2,
#gasinstallateure a#main2,
#erdgastankstelle a#main2,
#tarifrechner_gas a#main2 { 
   background: url(../img/layout/menu_erdgas_a.gif) no-repeat; 
}

#wasser_uebersicht a#main3,
#preise_wasserverbrauch a#main3,
#trinkwasseranalyse a#main3,
#energiespartipps_wasser a#main3 { 
   background: url(../img/layout/menu_wasser_a.gif) no-repeat; 
}

#service_uebersicht a#main4, 
#online-service a#main4,
#anmelden a#main4,
#abmelden a#main4,
#zaehlerstand a#main4,
#bankverbindung a#main4,
#elv a#main4,
#energiespartipps a#main4,
#contracting a#main4,
#gebaeudethermografie a#main4,
#energieberatung a#main4,
#energieeffizienz a#main4,
#energieausweis a#main4,
#download_formulare a#main4,
#rechnungserlaeuterung a#main4,
#schadensmeldung a#main4,
#haeufige_fragen a#main4,
#bauherrn_hausanschluss a#main4,
#sepa_umstellung a#main4,
#stromcheck a#main4 {
   background: url(../img/layout/menu_service_a.gif) no-repeat; 
}

#kommunikation a#main5, 
#kommunikation_fragen a#main5,
#kommunikation_download a#main5,
#kommunikation_speedtest a#main5,
#vdsl_ausbaugebiet a#main5,
#vdsl_private a#main5,
#vdsl_business a#main5,
#vdsl_zusatzpreise a#main5,
#vdsl_abschluss a#main5,
#kommunikation_werben a#main5,
#kommunikation_hardware a#main5,
#vertragsunterlagen a#main5,
#installationsanleitung a#main5,
#interessent a#main5 {
   background: url(../img/layout/menu_kommunikation_a.gif) no-repeat;
}

#immobilien_uebersicht a#main8, 
#immobilien_erfahrung a#main8,
#immobilien_verwaltung a#main8,
#immobilien a#main8 { 
   background: url(../img/layout/menu_immobilien_a.gif) no-repeat; 
}

#unternehmen a#main6, 
#unternehmensgeschichte a#main6,
#unternehmensfuehrung a#main6,
#ewg_aktuell a#main6,
#kontakt_anfahrt a#main6,
#ansprechpartner a#main6,
#karriere_ausbildung a#main6,
#umwelt_engagement a#main6 { 
   background: url(../img/layout/menu_unternehmen_a.gif) no-repeat; 
}


/* sidemenu
*******************/

#stromtarife a#m1,
#strom_allgemeiner_tarif a#m1_1_1,
#strom_city_tarif a#m1_1_2,
#strom_oekostrom_tarif a#m1_1_3,
#strom_waermepumpentarif a#m1_1_4,
#strom_speicher_direktheizung a#m1_1_5,
#strom_ausserhalb_netzgebiet a#m1_1_6,
#strom_info_strompreise a#m1_1_7,
#stromtarife_landwirtschaft a#m1_2,
#stromtarife_gewerbekunden a#m1_3,
#grundversorgung_strom a#m2,
#stromkennzeichnung a#m3_1,
#belastungsausgleich a#m3_2,
#schlichtungsstelle a#m3_3,
#energiedienstleistungsgesetz a#m3_4,
#energiespartipps_strom a#m4,
#tarifrechner_strom a#m5,
#e-mobilitaet a#m7 {
   color:#000;
}

#erdgastarife a#m1,
#erdgastarife_privatkunden a#m1_1_1,
#sondertarif_heizung a#m1_1_2,
#erdgastarife_gewerbekunden a#m1_2,
#grundversorgung_gas a#m2,
#foerderprogramme_gas a#m8,
#schlichtungsstelle_gas a#m9_1,
#energiedienstleistungsgesetz_gas a#m9_2,
#energiespartipps_gas a#m3,
#gasgeruch a#m5,
#gasinstallateure a#m6,
#erdgastankstelle a#m7,
#tarifrechner_gas a#m4 { 
   color:#000;
}

#preise_wasserverbrauch a#m1,
#trinkwasseranalyse a#m2,
#energiespartipps_wasser a#m3 { 
   color:#000;
}

#online-service a#m1,
#anmelden a#m1_1,
#abmelden a#m1_2,
#zaehlerstand a#m1_3,
#bankverbindung a#m1_4,
#elv a#m1_5,
#energiespartipps a#m2,
#energieberatung a#m3,
#energieeffizienz a#m16,
#energieausweis a#m14,
#stromcheck a#m13,
#download_formulare a#m5,
#rechnungserlaeuterung a#m6,
#haeufige_fragen a#m7,
#bauherrn_hausanschluss a#m8,
#contracting a#m9,
#gebaeudethermografie a#m10,
#sepa_umstellung a#m11,
#schadensmeldung a#m12 {
   color:#000; 
}


#vdsl_private a#m1_1,
#vdsl_business a#m1_2,
#vdsl_zusatzpreise a#m1_3,
#vdsl_ausbaugebiet a#m2,
#vertragsunterlagen a#m3_1,
#interessent a#m3_2,
#vdsl_abschluss a#m3_3,
#kommunikation_fragen a#m3_4,
#installationsanleitung a#m4_1,
#kommunikation_werben a#m4_4,
#kommunikation_hardware a#m4_5,
#kommunikation_download a#m5,
#kommunikation_speedtest a#m6 {
   color:#000;
}

#immobilien_erfahrung a#m1,
#immobilien_verwaltung a#m2,
#immobilien a#m3 { 
   color:#000;
}

#unternehmensgeschichte a#m1,
#unternehmensfuehrung a#m2,
#ewg_aktuell a#m3,
#kontakt_anfahrt a#m4,
#ansprechpartner a#m5,
#karriere_ausbildung a#m6,
#umwelt_engagement a#m7 { 
   color:#000;
}


/* Text styling
*************/

h1 {
   font:bold 16px/20px Helvetica, Arial, Verdana, sans-serif;
   margin:0 0 25px 0;
   color:#000;
}

h1.blue {
   font:bold 16px/20px Helvetica, Arial, Verdana, sans-serif;
   color:#073E71;
   background:url(../img/layout/blue_dot.gif) no-repeat 0 7px;
   padding-left:15px;
}

h1.dotted {
   padding-bottom:5px;
   border-bottom:1px dotted #073E71;
}

h2 {
   font:bold 14px/18px Arial, Verdana, sans-serif;
   margin:25px 0 5px 0;
   color:#0071BD;
}

h2.dsl_main {
   font:bold 18px/18px Arial, Verdana, sans-serif;
   color:#0C4C9E;
   margin:25px 0 5px 0;
}

h2.dsl_sub {
   font:bold 18px/18px Arial, Verdana, sans-serif;
   color:#15A3B5;
   margin:0 0 5px 0;
}

h2 sup {
   font: 10px/12px Helvetica, Arial, Verdana, sans-serif;
}

h3 {
   font:bold 12px/18px Arial, Verdana, sans-serif;
   margin:15px 0 5px 0;
   color:#000;
}

p {
   margin-bottom:15px;
   font: 12px/18px Arial, Verdana, sans-serif;
}

li {
   font: 12px/20px Arial, Verdana, sans-serif;
}

.center {
   text-align:center;
}

.strong {
   font-weight:bold;
}

.nomargin {
   margin-bottom:0px;
}

.blueprice_top {
   margin-top:20px;
   background:#0C4C9E;
   color:#fff;
   padding:3px 5px;
   margin-bottom:1px;
   border-top:1px solid #000;
}

.blueprice_bottom {
   background:#0C4C9E;
   color:#fff;
   font-weight:bold;
   padding:3px 5px;
   margin-bottom:20px;
   border-bottom:1px solid #000;
}

.green-white {
   margin-top:20px;
   background:#15A3B5;
   color:#fff;
   font-weight:bold;
   padding:3px 5px;
   border-top:1px solid #000;
   border-bottom:1px solid #000;
}

.dslflyer {
   padding:3px 5px;
   margin:0;
   border-bottom:1px solid #000;   
}

.dslflyerhaken {
   padding:3px 3px 3px 25px;
   background: url(../img/layout/flyerhaken.jpg) no-repeat 5px 3px;
   margin:0;
   border-bottom:1px solid #000;   
}
.flyerprice {
   position:absolute; 
   top:0; right:0; 
   font: bold 16px/16px Arial, Verdana, sans-serif;
   color:#fff;
   padding:10px 0; 
   text-align:center; 
   width:120px; 
   background: url(../img/layout/flyer_price_bg.jpg) repeat-x;
}

.small {
   font-size:10px;
   font-weight:normal;
}

.fakeh2 {
   font:bold 14px/18px Arial, Verdana, sans-serif;
   color:#0071BD;
}

.small2 {
   font-size:9px;
   font-weight:normal;
}

.preisab {
   font-family: Arial, Verdana, sans-serif;
   font-size: 1em; 
   color:#000;
}

.right {
   text-align:right;
}

.fright {
   float:right;
}

.ansprech_headline {
   padding:2px 30px;
   font-weight:bold;
   margin-bottom:0;
   background:#FFCC00;
}

p.gueltig {
   font: bold 14px/20px Arial, Verdana, sans-serif;
   color:#073E71;
}

p.preise {
   font: 11px/16px Arial, Verdana, sans-serif;
   margin-top:0px;
   color:#000;
}

.blue {
   color:#073E71;
}

fieldset.werben {
   border:1px solid #A6D0DA;
   padding:10px;
   margin-bottom:20px;
}

hr.werben {
   border:none;
   border-top:1px solid #A6D0DA;
   margin-bottom:20px;

}

/* tables
**********************/

table {
   width:100%;
   border-collapse:collapse;
}

th {
   vertical-align:top;
   text-align:left;
   font:bold 12px/18px Arial, Verdana, sans-serif;
   padding: 2px 5px;
}

td {
   vertical-align:top;
   font: 12px/18px Arial, Verdana, sans-serif;
   padding: 5px;
}

tr.odd {
   background:#F7CB8B;
   border: 1px solid #fff;
}

tr.even {
   background:#FBE3C2;
   border: 1px solid #fff;
}

tr.odd6 {
   background:#A4D1F0;
   border: 1px solid #fff;
}

tr.even6 {
   background:#CCE2F1;
   border: 1px solid #fff;
}

table.strom {
   width:100%;
   border-collapse:collapse;
   margin-bottom:5px;
}

table.strom th {
   color:#fff;
   background:#D9192B;
   border:1px solid #D9192B;
}

table.strom td {
   border:1px solid #D9192B;
}

table.wasser {
   width:100%;
   border-collapse:collapse;
   margin-bottom:5px;
}

table.wasser th {
   color:#fff;
   background:#4C91F8;
   border:1px solid #4C91F8;
}

table.wasser td {
   border:1px solid #4C91F8;
}

table.erdgas {
   width:100%;
   border-collapse:collapse;
   margin-bottom:5px;
}

table.erdgas th {
   color:#fff;
   background:#FFCC00;
   border:1px solid #FFCC00;
}

table.erdgas td {
   border:1px solid #FBE3C2;
}

table.ansprech {
   width:100%;
   border-collapse:collapse;
   margin-bottom:5px;
}

table.ansprech th {
   color:#fff;
   background:#666;
   border:1px solid #666;
}

table.ansprech td {
   border:1px solid #666;
}

table.invis, {
   margin:0;
   padding:0;
   border:none;
}

table.invis td {
   margin:0;
   padding:2px 0;
   border:none;
}

table.invis2 td {
   margin:0 1px;
   padding:1px 2px;
   border:1px solid #A4D1F0;
}


/* form fields
************************/

input.inputText {
	border:1px solid #4d4d4d;
	background:#fff;
	padding:1px 2px 1px 2px;
   width:250px;
	font: 11px/13px Verdana,Arial,Helvetica,sans-serif;
}

input.inputText:hover,
input.inputText:active,
input.inputText:focus {
	border:1px solid #E49223;
	background:#fff;
}

input.inputSubmit,
input.inputReset {
	padding:1px 5px 1px 5px;
   margin:0;
	font:bold 11px/100% Arial,sans-serif;
	color:#000;
	background-color:transparent;
	border:1px solid #000;
}

input.subdisabled {
   background:#E57E7E;
}

input.subenabled {
   background:#7EE580;
}

input.error,
select.error  {
   border:2px solid #f00;
}

input.error:hover,
input.error:active,
input.error:focus, 
select.error:hover,
select.error:active,
select.error:focus {
   border:2px solid #f00;
}

label {
	display:block;
	float:left;
	width:175px;
   font: 12px/18px Arial,Helvetica,sans-serif;
	cursor:pointer;
}

span.fakelabel {
	display:block;
	float:left;
	width:125px;
	font: 12px/18px Arial,Helvetica,sans-serif;
}

label.radio,
label.checkbox {
	display:inline;
	float:none;
	width:auto;
	margin-left:4px;
}

textarea {
   width:430px;
   border:1px solid #4d4d4d;
	background:#fff;
	padding:2px 5px 1px 4px;
}

textarea:hover,
textarea:active,
textarea:focus {
	background:#fff;
	border:1px solid #E49223;
}


/* msg-boxes  - error/success 
****************************************/

ul.warning,
ul.success,
ul.error {
	font:11px/140% Verdana,Arial,sans-serif;
	padding:10px;
	margin:0 15px 25px 15px;
   width:auto;
}

ul.warning {
	background-color:#fffbc9;
	border:2px solid #f0dca1;
}

ul.success {
	background-color:#daefc6;
	border:2px solid #a7d877;
}

ul.error {
	background-color:#ffe3e3;
	border:2px solid #dc6e66;
}

ul.warning li,
ul.success li {
	list-style:square;
	margin:0 0 5px 15px;
}

ul.error li {
	list-style:none;
	margin:0 0 5px 0;
}

ul.warning li.headline,
ul.error li.headline,
ul.success li.headline {
	list-style:none;
	margin:0 0 10px 0;
	font:bold 15px/120% Verdana,Arial,sans-serif;
	color:#7b4b09;
	/* text-indent:30px; */
}


-->