.ui-state-default, .ui-widget-content .ui-state-default {  
    height:13px;
    width:37px;
    margin-top:4px;
    background-image:url(/gfx_teaserrechner/slider.png); 
    outline:none; 
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { 
    text-decoration: none !important; 
    outline:none; 
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {  
    height:13px;
    width:37px;
    margin-top:4px;
    background-image:url(/gfx_teaserrechner/slider_hover.png);  
    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:13px;
    width:37px;
    margin-top:4px;
    background-image:url(/gfx_teaserrechner/slider_hover.png); 
    outline:none;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { 
    outline: none; 
}
.ui-slider { 
    position: relative; 
    text-align: left; 
}
.ui-slider .ui-slider-handle { 
    position: absolute; 
    z-index: 2; 
    height:13px;
    margin-top:4px;
    width:37px;
    cursor: pointer; 
}
.ui-slider .ui-slider-range { 
    position: absolute; 
    z-index: 1; 
    font-size: .7em; 
    display: block; 
    border: 0 !important;
}
.ui-slider-horizontal .ui-slider-handle { 
    top: -.1em; 
    margin-left: 1px; 
}
.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; 
}
#ratenrechner {
    width:242px; 
    background:url(/gfx_teaserrechner/background_big.gif) no-repeat;
}
#ratenrechner input {
    width:68px;
    height:15px !important;    
    margin:0px;
    padding:1px 12px 1px 1px;
    background:url(/gfx_teaserrechner/euro_symbol.gif) 68px center no-repeat;
    background-color:#FFF;
    border:1px #7DB1D6 solid;
    font-size:12px !important;
    color:#0066AE;
    font-weight:bold;
}
#ratenrechner input.error {
    width:68px;
    height:15px !important;    
    margin:0px;
    padding:1px 12px 1px 1px;
    background:url(/gfx_teaserrechner/euro_symbol_red.gif) 68px center no-repeat;
    background-color:#FFF;
    border:1px #FF0000 solid;
    font-size:12px !important;
    color:#FF0000;
    font-weight:bold;
}
*+html #ratenrechner input { /*IE7 only*/
    margin-top: -1px !important;
}
* html #ratenrechner input { /*IE6 only*/
    margin-top: -1px !important;
}
#container {
    height:220px;
    padding:7px 10px 0px 10px;
}
#betragFloat {
    height:19px;
}
#laufzeitFloat {
    height:19px;
}
.floatR {
    float:right;
    width:83px;
    height:19px;
}
.floatL {
    float:left;
    width:139px;
    height:19px;
}
.sliderBackground {
    float:left;
    height:19px;
    width:139px;
    background:url(/gfx_teaserrechner/bar.gif) no-repeat;
    background-position:left;
}
.containerHeadline {
    margin-top:4px;
    margin-bottom:4px;
}
#laufzeitSlider { 
    height:19px;
    width:100px;
    cursor:pointer;
}
#betragSlider { 
    height:19px;
    width:100px;
    cursor:pointer;
}
#betragContainer {
    font-size:11px;
    color:#0066B3;
    font-weight:bold;
}
#laufzeitContainer {
    font-size:11px;
    color:#0066B3;
    font-weight:bold;
}
#disclaimerContainer  {
    font-size:0.8em;
    margin-top:4px;
    line-height:11px;
    color: #a19fa0;
}
#rateContainer {
    height:21px;
    margin-top:10px;
    background:url(/gfx_teaserrechner/background_rate.gif) no-repeat;
    font-size:11px;
    font-weight:bold;
    color:#E47229;    
}
#RatenDisplay {
    font-size:15px;
}
.ratenOutput {
    font-size:15px;
    margin-right:3px;
}
.rateFloatR {
    float:right;
    width:75px;
    height:15px;
    padding:3px;
    padding-right:5px !important;
    text-align:right; 
    line-height:15px;
}
.rateFloatL {
    float:left;
    width:129px;
    height:15px;
    padding:3px;
    padding-left:7px !important;
    padding-top:4px !important;
    line-height:15px;
}
#procedButton {
    height:30px;
    overflow:hidden;
}
#procedButton a {
    color:#FFFFFF !important;
    text-decoration:none !important;
}
#goButton {
    height:23px;
    width:242px;
    background:url(/gfx_teaserrechner/button.gif) no-repeat;
    color:#FFFFFF !important;
    text-decoration:none !important;
    font-weight:bold;
    font-size:11px;
    line-height:12px;
    padding-top:7px;
    padding-left:12px;
}
#RRErrorDisplay {
    height:23px;
    width:242px;
    background:url(/gfx_teaserrechner/button_error.gif) no-repeat;
    color:#FFFFFF;
    font-weight:bold;
    font-size:11px;
    line-height:12px;
    padding-top:7px;
    padding-left:12px;
}
/* Select */
.selectholder{
    width:71spx;
    height:17px;
    margin:0px;
    background-image:url(/gfx_teaserrechner/selectmenu.jpg);
    background-position:center right;
    background-repeat:no-repeat;
    border:1px #7DB1D6 solid;
    font-size:12px !important;
    font-weight:bold;
    color:#0066AE;
    cursor:pointer;
}
.selectholder ul{
    width:81px;
    margin:0px 0px 0px -1px;
    padding: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;
}
.selectholder ul li{
    font-weight:bold !important;
    padding:2px 2px 1px 2px;
}
.selectholder ul li:hover{
    font-weight:bold !important;
    background:#7DB1D6;
    color:#FFF;
}
.selectholder select{
    width:70px;
}
.selectholder span {
    padding:1px;
    width: 73px;
}