.ui-state-default, .ui-widget-content .ui-state-default {  
    height:22px;
    width:39px;
    background-image:url(../images/ratenrechner/slider.gif); 
    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(../images/ratenrechner/slider.gif);  
    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(../images/ratenrechner/slider.gif); 
    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;
	}

#container input {
    width:100px;
    height:13px;    
    padding:2px 4px 6px 4px;
    margin:12px 0px 27px 0px;
    background:url(../images/ratenrechner/euro_symbol.gif) 90px center no-repeat;
    background-color:#FFF;
    border:1px #03588D solid;
    font-size:12px;
    color:#03588C;
    font-weight:bold;
}
*+html #container input { /*IE7 only*/
    margin:11px 0px 26px 0px !important;
}
* html #container input { /*IE6 only*/
    margin:11px 0px 26px 0px !important;
}
#container #betragContainer  input.error {
    background:url(../images/ratenrechner/euro_symbol_green.gif) 90px center no-repeat;
    border:1px #01A54F solid;
    color:#01A54F;
}
#container {
z-index: 3;
height: 372px;
width: 222px;
margin: 10px 0;
padding: 0;
overflow: hidden;
background: url(../images/ratenrechner/ratenrechner.gif) no-repeat;
}
#betragContainer{
    float:left;
    width:222px;
    margin: 0 0 22px 0;
    padding:10px 0;
    text-align:center;
}
#laufzeitContainer {
    float:left;
    width:222px;
    margin: 0 0 22px 0;
    padding:10px 0;
    text-align:center;
}
.containerHeadline {
	color: #03588C;
    font-size:14px;
    font-weight:bold;
}
#rateContainer {
    float:left;
	padding:0;
    margin: 0;
    width:222px;
}
#disclaimerContainer {
    margin-top:28px;
    margin-right:40px;
    text-align:left;
    font-size:0.8em;
    line-height:10px;
}
#rateText { 
    height:64px;
    padding:7px;
    font-size:14px;
    font-weight:bold;
    text-align:center;
    color:#01A54F;
}
* html #rateText { /*IE6 only*/
    height:61px;
}
.rateAusgabe {
    margin-top:20px;
    font-size:20px;
}
#RatenDisplay {
    font-size:24px;
}
.sliderBackground {
    background:url(../images/ratenrechner/bar.gif) no-repeat;
    height:12px;
    width:110px;
    margin:0 auto;
    text-align:left !important; /* IE Bug */
}
*+html .sliderBackground { /*IE7 only*/
    margin-left:56px !important;
}
* html .sliderBackground { /*IE6 only*/
    margin-left:56px !important;
}
#laufzeitSlider, #betragSlider { 
    height:12px;
    width:88px;
    cursor:pointer;
}
#proceedButton {
	position: relative;
	padding: 0;
	margin: 0;
    clear:both;
    height:37px;
    width:222px;
    overflow:hidden;
}
#goButton, #RRErrorDisplay {
    height:31px;
    width:222px;
    text-align:left;
    font-weight:bold;
}
#goButton {
    padding: 1px 0 4px 0;
    background:url(../images/ratenrechner/button.gif) no-repeat;
    font-size:14px;
	color:#FFFFFF !important;
    line-height:14px;
}
*+html #goButton { /*IE7 only*/
    font-size:12px;
    line-height:14px;
}
#RRErrorDisplay {
    padding:5px 0 0 36px;
    background:url(../images/ratenrechner/button_error.gif) no-repeat;
    font-size:12px;
	color:#FFFFFF;
    line-height:12px;
}
/* Select */
.selectholder {
    width:110px;
    height:14px;
    padding:2px 4px 5px 4px;
    margin:12px 0px 27px 0px;
    background:url(../images/ratenrechner/selectmenu.gif) 105px no-repeat;
    font-size:12px !important;
    text-align:left !important;
    font-weight:bold;
    color:#03588C;
    cursor:pointer;
}

.selectholder .selectholder {
	border:1px #03588D solid;
    margin: -19px 0 0 -5px;
}

* html .selectholder { /*IE6 only*/ 
	border:1px #03588D solid;
	padding: 2px 2px 2px 4px;
	background-color: white;
	margin: 10px 0 29px 3px;
	background-position:104px 5px;

}

* html .selectholder .selectholder { /*IE6 only*/ 
	border-style: none;
}

.selectholder ul{
    width:118px;
    margin:0px 0px 0px -5px;
    padding:1px 0px 0px 0px;
    background:#FFF;
    border-top:none;
    color:#03588C;
    display:block;
    list-style:none !important;
    list-style-type:none !important;
    border:1px #03588D solid;
    border-top:none;
}

* html .selectholder ul { /*IE6 only*/ 
    width:119px !important;
	padding: 0;
	margin: 0 0 0 -4px;
}

.selectholder ul li{
    padding:2px 5px 2px 5px;
    font-weight:bold;
}

* html .selectholder ul li { /*IE6 only*/
	padding:0px 0px 0px 4px;
}

.selectholder ul li:hover{
    background:#03588D;
    color:#FFF;
}
.selectholder select{
    width:110px;
}
.selectholder span {
    padding:1px;
    width: 110px;
}

#goButton input#beantragen  {
	position: absolute;
	top: 1px;
	border-style: none;
	width: 222px;
	height: 35px;
	cursor: pointer;
	margin: -1px 0 0 0;
	padding: 0 20px 0 14px;
	background: transparent;
}

#goButton input#beantragen::-moz-focus-inner  {   
    border : 0;
}

#goButton input#beantragen:focus {
	outline: none;
}

#goButton div {
	padding: 2px 0 0 64px;
	background: url(../images/ratenrechner/pfeil.jpg) no-repeat 52px 8px;
}

* html  #goButton  input#beantragen { /*IE6 only*/
	top: -10px;
	background-position: 52px 7px;
}

*+html #goButton  input#beantragen { /*IE7 only*/
	top: -10px;
	background-position: 52px 7px;
}

*+html #goButton  div { /*IE7 only*/
	font-size: 14px;
}