@CHARSET "ISO-8859-1";

/* ##################################################
 * #												#
 * # HOCHZWEI Stylesheet							#
 * #												#
 * # Autor: Frederick Stierle						#
 * # 												#
 * # Datum: 16.10.2008								#
 * # 												#
 * ################################################## 
 */

.text2col11 {
	width:190px;
	
}

.text2col12 {
	width:190px;	
}

input.text2col12 {
	width:187px;
	margin-left:10px;
}

.rechnerKwKFlex3 #plzRechnerdiv {
	padding:0 !important;
}

.news-single-imgcaption {
	display:none;
	visibility:hidden;
}

.news-single-img img {
	margin-bottom:15px;
}

.flexUmelitungText {
	background:#ECF9D9 none repeat scroll 0 0;
height:186px !important;
overflow:hidden !important;
}

.flexUmelitungTextCon {
	padding:20px;
}

span.staffelSpacerGp {
	width:80px;
}

.errorRechner {
	text-align:center;	
}

#flexformdiv span.success, #flexformdiv span.success p {
	font-weight:normal !important;
	text-align:left !important;
}

#flexformdiv h1, #kwkformdiv h1 {
			font-weight: bold;
			font-size: 1.2em;
			color: #323232;
		}
		
#flexformdiv h2, #kwkformdiv h2 {
			font-weight: bold;
			font-size: 1.1em;
			color: #323232;
			margin-bottom:10px;
		}		

#v_liste {
	border:1px solid #3F903F;
	border-top:none;
	
	width:404px;
}

.inputTel {
	width:200px;
	
}

.inputVorwahl {
	width:80px;
	margin-right:10px;
}

.ec {
	margin-bottom:15px;
}

.flex3FormSectionCon {
	
}

.flex3FormSection {
	
}

input.textBox {
	background:#F9FDF2 none repeat scroll 0 0;
	border:1px solid #3F903F;
	font-size:10px;
	
	padding:3px;
	
}

.textOneCol {
	width:398px;
}

.inputPlz {
	width:40px;
	margin-right:10px;
}

.inputOrt {
	width:335px;
}

.inputStreet {
	width:335px;
	margin-right:10px;
}

.inputStreetNr {
	width:40px;
}

.text2col {
	margin-right:15px;
	
}

.text3col {
	
}

fieldset {
	border:1px solid #3F903F;
	background:#ECF9D9;
	padding:5px;
	margin-bottom:10px;
}

legend {
	padding-left:5px;
	padding-right:5px;
	font-weight:bold;
}

fieldset span.label {
	color:#3F903F;
	font-weight:bold;
}


.clear {
	clear:both;
}

/* Flex-3 formular
html, body, td, p {
			font-family: arial;
			font-size: 11px;
		}
		h1 {
			font-weight: bold;
			font-size: 1.2em;
			color: #558855;
		}
		h2 {
			font-weight: bold;
			font-size: 1.1em;
			color: #558855;
		}
		div .ec {
			margin: 0px 0px 20px 0px;
		}
		.error {
			font-weight: bold;
			color: #FF0000;
		}
		.warn {
			font-weight: bold;
			color: #FF9922;
		}
		.success {
			font-weight: bold;
			color: #00FF00;
		}
		.clear {
			clear: both;
		}
		#flexform fieldset {
			margin: 20px 0px 20px 0px;
			padding: 20px 10px 10px 10px;
		}
		#flexform fieldset legend {
			font-weight: bold;
			color: #558855;
			padding: 0px 10px 0px 10px;
		}
		#flexform label {
			font-weight: bold;
		}
		#flexform input[type="text"], select {
			margin: 0px 4px 0px 0px;
		}
 */

.produktListTable {
	width:315px;
}

.produktListImage {
	width:90px;
}

/* Flex3 ende */ 
 
 .hidden {
	display:none;
	visibility:hidden;
}

.pFormRow {
	margin-bottom:7px;
}

.pFormRow label {
	color:#00912F;
	font-weight:bold;
}

.pFormRow select {
	
}

span.blackBold {
	color:#323232;
	font-weight:normal;
}

.produktListProdukt {
	margin-bottom:15px;
}

.produktListProdukt {
	
	
}

td.produktListLeft {
	
}

th.produktListRight, td.produktListInfoText {
	text-align:right;
}

span.produktListLinks {
	margin-left:15px;
}


#plzdiv .inputVerbrauch {
	diplay:none;
	visibility:hidden;
}

.rechnerPK_form {
	margin-bottom:10px;
	padding-bottom:10px;
	
}

.verbrauchLabel {
	font-weight:bold;
	margin-right:15px;
}

#plzRechnerdiv {
	padding-left:10px;
	padding-right:20px;
}


table.produktliste th {
	background:#ECF9D9;
	border-top:1px dotted #00912F;
	padding:3px;
}

table.produktliste th, table.produktliste td {
	padding-left:10px;
}

.rechnerError {
	text-align:center;
	margin-bottom:10px;
}

.rechnerFlex3 {
	height:186px !important;
	overflow:hidden !important;
	background:#ECF9D9 ;
}

input#rechnerPk_verbrauch {
	width:165px;
	
}

#pInfoForm input#rechnerPk_verbrauch {
	width:165px;
	text-align:right;
}


#plzRechnerdiv #msgdiv, #plzdiv #msgdiv {
	margin-bottom:5px;
}

.input3col {
	
}

.input2col {
	
}

.input1col {
	
}

.ec label {
	margin-bottom:3px;
}






#footerCon {
padding-right:25px;
padding-left:75px;
}

#ticker {
	
	position:absolute;
	top:513px;
	left:88px;
}


