select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color:#dc0a15;
  background-image:url(/fileadmin/user_upload/calc/css/img/select-arrow.png);
  background-position: right;
  background-repeat: no-repeat;
  border-radius:5px;
  border:0;
  color:#fff;
  width:220px;
}

option {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background:#eee;
  shadow:0;
  border:0;
  color:#000;
}

option:hover {
  shadow:0;
  border:0;
  background-color:#fefefe;
  color:#333;
}
select:hover {
background-color:#ed0a15;
  shadow:0;
  border:0;
}

/* hide browser-styling (arrow) in IE10 */
select::-ms-expand {
  display:none;
}

.lt-ie10 select {
    background-image: none;
}




#bse_calculator_wrap {
font-family: 'Source Sans Pro', sans-serif;
font-size: 12pt;
font-weight: 300;

}
#bse_calculator_wrap *{
font-family: 'Source Sans Pro', sans-serif !important;
}

.reducedButton {
background-color:#eee !important;
color:#aaa !important;
margin-left:15px !important;
width:220px !important;
height:20px !important;
}

.reducedButton:hover {
background-color:#aaa !important;
color:#fff !important;
}

#c692 .frame-container {
position: relative;
top: -116px;
margin-bottom: -100px;
z-index: 10;
}

#bse_calculator_wrap {
/* padding: 1rem 2rem 1rem 2rem; */
color: #474747;
}

.calcol {width:49%; float:left;}

.bse_calculator_widget_header {
background:#49515a;
display:inline-block;
color:#fff;
font-weight:600;
text-align:center;
}

.bse_calculator_widget_body {}
#bse_calculator_widget_button_strom {
border: 0;
color: #fff;
width: 135px;
height: 50px;
background: #194289;
text-transform: uppercase;
cursor: pointer;
border-radius: 5px 5px 0 0;
}

#bse_calculator_widget_button_gas {
border:0;
color:#444;
width:135px;
height:50px;
background-color:#dedede;
text-transform:uppercase;
cursor: pointer;
border-radius: 5px 5px 0 0;
}

#bse_calculator_widget_button_gas:hover {
background-color:#dc0a15;
color:#fff;
-moz-transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
-webkit-transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
-o-transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
-ms-transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, box-shadow 0.4s ease-in-out;				
}


#bse_calculator_widget_txt_plz {
font-size: 0.8em;
  margin-top:15px;
  color:#fff;
}

#bse_calculator_widget_plz_input {
border: 0;
width: 100px;
height: 30px;
font-size: 1rem;
color: #000;
background-color: #dedede;
text-align: center;
float: left;
border-radius: 3px;
margin-right: 15px;
}

#bse_calculator_widget_wrap_people {
margin-top: 0px;
float: left;
}

bse_calculator_widget_plz_input:hover {
background-color:#efefef;
-moz-transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
-webkit-transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
-o-transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
-ms-transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, box-shadow 0.4s ease-in-out;	
}

input[type="checkbox"] {
border:0;
}

#bse_calculator_widget_txt_zweitarif {
font-size: 0.8rem;
/* width: 130px; */
color: #fff;
white-space: nowrap;
/* font-weight: 600; */
/* margin-top: 0rem; */
}

#bse_calculator_widget_people_img1, #bse_calculator_widget_people_img2, #bse_calculator_widget_people_img3, #bse_calculator_widget_people_img4, #bse_calculator_widget_houses_img1, #bse_calculator_widget_houses_img2, #bse_calculator_widget_houses_img3, #bse_calculator_widget_houses_img4 {
    zoom:0.80;
  }

@media only screen and (max-width: 1200px) {
#bse_calculator_widget_people_img1, #bse_calculator_widget_people_img2, #bse_calculator_widget_people_img3, #bse_calculator_widget_people_img4, #bse_calculator_widget_houses_img1, #bse_calculator_widget_houses_img2, #bse_calculator_widget_houses_img3, #bse_calculator_widget_houses_img4 {
    zoom:0.70;
  }
}

#bse_calculator_widget_people_img1 {
float:left;
height:32px;
width:18px;
background: url("/fileadmin/user_upload/calc/css/img/p1.png") no-repeat;
margin:0 10px 0 0;
}
#bse_calculator_widget_people_img2 {
float:left;
height:32px;
width:36px;
background: url("/fileadmin/user_upload/calc/css/img/p2.png") no-repeat;
margin:0 10px 0 0;
}
#bse_calculator_widget_people_img3 {
float:left;
height:32px;
width:54px;
background: url("/fileadmin/user_upload/calc/css/img/p3.png") no-repeat;
margin:0 10px 0 0;
}
#bse_calculator_widget_people_img4 {
float:left;
height:32px;
width:72px;
background: url("/fileadmin/user_upload/calc/css/img/p4.png") no-repeat;
margin:0 10px 0 0;
}

