/* ******************************************************** Common ******************************************************** */
html {
    /*height: 100%;*/
    margin-bottom: 0;
    overflow-y: auto;
}

body {
	margin: 0px;
	padding: 0px;

	height:100%;
	/* background-image :url(../images/de_DE/bg.gif);
	background-repeat: repeat; */
	background-color: #ffffff;
	/* Text Attributes */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-variant: normal;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

hr {
	display: none;
}

.invisible {
	display: none;
}

strong {
	font-weight: bold;
}


#header_csit{margin:0;padding:0;border:0;}

/* *************************************************** Framework **************************************************** */

/* R */
#center {
    /* margin: auto; */
	margin-top: 0px;
	width: 906px;
	
	background-image: url(../images/de_DE/bg_main.gif);
	background-position: left top;
    background-repeat: repeat-y;
}

#contentContainer {
    float: left;
	width: 620px;
	padding: 0px;
	
	margin: 3px 0px 0px 54px;
	padding: 13px 0px 40px 0px;
	
     min-height:350px; 
    _height: 350px; /* ie hack */ 

}

/* R */
#head {
	width: 906px;
	height: 136px;
	background-image: url(../images/de_DE/bg_head.gif);
	background-position: left bottom;
    background-repeat: repeat-x;
}

#mainNavi {
    display: block;
    clear: both;
	padding: 0px 0px 0px 0px;
	
	background-color: #ff0000;

	
}

#mainNavi #space {
    float: left;
	width: 189px; 
	height: 20px;
}

/* R */
#main {
	/* position: absolute;
	left: 0px;
	top: 115px; */
	width: 906px;
	clear: both;
}

#borderMainRight {
    float: right;
    width: 100px;
    height: 350px;
}


/* ******************************************************** Containers ******************************************************** */

div.contentLoginLogout {
 width: 620px;
 height: 363px;
 margin-top: 0px;
 
 background-image: url(../images/de_DE/login_out.gif);
 background-position: top;
 background-repeat: no-repeat;
 
     min-height:392px; 
    _height: 392px; /* ie hack */ 
}

div.loginLogoutLeft {
	width: 280px;
	float: left;
}

div.loginLogoutRight {
	width: 320px;
	height: 80px;
	
	float: right;
	padding: 24px 17px 0px 0px;
	text-align: right;
	 
	font-weight: bold;
	
	color: #000000;
}

div.loginLogoutDummy {
	padding: 0px 0px 0px 20px;
}




div.steps {
	padding: 10px 0px 10px 0px;
	background-color: #F3F3F3;
}

div.contentEmpty {
	border: 0px;
	margin: 10px 0px 0px 0px ;
	padding: 0px;
	width: 620px;
	height: 120px;
}

div.contentSubHead div.contentDummy,
div.contentText div.contentDummy,
div.contentSmallLeftHead div.contentDummy,
div.contentSmallRightHead div.contentDummy {
	padding: 5px 8px 0px 8px;
}

div.contentHeadDummy {
	padding: 4px 0px 0px 0px;
}

div.contentSmallLeftEmpty {
	width: 305px;
	height: 23px;   
	float: left;
}

div.contentSmallLeftHead {
	width: 305px;
	height: 22px;
    background-color: #DADADA;
    border-bottom: 1px solid #ffffff;
}

div.contentSmallLeftBottom {
	float: left;
	width: 303px;
	height: 21px;
    background-color: #F3F3F3;
    border: 1px solid #DADADA;
}

