html {
margin: 0px;
padding: 0px;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: #E9E9E9;
background-image: url(/contentblob/Haspa/_universal/Bilder/Kalkulatoren/bg.gif);
color: #666666;
margin: 0px;
padding: 0px;
}
* html{
height: 100%;
overflow: hidden;
}

* html body{
overflow: hidden;
height: 100%;
}

* html #scrollcontainer {
height:100%;
width:100%;
overflow:auto;
}

#header {
width: 450px;
background-image: url(/contentblob/Haspa/_universal/Bilder/Kalkulatoren/HeaderMiddleBG.gif);
z-index: 10000;
margin: 0px;
padding: 0px;
height: 100px;
overflow: hidden;
left: 0px;
top: 0px;
position: fixed;
}
* html #header {
position:absolute;
}
#drucken a{
float: right;
padding-left: 16px;
margin-left: 15px;
color: #96A1B2;
text-decoration: none;
background: url(/contentblob/Haspa/_universal/Bilder/Kalkulatoren/pfeil_full_re_1.gif) no-repeat left 45%;
}
#close a{
background:url(/contentblob/Haspa/_universal/Bilder/Kalkulatoren/icon_close.gif) no-repeat left 45%;
float: right;
padding-left: 16px;
margin-left: 15px;
color: #96A1B2;
text-decoration: none;
}

#headerright {
width: 22px;
margin: 0px;
padding: 0px;
height: 100px;
overflow: hidden;
position: absolute;
right: 0px;
top: 0px;
background-image: url(/contentblob/Haspa/_universal/Bilder/Kalkulatoren/HeaderRightBG.gif);
background-repeat: no-repeat;
}

#HaspaLogo {
position:absolute;
top:0px;
padding-left:0px;
}

#HaspaLogo img {
display:block;
border: 0px;
}
#headernavi {
height: 18px;
overflow: hidden;
text-align: right;
font: 11px Arial, Helvetica, sans-serif;
line-height: 18px;
padding-right: 22px;
}

#headermiddle {
height: 38px;
overflow: hidden;
padding-right: 22px;
text-align: right;
}

#headerbottom {
height: 24px;
overflow: hidden;
text-align: right;
padding-right: 22px;
}

#scrollcontent {
margin: 0px;
padding: 0px;
width: 450px;
margin-top: 100px;
background-color: #ffffff;
background-image: url(/contentblob/Haspa/_universal/Bilder/Kalkulatoren/ContentRightBG.gif);
background-repeat: repeat-y;
background-position: right;
}

#datatop {
background-image: url(/contentblob/Haspa/_universal/Bilder/Kalkulatoren/ContentRightTopBG.gif);
background-repeat: no-repeat;
background-position: right top;
margin: 0px;
padding: 0px;
height: 19px;
width: 100%;
background-color: #FFFFFF;
}

#data {
margin: 0px;
padding: 0px;
margin-left: 10px;
margin-right: 21px;
}

#headline {
padding: 0px;
margin: 0px;
font-size: 16px;
font-weight: bold;
color: #ff0000;
margin-bottom: 14px;
}

#databottom {
background-image: url(/contentblob/Haspa/_universal/Bilder/Kalkulatoren/ContentBottomBG.gif);
height: 28px;
width: 100%;
background-repeat: repeat-x;
overflow: hidden;
}

#databottomright {
background-image: url(/contentblob/Haspa/_universal/Bilder/Kalkulatoren/ContentRightBottomBG.gif);
background-repeat: no-repeat;
background-position: right top;
height: 28px;
width: 23px;
margin: 0px;
padding: 0px;
overflow: hidden;
float: right;
}

#roundedbox {
width: auto;
padding: 0px;
margin: 0px;
overflow: hidden;
}

