#immorechner {
 position: relative;
 border-top-color: #eeeeee;
 border-top-style: solid;
 border-top-width: 0px;
}
#immorechner div.headline {
    background-color: #eeeeee;
    height: 36px;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 9px;
    padding-top: 10px;
}
#immorechner div.headline-1 {
  background-color: none;
  margin: 0;
 }
#immorechner div.headline h3 {
    color: #333333;
    font-size: 18px;
    line-height: 20px;    
}
#immorechner div.headline img {
    margin: -11px 0 0 -10px;    
}
#immorechner div.form-messages {
    color: #E2001A;
    border-left: none;
    border-right: none;
}
.calculator-form div.form-messages ul li {
    color: black;
    display: list-item;
    font-size: 11px;
    line-height: 14px;
    padding-left: 10px;
}
.calculator-form {
    background: none repeat scroll 0 0 #eeeeee;
    margin:0;
    position: relative;
}
.calculator-form fieldset {
 border: none;
 background: none repeat scroll 0 0 transparent;
}
.calculator-form .holder-top {
    position: absolute;
    top: -38px;
    height:30px;
    width: 550px;   
}
.calculator-form .row-top {
    padding:0;
    width:100%;   
}
.calculator-form .row-top:after {
    clear: both;
    content: "";
    display: block;
}
#immorechner .calculator-form label {
    color: #000000;
    font-weight: bold;
    padding: 5px 3px 0 0;
    width: 300px;
    word-spacing: -1px;
    font: 13px/18px Arial,Helvetica,sans-serif !important;
}
#immorechner .calculator-form .label3 {   
   float: left;
   width: 375px;
   margin: 0 0 0 2px;  
}
#immorechner .calculator-form .label3 .title-top {   
   color: #5C5C5C;
   font-weight: bold;
   padding-left: 19px;
}
#immorechner .calculator-form .form-content label {
  float: left;
  width: 230px;
  position: relative;
}
#immorechner .calculator-form .form-content label .title {
  color: #000000;
  font-size: 13px;
  line-height: 18px;
  padding: 5px 3px 0 0;
}
#immorechner .calculator-form .form-content label a.infobox {
 float: right; 
 margin: -7px -2px 0 0;
 position: absolute;
}
#immorechner .calculator-form .form-content label a.infobox img {
  margin: 0; 
}
.calculator-form .holder{
    width: 480px;
    height: 220px;
    padding: 10px 10px 10px;
}
.calculator-form .holder-view {
    width: 480px;
    height: 316px;
    padding: 10px 20px;
}
.calculator-form .row {
    padding:0 0 15px;
    width:100%;
}
.calculator-form .row:after {
    clear: both;
    content: "";
    display: block;
}
.calculator-form .text {
    background: url(/etc/designs/hypovereinsbank/img/app/bg-text.png) no-repeat scroll 0 0 transparent;
    float: left;
    height: 30px;
    width: 109px;
}
.calculator-form .text input{
    float: left;
    width: 89px;
    height: 22px;
    margin: 3px 0 0 5px;
    border: none;
    background: none;
    color: #007eb6 !important;
    font-size: 15px;
    line-height: 24px;
    font-weight: bold;
    text-transform: uppercase;
}
.calculator-form .text #monthAmount {
    float:left;
    width:89px;
    padding:6px 10px 5px;
    margin:0;
    border:none;
    background:none;
    color:#007eb6 !important;
    font-size:15px;
    font-weight:bold;
    text-transform: uppercase;
    height: 22px;
    line-height: 18px
}