#bse_calculator_widget_people_img1, #bse_calculator_widget_people_img2, #bse_calculator_widget_people_img3, #bse_calculator_widget_people_img4 {

-moz-transition: background 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
-webkit-transition: background 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
-o-transition: background 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
-ms-transition: background 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
transition: background 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;	
}

#bse_calculator_widget_people_img1:hover {
background: url("/fileadmin/user_upload/calc/css/img/p1_hover.png") no-repeat;
}
#bse_calculator_widget_people_img2:hover {
background: url("/fileadmin/user_upload/calc/css/img/p2_hover.png") no-repeat;
}
#bse_calculator_widget_people_img3:hover {
background: url("/fileadmin/user_upload/calc/css/img/p3_hover.png") no-repeat;
}
#bse_calculator_widget_people_img4:hover {
background: url("/fileadmin/user_upload/calc/css/img/p4_hover.png") no-repeat;
}

#bse_calculator_widget_wrap_houses {
display:none;
  margin-top: 35px;
}

#bse_calculator_widget_houses_img1 {
float:left;
height:45px;
width:38px;
background: url("/fileadmin/user_upload/calc/css/img/h1.png") no-repeat;
margin:0 10px 0 0;
}
#bse_calculator_widget_houses_img2 {
float:left;
height:45px;
width:48px;
background: url("/fileadmin/user_upload/calc/css/img/h2.png") no-repeat;
margin:0 10px 0 0;
}
#bse_calculator_widget_houses_img3 {
float:left;
height:45px;
width:58px;
background: url("/fileadmin/user_upload/calc/css/img/h3.png") no-repeat;
margin:0 10px 0 0;
}
#bse_calculator_widget_houses_img4 {
float:left;
height:45px;
width:69px;
background: url("/fileadmin/user_upload/calc/css/img/h4.png") no-repeat;
margin:0 10px 0 0;
}

#bse_calculator_widget_houses_img1, #bse_calculator_widget_houses_img2, #bse_calculator_widget_houses_img3, #bse_calculator_widget_houses_img4 {
-moz-transition: background 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
-webkit-transition: background 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
-o-transition: background 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
-ms-transition: background 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
transition: background 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;	
}

#bse_calculator_widget_houses_img1:hover {
background: url("/fileadmin/user_upload/calc/css/img/h1_hover.png") no-repeat;
}
#bse_calculator_widget_houses_img2:hover {
background: url("/fileadmin/user_upload/calc/css/img/h2_hover.png") no-repeat;
}
#bse_calculator_widget_houses_img3:hover {
background: url("/fileadmin/user_upload/calc/css/img/h3_hover.png") no-repeat;
}
#bse_calculator_widget_houses_img4:hover {
background: url("/fileadmin/user_upload/calc/css/img/h4_hover.png") no-repeat;
}


#bse_calculator_widget_kwh_input, #bse_calculator_widget_kwh_input_nt {
border: 0;
width: 100px;
height: 30px;
font-size: 100%;
color: #666;
background-color: #dedede;
text-align: center;
margin-right: 15px;
border-radius: 3px;
}
label {
margin-right: 10px;
font-size: 0.8rem;
font-weight: 600;
color: #fff;
float:left;
padding-top:5px;
}

fieldset {border:0; margin:0;} 

#kwh_input {
float: left;
margin-top: 0;
}

#kwh_input_nacht {
float:left;
  margin-top:0;
}

#bse_calculator_widget_submit {
/* margin-top: 15px; */
background: #e6071e;
border: 0;
/* height: 40px; */
/* width: 180px; */
border-radius: 3px;
color: #fff;
font-size: 0.8rem;
float: right;
padding: 0.5rem;
/* margin-top: 2rem; */
position: absolute;
top: 6.5rem;
right: 0;
}

@media screen and (max-width:1200px) {
#bse_calculator_widget_submit {
/* margin-top: 0px; */
background: #e6071e;
border: 0;
/* height: 40px; */
/* width: 180px; */
border-radius: 3px;
color: #fff;
font-size: 0.8rem;
float: right;
padding: 0.5rem;
/* margin-top: 2rem; */
position: absolute;
top: 110px;
}
#c692.frame {

}
}
@media screen and (max-width:992px) {
  
  #bse_calculator_wrap {
/* padding: 1rem 2rem 1rem 2rem; */
color: #474747;
z-index: 10;
}
  
  #c692 .frame-container {
