/* CSS Document */
/* CSS Document */
@import url(https://data.biallo.de/css/font/open-sans.css);

body, td, th { font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; margin: 0px; padding: 0px; color: #444444; }
form { margin: 0px; padding: 0px; }
img { border: 0px }
a { color: #00aef1; text-decoration: none; }
a:hover { text-decoration: underline; }
.breaker { height: 1px; overflow: hidden; clear: both; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.spacer30 { height: 30px; width: 30px; }
.iplabel {display:block;margi-bottom:3px;}
.calcinput1sp {width:100%; box-sizing:border-box; padding-bottom:5px;  }
.calcinput2sp {width:50%; box-sizing:border-box; float:left; padding-bottom:5px; }

.calcinputwrapper { width:100%; max-width: 620px; margin:0 auto;  }

.trusxt {text-align:center; padding-top:10px;}
#errorms { font-weight:bold; text-align:center; display:none; margin: 5px 0px 5px 0px; padding: 10px 10px 10px 10px; font-size: 14px; color: #fff; background-color: #ee0000; border: 0px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;position: relative;}

.trust  { text-align:center;  margin-top:10px; display: flex; justify-content : space-between }

#calc, #bviframe {width:100%; max-width:1230px; margin:0 auto;}

#bviframe .eingabehead {
	font-family: 'Open Sans Condensed', Arial, sans-serif;
    padding: 6px 10px 6px 10px;
    box-sizing: border-box;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background-color: #003250;
    text-align: center;
    margin-bottom: 20px;
    border: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.zztarifrow, .zzeingaberow {
    margin: 0px 0px 15px 0px;
    padding: 12px 15px 0px 30px;
    font-size: 14px;
    color: ##444444;;
    background-color: #efefef;
    border: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    position: relative;
}

.zzresnr, .zzeingabenr {
    position: absolute;
	display:none;
    top: 0px;
    left: 0px;
    width: 5px;
    box-sizing: border-box;
    padding-top: 15px;
    bottom: 0px;
    background-color: #00aef1;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    border: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    text-align: center;
    vertical-align: middle;
}

.agbcalcinput { box-sizing:border-box; padding:3px 5px 3px 5px; width:80%; float:left;  margin: 0px; font-size:14px; border: 0px solid #ff0000; border-radius:2px;  }

.agbcalclabel { float:left;}


a.grbutton { color: #fff; text-decoration:none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding:4px 34px 4px 34px;
border:1px solid #7dba2f; background-color:#7dba2f; font-weight:bold; font-size:18px;}

a.grbutton:hover { border:1px solid #f4a027; background-color:#f4a027; }


.calcbox, .text  { width:96%; background-color:#efefef; padding:2%; font-size:18px; margin-bottom:10px;}
.text  { margin-bottom:40px;padding-top:1%;}
.textbox { width:96%; background-color:#fff; padding:1% 0% 2% 0%; font-size:18px; margin-bottom:40px;}

#calc input[type=radio].calc-radio { display: none; }
#calc input[type=radio].calc-radio + label.calc-radiolabel { padding-left: 37px; padding-right: 30px; height: 32px; display: inline-block; line-height: 32px; background-repeat: no-repeat; background-position: -3px 0; font-size: 14px; vertical-align: middle; cursor: pointer; }
#calc input[type=radio].calc-radio:checked + label.calc-radiolabel { background-position: -3px -32px; }
#calc label.calc-radiolabel { background-image: url(../images/calc/radio.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }


#calc input[type=checkbox].calc-checkbox { display: none; }
#calc input[type=checkbox].calc-checkbox + label.calc-checkboxlabel { padding-left: 37px; padding-right: 30px; height: 32px; display: inline-block; line-height: 32px; background-repeat: no-repeat; background-position: -3px 0; font-size: 14px; vertical-align: middle; cursor: pointer; }
#calc input[type=checkbox].calc-checkbox:checked + label.calc-checkboxlabel { background-position: -3px -32px; }
#calc label.calc-checkboxlabel { background-image: url(../images/calc/check.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

#calc .button { float:left; padding:2px 12px 2px 12px; background-color: #f4a027; margin: 0; border: 3px solid #f4a027; font-size:16px; font-weight:bold; border-radius: 3px; height: 30px; color: #fff; cursor: pointer; }
#calc .button:hover { background-color: #30a820; border: 3px solid #30a820; }

#calc .calcinput { padding:5px 5px 0px 5px; margin:0px 10px 10px 0px;}

#calc .calcinput .calclabel { width:300px; float:left; padding-top:5px;}
#calc .calcinput .calcinput { width:40px; float:left;  margin: 0px; }

#calc .calcinput .pcalclabel { width:300px; float:left; padding-top:5px; text-align:right; padding-right:30px;}
#calc .calcinput .pcalcinput { width:400px; float:left;  margin: 0px; }

#calc .calcinput .rescalcinput { padding:3px; background-color:#fff; width:400px; float:left;  margin: 0px; }
#calc .calcinput .rescalcinputf { padding:3px;  width:400px; float:left;  margin: 0px; }

#calc .calcinput .agbcalcinput { padding:3px; width:400px; float:left;  margin: 0px; }

#calc .calcinput .calchelp, #calc .resultbox .calchelp { position:relative; width:30px; cursor:pointer; height:30px; display:block; float:left; background:url(../images/calc/help.png) no-repeat #fff;}
#calc .calcinput .calchelp .helptext, #calc .resultbox .calchelp .helptext, #calc .calcinput .calcdel .deltext {position:absolute; display:none; width:300px; top:-3px; left:40px;  padding:10px;
-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
background-color: #efefef;
}
#calc .calcinput .calchelp:hover .helptext, #calc .resultbox .calchelp:hover .helptext, #calc .calcinput .calcdel:hover .deltext { display:block;}

#calc .calcinput .calcdel { position:relative; display:block; float:left; width: 28px; height: 28px; border-radius: 14px; background-color: red; cursor:pointer; color:#F8F8F8; text-align:center; font-weight:bold; vertical-align:middle; padding:0; margin:0 }
#calc .calcinput .calcdel .deltext { color:#444 }

#calc input[type="text"],#calc input[type="date"] {
	font-size: 12px;
    border: 2px solid #aaa;
    border-radius: 2px;
    box-shadow: 5px 5px 5px #eee inset; 
	box-sizing: border-box;
    height: 29px;
    margin: 0 10px 8px 0;
    padding: 0 5px 0 5px;
	text-align: left;
	width:95%;
	max-width: 275px;
	font-family: 'Open Sans', Arial, sans-serif;
}

#calc input[type="text"].green {
    border: 2px solid #30a820;
}

#calc input[type="text"].red {
    border: 2px solid #de3737;
}

#calc input[type="text"]:focus {
    border: 2px solid #00aef1; /* #30a8 */
}




#calc textarea {
	font-size: 12px;
    border: 2px solid #aaa;
    border-radius: 2px;
    box-shadow: 5px 5px 5px #eee inset; 
    height: 100px;
    margin: 0 10px 15px 0;
    padding: 5px 5px 5px 5px;
	text-align: left;
    box-sizing: border-box;
	width:97%;
	max-width: 583px;
	font-family:Arial, Helvetica, sans-serif;
}

#calc textarea.green {
    border: 2px solid #30a820;
}

#calc textarea.red {
    border: 2px solid #de3737;
}

#calc textarea:focus {
    border: 2px solid #30a820;
}



