/* ******************* global g�ltige CSS Style-Definitionen ************************* */

div.popupError {width: 620px; }
body.popupBody {background: 0 transparent;}

div.floatRight {float: right;}
.floatLeft {float: left !important;}
div.buttonInnerBorder{float: left;padding: 0;}
div.buttonBorder {min-width: 10px; _width: 10px;}

.alignTop {
	vertical-align: top !important;
}

.label2Col input.checkbox {float: left; width: 60px;}
.label2Col label.checkboxLabel {display: block; float: right; margin-right: 8px; width: 530px;}
.alignTop {
	vertical-align: top;
}
.extraPaddingTop {padding-top: 20px;}
a.right.withBorder,
input.btnRight.withBorder {
	float: left !important;
}
div.contentBottom div.pleasewait {
    float: right;
	padding: 3px 4px 0px 0px;
}
td.three div.pleasewait {
    float: left;
	padding: 3px 4px 0px 0px;
}
div.popupError {margin: 20px 0 0 8px;}

.width83 {width: 83px;}
.width96 {width: 96px;}
.width170 {width: 170px;}
.width110 { width: 110px;}

#loginContent {position: relative;}
#BG_loadingDataAnimation{
	position: absolute;
	top: 0;
	height: 100%;
    _height: 85px;  /* ie hack */ 
	width: 100%;
	background-color: #FFF;
	opacity : 0.6;
	filter : alpha(opacity=30); 
}
#loadingDataAnimation {
	background-color: #EEE;
	border: 1px solid #222222;
	opacity:1.0;
	filter:alpha(opacity=100);
	background-image: url("../images/de_DE/loadingAnimation.gif");
	background-position: 200px 20px;
	background-repeat: no-repeat;
	background-position:5px 10px;
	background-repeat:no-repeat;
	color:#333333;
	font-weight:bold;
	height:auto;
	margin:5px auto;
	padding:35px 0 10px;
	position:absolute;
	text-align:center;
	top:0;
	width:220px;
	right:50px;
} 

img.calendarImg {
	display: none;
}
img.ref {
    float: right;
    height: 14px;
    padding: 0 2px 0 0;
    width: 14px;
}
img.refInner {    
    height: 14px;    
    width: 14px;
    margin: 0px 2px 0px 2px;
}
div.infoImg{
	float: left; 
	margin: 1px 0pt 0pt 4px;
	width: 15px;
}

#tariffImage {
	border: 0;
	max-width: 620px;
	/* ie-hack ?????*/	
}
#cockpitError.loader {color: #6C809B;}

