.ui-state-default, .ui-widget-content .ui-state-default {  
    height:22px;
    width:39px;
    background-image:url(/gfx/slider.png); 
    font-weight: bold; 
    color: #1c94c4; 
    outline:none;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { 
    color: #1c94c4; 
    text-decoration: none; 
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {  
    height:22px;
    width:39px;
    background-image:url(/gfx/slider.png);  
    font-weight: bold; 
    color: #c77405; 
    outline:none;
}
.ui-state-hover a, .ui-state-hover a:hover { 
    color: #c77405; 
    text-decoration: none; 
    outline:none;
}
.ui-state-active, .ui-widget-content .ui-state-active { 
    height:22px;
    width:39px;
    background-image:url(/gfx/slider.png); 
    font-weight: bold; 
    color: #eb8f00; 
    outline:none;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { 
    color: #eb8f00; 
    text-decoration: none; 
}
.ui-slider { 
    position: relative; 
    text-align: left; 
}
.ui-slider .ui-slider-handle { 
    z-index: 2; 
    position: absolute; 
    width: 39px; 
    height: 22px; 
    cursor: pointer; 
}
.ui-slider .ui-slider-range { 
    position: absolute; 
    border: 0; 
    z-index: 1; 
    font-size: .7em; 
    display: block; 
}
.ui-slider-horizontal { 
    height: .8em;
}
.ui-slider-horizontal .ui-slider-handle { 
    top: -5px; 
    margin-left: -.5em; 
}
.ui-slider-horizontal .ui-slider-range { 
    top: 0; 
    height: 100%; 
}
.ui-slider-horizontal .ui-slider-range-min { 
    left: 0; 
}
.ui-slider-horizontal .ui-slider-range-max { 
    right: 0; 
}
#ratenHolder {position: relative;}
#zBuffer1 {
   position: absolute; 
   z-index: 2; 
   left: 0px; 
   top: 0px; 
   background:url(/gfx/bg/bg_01.jpg) no-repeat;
       width:625px; 
    height:371px;
}
#zBuffer2{
   position: absolute; 
   z-index: 1; 
   left: 0px; 
   top: 0px; 
   background:url(/gfx/bg/bg_01.jpg) no-repeat;
       width:625px; 
    height:371px;
}
#ratenrechner {
    width:625px; 
    height:371px;
    position: absolute; 
   z-index: 3; 
   left: 0px; 
   top: 0px; 
}
#ratenrechner input {
    width:100px;
    height:13px;    
    padding:2px 4px 6px 4px;
    margin:12px 0px 27px 0px;
    background:url(/gfx/euro_symbol.gif) 90px center no-repeat;
    background-color:#FFF;
    border:1px #7DB1D6 solid;
    font-size:12px !important;
    color:#0066AE;
    font-weight:bold;
}
*+html #ratenrechner input { /*IE7 only*/
    margin:11px 0px 26px 0px !important;
}
* html #ratenrechner input { /*IE6 only*/
    margin:11px 0px 26px 0px !important;
}
#ratenrechner input.error {
    background:url(/gfx/euro_symbol_red.gif) 90px center no-repeat;
    border:1px #FF0000 solid;
    color:#FF0000;
}
#container {
    padding:225px 110px 0px 34px;
}
#betragContainer, #laufzeitContainer {
    float:left;
    width:128px;
    margin-right:14px;
    padding:7px;
    text-align:center;
}
.containerHeadline {
    font-size:14px;
    font-weight:bold;
}
#rateContainer {
    float:left;
    width:169px;
}
#disclaimerContainer {
    margin-top:28px;
    margin-right:40px;
    text-align:right;
    font-size: 11px;
    line-height: 12px;
}
#rateText {
    height:59px;
    padding:7px;
    font-size:14px;
    font-weight:bold;
    text-align:center;
    color:#E47229;
}
.rateAusgabe {
    margin-top:20px;
    font-size:20px;
}
#RatenDisplay {
    font-size:29px;
}
.sliderBackground {
    background:url(/gfx/bar.gif) no-repeat;
    height:12px;
    width:110px;
    margin-left:5px;
    text-align:left !important; /* IE Bug */
}
*+html .sliderBackground { /*IE7 only*/
    margin-left:0px !important;
}
* html .sliderBackground { /*IE6 only*/
    margin-left:0px !important;
}
#laufzeitSlider, #betragSlider { 
    height:12px;
    width:88px;
    cursor:pointer;
}
#procedButton {
    clear:both;
    height:37px;
    width:168px;
    overflow:hidden;
}
#procedButton a {
    color:#FFFFFF !important;
    text-decoration:none !important;
    outline:none;
}
#goButton {
    height:35px;
    width:148px;
    padding-top:4px;
    padding-left:20px;
    background-image:url(/gfx/button.gif);
    color:#FFFFFF !important;
    text-align:left;
    color:#FFFFFF;
    font-weight:bold;
    font-size:14px;
    line-height:14px;
}
#RRErrorDisplay {
    height:31px;
    width:168px;
    padding-top:6px;
    padding-left:10px;
    background-image:url(/gfx/button_error.gif);
    text-align:left;
    color:#FFFFFF !important;
    font-weight:bold;
    font-size:12px;
    line-height:12px;
}
/* Select */
.selectholder{
    width:110px;
    height:14px;
    padding:2px 4px 5px 4px;
    margin:12px 0px 27px 0px;
    background:url(/gfx/selectmenu.gif) 105px no-repeat;
    border:1px #7DB1D6 solid;
    font-size:12px !important;
    text-align:left !important;
    font-weight:bold;
    color:#0066AE;
    cursor:pointer;
}
* html .selectholder { /*IE6 only*/
    margin:12px 0px 25px 0px !important;
}
.selectholder ul{
    width:118px;
    margin:0px 0px 0px -5px;
    padding:1px 0px 0px 0px;
    background:#FFF;
    border-top:none;
    color:#0066AE;
    display:block;
    list-style:none !important;
    list-style-type:none !important;
    border:1px #7DB1D6 solid;
    border-top:none;
}
* html .selectholder ul { /*IE6 only*/
    width:120px !important;
}
.selectholder ul li{
    padding:2px 5px 2px 5px;
    font-weight:bold;
}
.selectholder ul li:hover{
    background:#7DB1D6;
    color:#FFF;
}
.selectholder select{
    width:110px;
}
.selectholder span {
    padding:1px;
    width: 110px;
}