position: relative;
top: -122px;
/* margin-bottom: -130px; */
z-index: 10;
}
  
#bse_calculator_widget_submit {
/* margin-top: 0px; */
background: #e6071e;
border: 0;
/* height: 40px; */
/* width: 180px; */
border-radius: 3px;
color: #fff;
font-size: 0.8rem;
float: left;
padding: 0.5rem;
margin-top: 0.5rem;
position: relative;
top: 0px;
}
#c692.frame {
margin-bottom: 0;
padding-bottom: 5rem;
}
}

@media screen and (max-width:768px) {
  
  
#bse_calculator_wrap {
/* padding: 1rem 2rem 1rem 2rem; */
color: #474747;
z-index: 10;
}
#c692 .frame-container {
position: relative;
top: -80px;
margin-bottom: -50px;
z-index: 10;
}
  
  #bse_calculator_widget_button_strom, #bse_calculator_widget_button_gas {
border: solid 1px #fff;
}
  
  #bse_calculator_widget_wrap_people, #bse_calculator_widget_wrap_houses {
margin-top: 15px;
margin-bottom: 15px;
/* float: left; */
width: 100%;
}
  
#kwh_input {
/* float: left; */
/* margin-top: 0; */
width: 100%;
}
  
#bse_calculator_widget_plz_input {
border: 0;
width: 100px;
height: 30px;
font-size: 1rem;
color: #000;
background-color: #dedede;
text-align: center;
/* float: left; */
border-radius: 3px;
margin-right: 15px;
}
#bse_calculator_widget_txt_zweitarif {
font-size: 0.8rem;
float: left;
color: #fff;
white-space: nowrap;
/* font-weight: 600; */
/* margin-top: 0rem; */
}
  
  #bse_calculator_widget_submit {
/* margin-top: 0px; */
background: #e6071e;
border: 0;
/* height: 40px; */
/* width: 180px; */
border-radius: 3px;
color: #fff;
font-size: 0.8rem;
float: right;
padding: 0.5rem;
/* margin-top: 0.5rem; */
/* position: relative; */
/* top: 0px; */
}
  
  #c692.frame {
padding-bottom: 10rem;
}

}

input#bse_calculator_widget_zweitarif_checkbox {margin-top:5px; float:left; margin-right:10px;}

#bse_calculator_widget_submit:hover {
background:#dc0a15;
					-moz-transition: background 0.4s ease-in-out, color 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
					-webkit-transition: background 0.4s ease-in-out, color 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
					-o-transition: background 0.4s ease-in-out, color 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
					-ms-transition: background 0.4s ease-in-out, color 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
					transition: background 0.4s ease-in-out, color 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
}

#left, #right, #bse_resultset_return, #bse_resultset_body button{
					-moz-transition: background 0.2s ease-in-out, color 0.4s ease-in-out, display 0.4s ease-in-out;
					-webkit-transition: background 0.2s ease-in-out, color 0.4s ease-in-out, display 0.4s ease-in-out;
					-o-transition: background 0.2s ease-in-out, color 0.4s ease-in-out, display 0.4s ease-in-out;
					-ms-transition: background 0.2s ease-in-out, color 0.4s ease-in-out, display 0.4s ease-in-out;
					transition: background 0.2s ease-in-out, color 0.4s ease-in-out, display 0.4s ease-in-out;
					}
				
#bse_resultset_wrap {
position:relative;
color: #474747;
font-family: 'Source Sans Pro', sans-serif;
font-size: 12pt;
font-weight: 300;

}

#bse_resultset_innerwrap {overflow: hidden;}
#bse_resultset_header {/* margin: 20px 20px 20px 40px; */
/* height: 100px; */
font-family: 'Source Sans Pro', sans-serif;}
#bse_resultset_title {
font-size: 1.6em;
color: #fff;
font-family: "RufusRegular", sans-serif;
}
#bse_resultset_subtitle {font-size:1.0em; line-height:2em; font-weight:300; color:#eee; font-family: 'Source Sans Pro', sans-serif;}
#bse_resultset_body {color: #474d53;
display: block;
position: relative;
/* height: 400px; */
/* top: 10px; */}

#bse_resultset_return {

position: relative;
font-weight: 400;
color: #fff;
background: #888;
padding: 4px 8px 4px 8px;
/* border-radius: 2px; */
cursor: pointer;
width:120px;
margin-bottom:2rem;
margin-top:2rem;
}

#bse_resultset_close {
float:left; 
position:relative; 
top:-55px; 
margin-right:10px;
font-weight:400;
color:#fff;
background:#888;
padding:4px 8px 4px 8px;
border-radius:2px;
cursor:pointer;
}

