/*
  #################################################
  #                                               #
  #  CSS erstellt durch:           gw-service.de  #
  #  Ausschliessliches Copyright:  gw-service.de  #
  #                                               #
  #################################################
*/

body {
	margin: 0px 0px 50px 0px;
	padding: 10px;
  background: #3366cc url(bilder/hg-blau.jpg) repeat-y fixed center top;
	font: normal .8em Tahoma, Arial, Helvetica, sans-serif;
	color: black;
    height:100%;
}

form {
	margin: 0;
	padding: 0;
}

h1, h2, h3 {
	font-family: Tahoma, Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #333333;
}

p, blockquote, ol, ul {
	line-height: 140%;
}

a {
	color: #3A69BA;
}

a:hover {
	color:black;
}

/* hauptmenue */

.hauptmenue {
	float: left;
	clear: left;
	width: 200px;
	margin: 0 0 -0px 0;
	padding: 0 0 0 0;
}

.hauptmenue h2 a{
	color:white;
	padding: 8px 15px;
	margin:0;
}

.hauptmenue .ueberschrift, #rechts  h1 {
	margin-top: 8px;
	margin-bottom:0;
	background: #5E80BD url(bilder/hg-ueberschrift.gif) no-repeat center bottom;
	text-transform: uppercase;
	letter-spacing: 1px;
	font: bold 1em Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#rechts h1 {
	padding: 7px 15px 8px 28px;
  font-size:0.88em;   
	background: #5E80BD url(bilder/hg-ueberschrift-rechts.gif) no-repeat center top; 
  background-position: top;
margin-top:0;
}

#rechts .rechts_normal       h1 { background: #5E80BD url(bilder/hg-ueberschrift-rechts.gif) no-repeat center top;  }
#rechts .rechts_aktuelles    h1 { background: #5E80BD url(bilder/hg-ueberschrift-rechts-aktuelles.gif) no-repeat center top; }
#rechts .rechts_stoerungen   h1 {	background: #5E80BD url(bilder/hg-ueberschrift-rechts-stoerungen.gif) no-repeat center top; }
#rechts .rechts_tarifrechner h1 {	background: #5E80BD url(bilder/hg-ueberschrift-rechts-tarifrechner.gif) no-repeat center top; }
#rechts .rechts_energiecheck h1 {	background: #5E80BD url(bilder/hg-ueberschrift-rechts-energiecheck.gif) no-repeat center top; }
#rechts .rechts_bauarbeiten  h1 {	background: #5E80BD url(bilder/hg-ueberschrift-rechts-bauarbeiten.gif) no-repeat center top; }
#rechts .rechts_einspartipp  h1 {	background: #5E80BD url(bilder/hg-ueberschrift-rechts-einspartipp.gif) no-repeat left top; }
#rechts .rechts_kontakt      h1 {	background: #5E80BD url(bilder/hg-ueberschrift-rechts-kontakt.gif) no-repeat center top; }

.hauptmenue .inhalt {
	margin: 0;
	padding: 0px 0px 0px 0px;	
	background: #EFF3F9;
}

.rechts_block p,
.rechts_block form {
	margin: 0;
	padding: 5px 5px 10px 7px;	
	background: #EFF3F9;
  font-size:0.88em;  
}

.rechts_block form {
  padding:5px 0 0 0;
}
.rechts_block_einspartipp p {
	margin: 0;
	padding: 5px 10px 10px 15px;	
        font-size:0.88em;  
}

.hauptmenue a {
  padding-left:14px; 
}


.hauptmenue .inhalt a {
  padding-left:5px; 
}


.hauptmenue ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

.hauptmenue li {
	padding: 0px 0px;
  margin:0;
	border-top: 1px dotted #1F1F21;

}

.hauptmenue li.first {
	border: none;
	
}

.hauptmenue a {
	display:block;	
	text-decoration: none;
  margin-left:0px;
}

.hauptmenue a:hover {
	color:black;
}


#wrapper {
	width: 978px;
	margin: 0 auto;
  padding:15px;
  border:1px solid #fff;
}

/* logo */

#logo {
	float: left;
	width: 200px;
	height: 150px;
}

#logo h1 {
	margin: 0;
	padding: 43px 0 0 0;
	text-align: center;
	letter-spacing: -1px;
	font-size: 2.5em;
}

#logo h2 {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 1.2em;
	font-style: italic;
}

#logo img {
	text-decoration: none;
	color: #FFFFFF;
  border: 0;
}

/* topmenue */

#topmenue {
	float: right;
	width: 768px;
	height: 150px;
	background: url(bilder/gebaeude-sommer.jpg);
  font-size:0.85em;
}