#roundedbox_top {
padding: 0px;
margin: 0px;
border-left: 1px solid #c9c9c9;
background-image: url(/contentblob/Haspa/_universal/Bilder/Kalkulatoren/roundedboxtopbg.gif);
background-position: left top;
}
#roundedbox_topcontent {
padding: 0px;
margin: 0px;
background-image: url(/contentblob/Haspa/_universal/Bilder/Kalkulatoren/roundedboxtopright.gif);
background-repeat: no-repeat;
background-position: right top;
padding-top: 10px;
padding-right: 50px;
padding-left: 10px;
padding-bottom: 14px;
overflow: hidden;
}
#roundedbox_content {
padding: 0px;
margin: 0px;
background-color: #FCFCFC;
border-right: 1px solid #c9c9c9;
border-left: 1px solid #c9c9c9;
}
#roundedbox_bottom {
padding: 0px;
margin: 0px;
background-image: url(/contentblob/Haspa/_universal/Bilder/Kalkulatoren/roundedboxbuttom.png);
background-repeat: repeat-x;
background-position: left top;
border-right: 1px solid #c9c9c9;
border-left: 1px solid #c9c9c9;
border-bottom: 1px solid #c9c9c9;
height: 20px;
}

#contentbottom {
padding: 0px;
margin: 0px;
padding-top: 10px;
padding-bottom: 10px;
width: 100%;
overflow: hidden;
}

#info_bottom {
padding: 0px;
margin: 0px;
padding-top: 14px;
border-top: solid 1px #cccccc;
}

#konditionen {
width: auto;
padding: 0px;
margin: 0px;
margin-top:14px;
margin-left: auto;
margin-right: auto;
background-color: #f4f4f4;
}
#konditionen ul {
list-style-image: url(/contentblob/Haspa/_universal/Bilder/Kalkulatoren/Bullet.png);
margin:0px;
padding: 5px 5px 5px 21px;
}
#konditionen li{
margin-bottom: 4px;
}

#copyright {
padding: 0px;
margin: 0px;
margin-left: 10px;
margin-right: 20px;
margin-top: 14px;
margin-bottom: 20px;
font-size: 10px;
color: #aaaaaa;
border-top: solid 1px #cccccc;
}

#footerprint {
background:url(/contentblob/Haspa/_universal/Bilder/Kalkulatoren/pfeil_full_re_1.gif)  no-repeat 4px 45%;
padding-left: 20px;
color: #96A1B2;
width: 100px;
border-right: 1px solid #cccccc;
margin: 0px;
float: left;
white-space: nowrap;
height: 20px;
line-height: 20px;
font-size: 10px;
}

#footerclose {
background:url(/contentblob/Haspa/_universal/Bilder/Kalkulatoren/icon_close.gif)  no-repeat 4px 45%;
padding-left: 20px;
color: #96A1B2;
width: 100px;
border-right: 1px solid #cccccc;
margin: 0px;
float: left;
white-space: nowrap;
height: 20px;
line-height: 20px;
font-size: 10px;
}

#footertop {
background:url(/contentblob/Haspa/_universal/Bilder/Kalkulatoren/pfeil_full_top_1.gif.gif)  no-repeat 4px 45%;
padding-left: 20px;
color: #96A1B2;
width: 100px;
border-right: 1px solid #cccccc;
margin: 0px;
float: left;
white-space: nowrap;
height: 20px;
line-height: 20px;
font-size: 10px;
}

a.footerlink,  a.footerlink:active, a.footerlink:hover, a.footerlink:focus, a.footerlink:visited {
color: #96A1B2;
text-decoration: none;
}

/* = buttons
------------------------------------------------------------------------ */
ul.buttons4 {
list-style:none;
display:block;
margin:0;
}
.buttons4 li{
background:url(/contentblob/Haspa/_universal/Bilder/Kalkulatoren/bg_button_right.gif) no-repeat right bottom;
padding:0 6px 0 0;
border-top:1px solid #d8d8d8;
border-left:1px solid #d8d8d8;
margin:0 0.4em 0 0;
display:block;
float:left;
}

.right li{
float:right;
margin:0 0 0 0.4em;
}

.buttons4 li span {
display:block;
border-bottom:1px solid #d8d8d8;
}