/******
classes for CSContractOverview to show/ hide inactive contracts

*******/
h3.hideInactive {
    background-image:url(../images/de_DE/link_icon_table_max.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    padding: 0px 0px 1px 23px;
	cursor: pointer;
}
h3.showInactive {
    background-image:url(../images/de_DE/link_icon_table_min.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    padding: 0px 0px 1px 23px;
	cursor: pointer;
}


table.detailsProdukt col.labelWidth {
	width: 434px;
	padding: 4px 4px 4px 8px;
}
table.detailsProdukt col.inputWidth {
	width: 162px;
	padding: 4px 4px 4px 8px;
}
span.normalWeight {font-weight: normal !important;}

/*** Style für Verbrauchshistorie erste Spalte **/
table.meterdetail6Col td.one {overflow: hidden;}
/*** Style für Rechnungsansicht erste Spalte **/
table.details3Col.showInvoiceTable td.one {width: 243px;}
table.details3Col.showInvoiceTable td.two {width: 117px;}

table.details4Col.showInvoiceTable td.one {width: 150px;}
table.details4Col.showInvoiceTable td.two {width: 100px;}
table.details4Col.showInvoiceTable td.three {width: 150px;}

span.highlight {font-weight: bold;}

table.productBNPrice, table.bruttoNetto6Col{
	border-top: 3px solid #FFF;
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	font-family: Arial;
	vertical-align: middle;
	font-size: 12px;
	width: 618px;
}
table.productBNPrice col.one {width: 230px;}
table.productBNPrice col.two {width: 80px;}
table.productBNPrice col.three {width: 80px;}
table.productBNPrice col.four {width: 60px;}
table.productBNPrice col.five {width: 80px;}
table.productBNPrice col.six {width: 80px;}

table.productBNPrice th {padding: 5px 0; font-weight: normal;}
table.productBNPrice tr.secondRow th { border-top: 1px solid #FFF; }
table.productBNPrice td {text-align:center; line-height: 30px; }
table.productBNPrice tr.white td{}
table.productBNPrice .one {padding-left: 20px; text-align:left; }
div.productBNPriceSupInfo {padding: 2px 20px 15px 20px; font-size: 10px;}

table.bruttoNetto6Col{ margin-bottom: 5px; }
table.bruttoNetto6Col col.one {width: 174px;}
table.bruttoNetto6Col col.two {width: 65px;}
table.bruttoNetto6Col col.three {width: 65px;}
table.bruttoNetto6Col col.four {width: 65px;}
table.bruttoNetto6Col col.five {width: 65px;}
table.bruttoNetto6Col col.six {width: 150px;}

table.bruttoNetto6Col th {padding: 5px 0; font-weight: normal; }
table.bruttoNetto6Col tr.secondRow th { border-bottom: 1px solid #FFF; text-align: right;}
table.bruttoNetto6Col td {text-align: right; height: 30px;  border-bottom: 1px solid #FFF;}
table.bruttoNetto6Col tr.white td{}
table.bruttoNetto6Col .one {padding-left: 10px; text-align:left; }
table.bruttoNetto6Col .six { padding-left: 20px; }
table.bruttoNetto6Col td.six input.btnInside {font-family: Arial !important; padding-top: 0px; padding-bottom: 2px; background-position:left 2px;}
table.bruttoNetto6Col a.inside{ line-height:15px; }

table.details6Col.activityLog td.one{width: 129px;}
table.details6Col.activityLog td.two{width: 129px;}
table.details6Col.activityLog td.three{width: 71px;}
table.details6Col.activityLog td.four.four2Col{width: 259px;}
table.details6Col.activityLog td.four{width: 93px;}
table.details6Col.activityLog td.five{width: 162px;}

table.details6Col.productMeterDetails td.one{ width: 100px;}
table.details6Col.productMeterDetails td.two{ width: 90px; }
table.details6Col.productMeterDetails td.three{ width: 216px; }
table.details6Col.productMeterDetails td.four{ width: 80px;}
table.details6Col.productMeterDetails td.five{ width: 83px; }

table.details4Col.productCalcShort td.four .btnInside{width: 128px; }

table.detailsProduktAggregation {	width: 569px;}
table.detailsProduktAggregation td.label {width: 445px;}
table.detailsProduktAggregation td.input { width: 120px; float: right;}

/*   iframeLogin */
#iFrameBody {background: 0 none;}
#iframeLoginBlock table {background-color: transparent; width: auto;}
#iframeLoginBlock h3 {
    font-weight: normal;
    padding: 0 0 5px;
}
#iframeLoginBlock table.default td.label {width: 110px; padding-left: 0px;}
#iframeLoginBlock table.default td.input {width: 280px; padding: 4px 2px 4px 16px;}
#iframeLoginBlock table.default td.input input.medium{width: 278px; float: right;}
#iframeLoginBlock table.default td.input .buttonBorder {margin-left: 0px; margin-top: 2px; float: left; width: 72px;}
#linkBlock{
	float: right;
    padding: 4px 0 0 20px;
    width: 180px;
	}
#linkBlock a {
    float: right;
    font-weight: bold;
    margin-left: 10px;
    padding: 3px 0 2px 20px;
    text-decoration: none;
}
.content_registerBlock {width: 415px; line-height: 1.4; font-size: 11px;padding-bottom: 5px;}

/*   productCalculator short */
#inputConsumption h3 {text-transform: uppercase; margin-top: 20px;}
#inputConsumption div.leftSide { width: 150px; float: left; padding: 10px 0 0;}
#inputConsumption { width: 385px;}
#inputConsumption div.inputLine{ width: 150px; float: left; padding: 3px 0;}
#inputConsumption div.inputLine label { width: 62px; float: left; line-height: 20px; }
#inputConsumption div.inputLine input { width: 80px; float: left; margin: 0;}
#inputConsumption div.inputLine input.radioImg { width: 14px;}
#inputConsumption div.inputLine label.radioLabel { width: 66px;}
#consumptionSlider {float: right;}
#powerSlider {background: url("../images/de_DE/bg_slider_power.png") no-repeat scroll 0 0 transparent; width: 221px; height: 75px;}
#powerSlider a.sliderMarker{
	background-image: url("../images/de_DE/bg_slider_power.png");
	background-repeat: no-repeat; 
	background-color: transparent;
	height: 75px;
	float: left;
	cursor: pointer;
}
#powerSlider a.sliderMarker.one{
	width: 25px;
	background-position: 0 0;
	margin-right: 11px;
}#powerSlider a.sliderMarker.one:hover {background-position: 0 -75px;}
#powerSlider a.sliderMarker.two{
	width: 38px;
	background-position: -36px 0;
	margin-right: 8px;
}#powerSlider a.sliderMarker.two:hover {background-position: -36px -75px;}
#powerSlider a.sliderMarker.three{
	width: 54px;
	background-position: -82px 0;
	margin-right: 13px;
}#powerSlider a.sliderMarker.three:hover {background-position: -82px -75px;}
#powerSlider a.sliderMarker.four{
	width: 72px;
	background-position: -149px 0;
}#powerSlider a.sliderMarker.four:hover {background-position: -149px -75px;}
#powerSlider a.sliderMarker span.active {background: url("../images/de_DE/slider_marke.png") no-repeat scroll center bottom transparent; float: left; height: 74px; vertical-align: bottom; width: 100%; z-index: 5000;}