#druckLogo {
	display:none;
	visibility:hidden;
}

#footerConInner {
 border-top:1px dotted #00912f; 
}

#kundeWerden {
	position:absolute;
	top:410px;
	left:570px;
}
  
 #metaNav {
 	
 } 
  
  
  
form, img, a, body {
 	border:0;
	margin:0;
}

html {
	height:100%;
	position:relative;
}

body {
	
	*min-height:100%;
	/*height:100%;*/
	position:relative;
	line-height:17px;
}

/* Startseite */

#headLeftStart {
	width:557px;
	margin-right:25px;
}

#headRightInnerStart {
	height:156px;
}



#headRightStart {
	width:266px;
}

#headRightInnerStartCon {
	padding-top:16px;
}

#headlineLeft {
	width:557px;
}



/* ################################################## */

.borderBot {
	background:url(../img/bgDot.gif) bottom left repeat-x;
	
}


#bgTop {
	
}


.borderTop {
	background:url(../img/bgDot.gif) top left repeat-x;
}

body {
	
	background:url(../img/bg.png) repeat;
}

#bgVerlauf {
	width:100%;
	height:100%;
	background:url(../img/bgTop.png) repeat-x;
	background:url(../img/topLeftBg.jpg) no-repeat;
}

#bgMainLeft {
	background:url(../img/bgMain.jpg) repeat-y top left; 
	height:100%;
}

#bgMain {
	width:1050px;
	width:100%;
	height:100%;
	
}



#bgHead {
	background:url(../img/headerBg.png) no-repeat;
	background:url(../img/logoTop.jpg) no-repeat;
}

#bgBot {
	background:url(../img/bgBot.jpg) repeat-y;
	height:100%;
}

#container * {
	
	
	
}

#container {
	*width:1095px;
	height:100%;
	
}

#containerCon {
	padding-left:63px;
	
	
}

#containerConP25 {
	/* padding-left:25px; */
}

#headCon, #mainCon {
	padding-left:25px;
}

#main {
	width:897px;
	background:#ffffff;
}

#head {
	height:327px;
	overflow:hidden;
}

#headStart {
	height:298px;
	overflow:hidden;
}

#headLeft {
	width:644px;
	height:327px;
	
}

#headLeftHeight {
	height:326px;
	overflow:hidden;
}

#headLeftCon {
	padding-top:103px;
	
}

#headLeftConStart {
	padding-top:75px;
	
}

#startSeite #headLeftCon {
	padding-top:75px;
	
}

#headRight {
	width:180px;
	/* background:url(../img/headRightBg.gif) bottom left no-repeat; */
	margin-left:25px;
	height:327px;
}

#headRightHeight {
	height:326px;
	overflow:hidden;
}

#headRightCon {
	padding-top:171px;
}

#headRightConStart {
	padding-top:146px;
}

#startSeite #headRightCon {
	padding-top:146px;
}

#headLeftInner {
	height:223px;
	padding-bottom:1px;
}

#headRightInner {
	height:156px;
	background:url(../img/bgNewsletter.jpg) no-repeat top left;
}

#headRightInnerCon {
	padding-top:2px;
}

#footerCon {
	
}

#footerConInner {
	padding-top:5px;
}

#footerLeftCon {
	font-size:9px;
}

#druckLogo {
	display:none;
	visibility:hidden;
	
	
}





body {
	
	background:url(../img/neu1/body.png) repeat top left scroll;
	height:100%;
	
}

#mainBgY {
	
	background:url(../img/neu1/yVerlauf.png) repeat-x top left scroll;
}

#mainBg1 {
	/* background: url(../img/neu1/bgBody1.jpg) repeat-y top left; */
	
}

#container {
	background: url(../img/neu1/white.png) repeat-y top left;
	
}

#welleAbs {
	background: url(../img/neu1/welle.png) no-repeat top left;
	width:100%;
	height:298px;
	position:absolute;
	top:0;
	left:0;
	z-index:10000;
}

#metaNav {
	top:5px;
	left:140px;
	z-index:100001;
	width:510px;
	position:absolute;
}


html {
   height:100%;
	}


#footer {
	 width: 975px;

 /* position: absolute; */
 background: url(../img/neu1/white.png) repeat-y top left;
 bottom: 1 !important;
 bottom: 1px;
 height: 85px;
	
}

#startSeite #footer {

	
}

#container {
	/* background:url(../img/neu/bgLeftMain.jpg) repeat-y 0 2000px; */
}

#welle {
	/* background:url(../img/neu/welle.jpg) no-repeat top left; */
	*height:100%;
	
	
}



#container, #containerCon, containerConP25, #welle, #bgTop, #bgLeftMain, #verlaufTop {
	 position: relative;
min-height: 100%;
height: auto !important;
height: 100%;
}

#bgLeftMain {
	/* background:url(../img/neu/bgLeftMain.png) no-repeat 0px 2000px; */
	/*  */
	*height:100%;
	
}

#verlaufTop {
	/* background: url(../img/neu/bgTopG.jpg) no-repeat top left; */
	position: relative;
 min-height: 100%;
 

	
}

#mainbg {
	
	position: relative;
 min-height: 100%;
}

#bgTop {
	
	*height:100%;
	
}

#container {
	min-height:100%;
}

.error {
    color: #FF0000;
    font-weight: bold;
}

.warning {
    color: #FF6633;
    font-weight: bold;
}

.notice {
    color: #DD9922;
    font-weight: bold;
}

.success {
    color: #339900;
    font-weight: bold;
}

.undefined {
    color: #000000;
    font-weight: bold;
}

* html #verlaufTop
{
*height: 100%;
}