body, p, h1, h2, h3, h4, ol, ul, a, strong	{
	font-family: verdana, lucida, arial, helvetica, sans-serif;
	background: #fff;
	color: #000;
	}
strong	{
	font-weight: bold;
	}
body	{	
	size: auto;	
	background: #fff;
	color: #000;		
	margin:	0 0 1cm;
	/* Hurenkinder und Schusterjungen */
	orphans					:	3;
	widows					:	3;
	}	
#head, #mainnav, #container-rechts, #contentinfo, #footer
/* .headerbild-unternehmen, .headerbild-kundenservice, 
.headerbild-erdgas, .headerbild-preise, .headerbild-kontakt, .headerbild-generic,*/
	{
	display: none;
	}	
	
/*:::::::::::::::::::: Allgemeine Elemente | general page elements ::::::::::::::::::::*/ 
img {
	display: none;
	border: 0;
	}
.invisible {
	display: none;
	}	
	
#copy {
	display: none;
}	
	
p {
	margin-top: 0;
	margin-bottom: 13pt;	
	font: 10pt/140%  verdana, lucida, arial, helvetica, sans-serif;
	}		
table	{
	width: 17cm;
	}
td	{
	font: 10pt/120%  verdana, lucida, arial, helvetica, sans-serif;
	vertical-align: top;
	margin-top: 0;	
	padding: 2px 10px 2px 0;	
	border: 0;
	}
td h4	{
	font: 13pt/120%  verdana, lucida, arial, helvetica, sans-serif;
	font-weight: bold;
	}	
.verticalalign	{
	vertical-align: middle;
	}
a, ul, li {
	font-family:  verdana, lucida, arial, helvetica, sans-serif;
	}
ul li {
	font: 11pt/140%;	
	margin: 10px 0;
	padding: 5px 0 5px 2px;	
	margin-left: 30px;
	list-style: disc outside; 
	}	
a:link, a:visited {
	font-weight : bold; 	
	background: #fff;
	color: #000;	
	}
	
/*:::::::::::::::::::: Überschriften ::::::::::::::::::::*/
h1, h2, h3, h4, h5, h6	{
	font-family:  verdana, lucida, arial, helvetica, sans-serif;
	}
h3	{
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 12px;
	margin-top: 25px;
    }
h4	{
	font-size: 11pt;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 12px;		
	}
	
/* :::::::::::::::: content :::::::::::::::: */
#content  {  background-color: #fff; width:auto; font-size: 8pt; color:#000; width:auto;
margin-left:1cm; margin-right:1cm;}
/*.hoehe { height:70%; }
div[class = "hoehe"] { height: auto; min-height: 70% }*/

#content h1  { color: #000; font-weight :normal; font-size: 1.5em; letter-spacing: 0.1ex; border-left: 0.7em solid #005BAA; margin:0.2em 0.2em 0.5em 0; padding:0 0 0 0.2em; }
#content h2 { color:#000; font-size: 1em; line-height: 1.5em; margin-bottom: 0.8em; }
#content h3{color: #000; font-size:1em; margin-bottom: 0.6em; }
#content p { line-height: 1.2em; margin-bottom: 0.5em }
#content .subline { font-size:0.95em;  padding:2px 10px 5px 0px; font-weight:bold; }
	
/* :::::::::::::::: content img :::::::::::::::: */
#content img { float:left;  margin:5px 8px 5px 0px; border:0; }

/* :::::::::::::::: content link allgemein :::::::::::::::: */
#content a, #content a:link, #content a:visited{
	color: #005BAA;
	text-decoration: none;
	}
#content a:hover, #content a:active, #content a:focus {
	color:#0DB14B;
	text-decoration: none;
	}
/* :::::::::::::::: content link teaser - mehr :::::::::::::::: */
#content div.teaser p a, #content div.teaser p a:link, #content div.teaser p a:visited {
	color: #0DB14B;
	text-decoration: none;
	}	
#content div.teaser p a:hover,#content div.teaser p a:active, #content div.teaser p a:focus{
	color: #005BAA;
	text-decoration: none;
	}

/* :::::::::::::::: content liste :::::::::::::::: */
#content ul	{
	margin: .5em 0;
	padding-left: 10px;
	margin-left: 10px;
	list-style-type:none;
	}