#gasSlider {background: url("../images/de_DE/bg_slider_gas.png") no-repeat scroll 0 0 transparent; width: 221px; height: 75px;}
#gasSlider a.sliderMarker{
	background-image: url("../images/de_DE/bg_slider_gas.png");
	background-repeat: no-repeat; 
	background-color: transparent;
	height: 75px;
	float: left;
	cursor: pointer;
}
#gasSlider a.sliderMarker.one{
	width: 43px;
	background-position: 0 0;
	margin-right: 34px;
}#gasSlider a.sliderMarker.one:hover {background-position: 0 -75px;}
#gasSlider a.sliderMarker.two{
	width: 50px;
	background-position: -77px 0;
	margin-right: 18px;
}#gasSlider a.sliderMarker.two:hover {background-position: -77px -75px;}
#gasSlider a.sliderMarker.three{
	width: 76px;
	background-position: -145px 0;
}#gasSlider a.sliderMarker.three:hover {background-position: -145px -75px;}
#gasSlider a.sliderMarker span.active {background: url("../images/de_DE/slider_marke.png") no-repeat scroll center bottom transparent; float: left; height: 74px; vertical-align: bottom; width: 100%; z-index: 5000;}


#content .content_block {background: 0 none; width: 385px;}
.buttonBlock {float: right; width: 221px; padding: 10px 0 0;}
.buttonBlock input{float: right; font-weight: bold;border: 0 none; height: 22px; margin: 0; padding: 0 25px 3px 10px; cursor: pointer; }

/** ProcuktÜbersicht für iFrame **/
table.productSelection { width: 620px;}
#iFrameBody table.productSelection { width: 412px !important;}
table.productSelection td {padding: 5px 0 5px 10px;  overflow: hidden;}
table.productSelection tr.grey td {background-color: #f1f1f1;}
table.productSelection td.one {width: 95px; padding-top: 10px; vertical-align: top;}
table.productSelection td.two { padding-top: 10px; vertical-align: top;}
table.productSelection td.three {width: 95px;}
table.productSelection td span{
    display: block;
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 5px;
}
table.productSelection td a {display: block; clear: left;}
input.btn_productSelection {
    border: 0 none;
    font-weight: bold;
    margin: 5px 0 0;
    padding: 2px 15px 2px 5px;
    width: 82px;
	cursor: pointer;
}
#iFrameBody .contentText, #iFrameBody .contentBottom, #iFrameBody .contentSubHead {width: auto;}

#docSave { height: 28px; padding: 10px 0 10px 8px; }

#docSave a {
	padding: 5px;
	float: left;
	font-size:14px;
	border-color: #747474;
	border: 1px solid;
	color: #9F9F9F;
	background-color: #E9E9E9;
	text-decoration: none;
}

#docBody  {color: #000; background: 0 transparent;}
#docBody div.contentSubHead, #docBody div.contentText {background: 0 transparent; border: 0 none;}
#docBody div.contentSubHead h3 {color: #000;}
#docBody table {background-color: transparent;}
#documentPopup ul{margin: 2px 0 2px 25px;}
#documentPopup li{
	list-style: disc outside none;
	margin: 0;
}

#documentPopup table {
	width: 504px;
	overflow: hidden;
	table-layout: auto;
	background-color: transparent;
}
#documentPopup table { width: 100%;}

.labelCheckbox a.inside.docPopup, .labelCheckbox a.docPopup{font-weight: normal; padding: 0; background: 0 none; text-decoration: underline; display: inline; }