.calculator-form .text-right {
    float:left;
    width:109px;
    color: #007eb6;
    height:30px;
    padding-left: 10px;
}
#immorechner .calculator-form  #term_wrapper_top {
 margin: 0 0 0 375px;
}
#immorechner .calculator-form  #term_wrapper {
 margin: 0 0 0 233px;
}
#immorechner .calculator-form  #term_wrapper-1 {
 margin: 0 0 0 233px;
}
#immorechner .calculator-form  #term_wrapper-2 {
 margin: 0 0 0 233px;
}
#immorechner .calculator-form  #term_wrapper_top select{
    float:left;
    width:200px;  
    color:#007eb6 !important;
    font-size:15px !important;
    font-weight:bold !important;
    margin-top: -20px;
}
#immorechner .calculator-form select{
    float:left;
    width:150px;
    color:#007eb6 !important;
    font-size:15px !important;
    font-weight:bold !important;
    margin-top: 2px;
}
.calculator-form .result {
    width: 500px;
    height: 30px;
    padding: 10px;
}
.calculator-form .result .result-right .outputLink {
   width: 145px;
   border: medium none;
   background: none repeat scroll 0 0 transparent;
   margin-top: -1px !important;
   color: #ffffff !important;
   font-size: 11px;
   font-weight: bold !important;
   padding: 4px 4px 0 8px;
   text-transform: uppercase;
}
#immorechner  form.rechner {    
    position: relative;
    top: 10px;
    width: 589px;
}
#immorechner  form.rechner p {
    font-size: 12px;
    line-height: 24px;
}
#conditionsCalculator .form-content-zone {
  border: none;
  padding: 10px 20px;
  background: #eeeeee;
}
#immorechner #conditionsCalculator .form-content-zone p {
  font-size: 12px;
  line-height: 20px; 
}
#immorechner .form-content {
 background: url(/etc/designs/hypovereinsbank/img/app/bg-form-immorechner-holder.png) no-repeat;
 width: 539px;
 height: 290px;
 margin-top: 10px;
 padding-top: 10px;
 border: none;
}
#immorechner .form-content-view {
 background: url(/etc/designs/hypovereinsbank/img/app/bg-form-immorechner-result.png) no-repeat;
 width: 540px;
 
 margin-top: 10px;
 padding-top: 10px;
 border: none;
}
#immorechner .form-content .result-right {
    background: url(/etc/designs/hypovereinsbank/img/app/img-pfeil-rechts-rot.png) no-repeat scroll right center transparent;
    border-radius: 3px 3px 3px 3px;
    float: right;
    height: 22px;
    margin: 0 18px 0 0;
    width: 121px;
 }
#immorechner .form-content .result-right input {
    color: #FFFFFF !important;
    display: inline-block;
    font-family: arial;
    font-size: 11px;
    padding: 0;
    text-decoration: none;
    line-height: 22px;
    background-color: transparent;
    margin: -1px 0 0 -4px;
    border: none;
    height: 22px;
    width: 121px;
}
/* Zweite Seite */
.calculator-form .holder-view ul {
    margin: 0;    
}
.calculator-form .holder-view ul li {
    margin: 0 0 25px;
    list-style-type: none;   
}
.calculator-form .holder-view ul li.first {
    border-bottom: 1px solid #ACACAC;
    color: #000000;
    margin-bottom: 11px;
    padding-bottom: 29px;
}
.calculator-form .holder-view ul li.first.last {
    border: none;
    color: #000000;
    margin-bottom: 30px;
    padding-bottom: 20px;
}
.calculator-form .holder-view ul li.first strong {
    float: left;
    width: 350px;
    color: #000000;
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
    padding: 0 20px 0 0;
}
.calculator-form .holder-view ul li.first span {
   float: right;
   width: 50px;
   color: #007EB6 !important;
   font-size: 15px;
   font-weight: bold !important;
   line-height: 18px;
   text-align: right;
}
.calculator-form .holder-view ul li.standard {
    border-bottom: 1px solid #ACACAC;
    color: #000000;    
    margin-bottom: 10px;
    padding-bottom: 15px;
}
.calculator-form .holder-view ul li.standard.last {
    border: none;
    color: #000000;    
    margin-bottom: 10px;
    padding-bottom: 15px;
}
.calculator-form .holder-view ul li.standard strong {
    float: left;
    width: 340px;
    color: #000000;
    font-size: 11px;
    line-height: 14px;
    margin-top: -4px;
    padding: 0 20px 0 0;
}
.calculator-form .holder-view ul li.standard span {
    float: right;
    width: 120px;
    color: #000000;
    font-size: 11px;
    line-height: 14px;
    text-align: right;
    margin-top: -4px;
}
.calculator-form .result-view {
    background: url(/etc/designs/hypovereinsbank/img/app/img-pfeil-links-blue.png) no-repeat scroll left center transparent;
    float: left;
    width: 106px;
    height: 22px;    
}
#immorechner .calculator-form .result-view input {
   border: medium none;
   background: none repeat scroll 0 0 transparent;
   color: #ffffff !important;
   padding: 0;
   margin: 3px 0 0 0;
   width: 106px;
   font-size: 11px;
   line-height: 16px;
}
.calculator-form .result-end {
   width: 540px;
   height: 100px; 
   padding: 0;
}
.calculator-form .result-end .result-right {
   float: right;
   width: 214px;
   height: 60px;
   margin-top: 10px;
}
.calculator-form .result-end .result-right .outputLink {
    float: right;
    width: 193px;
}
.calculator-form .result-end .result-right input {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF !important;
    
    height: 50px;
    
    padding: 4px 0 0 9px;
    
    width: 185px;
}
.calculator-form .result-end .result-left {
    float: left;
    width: 300px;
    height: 70px;
    margin-top: 15px;
}
 