#content li{
	/*line-height: 1;*/
	margin-bottom: 5px;
	padding-left: 13px;
	margin-left: 0px;
	background:  url(../img/listenpunkt_textarea.gif) no-repeat;
	background-repeat:no-repeat;
	list-style-type:none;
	}
#content li.intern	{
	/*line-height: 1;*/
	margin-bottom: 5px;
	padding-left: 13px;
	margin-left: 0px;
	background:  url(../img/liste_intern.gif) no-repeat;
	background-repeat:no-repeat;
	list-style-type:none;
	}
#content li.extern	{
	/*line-height: 1;*/
	margin-bottom: 5px;
	padding-left: 13px;
	margin-left: 0px;
	background:  url(../img/liste_extern.gif) no-repeat;
	background-repeat:no-repeat;
	list-style-type:none;
	}
	
/* :::::::::::::::: Content - Links extern und links intern :::::::::::::::: */	

a.linkExtern {
	white-space: nowrap;
	}
a.linkExtern img {
	display: inline;
	vertical-align: middle !important;
	margin-right: 3px;
	margin-top: 0.1em !important;
	}
a.linkIntern {
	white-space: nowrap;
	}
a.linkIntern img {
	display: inline;
	vertical-align: middle !important;
	margin:0;
	margin-top: 0.1em !important;
	}
.linkAbstand{
	clear:both;
	margin-top:0.5em;
	}
a.link {
	white-space: nowrap;
	}
a.link img {
	display: inline;
	vertical-align: middle !important;
	margin-right: 3px;
	margin-top: 0.1em !important;
	}
	
/* :::::::::::::::::::: kursiv ::::::::::::::::::::*/	
#content .kursiv   { 
	font-style:italic;
	}
/*:::::::::::::::::::: FORMULAR ERRORBOX BEI FEHLEINGABE ::::::::::::::::::::*/

.errorbox {
	border: 1px solid #005BAA;
	width: 85%;
	padding: 10px 10px 10px 5px;
	background-color: #E2ECF5;
	}
.errorbox li {
	line-height: 1;
	margin-bottom: 5px;
	padding-left: 13px;
	margin-left: 0px;
	background:      url(../img/error_icon.gif) no-repeat;
	background-repeat:no-repeat;
	list-style-type: none;
	}
.pdf ul	{
	margin: .5em 0;
	padding-left: 10px;
	margin-left: 10px;
	margin-bottom:5px;
	list-style-type:none;
	}
.pdf li { 
	line-height: 1;
	margin-bottom: 8px;
	padding:1px 0 1px  19px;
	margin-left: 0px;
	background:     url(../kundenservice/pics/icon_pdf.gif) no-repeat;
	background-repeat:no-repeat;
	list-style-type:none;
	}

/* :::::::::::::::: content headerbild hg :::::::::::::::: */

.headerbild-unternehmen {
	height:103px;
	background-position:left;
	background-color:#7FADD4;
	background-image: url(../img/hg/unternehmen.jpg);
	background-repeat: no-repeat;
	text-align: right;
	margin: 0px 0px 2px 0px;
	padding:0px;
	}	
.headerbild-kundenservice {
	height:103px;
	background-position:left;
	background-color:#7FADD4;
	background-image: url(../img/hg/kundenservice_hg.jpg);
	background-repeat: no-repeat;
	text-align: right;
	margin: 0px 0px 2px 0px;
	padding:0px;
	}	
.headerbild-infocenter {
	height:103px;
	background-position:left;
	background-color:#7FADD4;
	background-image: url(../img/hg/gw_gebaude.jpg);
	background-repeat: no-repeat;
	text-align: right;
	margin: 0px 0px 2px 0px;
	padding:0px;
	}	
.headerbild-waermeplus{
	height:103px;
	background-position:left;
	background-color:#7FADD4;
	background-image: url(../img/hg/waermeplus_head.jpg);
	background-repeat: no-repeat;
	text-align: right;
	margin: 0px 0px 2px 0px;
	padding:0px;
	}	
.headerbild-erdgas{
	height:103px;
	background-position:left;
	background-color:#7FADD4;
	background-image: url(../img/hg/heissluftballon.jpg);
	background-repeat: no-repeat;
	text-align: right;
	margin: 0px 0px 2px 0px;
	padding:0px;
	}	
.headerbild-preise{
	height:103px;
	background-position:left;
	background-color:#7FADD4;
	background-image: url(../img/hg/heissluftballon.jpg);
	background-repeat: no-repeat;
	text-align: right;
	margin: 0px 0px 2px 0px;
	padding:0px;
	}	
