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-kundenservice, 
.headerbild-infocenter, .headerbild-wasser, .headerbild-erdgas, .headerbild-gwextra, .headerbild-kontakt, .headerbild-generic,*/
	{
	display: none;
	}	
.mainnav{
	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: #FD833E; font-size: 1em; line-height: 1.5em; margin-bottom: 1em; }
#content h2 { color: #FD833E; font-size: 0.9em; line-height: 1.5em; margin-bottom: 0.8em; }
#content p { color: #666; font-size: 0.7em; line-height: 1.2em; margin-bottom: 1em; }
#content a { text-decoration: none; }
#content a:link, #content a:visited { color: #FD833E; }
#content a:hover, #content a:active, #content a:focus { color: #FD833E; text-decoration:underline; }
#content h4{color: #666; font-size:0.7em; display:block; background-color:#f1f1f1; line-height: 1.5em; margin-top: 0em; margin-bottom:1em;}
	
/* :::::::::::::::: 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: #FD833E;
	text-decoration: none;
	}
#content a:hover, #content a:active, #content a:focus {
	color:#FD833E;
	text-decoration: underline;
}

/* :::::::::::::::: 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 table :::::::::::::::: */

#content table.rahmen {
	width:80%;
	margin-top:1.0em;
	border:1px solid #7FADD4;
	background-color:#f0f5fa;
	cellspacing:2px;
	}
#content table.liste {
	width:100%;
	margin-top:1.0em;
	border:0px;
	cellspacing:2px;
	}
#content table.karte {
	width:408px;
	margin-top:1.0em;
	border:1px solid #7FADD4;
	background-color:#f0f5fa;
	cellspacing:2px;
	display:none;
	}
#content caption	{
	display:none; 
	}
#content td, th {
	vertical-align: top;
	margin-top: 0;	
	border: 0;
    background-color:#fff;
	padding-bottom:5px;
	padding:3px;
	}
#content th {
	vertical-align: top;
	margin-top: 0;	
	border: 0;
	display:block;
	background-color:#f0f5fa;
	padding-bottom:5px;
	text-align:left;
	font-weight: bold;
	}	
#content table h4	{
	font: 1.0em  verdana, lucida, arial, helvetica, sans-serif;
	font-weight: bold;
	color:#FD833E;
	}	
/* :::::::::::::::: 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;
	}
/*:::::::::::::::: 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(../img/icon_pdf.gif) no-repeat;
	background-repeat:no-repeat;
	list-style-type:none;
	}
	
/* :::::::::::::::: hg :::::::::::::::: */
#bildgeschaeft{
	height:103px;
	background-position:left;
	background-color:#999;
	background-image:   url("../img/head/hg_geschaeft.jpg");
	background-repeat: no-repeat;
	text-align: right;
	margin: 0px 0px 1px 0px;
	padding:0px;
	display:none;
	}
#bildportfolio{
	height:103px;
	background-position:left;
	background-color:#999;
	background-image:   url("../img/head/hg_portfolio.jpg");
	background-repeat: no-repeat;
	text-align: right;
	margin: 0px 0px 1px 0px;
	padding:0px;
	display:none;
	}
#bildhersteller{
	height:103px;
	background-position:left;
	background-color:#999;
	background-image:   url("../img/head/hg_hersteller.jpg");
	background-repeat: no-repeat;
	text-align: right;
	margin: 0px 0px 1px 0px;
	padding:0px;
	display:none;
	}
#bildreferenzen{
	height:103px;
	background-position:left;
	background-color:#999;
	background-image:   url("../img/head/hg_referenzen.jpg");
	background-repeat: no-repeat;
	text-align: right;
	margin: 0px 0px 1px 0px;
	padding:0px;
	display:none;
	}
#bildpartner{
	height:103px;
	background-position:left;
	background-color:#999;
	background-image:   url("../img/head/hg_partner.jpg");
	background-repeat: no-repeat;
	text-align: right;
	margin: 0px 0px 1px 0px;
	padding:0px;
	display:none;
	}
.hoehe-bild{ 
	height: 150px;
	}
div[class = "hoehe-bild"] { 
	height: auto; 
	min-height: 150px; 
	}
#bild img{
	float:right;
	}
/* :::::::::::::::: contentteaser uebersicht :::::::::::::::: */
.teaser{
	margin:5px 0px 5px 0px; 
	padding:0px 10px 0px 0px;
	display:block;
	text-align:left;
	height:100px;
	}
div[class = "teaser"] { height: auto; min-height: 100px; } /* Opera, Mozilla */

/* :::::::::::::::: content link teaser - mehr :::::::::::::::: */

#content div.teaser p a, #content div.teaser p a:link, #content div.teaser p a:visited {
	color: #FD833E;
	text-decoration: none;
	}	
#content div.teaser p a:hover,#content div.teaser p a:active, #content div.teaser p a:focus{
	color: #FD833E;
	text-decoration: underline;
	}

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

#content div.teaser img{
	margin:2px 8px 5px 0px;
	float:left;
	padding:0px;
	border:1px solid #7FADD4;
	}
#teaser  table {
	width:100%;
	margin-top:1.0em;
	border:0;
	background-color:#fff;
	}
#teaser  caption	{
	display:none; 
	}
#teaser  td, th {
	vertical-align: top;
	margin-top: 0;	
	border: 0;
    background-color:#fff;
	padding-bottom:5px;
	padding:3px;
	}
#teaser  th {
	vertical-align: top;
	margin-top: 0;	
	border: 0;
	display:block;
	background-color:#fff;
	padding-bottom:5px;
	text-align:left;
	font-weight: bold;
	}	
	
/*::::::::::::::::: 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;}
#kasten {
padding:0px;
margin:0px;

 }
#content .kastenbox {
 color: #666; float:left; width:40%; height:1%; height:100px; display:block; margin:5px 10px 5px 0; padding:5px; font-size:0.7em;  text-align:left;
 }
div[class = "kastenbox"] {height:100px;  height:auto; min-height:100px; } /* Opera, Mozilla */
#content .kastenbox img {
 float:left; margin:0 5px 10px 0;}
 
#content .kastenbox h4 {color: #666; font-size:1em; display:block; background-color:#f1f1f1; line-height: 1.5em; margin-top: 0em; margin-bottom:1em;}