/***************************************/
/* 3 Seite */
/**************************************/
#conditionsCalculator .form-content-zone-max-darlehen {
    background: none repeat scroll 0 0 #EEEEEE;
    border: medium none;
    padding: 10px 20px;
}
#immorechner #conditionsCalculator .form-content-zone-max-darlehen p {
    font-size: 12px;
    line-height: 20px;
}
#immorechner .form-content-max-darlehen {
    border: medium none;   
    padding-top: 10px;
    width: 560px;
}
.calculator-form .holder-max-darlehen {
    background: url("/etc/designs/hypovereinsbank/img/app/bg-form-holder-slider.png") no-repeat scroll 0 0;
    float: left;
    height: 85px;
    padding: 0 0 0 11px;
    width: 305px;
}
#immorechner .calculator-form .slider {
    background: url("/etc/designs/hypovereinsbank/img/app/bg-slider.png") no-repeat scroll 0 12px transparent;
    float: left;
    height: 23px;
    margin: 5px 9px 0 0;
    position: relative;
    width: 120px;
}
#immorechner .calculator-form  .slider .knob {
    background: url("/etc/designs/hypovereinsbank/img/calculator/kreditrechner/bg-knob.png") no-repeat scroll 0 0 transparent;
    height: 23px;
    left: 14px;
    position: absolute;
    top: 3px;
    width: 34px;
}
#immorechner .calculator-form .label2 {   
   float: left;
   width: 200px;
}
.calculator-form .holder-max-darlehen .row .text {
    background: url("/etc/designs/hypovereinsbank/img/app/bg-text.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 30px;
    margin-top: 5px;
    width: 109px;
}
.calculator-form .result-max-darlehen {
     margin: 0;
}
.calculator-form .result-max-darlehen {
     background: url("/etc/designs/hypovereinsbank/img/app/bg-result-slider.png") no-repeat scroll 0 0 transparent;
    float: right;
    height: 85px;
    margin-right: 5px;
    text-align: center;
    width: 239px;
}
.calculator-form .holder-max-darlehen .row {
    padding-left: 10px;
    margin-top: 7px;
    width: 250px;
}
.calculator-form .result-max-darlehen .title {
   float: left;
   color: #000000;
   font-size: 13px;
   line-height: 18px;
   margin: 14px 0 0 30px;
}
.calculator-form .result-max-darlehen a.infobox {
   float: right; 
   margin: 5px 20px 0 0;   
}
.calculator-form .result-max-darlehen a.infobox img {
  margin: 0;   
}

.calculator-form .result-max-darlehen {
    margin: 0;
}
.calculator-form .result-max-darlehen .rate {
    float: left;
    color: #007EB6;
    font-size: 26px;
    line-height: 31px;
    margin: 4px 0 0 40px;
}
.calculator-form #normal_content  #erlauterungen {
    cursor: pointer;
    margin: 0;
    padding-left: 3px;
}
.calculator-form #normal_content  #erlauterungen img {
    cursor: pointer;
    margin: 0;
    padding-left: 3px;
}
.calculator-form .form-content-max-darlehen .result-end {
    float: left;
    height: 60px;
    padding: 0;
    width: 544px;
}