.buttons4 li input{
color:#f00;
font-weight: bold;
overflow:visible;
width:auto;
margin:0 0 0 0;
padding:3px 20px 2px 7px;
border:0;
background:#fff url(/contentblob/Haspa/_universal/Bilder/Kalkulatoren/pfeil_full_re_3_s.gif) no-repeat 100% 50%;
*background-position:100% 45%;
float:none;
}

.buttons4 li.reset input{
background:url(/contentblob/Haspa/_universal/Bilder/Kalkulatoren/icon_reset.gif) no-repeat 100% 50%;
*background-position:100% 45%;
color:#62738C;
}

.buttons4 li.zurueck{
background:url(/contentblob/Haspa/_universal/Bilder/Kalkulatoren/bg_button_left.gif) no-repeat left bottom;
padding:0 0 0 6px;
border-left:none;
border-right:1px solid #d8d8d8;
}

.buttons4 li.zurueck input{
background:#fff url(/contentblob/Haspa/_universal/Bilder/Kalkulatoren/pfeil_full_li_2_s.gif) no-repeat 0 50%;
padding:3px 7px 2px 20px;
color:#62738C;
}

.buttons3 li.zurueck span a{
padding:0.2em 7px 0.24em 20px ;
display:block;
*display:inline-block;
}
/* = forms
------------------------------------------------------------------------ */

form {
margin: 0px;
padding: 0px;
}
fieldset {
width: auto;
}
legend {
width: 100%;
}

input:active, input:focus, input:hover {
background-color: #F9F9F9;
}
input, textarea, select {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
.textinput {
border: 1px solid #cccccc;
color: #666666;
}
.cfresultout {
border: 0px;
background-color: #e9e9e9;
color: #666666;
font-weight: bold;
text-align: right;
}
.numberinput {
border: 1px solid #cccccc;
width: 120px;
text-align: right;
color: #666666;
}
.radioinput {
vertical-align: text-bottom;
*vertical-align: middle;
}

.divrowtop {
margin: 1px;
padding: 1px;
height: 1px;
width: 270px;
}
.divrow {
margin: 0px;
padding: 0px;
padding-top: 5px;
width: 270px;
color: #666666;
overflow: hidden;
}
.divrow_spacer {
border-bottom: 1px solid #ffffff;
height: 1px;
font-size: 0px;
  line-height: 1px;
  padding: 1px;
  margin: 1px;
}
.divrow_result_row {
margin: 0px;
padding: 0px;
padding-top: 5px;
width: 270px;
color: #666666;
overflow: hidden;
}
.divrow_result_label {
margin: 0px;
padding: 0px;
width: 140px;
float: left;
text-align: left;
color: #666666;
font-weight: bold;
}
.divrow_result {
font-weight: bold;
text-align: right;
}

fieldset {
margin: 0px;
padding: 0px;
border: 0px;
}

.calculatortable {
padding: 0px;
margin: 0px;
margin-left: 10px;
margin-right: 10px;
background-color: #e9e9e9;
}
.calculatortableinner {
margin: 10px;
margin-top: 5px;
padding: 0px;
}
.calculatortable_header {
background-color: #dbe0e6;
margin: 0px;
padding: 3px;
font-size: 11px;
font-weight: bold;
color: #23344d;
}
.calculatortable label {
margin: 0px;
padding: 0px;
width: 140px;
float: left;
text-align: left;
color: #666666;
}
.calculatortable .input {
text-align: right;
float: right;
width: 130px;
}

/* = general
------------------------------------------------------------------------ */
a:hover {
color:#f00;
}
p {
 margin-top: 0px;
 margin-bottom: 0px;
 padding-bottom: 10px;
}
.inline_block {
display: -moz-inline-box;
display: inline-block;
}
.centered {
margin-left:auto;
margin-right:auto;
}
.centered_text {
text-align: center;
}

.clrfix{
*height: 1%;
*display: block;
}

.clrfix:after,
.clrfix2:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clrfloat {
    clear: both;
    height: 0px;
    font-size: 0px;
    line-height: 0px;
    padding: 0px;
    margin: 0px;
}