#topmenue ul {
	text-align: right;
	padding: 4px 15px 5px 0;
	margin: 0px 0px 0 0;
	list-style: none;
	line-height: normal;

}

#topmenue li {
  display:inline;
}
#topmenue a {
	margin-left: 1.5em;
	text-decoration: none;
	font: bold 1em Tahoma, Arial, Helvetica, sans-serif;
  color:white;
  /* 
  color:#666;
  background-image:  url(bilder/topmenue-hintergrund.png);  */
  float:right;
}

#topmenue a:hover {

  border-bottom:1px solid white;
}

/* inhalt */

#inhalt {
	clear: both;
	padding-top: 10px;
}



/* eintraege */

#eintraege_und_rechts {
	width:766px;
	float:right;
  padding-bottom:30px;
}

#eintraege {
	float: left;
	width: 533px;
	padding-right: 20px;
}

.eintrag {
	padding-top: 0px;
	padding-bottom: 20px;
}

.eintrag .title {
	margin: 0;
	font-size: 2em;
}

.eintrag .untertitel {
	margin-top: 0;
	font: normal .8em Tahoma, Arial, Helvetica, sans-serif;
	color: #999999;
}

.eintrag h1 {
  font-size:1.5em;
  
}

.eintrag h3 {
  font-size:1.2em;
  font-weight:bold;
  padding-top:15px;  
}

#fusszeile {
	clear: both;
	border-top: 1px dotted #000000;
	font: normal .85em Tahoma, Arial, Helvetica, sans-serif;
	color: #555;
  padding-top:2px;
  margin-top:30px;
}

#fusszeile a {
	color: #555;
}

#rechts {
	float:right;
	width:200px;
}

#links_unten {
        padding-top:20px;  
        padding-bottom:30px;        
}

#links_unten p {
        padding:0;
        font-size:0.8em;
        margin:0;
        text-align:center;
}

#links_unten img {
  padding-top:20px;
}

/* Hauptmenues ohne besondere Farbe*/
.hauptmenue a:hover,
.hauptmenue .ausgewaehlt a,
#suchfenster a:hover {
	color:white;
	background-color: #028F00;
}

/* Strom */
.hauptmenue_7 a:hover,
.hauptmenue_7 .ausgewaehlt a {
	color:white;
	background-color:#FF5252;
}

/* Gas */
.hauptmenue_6 a:hover,
.hauptmenue_6 .ausgewaehlt a {
	color:black;
	background-color: #EFFF75;
}

/* Wasser */
.hauptmenue_5 a:hover,
.hauptmenue_5 .ausgewaehlt a {
	color:white;
	background-color: #658DD4;
}

/* Sitemap etc. */
.csc-menu p {
        line-height:0.0em;
        margin-left:25px;
}


.csc-sitemap {
        line-height:0.8em;
        margin-left:0px;
}

.csc-sitemap a,
.csc-sitemap a:hover {
        text-decoration:none;
        color: black;
        font-weight:bold;
}

.csc-sitemap ul{
        list-style-type:none;
        padding-left:0;
        font-size:1.2em;
}

.csc-sitemap ul li {
        margin-bottom:20px;
}
.csc-sitemap ul li ul {
        list-style-type:disc;
        padding-left:18px;
        font-size:0.9em;
        text-transform:none;
        font-weight:normal;
}

.csc-sitemap ul li ul li{
        margin-bottom:0px;
}

.csc-sitemap ul li ul li a {
	color: #3A69BA;
  font-weight:normal;
}

.csc-sitemap ul li ul li a:hover {
  font-weight:normal;
}
.csc-sitemap ul li ul li ul{
        list-style-type:circle;
        margin-bottom:0;
}

.csc-menu .csc-sitemap-level1 {
        margin-top:30px;
        margin-left:0;
        font-size:1.5em;
}

.csc-menu .csc-sitemap-level1 a {
        text-decoration:none;
}

.csc-menu .csc-sitemap-level2 {
        margin-left:25px;
        
}

.csc-menu .csc-sitemap-level3 {
        margin-left:120px;
}

.csc-header {
        padding-top: 10px;
}
 
.csc-firstHeader {
        padding-top:0px;
        margin-top:0px;
}

.csc-textpic-caption {
  font-size: 0.8em;
 }

#rechts .csc-textpic-image  {
  padding:10px 10px 0 0px;

}

.weitere_einspartipps a {
        text-decoration:none;
        padding-right:20px;
        padding-top:5px;
        text-align: right;
        margin-bottom:10px;
        text-align:right;        
        background: url(bilder/gluehbirne_an.gif) no-repeat right bottom;	        
}