table.calendarInput, table.inputWithUnit {width: auto; border: 0; border-collapse: collapse; border-spacing: 0; }
table.calendarInput, table.calendarInput td,
table.inputWithUnit, table.inputWithUnit td { margin: 0; padding: 0; }
table.calendarInput td.calendarInput {width: 120px;}
table.calendarInput td.calendarIcon, table.inputWithUnit td.inputUnit  {width: auto;}

table.inputWithUnit td.inputValue {width: 210px;}
table.productCalcPage3TariffOptionValuesTable td.optionValueRadio {width: 20px;}

input.confirmBtnLastPage {
	width: 160px;
}
div.infoBlockDummy {
	border: 1px solid #DBDBDB;
    margin: 0 20px 10px;
    padding: 5px;
}
table.details3Col.loadProfile td.three { text-align: center;}
table.details3Col.loadProfile td.three a img {position: relative; top: 2px; padding-right: 5px;}

div.postboxHead { float: left; display: inline-block;  width: 500px; }
div.hideContentBtn { float: right; display: inline-block; top:-2px; position: relative;  width: 100px;}

span.infoToolTipIcon    { 
	height: 14px;
	width: 14px;
	display: inline-block;
    cursor: pointer;
	vertical-align: middle;
	padding: 0;
	background: url(../images/de_DE/info.gif) no-repeat scroll left center transparent;
}
.contractOverview5Col span.infoToolTipIcon { background-position: right center; font-size: 80%; padding-right: 15px; width: 70px;}
span.notPossible {font-size: 90%;display: inline; margin-right: 3px;}
table.details tr.past td.label span,table.details tr.past td.input span { opacity: 0.6;}

div.headBreaker { height: 0px; }
.unsupportedOptVals{ font-weight: normal; font-size: 0.9em; color: #FF0000; }

#iframeBody {float: left;}
#contentContainer.showInIframe { padding: 0; min-height: 100px; _height: 100px; }
iframe.productInfoIframe { width: 620px; border: 0 none; background-color: transparent; }
#divergingHolderText { font-style: italic; opacity: 0.7;}

#cc #contentContainer{
	float: right; margin-top: 10px;
}
#cc div.contentSubHead, #cc #contentContainer, #cc div.contentText, #cc div.contentBottom {width: 710px;}
#cc div.contentHead {width: 100%;}
table.cc {width: 100%; }
table.cc col.labelWidth {padding: 4px 4px 4px 8px; width: 130px;}
table.cc col.inputWidth {padding-left: 16px; width: 164px;}
.cc td {padding: 4px 8px;}
.cc td.label {width: 130px;}
.cc td.label2Col {width: 312px;}
.cc td.input,.cc td.inputPflicht, .cc td.input2Col,.cc td.inputRot {width: 163px; padding-left: 16px;}
.cc td.input2Col {width: 312px;}
.cc td.inputPflicht { background: url("../images/de_DE/bg_1stern.gif") no-repeat 0 center transparent;}
.cc td.input .meterValueNT{ background: url("../images/de_DE/bg_1stern.gif") no-repeat 0 center transparent; position: relative; left: -16px; padding-left: 16px;}
.cc input.long {width: 150px;}
.cc select.long {width: 156px;}
.cc input.medium {width: 125px;}

table.cc.half {width: 315px; float: left; }
table.cc.half col.labelWidth { padding: 4px 2px; width: 130px; }
table.cc.half col.inputWidth { padding: 4px 2px 4px 16px; width: 163px; }
table.cc.half td.labelTop2Col { padding: 4px 8px; font-weight: bold;}

.doNotShow {display: none;}
#postboxFilter { margin: 10px 0 0;}
#postboxFilter label { width: 150px; display: inline-block; }	
#postboxFilter div{ display: inline-block; }
#postboxFilter .btnCenter,#postboxFilter .btnInside { font-weight: normal; margin-left: 0; margin-right: 5px; }
#postboxFilter .btnCenter.dow, #postboxFilter .btnInside.down { text-decoration: underline; }

table.percent25 td{width: 25%!important;}
table.percent25 td.two, table.percent25 td.three, table.percent25 td.four {text-align: right;}

a.btn_print {
	float: right;
	margin: 10px 10px 0px 0px;
	padding: 5px;
	font-size:14px;
	border-color: #747474;
	border: 1px solid;
	color: #9F9F9F;
	background-color: #E9E9E9;
	position: absolute;
    right: 0;
    text-decoration: none;
    top: 0;
}

.changeCustomerMailBlock{display: none;}

@media print {
   	div.screenOnly, input.btnRight, input.btnInside, td.one.noMedia {display: none;}

	#docSave {
		display: none;
	}
}