.headerbild-kontakt{
	height:103px;
	background-position:left;
	background-color:#7FADD4;
	background-image:  url(../img/hg/kontakt.jpg);
	background-repeat: no-repeat;
	text-align: right;
	margin: 0px 0px 2px 0px;
	padding:0px;
	}	
.headerbild-generic{
	height:103px;
	background-position:left;
	background-color:#7FADD4;
	background-image:  url(../img/hg/graeser.jpg);
	background-repeat: no-repeat;
	text-align: right;
	margin: 0px 0px 2px 0px;
	padding:0px;
	}	
#content.headerbild img {
	border:0px;
	float: none;
	display: inline;
	margin: 0px;
	padding: 0px;
	display:none;
	}

/* :::::::::::::::: contentteaser uebersicht :::::::::::::::: */
.teaser{
	margin:5px 0px 5px 0px; 
	padding:0px 10px 0px 0px;
	display:block;
	text-align:left;
	height:90px;
	}
div[class = "teaser"] { height: auto; min-height: 90px; } /* Opera, Mozilla */

/* :::::::::::::::: teaserbilder :::::::::::::::: */

#content div.teaser img{
	margin:2px 8px 5px 0px;
	float:left;
	padding:0px;
	border:1px solid #7FADD4;
	}
	
/*::::::::::::::::: formular An-Ab, Ummelden ::::::::::::::::::::::::::::::*/

#content form {
	width:auto;
	margin-top:1.0em;
	}
fieldset {
	width: auto;
	padding: 10px;
	margin-top:10px;
	}
.dotted {
	border-top:1px dotted #005BAA;
	border-right:1px dotted #005BAA; 
	border-bottom:1px dotted #005BAA; 
	border-left:1px dotted #005BAA;  
	 }
.perfect {
 	 border-top:1px solid #005BAA; 
 	 border-right:1px solid #005BAA; 
 	 border-bottom:1px solid #005BAA; 
	 border-left:1px solid #005BAA; 
	 }
fieldset .wasser {
	margin-right:1%;
	display:inline;
	width: 41%;
	padding: 10px;
	border:1px solid #7FADD4;
	}
fieldset .gas{
	display:inline;
	width: 41%;
	padding: 10px;
	border:1px solid #7FADD4;
	}
fieldset .wichtig{
	display:inline;
	width: 80%;
	padding: 10px;
	border:1px solid #7FADD4;
	}
#content input, textarea{
	font-size: 1.0em;
	padding:0.2em;
	}
label{
	font-size: 0.9em;
	}
legend {
	color: #005BAA;
	font-size: 0.9em;
	font-weight: bold;
	background-color: #FFF;
	padding: 0 0.2em  0 0.2em;
	margin-bottom:0.8em;
	}
.abstand{
	padding-top:0.7em;
	padding-bottom:0.4em;
	}
.abstandbold{
	padding-top:0.7em;
	padding-bottom:0.3em;
	font-weight:bold;
	font-size:0.93em;
	}
.formfield {
	border: 1px solid #7FADD4;
	/*border: none;*/
	width: 90%;
	background-color:#f0f5fa;
	padding-left: 5px;
	margin-top:2px;
	color:#004077;
	}
.formfield-kurz {
	border: 1px solid #7FADD4;
	/*border: none;*/
	width: 30%;
	background-color:#f0f5fa;
	padding-left: 5px;
	margin-top:2px;
	color:#004077;
	}
.formfield-hausnummer {
	border: 1px solid #7FADD4;
	/*border: none;*/
	width: 10%;
	background-color:#f0f5fa;
	padding-left: 5px;
	margin-top:2px;
	color:#004077;
	}
.formfield-mittel {
	border: 1px solid #7FADD4;
	/*border: none;*/
	width: 50%;
	background-color:#f0f5fa;
	padding-left: 5px;
	margin-top:2px;
	color:#004077;
	}
.submitbutton {
	border: 1px solid #7FADD4;
	background-color:#005BAA;
	color:#fff;
	padding:0.1em;
	margin:0.8em;
	}
.abstand{ padding-top:0.7em; padding-bottom:0.4em;
	}
.abstandbold{ padding-top:0.7em; padding-bottom:0.3em; font-weight:bold; font-size:0.93em;
	}
.error {color:#FF0000;}