.weitere_einspartipps a:hover {
        color: red;
        background: url(bilder/gluehbirne_aus.gif) no-repeat right bottom;	        
}

.weitere_einspartipps {
        margin-top:0px;
        padding-top:0px;
        background-color:white;
        display:block;
        padding-bottom:5px;   
        background-color:#EFF3F9; 
        font-size:0.85em;  
        line-height:1.5em;
    
}

.weitere_einspartipps2 {
        margin-top:40px;
        padding-top:10px;
        border-top:1px dotted silver;
        text-align:right;

}

.weitere_einspartipps2 a {
        text-decoration:none;
        padding-left:20px;
        background: url(bilder/gluehbirne_an.gif) no-repeat left bottom;	        
}

.weitere_einspartipps2 a:hover {
        background: url(bilder/gluehbirne_aus.gif) no-repeat left bottom;	        
}

.rechts_block_einspartipp {
        margin-top:15px;
 background: #EFF3F9 url(bilder/blume.gif) no-repeat right bottom; 
}

.rechts_block_einspartipp .csc-header {
        padding-top:0px;
}


/* Kontakthinweis nur fuer Ausdruck */
#kontakt_druck {
   display:none;
}


.contenttable{
   font-size:0.85em;
   text-align:center;
   color: black;
}         

.contenttable td, .contenttable th  {
   padding-right:10px;
   text-align:left;
   font-weight:normal;
}

.einspartipp_header {
   padding-top:8px;
}
.einspartipp_bodytext {
   padding-bottom:10px;
}



#eintraege_und_rechts .csc-textpic-image dt img {
   border:1px solid silver;
}

.abstand {
  margin:30px 15px 2px 15px;
  /* border-bottom:1px dotted silver; */

}


/* CSS fuer den RTE, wird zusaetzlich im Setup der Startseite hinterlegt. */
table.tab_layout1 {

}

tr {
	height:auto;
}

td { vertical-align: top; }

td.zelle_wichtig1 {
 background-color:red;
 color:white;
 text-align:right;
}
td.zelle_wichtig2 {
 background-color:white;
 color:black;
}
 
td.zelle_fett {
 font-weight : bold;
}

td.zelle_durchgestrichen {
 text-decoration: line-through;
 text-align:right;
}

td.zelle_unterstrichen {
 border-bottom:2px solid black;
}
td.zelle_rechtsbuendig {
  text-align:right;
}

td.zelle_zentriert {
  text-align:center;
}

td.zelle_rechtsbuendig_klein {
  text-align:right;
  font-size:0.8em;
}

td.zelle_linksbuendig_klein {
  text-align:justify;
  font-size:0.8em;
}
/* ENDE CSS fuer den RTE */
 
.csc-mailform-field label {
  width:120px;
  display:block;
}

.csc-mailform {
border:0;
padding:0;
}

.contenttable p {
  margin: 0 0 1px 0;
}


.gruen {
  color:green;
}






#rechner_tab {
  border-collapse:collapse;
  width:100%;
}
.rechner_verbrauch {
  text-align:left;

} 


.submit {
  text-align:left;
  margin-left:0;
  padding:0;
  margin-top:20px;
}

.rechner_energieart{
  font-weight:bold;
}

.rechner_tarif {
  font-weight:bold;
  text-align:left;
  
}

.rechner_summe {

  font-weight:bold;
}
td, th {
  padding-right:15px;
  padding-left:15px;
  text-align:right;
}

.rechner_strom {
  background-color: #FF5252;
}

.rechner_evivo_strom, .rechner_evivo_strom td {
  background-color: #FF5252;
  font-style:italic;
}

.rechner_evivo_gas, .rechner_evivo_gas td {
  background-color: #EFFF75;
  font-style:italic;
}

.rechner_evivo_natur, .rechner_evivo_natur td {
  background-color:#028F00;
  color:white; 
}

.rechner_evivo_ueberschrift {
  text-align:left; 
  font-size:13px;
  font-weight:bold;
  background-color:green;   
  padding-top:5px;
  padding-bottom:5px;
  border-bottom:1px solid silver;
}

.rechner_gas {
  background-color:#EFFF75;
}

.rechner_ueberschrift {
  background-color: #3366cc;
  color:white;
}

#rechts form {
  padding:0 0 0 5px;
  margin:0;
}

#rechts form input {
 color:silver;
 width:68px;
 padding:0;
 margin:0;
}

#rechts input.submit {
 width:30px; 
 color:black;
}