#calc select {
	font-size: 12px;
    border: 2px solid #aaa;
    border-radius: 2px;
    box-shadow: 5px 5px 5px #eee inset; 
    height: 29px;
    margin: 0 10px 15px 0;
    padding: 0 5px 0 5px;
	max-width:275px;
	width:95%;
	box-sizing:border-box;
}

.calcvers p {font-size:13px;}
.calcvers {clear:both; padding-left:50px; display:none; }
a.grbutton { color: #fff; text-decoration:none;


}

input.grbutton:hover { border:0px solid #00aef1; 
  background: -webkit-linear-gradient(135deg, #23aadd 30%, #37ce9d 100%);
  background: linear-gradient(135deg, #23aadd 30%, #37ce9d 100%);
 }



input.grbutton {
    background-color: #f4a027;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
    color: #fff;
    cursor: pointer;
    float: left;
	border:1px solid #7dba2f; background-color:#7dba2f; font-weight:bold; font-size:18px;
    margin: 20px 0px 10px 0px;
    padding:4px 34px 4px 34px;
}

input.grbutton, .zzeingabenext {
    cursor: pointer;
    margin: 10px 0px 7px 0px;
    padding: 7px;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 23px;
    font-weight: bold;
    color: #fff;
    background-color: #00aef1;
    text-align: center;
    border: 0px;
	display:block;
	width:100%;
	font-weight:normal;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

input.grbutton.right {
float:right;
}

@media only screen and (min-width: 220px) and (max-width: 500px) {
	
.trust  {display: block; }
.trust div { padding:5px; }

.calcinput2sp {width:100%; box-sizing:border-box; float:none; padding-bottom:5px;}

input.grbutton {
    float:none;	width:100%; box-sizing:border-box;
}

input.grbutton.right {
    float:none;
}

#calc input[type="text"], #calc select, #calc textarea{
	width:93%;
	max-width:none;
}

}