div.contentSmallLeft {
	width: 305px;
	height: 70px;
	float: left;
	background-color: #F3F3F3;
	border: 0px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

div.contentSmallLeft div.contentDummy {
	padding: 10px 8px 15px 8px;
}

div.contentSmallRightEmpty {
	width: 305px;
	height: 23px;        
	float: right;
}

div.contentSmallRightHead {
	width: 305px;
	height: 22px;
    background-color: #DADADA;
    border-bottom: 1px solid #ffffff;
}

div.contentSmallRightBottom {
	float: right;
	width: 303px;
	height: 21px;        
    background-color: #F3F3F3;
    border: 1px solid #DADADA;
}

div.contentSmallRight {
	width: 305px;
	height: 70px;        
	float: right;
	background-color: #F3F3F3;
	border: 0px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

div.contentSmallRight div.contentDummy {
	padding: 10px 8px 15px 8px;
}

div.contentEmpty div.contentSubTableLeft {
	width: 50%;
	float: left;
	background-color: #F3F3F3;
}

div.contentEmpty div.contentSubTableRight {
	width: 50%;
	float: right;
	background-color: #F3F3F3;
}

div.contentHead {
	border: 0px;
	margin: 0px;
	padding: 0px;
    border-bottom: 1px solid #666666;
	width: 620px;
	height: 22px;
}

div.contentHead_floatleft {
    float: left;
	width: 400px;
	overflow: hidden;
}

div.contentHead_floatleft_LogInOut {
    float: left;
	width: 190px;
	overflow: hidden;
}

div.contentHead_floatright {
    float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 210px;
	overflow: hidden;
}

div.contentHead_floatright_LogInOut {
    float: right;
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 0px 0px;
	width: 420px;
	overflow: hidden;
	text-align: right;
}

div.contentHead_floatright_Steps {
    float: right;
	margin: 0px 8px 0px 0px;
	padding: 1px 0px 0px 0px;
	font-size: 12px;
	color: #565656;
}

div.contentHead_floatright_Step_images {
    float: right;
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 0px 0px;
}
div.contentHead_floatright_Step_images img {
	margin-left: 0px;
}

div.contentSubHead {

background-color: #DADADA;
border-bottom: 1px solid #ffffff;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 620px;
height: 22px;
}

div.contentBottomHead {
	border: 0px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	background-color: #F3F3F3;
	width: 620px;
	height: 23px;
}

div.contentBottom div.contentDummy,
div.contentSmallLeftBottom div.contentDummy,
div.contentSmallRightBottom div.contentDummy {
    padding: 4px 8px 4px 8px;
}


div.contentBottomHead div.contentDummy {
	padding: 4px 8px 0 8px;
}

div.contentBottomHead div.contentDummy div.left {
    float: left;
    text-align: left;
	padding: 0px;

}

div.contentBottomHead div.contentDummy div.right {
    float: right;
    text-align: right;
	padding: 0px;
}

div.contentBottomHead div.contentDummy div.center {
	color: #000000;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 1px 0px 0px 0px;
	height: 20px;
}

div.contentBottom {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	width: 618px;
    background-color: #F3F3F3;
    border: 1px solid #DADADA;
}

div.contentBottom div.pleasewait {
    float: right;
 padding: 3px 4px 0px 0px;
}

div.contentTable {
	border: 0px;
	margin: 0px;
	padding: 15px 0px 15px 0px;
	background-color: #F3F3F3;
	overflow: hidden; 
	clear: both;
}

div.contentTableDetails {
	border: 0px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background-color: #F3F3F3;
	overflow: hidden; 
}

div.contentText {
	width: 620px;
	border: 0px;
	margin: 0px;
	padding: 12px 0px 18px 0px;
	
	/* background-image: url(../images/de_DE/bg_box.gif);
	background-repeat: repeat;
	background-position: top; */
	
	background-color: #F3F3F3;
	
	overflow: hidden;
}

.bottomline {
	border-bottom: 1px solid #ADB8B7;
}





/* ******************************************************** Text ******************************************************** */

div.contentHead span.mainHeadline {
	color: #565656;
	font-size: 13px;
	font-weight: bold;
}

div.contentHead span.subHeadline {
	color: #565656;
	font-size: 13px;
	font-weight: bold;
    
}

span.stern {
	color: #000000; 
	font-weight: normal; 
	font-size: 12px;
}

span.rot {
	color: #ff0000; 
	font-weight: normal;
}

span.inaktiv {
	color: #696969;
	font-style: italic;
}

span.code {
	font-family: "Courier New", Courier, monospace;
}


/* ******************************************************** Links ******************************************************** */

div.contentSmallLeftBottom a {
    float: right;
    background-image: url(../images/de_DE/marke.gif);
    background-position: left;
    background-repeat: no-repeat;
    padding: 2px 0px 0px 15px;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

div.contentSmallRightBottom a {
    float: right;
    background-image: url(../images/de_DE/marke.gif);
    background-position: left;
    background-repeat: no-repeat;
    padding: 2px 0px 0px 15px;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

div.contentBottomHead div.contentDummy div.left a {
	display: block;
	padding: 1px 15px 0px 17px;
	background-image: url(../images/de_DE/marke_rueck.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-size: 12px;
	color: #000000; 
	text-decoration: none;
}

div.contentBottomHead div.contentDummy div.right a {
	display: block;
	padding: 1px 15px 0px 17px;
	background-image: url(../images/de_DE/marke.gif);
	background-repeat: no-repeat;
	background-position: right;
	font-size: 12px;
	color: #000000; 
	text-decoration: none;
}

div.contentBottom div.contentDummy a {
    float: right;
    background-image: url(../images/de_DE/marke.gif);
    background-position: left;
    background-repeat: no-repeat;
    padding: 2px 0px 0px 15px;
    margin-left: 10px;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

div.contentBottom div.contentDummy a.right {
    float: right;
    background-image: url(../images/de_DE/marke.gif);
    background-position: left;
    background-repeat: no-repeat;
    padding: 2px 0px 0px 15px;
    margin-left: 10px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

div.contentText div.contentDummy ul li a {
	margin-left: 0px;
    text-decoration: none;
	font-size: 12px;
	color: #000000;
}


 a.inside {
	display: block;
	padding: 3px 15px 0px 17px;
	background-image: url(../images/de_DE/marke.gif);
	background-repeat: no-repeat;
	background-position: left;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
}

div.contentBottom div.contentDummy a.left {
	float: left;
	padding: 3px 15px 0px 17px;
	background-image: url(../images/de_DE/marke_rueck.gif);
	background-repeat: no-repeat;
	background-position: left;
	color: #000000; 
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	}

table.detailsProdukt td.input input[type=submit] {
    background-color: #e5e5e6;
}

div.breaker {
    padding-top: 2px; /* Dieser Wert wird zur Containerh?he addiert.  */ 
	margin-right: 1px;
    clear: both;
	background-color: #969293;
	display: block;
	height: 18px; /* ... plus padding-top ergibt angezeigte H?he  */
	text-align: right;
	
	border-top: 1px solid #565656;
	border-bottom: 1px solid #565656;
}

div.breaker ul{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	display: block;
}

div.breaker ul li{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	display: inline;
}

div.breaker ul li a{
    margin: 0px 5px 0px 0px;
	padding: 0px;
    color: #ffffff;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	list-style: none;	
}

div.breaker ul li.breakerDot{
    margin: 0px 5px 0px 0px;
	padding: 0px;
    color: #ffffff;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	list-style: none;	
}


/* ******************************************************** Images ******************************************************** */

.right {
	float: right;
	border: 0px;
}

img {
	border: 0px;
}


/* ******************************************************** Headlines ******************************************************** */

div.contentSubHead div.contentDummy h3.error {
	color: #ff0000;
	font-weight: bold;
	font-size: 12px;
}

div.contentHead div.contentHeadDummy h2,
div.contentHead div.contentHeadDummy h3,
div.contentSubHead h2,
div.contentSubHead h3, 
div.contentSmallLeftHead h2,
div.contentSmallLeftHead h3,
div.contentSmallRightHead h2,
div.contentSmallRightHead h3 {
	float: left;
	margin: 0px;
	font-size: 12px;
	font-variant: normal;
	font-style: normal;
	font-weight: bold;
	color: #565656;
}


/* ******************************************************** Lists ******************************************************** */

div.contentText ul.error {
	margin: 0px 8px 0px 40px;
	padding: 0px;
	color: #ff0000;
}

div.contentText div.contentDummy ul {
	list-style-image: url(../images/de_DE/marke.gif);
	border: 0px;
	margin: 20px 0px 0px 40px;
	padding: 0px;
}
div.contentText div.contentDummy ul li {
	border: 0px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}



/* ******************************************************** Forms ******************************************************** */

form {
	margin: 0px;
	padding: 0px;
}

input[type=hidden] {
	margin: 0px;
	padding: 0px;
}

label {
	font-weight: normal;
}

input[type=radio] {
	margin-left: 0px;
}

input[type=checkbox] {
	margin-left: 0px;
}

input.Error {
	background-color: #ff0000;
}

input.long {
	width: 200px;
}

input.longest {
	width: 419px;
}

input.longError {
	width: 200px;
	background-color: #ff0000;
}

input.medium {
	width: 110px;
}
input.mediumError {
	width: 110px;
	background-color: #ff0000;
}

input.wide {
	width: 106px;
}

select.long {
	width: 206px;
}
#calculatorForm select#selectedCityName.long{
    border: 1px solid #e2001a;
    color: #474747;
    width: 199px;
}
select.longError {
	width: 206px;
	background-color: #ff0000;
}

select.medium {
	width: 87px;
}

select.wide {
	width: 110px;
}

select.mediumError {
	width: 87px;
	background-color: #ff0000;
}

select.short {
	width: 40px;
}
select.shortError {
	width: 40px;
	background-color: #ff0000;
}

input.street {
	width: 150px;
}
input.streetError {
	width: 150px;
	background-color: #ff0000;
}

input.no {
	width: 50px;
}
input.noError {
	width: 41px;
	background-color: #ff0000;
}

input.btnLeft {

    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    background-color: #dadada;
    border: none;
    color: #555557;
}

input.btnRight {
    float: right;
	background-image: url(../images/de_DE/marke.gif);
	background-repeat:no-repeat;
	background-position: left;
	vertical-align: middle;
	height:17px;
	background-color:#F3F3F3;
	border:0px solid #F3F3F3;
    padding: 0px 0px 0px 12px;
    margin-left: 10px;
    cursor: pointer;
	color: #000000; 
		font-family: Arial, Verdana, Helvetica, sans-serif;
	/* Text Attribute */
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none
}

input.btnInside {
    float: left;
	background-image: url(../images/de_DE/marke.gif);
	background-repeat:no-repeat;
	background-position: left;
	background-color: #F3F3F3;
	vertical-align: middle;
	height:17px;
	border:0px solid #F5F5F5;
    padding: 2px 0px 0px 12px;
    cursor: pointer;
	color: #000000;
	/* Text Attribute */
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none
}

textarea, input, select {
  	/* Text Attribute */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none
}

textarea.message {
	width: 419px;
	height: 63px;
}
textarea.messageError {
	width: 419px;
	height: 63px;
	background-color: #ff0000;
}

textarea.sms {
	width: 200px;
	height: 63px;
}



table.details3Col td.three input {
    float: left;
	background-image: url(../images/de_DE/marke.gif);
	background-repeat:no-repeat;
	background-position: left;
	vertical-align: middle;
	height:17px;
    background-color: #e5e5e6;
	border:0px solid #F5F5F5;
    padding: 2px 0px 0px 12px;
    margin-right: 10px;
    cursor: pointer;
	color: #000000;
	/* Text Attribute */
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none
}

input.btnHelpShow {
    width: 46px;
    float: right;
	background-image: url(../images/de_DE/hilfe_on.gif);
	background-repeat:no-repeat;
	background-position: right bottom;
	vertical-align: middle;
	height:17px;
	background-color: #DADADA;
	border:0px solid #DADADA;
    padding: 0px 12px 2px 0px;
    cursor: pointer;
	color: #000000;
	/* Text Attribute */
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none
}


input.btnHelpHide {
    width: 46px;
    float: right;
	background-image: url(../images/de_DE/hilfe_off.gif);
	background-repeat:no-repeat;
	background-position: right bottom;
	vertical-align: middle;
	height:17px;
	background-color: #DADADA;
	border:0px solid #DADADA;
    padding: 0px 12px 2px 0px;
    cursor: pointer;
	color: #000000;
	/* Text Attribute */
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none
}

input.btnControlShow{
    width: 56px;
    float: right;
	background-image: url(../images/de_DE/hilfe_on.gif);
	background-repeat:no-repeat;
	background-position: right;
	vertical-align: middle;
	height:17px;
	background-color: #F3F3F3;
	border:0px solid #F5F5F5;
    padding: 2px 12px 2px 0px;
    cursor: pointer;
	color: #F3F3F3;
	/* Text Attribute */
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none
}

input.btnControlHide {
    width: 84px;
    float: right;
	background-image: url(../images/de_DE/hilfe_off.gif);
	background-repeat:no-repeat;
	background-position: right;
	vertical-align: middle;
	height:17px;
	background-color: #F3F3F3;
	border:0px solid #F5F5F5;
    padding: 2px 12px 2px 0px;
    cursor: pointer;
	color: #F3F3F3;
	/* Text Attribute */
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none
}




 table.detailsProdukt td.input input.btnInside {
	background-color: #F3F3F3;
}

/* ******************************************************** Tables ******************************************************** */

table {
	background-color: #F3F3F3;
    width: 620px;
    table-layout: fixed;
    empty-cells: show;
}

td {
	font-size: 12px;
	font-variant: inherit;
	font-style: inherit;
	font-weight: inherit;
	color: inherit;
}

table.default td.label {
	width: 143px;
	padding: 4px 4px 4px 8px;
}

table.default td.input {
	width: 435px;
	padding-left: 16px;
}

table.default td.inputPflicht {
    width: 435px;
    padding: 4px 4px 4px 16px;
	background-image: url(../images/de_DE/bg_1stern.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

table.default td.inputPflicht2 {
    width: 435px;
    padding: 4px 4px 4px 16px;
	background-image: url(../images/de_DE/bg_2stern.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

table.default td.inputRot {
    width: 435px;
    padding: 4px 4px 4px 16px;
	background-image: url(../images/de_DE/bg_fragezeichen.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

table.default td.labelCheckbox {
	width: 538px;
	padding: 4px 4px 4px 8px;
}
 
table.default td.inputCheckbox {
	width: 40px;
	padding: 4px 4px 4px 16px;
	text-align: right;
}
 
table.default td.inputPflichtCheckbox {
	width: 40px;
	padding: 4px 4px 4px 16px;
	text-align: right;
	float: right;
	background-image: url(../images/de_DE/bg_1stern.gif);
	background-position: 23px 3px;
	background-repeat: no-repeat;
}
 
table.default td.inputPflicht2Checkbox {
	width: 40px;
	padding: 4px 4px 4px 16px;
	text-align: right;
	float: right;
	background-image: url(../images/de_DE/bg_2stern.gif);
	background-position: 23px 3px;
	background-repeat: no-repeat;
}
 
table.default td.inputRotCheckbox {
	width: 40px;
	padding: 4px 4px 4px 16px;
	text-align: right;
	float: right;
	background-image: url(../images/de_DE/bg_fragezeichen.gif);
	background-position: 21px 3px;
	background-repeat: no-repeat;
}
 

table.default4Col td.label {
	width: 143px;
	padding: 4px 4px 4px 8px;
}

table.default4Col td.input {
	width: 130px;
	padding: 4px 4px 4px 16px;
}

table.default4Col td.inputPflicht {
	width: 130px;
    padding: 4px 4px 4px 16px;
    background-image: url(../images/de_DE/bg_1stern.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

table.default4Col td.inputPflicht2 {
	width: 130px;
    padding: 4px 4px 4px 16px;
	background-image: url(../images/de_DE/bg_2stern.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

table.default4Col td.inputRot {
	width: 130px;
    padding: 4px 4px 4px 16px;
    background-image: url(../images/de_DE/bg_fragezeichen.gif);
    background-position: left top;
	background-repeat: no-repeat;
}



table.details td.label {
	width: 162px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
	padding: 4px 4px 4px 8px;
}

table.details td.text {
	width: 600px;
	padding: 4px 4px 4px 8px;
}

table.details td.input {
	width: 434px;
	background-color: #e5e5e6;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F3F3F3;
	padding: 4px 4px 4px 8px;
}



table.detailsProdukt td.label {
	width: 434px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
	padding: 4px 4px 4px 8px;
}

table.detailsProdukt td.input {
	width: 162px;
	text-align: right;
	background-color: #e5e5e6;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F3F3F3;
	padding: 4px 4px 4px 8px;
}

table.detailsProduktOption td.label {
	width: 213px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CED4DF;
	padding: 4px 4px 4px 8px;
}

table.detailsProduktOption td.option {
	width: 209px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CED4DF;
	padding: 4px 4px 4px 4px;
}

table.detailsProduktOption td.input {
	width: 162px;
	text-align: right;
	background-color: #e5e5e6;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F3F3F3;
	padding: 4px 4px 4px 8px;
}

table.details4Col td.one {
	width: 228px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
	padding: 4px 4px 4px 8px;
	font-weight: bold;
}

table.details4Col td.two {
	width: 58px;
	background-color: #e5e5e6;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F3F3F3;
	padding: 4px 4px 4px 8px;
	text-align: right;
	overflow:hidden;
}

table.details4Col td.three {
	width: 58px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
	padding: 4px 4px 4px 8px;
	text-align: right;
}

table.details4Col td.four {
	width: 228px;
	background-color: #e5e5e6;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F3F3F3;
	padding: 4px 4px 4px 8px;
}
table.details4Col td.one2 {
	width: 218px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
	padding: 4px 4px 4px 8px;
	font-weight: bold;
}

table.details4Col td.two2 {
	width: 68px;
	background-color: #e5e5e6;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F3F3F3;
	padding: 4px 4px 4px 8px;
	text-align: right;
	overflow:hidden;
}

table.details4Col td.three2 {
	width: 68px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
	padding: 4px 4px 4px 8px;
	text-align: right;
}

table.details4Col td.four2 {
	width: 218px;
	background-color: #e5e5e6;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F3F3F3;
	padding: 4px 4px 4px 8px;
}
table.details4Col td.one1 {
	width: 120px;
	padding: 4px 4px 4px 8px;
	font-weight: bold;
}

table.details4Col td.two1 {
	width: 150px;
	padding: 4px 4px 4px 8px;
}

table.details4Col td.three1 {
	width: 40px;
	padding: 4px 4px 4px 8px;
	font-weight: bold;
}

table.details4Col td.four1 {
	width: 180px;
	padding: 4px 4px 4px 8px;
}
table.details4Col td.four a {
	display: block;
	padding: 1px 15px 0px 17px;
	background-image: url(../images/de_DE/marke.gif);
	background-repeat: no-repeat;
	background-position: left;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}




table.details3Col td.one {
	width: 143px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
	padding: 4px 4px 4px 8px;
	font-weight: bold;
	overflow: hidden;
}

table.details3Col td.two {
	width: 213px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
	padding: 4px 4px 4px 8px;
}

table.details3Col td.three {
	width: 220px;
	background-color: #e5e5e6;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F3F3F3;
	padding: 4px 4px 4px 8px;
	text-align: right;
}



table.activities3Col td.one {
	width: 113px;
	background-color: #e5e5e6;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F3F3F3;
	padding: 4px 4px 4px 8px;
	font-weight: bold;
	vertical-align: top;
}

table.activities3Col td.two {
	width: 343px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
	padding: 4px 4px 4px 8px;
	vertical-align: top;
}

table.activities3Col td.three {
	width: 120px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
	padding: 4px 4px 4px 8px;
	text-align: right;
	vertical-align: top;
}

table.activities3Col td.two p {
	padding-top: 4px;
	padding-bottom: 1px;
	margin-top: 0px;
	margin-bottom: 0px;
}

table.statistics4Col td.one {
	width: 296px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
	padding: 4px 4px 4px 8px;
	font-weight: bold;
}

table.statistics4Col td.two {
	width: 70px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F3F3F3;
	padding: 4px 4px 4px 8px;
	background-color: #e5e5e6;
	text-align: center;
}

table.statistics4Col td.three {
	width: 140px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
	padding: 4px 4px 4px 8px;
	text-align: center;
}

table.statistics4Col td.four {
	width: 70px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F3F3F3;
	padding: 4px 4px 4px 8px;
	text-align: center;
	background-color: #e5e5e6;
}

table .header {
	font-weight: bold;
	padding-top: 6px;
	padding-bottom: 6px;
}

table .underlined {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
}




table.details3ColMail td.onetop {
	width: 88px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
	padding: 4px 4px 4px 8px;
	font-weight: bold;
}

table.details3ColMail td.twotop {
	width: 400px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F3F3F3;
	background-color: #e5e5e6;
	padding: 4px 4px 4px 8px;
	font-weight: bold;
}

table.details3ColMail td.threetop {
	width: 88px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
	padding: 4px 4px 4px 8px;
	text-align: right;
	font-weight: bold;
}
table.details3ColMail td.one {
	width: 88px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F3F3F3;
	padding: 4px 4px 4px 8px;
	font-weight: normal;
}

table.details3ColMail td.two {
	width: 400px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F3F3F3;
	background-color: #e5e5e6;
	padding: 4px 4px 4px 8px;
	font-weight: normal;
}

table.details3ColMail td.three {
	width: 88px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F3F3F3;
	padding: 4px 4px 4px 8px;
	text-align: right;
	font-weight: normal;
}

table.details3ColMail td.onebottom, 
table.details3ColMail td.threebottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
	padding: 4px 4px 4px 8px;
	font-weight: normal;
}

table.details3ColMail td.twobottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F3F3F3;
    background-color: #e5e5e6;
	padding: 4px 4px 4px 8px;
	font-weight: normal;
}

table.details3ColMail td.twobottom a {
	/* display: block; */
	padding: 3px 15px 0px 17px;
	background-image: url(../images/de_DE/marke.gif);
	background-repeat: no-repeat;
	background-position: left;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}


table.details5Col {
	font-weight: normal;
	table-layout: auto;
}

table.details5Col td {
	border-bottom-color: #DADADA;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding: 4px 4px 4px 9px;
}

table.details5Col td.two {
	background-color: #e5e5e6;
}


table.details5Col td.four {
	background-color: #e5e5e6;
}



table.details6Col {
	font-weight: normal;
	table-layout: auto;
}

table.details6Col td {
	border-bottom-color: #DADADA;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding: 4px 4px 4px 9px;
}

table.details6Col td.two {
	background-color: #e5e5e6;
}

table.details6Col td.four {
	background-color: #e5e5e6;
}

table.details6Col td.six {
	background-color: #e5e5e6;
	padding: 4px 4px 4px 10px;
}



div.contentHeadSteps {
	padding: 0px 0px 0px 0px;
	width: 350px;
	float: left;
}

div.steps2 {
	border: 0px;
	margin: 0px;
	padding: 0px;
	height: 15px;
	width: 220px;
	float: right;
}

div.step {
	padding: 0px 0px 0px 6px;
	border: 0px;
	margin: 0px;
	height: 14px;
	width: 14px;
	float: right;
}

div.stepWord {
	border: 0px;
	height: 14px;
	float: right;
}

div.contentHead span.stepLine {
	font-weight: bold;
	color: #F4F4F6;
}
div.contentSubHead span.stepLine {
	font-weight: bold;
	color: #F4F4F6;
}

select.longest {
	width: 425px;
}
select.longestError {
	width: 250px;
	background-color: #F4990D;
}

select.longError2 {
	width: 206px;
	background-color: #F4990D;
}

input.city {
	width:150px;
}
input.plz {
	width: 43px;
}

input.no2 {
	width: 43px;
}

.tableSteps {
	background-color: #DADADA;
}

table.default td.radio {
	width: 50px;
	padding-left: 16px;
}
table.default td.smallOne {
	width: 30px;
	text-align: right;
}

table.default3Col td.oneSmall {
	width: 21px;
	padding: 0px 0px 0px 12px;
}

table.default3Col td.twoSmall {
	width: 126px;
	padding-left: 4px;
}

table.default3Col td.threeSmall {
	width: 435px;
	padding-left: 4px;
}

table.details6Col {
	width: 620px;
	margin: -8px 0px -8px 0px;
}

table.details6Col td.one {
	width: 99px;
	background-color: #F3F3F3;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
	padding: 4px 8px 4px 8px;
	font-weight: bold;
	text-align: left;
}

table.details6Col td.two {
	width: 16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
	padding: 4px 8px 4px 8px;
	text-align: center;
}

table.details6Col td.three {
	width: 83px;
	background-color: #F3F3F3;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
	padding: 4px 8px 4px 8px;
	text-align: left;
}

table.details6Col td.four {
	width: 151px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
	padding: 4px 8px 4px 8px;
	text-align: left;
}

table.details6Col td.five {
	width: 62px;
	background-color: #F3F3F3;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
	padding: 4px 8px 4px 8px;
	text-align: center;
}
table.details6Col td.six {
	width: 99px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
	padding: 4px 8px 4px 8px;
	text-align: right;
}

input.checkList{
	height:14px; 
	margin: 3px 0px 0px 0px;
	border: 0px;
}

div.contentBottomMulti {
	margin: 0px;
	margin-Bottom: 10px;
	
    padding: 0px;
	overflow: hidden;
	width: 618px;
	height: 21px;
    background-color: #F3F3F3;
    border: 1px solid #DADADA;
}

div.contentBottomMultiColor {
	margin: 0px;
	margin-Bottom: 10px;
	
    padding: 0px;
	overflow: hidden;
	width: 618px;
	height: 21px;
    background-color: #EBEBEB;
    border: 1px solid #DADADA;
}

input.btnRightColor {
    float: right;
	background-image: url(../images/de_DE/marke.gif);
	background-repeat:no-repeat;
	background-position: left;
	vertical-align: middle;
	height:17px;
	background-color:#EBEBEB;
	border:0px solid #EBEBEB;
    padding: 2px 0px 0px 12px;
    margin-left: 10px;
    cursor: pointer;
	color: #000000; 
	/* Text Attribute */
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none
}

table.default td.labelTop2Col {
	padding: 1px 4px 1px 8px;
	font-weight: bold;
}

table.default td.label2Col {
	padding: 1px 4px 1px 8px;
	font-weight: normal;
}

table.default col.labelWidth {
	padding: 4px 4px 4px 8px; width: 145px;
}

table.default col.inputWidth {
	padding-left:16px; width:440px;
}

table.meterdetail5Col td.one {
	width: 90px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
	padding: 4px 8px 4px 8px;
}

table.meterdetail5Col td.two {
	width: 76px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
	padding: 4px 8px 4px 8px;
	background-color: #EBEBEB;
	text-align: right;
}

table.meterdetail5Col td.three {
	width: 125px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
	padding: 4px 8px 4px 8px;
	text-align: right;
}

table.meterdetail5Col td.four {
	width: 155px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
	padding: 4px 8px 4px 8px;
	background-color: #EBEBEB;
	text-align: right;
}

table.meterdetail5Col td.five {
	width: 80px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
	padding: 4px 8px 4px 8px;
	text-align: right;
}

div.contentPopTable {
	border: 0px;
	margin-top: 0px;
	padding: 8px 0px 8px 0px;
	background-color: #F3F3F3; 
	clear: both;
}

table.default td.inputshort {
	width: 255px;
	padding-left: 16px;
}

table.default td.inputPflichtshort {
    width: 255px;
    padding: 1px 4px 1px 16px;
	background-image: url(../images/de_DE/bg_1stern.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

table.default td.inputPflicht2short {
    width: 255px;
    padding: 1px 4px 1px 16px;
	background-image: url(../images/de_DE/bg_2stern.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

table.default td.rightimage {
    width: 150px;
    padding: 1px 15px 1px 15px;
	background-color: #F3F3F3;
	border: 1px solid #DADADA;
	text-align: center;
	vertical-align: middle;
}

 table.default td.rightimage a.popup{ 
	position: relative;
	cursor: help; 
	z-index: 0;
} 

table.default td.rightimage a.popup:hover { 
	background-color: transparent;
	z-index: 50;
} 

table.default td.rightimage a.popup div.large { 
	position: absolute;
	background-color: transparent;
	border: 0px;
	visibility: hidden;
	text-decoration: none; 
}
 
table.default td.rightimage a.popup:hover div.large { 
	visibility: visible;
	left: -73px;
	position: absolute;
	top: -150px;
	z-index: 51;
}

table.default td.rightimage a.popup:hover div.large img { 
		border: 1px solid #DADADA;
}


/*********************************************************** aus CSContent.css ******************************************************** */


div.contentBottomMulti div.contentDummy,
div.contentBottomMultiColor div.contentDummy{
	padding: 2px 8px 0px 8px;
}

input.small {
	width: 92px;
}

table.default td.labelLogin {
	width: 183px;
	padding: 1px 4px 1px 8px;
}

table.default td.inputLogin {
	width: 395px;
	padding-left: 16px;
}

input.btnCenter {
    float: left;
	background-image: url(../images/de_DE/marke.gif);
	background-repeat:no-repeat;
	background-position: left;
	vertical-align: middle;
	height:17px;
	background-color:#F3F3F3;
	border:0px solid #F3F3F3;
    padding: 0px 0px 0px 12px;
    margin-left: 200px;
    cursor: pointer;
	color: #000000; 
	/* Text Attribute */
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none
}

 {
	text-align: left;
}

input.btnFocus {
    float: right;
	background-image: url(../notthere.gif);
	background-repeat:no-repeat;
	background-position: left;
	vertical-align: middle;
	height:0px;
	background-color:#184A9C;
	border:0px solid #184A9C;
    padding: 0px 0px 0px 0px;
    margin-left: 10px;
    cursor: pointer;
	color: #184A9C; 
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 0px;
	text-decoration: none
}


table.statistics3Col td.one {
	width: 366px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
	padding: 4px 4px 4px 8px;
	font-weight: bold;
}

table.statistics3Col td.two {
	width: 70px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
	padding: 4px 4px 4px 8px;
	background-color: #F3F3F3;
	text-align: center;
}

table.statistics3Col td.three {
	width: 140px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
	padding: 4px 4px 4px 8px;
	text-align: center;
}
div.contentTableColor {
	border: 0px;
	margin: 0px;
	padding: 4px 0px 4px 0px;
	background-color: #EBEBEB;
	overflow: hidden; 
	clear: both;
}

table.defaultColor {
	background-color: #EBEBEB;
}

table.defaultColor td.label{
	width: 143px;
	padding: 4px 4px 4px 8px;
}

table.defaultColor td.input {
	width: 435px;
	padding-left: 16px;
}

 div.contentTable table.contractOverview5Col {
	background-color: #EBEBEB;
}

table.contractOverview5Col td.one {
	width: 103px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
	padding: 4px 8px 4px 8px;
}

table.contractOverview5Col td.two {
	width: 76px; 
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
	padding: 4px 8px 4px 8px;
	text-align: right;
}

table.contractOverview5Col td.three {
	width: 112px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
	padding: 4px 8px 4px 8px;
	text-align: right;
}

table.contractOverview5Col td.four {
	width: 155px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
	padding: 4px 8px 4px 8px;
	text-align: right;
}

table.contractOverview5Col td.fourTopBorder {
	width: 155px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
	padding: 4px 0px 4px 8px;
	text-align: right;
	border-top: 1px solid #000000;
}

table.contractOverview5Col td.five {
	width: 80px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
	padding: 4px 8px 4px 8px;
	text-align: right;
}

table.contractOverview5Col td.fiveTopBorder {
	width: 155px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
	padding: 4px 0px 4px 8px;
	text-align: right;
	border-top: 1px solid #000000;
}

input.btnRightColor {
    float: right;
	background-image: url(../images/de_DE/marke.gif);
	background-repeat:no-repeat;
	background-position: left;
	vertical-align: middle;
	height:17px;
	background-color:#EBEBEB;
	border:0px solid #F3F3F3;
    padding: 2px 0px 0px 12px;
    margin-left: 10px;
    cursor: pointer;
	color: #000000; 
	/* Text Attribute */
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none
}

div.contentBottomMultiColor div.contentDummy {
	padding: 2px 8px 0px 8px;
}


input.btnInsideRight {
    float: right;
	background-image: url(../images/de_DE/marke.gif);
	background-repeat:no-repeat;
	background-position: left;
	vertical-align: middle;
	height:17px;
	background-color:#EBEBEB;
	border:0px solid #F3F3F3;
    padding: 2px 0px 0px 12px;
    margin-left: 10px;
    cursor: pointer;
	color: #000000; 
	/* Text Attribute */
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none
}

div.teaserblock {
	font-size: 14px;
	width: 330px;
	margin-left: 50px;
	line-height: 1.3;
}
div.teaserblock a{
	color: #565656;
	text-decoration: underline;
	padding: 0px 2px 0px 14px;
	background-image: url(../images/de_DE/marke_textLink.gif);
	background-repeat:no-repeat;
	background-position: left;
}

/** Angaben für Verbrauchsstatistik**/

div.chart_selection{
 height: 25px;
 width: 600px;
}
div.chart_selection a{
    float: left;
    display: block;
    height: 25px;
    width: 52px;
}
div.chart_selection a.one{
	 background-image: url(../images/de_DE/diagramm_01.gif);
	 background-repeat:no-repeat;
	 background-position: left;
}
div.chart_selection a.oneAktiv,
div.chart_selection a.one:hover{
	 background-image: url(../images/de_DE/diagramm_01_aktiv.gif);
	 background-repeat:no-repeat;
	 background-position: left;
}
div.chart_selection a.two{
 background-image: url(../images/de_DE/diagramm_02.gif);
 background-repeat:no-repeat;
 background-position: left;
}
div.chart_selection a.twoAktiv,
div.chart_selection a.two:hover{
 background-image: url(../images/de_DE/diagramm_02_aktiv.gif);
 background-repeat:no-repeat;
 background-position: left;
}
div.chart_selection a.kWh{
     float: right;
	 background-image: url(../images/de_DE/reiter_kWh.gif);
	 background-repeat:no-repeat;
	 background-position: left;
}
div.chart_selection a.kWhAktiv,
div.chart_selection a.kWh:hover{
     float: right;
	 background-image: url(../images/de_DE/reiter_kWh_aktiv.gif);
	 background-repeat:no-repeat;
	 background-position: left;
}
div.chart_selection a.CO2{
     float: right;
	 background-image: url(../images/de_DE/reiter_CO2.gif);
	 background-repeat:no-repeat;
	 background-position: left;
}
div.chart_selection a.CO2Aktiv,
div.chart_selection a.CO2:hover{
     float: right;
	 background-image: url(../images/de_DE/reiter_CO2_aktiv.gif);
	 background-repeat:no-repeat;
	 background-position: left;
}
div.chart_selection a.EUR{
     float: right;
	 background-image: url(../images/de_DE/reiter_EUR.gif);
	 background-repeat:no-repeat;
	 background-position: left;
}
div.chart_selection a.EURAktiv,
div.chart_selection a.EUR:hover{
     float: right;
	 background-image: url(../images/de_DE/reiter_EUR_aktiv.gif);
	 background-repeat:no-repeat;
	 background-position: left;
}

/**  Ende Verbrauchsstatistik **/

/* ******************************************************** Beginn Tarifrechner Iframe ******************************************************** */
#content{background: url("../images/de_DE/bg_content.gif") repeat-x scroll 0 0 #FBF9FA; float: left; padding: 5px 0 5px 22px; width: 478px; }
#inputConsumption {width: auto;}
#inputConsumption div.inputLine { width: 200px; }
#inputConsumption div.leftSide { width: 100%; margin-bottom: 10px;}
#inputConsumption div.inputLine label {color: #E2001A; font-size: 13px; font-weight: bold; width: 70px;}
#iFrameBody.yellow div.inputLine label {color: #e2c400;}
#inputConsumption div.inputLine input {border: 1px solid #E2001A; width: 110px; color: #474747;}
#iFrameBody.yellow div.inputLine input {border-color: #e2c400;}
#inputConsumption div#customerTypeBlock , #inputConsumption div#mediaBlock , #inputConsumption div#meterCntBlock { width: 100%; clear:both;}
#inputConsumption div#customerTypeBlock label, #inputConsumption div#mediaBlock label, #inputConsumption div#meterCntBlock label { width: 100px}
#inputConsumption div#customerTypeBlock input , #inputConsumption div#mediaBlock input , #inputConsumption div#meterCntBlock div input{ border: 0; width: 25px; margin-top: 2px;padding:0;}
#inputConsumption div#meterCntBlock div.inputLine {padding: 0; width: 125px;}

#inputConsumption div#meterCntBlock { padding: 3px 0;}
#inputConsumption div#zip label , #inputConsumption div#consumptionBlock label , #inputConsumption div#consumptionNTBlock label {width: 85px }

#inputConsumption div#locationFields, #inputConsumption div#consumptionFields {width: 100%; height: 30px; display: block;float: none; clear: both;}

#consumptionSlider {background: url("../images/de_DE/bg_slider_container.png") repeat-x 0 0; width: 500px; display: block; margin-bottom: 10px; margin-left: -22px;}
#powerSlider , #gasSlider {margin: auto}
#powerSlider { width: 350px; }
#powerSlider a.sliderMarker.one {width: 34px; margin-right: 25px;}
#powerSlider a.sliderMarker.two {width: 54px; margin-right: 23px; background-position: -59px 0;}
#powerSlider a.sliderMarker.three {width: 82px; margin-right: 21px; background-position: -136px 0;}
#powerSlider a.sliderMarker.four{width: 111px; background-position: -239px 0; }
#powerSlider a.sliderMarker.two:hover {background-position: -59px -75px;}
#powerSlider a.sliderMarker.three:hover {background-position: -136px -75px;}
#powerSlider a.sliderMarker.four:hover {background-position: -239px -75px;}

#gasSlider {width: 350px; height: 74px; border-bottom: 1px solid #999999; position: relative; }
#iFrameBody.yellow #gasSlider, #iFrameBody.yellow #gasSlider a.sliderMarker{background-image: url("../images/de_DE/bg_slider_gas_gelb.png");}
#iFrameBody.yellow #gasSlider a.sliderMarker span.active{background-image: url("../images/de_DE/slider_marke_gelb.png");}

#livingSpace {position: absolute; right: 0pt; bottom: 0pt; color: #E2001A; font-weight: bold;}
#iFrameBody.yellow #livingSpace{color: #e2c400;}
/** ProcuktÜbersicht für iFrame **/
table.productSelection { width: 500px;}
#iFrameBody table.productSelection { width: 500px !important;}
table.productSelection td {padding: 5px 0 5px 10px; background-color: #f6f6f8; border-bottom: 1px solid #cccccc; overflow: hidden;}
table.productSelection tr.grey td {background-color: #f1f1f1;}
table.productSelection td.one {width: 120px; padding-top: 10px; vertical-align: top;}
table.productSelection td.two { padding-top: 10px; vertical-align: top;}
table.productSelection td.three {width: 160px;}
table.productSelection td span{
	color: #E2001A;
    display: block;
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 0px;
}
#iFrameBody.yellow table.productSelection td span {color: #e2c400;}
table.productSelection td a {display: block; clear: left; color: #595959;}
table.productSelection ul{border: 0 none; margin: 0 0 1em 1em;  padding: 0;}
table.productSelection ul li{list-style: disc outline none; margin-left: 5px; line-height: 1.5em;}
input.btn_productSelection {
	background: url("../images/de_DE/strom.png") no-repeat scroll 0 4px transparent;
    color: #E2001A;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    height: auto;
     padding-left: 20px;
    text-decoration: none;
	width: auto;
}

.MEDIA_GAS input.btn_productSelection{	    
	background: url("../images/de_DE/gas.png") no-repeat scroll 0 4px transparent;	
	color: #eccc36;
}

#iFrameBody.yellow input.btn_productSelection{color: #e2c400; background-image: url("../images/de_DE/gas.png");}
#iFrameBody .contentText{width: auto; background-color: transparent;}
#iFrameBody .contentBottom {width: 500px;}
#iFrameBody .buttonBlock {width: 500px;}
#iFrameBody .buttonBlock input.btn_nowCalc{background: url("../images/de_DE/strom.png") no-repeat scroll 0 4px transparent; padding-left: 20px;}
#iFrameBody.yellow .buttonBlock input.btn_nowCalc{background-image: url("../images/de_DE/gas.png");}





body.veste .leftSide{
    position: absolute; left: -9999em;
}
body.veste #content {
    background: transparent;
    padding: 15px 0 5px 10px;
    width: calc(100% - 20px);
}
body.veste #consumptionSlider,#iFrameBody .buttonBlock,#iFrameBody #inputConsumption {
    width: 100%;
}
body.veste #powerSlider {
    width: 220px;
}
body.veste #powerSlider a.sliderMarker.three{margin-right: 0;}
body.veste .alert {
    margin-right: 0;
}

body.veste .infoText{
    margin-top: 10px;
}
body.veste .prodEntry{
    float: left;
    margin-bottom: 5px;
}
.prodEntry .price {
    margin: 10px 0;
}
body.veste .priceForYear{
    color: #E2001A;
    display: block;
    float: left;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 30px;
    padding-bottom: 0;
}
body.veste  .MEDIA_GAS .priceForYear{
    color: #eccc36;    
}

body.veste input.btn_productSelection{
    float: right;
    margin: 0;
    line-height: 30px;
    padding: 0 0 0 20px;
    background-position: left center;
}

#iFrameBody.veste .desc a {
    color: #595959;
}
#iFrameBody.veste .contentText {
    width: 100%;
}


body.HBN .leftSide{
    position: absolute; left: -9999em;
}
body.HBN #content {
    background: transparent;
    padding: 15px 0 5px 10px;
    width: calc(100% - 20px);
}
body.HBN #consumptionSlider,#iFrameBody .buttonBlock,#iFrameBody #inputConsumption {
    width: 100%;
}
body.HBN #powerSlider {
    width: 220px;
}
body.HBN #powerSlider a.sliderMarker.three{margin-right: 0;}
body.HBN .alert {
    margin-right: 0;
}

body.HBN .infoText{
    margin-top: 10px;
}
body.HBN .prodEntry{
    float: left;
    margin-bottom: 5px;
}
.prodEntry .price {
    margin: 10px 0;
}
body.HBN .priceForYear{
    color: #0BA1E2;
    display: block;
    float: left;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 30px;
    padding-bottom: 0;
}
body.HBN  .MEDIA_GAS .priceForYear{
    color: #eccc36;
}
body.HBN #calculatorForm select#selectedCityName.long{
	border-color: #0BA1E2;
}

body.HBN input.btn_productSelection{
    float: right;
    margin: 0;
    line-height: 30px;
    padding: 0 0 0 20px;
    background-position: left center;
	background-image: url(../images/de_DE/strom-blau.png);
	color: #0BA1E2;
}

#iFrameBody.HBN .desc a {
    color: #595959;
}
#iFrameBody.HBN .contentText {
    width: 100%;
}
.HBN #inputConsumption div.inputLine input{
	border: 1px solid #0BA1E2;
}
.HBN #inputConsumption div.inputLine label{
	color: #0BA1E2;
}
#iFrameBody.HBN .buttonBlock input.btn_nowCalc{
	background-image: url(../images/de_DE/strom-blau.png);
}

/* ******************************************************** Ende Tarifrechner Iframe ******************************************************** */
.alert {
    padding: 15px;
    margin-bottom: 20px;
    margin-right: 22px;
}
.alert h4 {
    margin-top: 0;
    margin-bottom: 10px;
    color: inherit;
    font-size: 18px;
    font-weight: 500;
}
.alert ul{
    margin: 0;
    padding-left: 15px;
    list-style-type: none;
    line-height: 20px;
    font-size: 14px;
}
.alert-danger, .alert-danger:focus {
    background-color: #ffeadf;
    border: 1px solid #ff0000;
    color: #ff0000;
}
.close.using-glyphicons{display: none;}