#bse_resultset_return:hover {
background:#dc0a15;
}

#bse_resultset_order_col {
position:relative;
left:0;
top:10px;
background-color:#fff;
z-index:999;
color:#474d53; 
font-size:0.8em; 
width:120px; 
height:340px;
padding: 0 0 0 30px;
float:left;
}

#bse_resultset_order_col span {
position:relative;
display:block;
width:120px; 
height:60px;
border-bottom:dotted 1px #787c81;
border-right:dotted 1px #787c81;
padding:0;
margin:0;
}

.result {
color: #474d53;
width: 100%;
float: left;
/* height: 370px; */
/* position: relative; */
/* left: 0px; */
margin-right: 2rem;
margin-bottom: 2rem;
background: #e7e7e7;
padding-left: 15px;
padding-right: 15px;
}


span.bse_resultset_product_annualcosts, span.bse_resultset_product_gp, span.bse_resultset_product_ap, #bse_resultset_order_title {
position: relative;
font-family: 'Source Sans Pro', sans-serif;
left: 0px;
height: 60px;
margin: 0;
/* padding-left: 15px; */
/* border-bottom: dotted 1px #787c81; */
/* border-right: dotted 1px #787c81; */
/* display: block; */
}

#result1 {}
#result2 {}
#result3 {}
#result4 {}
.bse_resultset_product_button {border:0; display:block;}
#bse_resultset_body h1 {margin:0; padding: 15px 0 0 0; line-height:40px; color:#194188; font-size:1.0em; font-weight:600;}
#bse_resultset_body h2 {margin:0; padding:0; line-height:60px; vertical-align: middle; color:#194188; font-size:1.6em; font-weight:600;}
#bse_resultset_body h3 {margin:0; padding:0; line-height:60px; vertical-align: middle; font-size:0.8em; color:#787c81;}
#bse_resultset_body p {margin:0; padding:0; line-height:30px; vertical-align: middle; font-size:0.8em; color:#787c81;}

#bse_resultset_body button {
border:0;
color:#fff;
width:110px;
height:50px;
background:#888888;
margin:15px 10px 0 0;
text-transform:uppercase;
border-radius:2px;
cursor: pointer;
float:left;
}
#bse_resultset_body button:hover {
border:0;
color:#fff;
width:110px;
height:50px;
background:#dc0a15;
margin:15px 10px 0 0;
text-transform:uppercase;
cursor: pointer;
}
sub {line-height:10px; font-size:9px;}

#bse_resultset_footer {font-size:0.8em; color:#787c81; margin:0px 0 20px 150px;}

#left {border:0; height:70px; width:40px; background: url("img/arrow_left.png") no-repeat; background-color:#888; background-position: center; position:absolute; z-index:2000; float:left;  margin-top:60px; cursor:pointer;}
#right {border:0; height:70px; width:40px; background: url("img/arrow_right.png") no-repeat; background-color:#888; background-position: center; position:absolute; z-index:2000; float:right; margin-left:900px; margin-top:60px; cursor:pointer;}

#left:hover {background-color:#dc0a15;}
#right:hover {background-color:#dc0a15;}

#error {display:none; font-weight:600; font-size:0.8em; color:#dc0a15; padding-left:0px; text-align:left;}
#error2 {display:none; font-weight:600; font-size:0.8em; color:#dc0a15; padding-left:5px; text-align:left;}
#errorplz {font-size:1.5em; color:#333; width:100%; margin:50px 0 0 0; text-align:center;}
#resultError {font-size:1.5em; line-height:1.6em; color:#fff; font-weight:600; width:100%; text-align:center;}
#buttonError {
border:0;
color:#444;
width:135px;
height:50px;
margin-top:60px;
background-color:#dedede;
text-transform:uppercase;
cursor: pointer;
}



#bonus {float: right;
font-size: 0.9em;
font-weight: 600;
line-height: 0.9em;
color: #fff;
height: auto;
background: #dc0a15;
padding: 5px 3px 5px 5px;
/* margin: 0px 10px 0px 3px; */
border-radius: 2px;
/* position: absolute; */
top: 0;
width: 102px;}
#bonus-gk {float:right; font-size:0.6em; font-weight:600; line-height:0.7em; color:#fff; height:14px; background:#dc0a15; padding: 5px 3px 0px 3px; margin: 0px 10px 0px 3px; border-radius: 5px; position:absolute; left:160px; top:0; width:82px;}

small {
width:100%;
float:left;
}

p.price {
font-size: 1rem;
font-weight: 600;
float: right;
width: 100%;
border-top: solid 1px;
text-align:right;
}