*
{
    margin: 0;
    padding: 0;
    outline: none;
}

.rechner
{
    font: normal 11px/20px Helvetica, Arial, Verdana, sans-serif;
}

img
{
    border: 0;
}


#wrapper
{
    width: 490px;
    margin: 20px auto;
}



/*   BOX    */
.box
{
    list-style-type: none;
}

.boxBody
{
    padding: 20px;
}

/*  /BOX  */

ul.box,
ul.toolBody {
  margin-left: 0 !important;
}

.boxBody h3 {
  padding-left: 0px;
}

.widget .box p {
  padding: 0;
}


/*   TOOLS   */
.toolBody,
.toolFoot
{
    color: #033f95;
    background-color: #eaeaea;
    padding: 20px;
    list-style-type: none;
}

.toolBody
{
    padding-top: 10px;
}

.toolBody li
{
    clear: both;
    height: 40px;
}

.toolBody li.barsEnv
{
    height: 49px;
}

.toolBody li p
{
    line-height: 10px;
    margin-bottom: 2px;
    margin-top: 1px;
    font-size: 9px;
}

.toolFoot
{
    line-height: 0;
    margin-top: 20px;
    padding: 10px !important;
}

.toolFoot a,
.toolFoot a:hover
{
    font-size: 12px;
    font-weight: bold;
    line-height: 13px;
    color: #033f95;
    text-decoration: none;
}

.bar
{
    float: left;
    width: 100%;
    height: 35px;
    background-color: #dadada;
}

.barText
{
    font-size: 12px;
    font-weight: bold;
    height: 20px !important;
    height: 22px;
    float: right;
    width: 25%;
    padding: 1px 6px;
    text-align: right;
}

.barText.einzahlung
{
    float: left;
    text-align: left;
}

.barBlue
{
    float: left;
    width: 1%;
    height: 34px;
    border-bottom: 1px #12388d solid;
    border-right: 1px #19458d solid;

    background: #6081af; /* Old browsers */
    background: -moz-linear-gradient(top,  #6081af 0%, #6081af 19%, #1b4a8d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6081af), color-stop(19%,#6081af), color-stop(100%,#1b4a8d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #6081af 0%,#6081af 19%,#1b4a8d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #6081af 0%,#6081af 19%,#1b4a8d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #6081af 0%,#6081af 19%,#1b4a8d 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #6081af 0%,#6081af 19%,#1b4a8d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6081af', endColorstr='#1b4a8d',GradientType=0 ); /* IE6-9 */
}

.barBlue img,
.barRed img,
.barGreen img
{
    height: 100%;
    width: 100%;
    display: none;
}

.barGreen
{
    float: left;
    width: 1%;
    height: 34px;
    border-bottom: 1px #618b20 solid;
    border-right: 1px #87ab20 solid;
    border-left: 1px #c6d88c solid;

    background: #b5cd63; /* Old browsers */
    background: -moz-linear-gradient(top,  #b5cd63 0%, #b8cc70 25%, #95b720 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5cd63), color-stop(25%,#b8cc70), color-stop(100%,#95b720)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b5cd63 0%,#b8cc70 25%,#95b720 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b5cd63 0%,#b8cc70 25%,#95b720 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b5cd63 0%,#b8cc70 25%,#95b720 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #b5cd63 0%,#b8cc70 25%,#95b720 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5cd63', endColorstr='#95b720',GradientType=0 ); /* IE6-9 */
}

.barRed
{
    float: left;
    width: 1%;
    height: 34px;
    border-bottom: 1px #b51a1e solid;
    border-right: 1px #b51a1e solid;
    border-left: 1px #b51a1e solid;

    background: #ca5f62; /* Old browsers */
    background: -moz-linear-gradient(top,  #ca5f62 0%, #c96b6f 17%, #b51a1e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ca5f62), color-stop(17%,#c96b6f), color-stop(100%,#b51a1e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ca5f62 0%,#c96b6f 17%,#b51a1e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ca5f62 0%,#c96b6f 17%,#b51a1e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ca5f62 0%,#c96b6f 17%,#b51a1e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ca5f62 0%,#c96b6f 17%,#b51a1e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca5f62', endColorstr='#b51a1e',GradientType=0 ); /* IE6-9 */

}

.barGray
{
    float: left;
    width: 1%;
    height: 34px;
    border-bottom: 1px #7f7f7f solid;
    border-right: 1px #969696 solid;

    background: #bfbfbf; /* Old browsers */
    background: -moz-linear-gradient(top,  #bfbfbf 0%, #c9c9c9 25%, #919191 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfbfbf), color-stop(25%,#c9c9c9), color-stop(100%,#919191)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #bfbfbf 0%,#c9c9c9 25%,#919191 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #bfbfbf 0%,#c9c9c9 25%,#919191 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #bfbfbf 0%,#c9c9c9 25%,#919191 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #bfbfbf 0%,#c9c9c9 25%,#919191 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfbf', endColorstr='#919191',GradientType=0 ); /* IE6-9 */
}

.barFoot
{
    background: url("../img/ergeniss_bg.gif") no-repeat;
    height: 33px;
    width: 100%;
}

.toolBody .trenner
{
     border-bottom: #dadada solid 1px;
    height: 28px;
    margin-bottom: 12px;
}

.toolBody .glowBox
{
    float: left;
    text-align: right;
    padding: 1px 6px;
    width: 22%;
    height: 20px;
    background-color: #fff;
    -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 6px rgba(0,0,0,0.2);

    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;

    border-bottom: #cccbd7 solid 1px;
    border-right: #cccbd7 solid 1px;
}

.toolBody .slider
{
    float: right;
    height: 25px;
    width: 71%;
}

.toolBody .slider1
{
    background: url("../img/sliderBack.gif") repeat-x;
}

.toolBody .slider2
{
    background: url("../img/sliderBack.gif") repeat-x;
}

.toolBody .slider3
{
    background: url("../img/sliderBack.gif") repeat-x;
}

.toolBody .slider4
{
    background: url("../img/sliderBack.gif") repeat-x;
}

.toolBody .slider .ui-slider-handle
{
    top: 0;
}
.toolBody .slider .ui-slider-handle:hover
{
    cursor: pointer;
}

.toolBody .slider .ui-widget-header
{
    background: url("../img/blueBar.png") repeat-x;
}

.erg
{
    background-color: #ffffff;
    color: #033F95;
    float: right;
    font-size: 16px;
    font-weight: bold;
    padding: 3px 6px 0;
    margin-left: 10px;
}

.box li {
  line-height: 20px;
}



.rechner .ui-state-focus,
.rechner .ui-state-hover,
.rechner .ui-state-default,
.rechner .ui-widget-content .ui-state-default,
.rechner .ui-widget-header .ui-state-default,
.rechner .ui-widget-content
{
    border: 0;
}

.rechner .ui-state-default,
.rechner .ui-widget-content .ui-state-default,
.rechner .ui-widget-header .ui-state-default
{
    background: url("../img/angreifer.png") !important;
}

.rechner .ui-slider .ui-slider-handle {
    height: 23px;
    width: 23px;
}

.rechner .ui-corner-all,.rechner .ui-corner-bottom,.rechner .ui-corner-right,.rechner .ui-corner-br,
.rechner .ui-corner-all,.rechner .ui-corner-bottom,.rechner .ui-corner-left,.rechner .ui-corner-bl,
.rechner .ui-corner-all,.rechner .ui-corner-top,.rechner .ui-corner-right,.rechner .ui-corner-tr,
.rechner .ui-corner-all,.rechner .ui-corner-top,.rechner .ui-corner-left,.rechner .ui-corner-tl {
    border-radius: 0 !important;
}

.toolFoot a {
    padding-left: 0.8em;
    background: url("../img/link_arrow.gif") left no-repeat;
}

/*  PRINT BUTTON & WINDOW */

.printButtom:hover
{
    cursor: pointer;
}


.printout
{
    margin: 20px;
    font: normal 11px/20px Helvetica, Arial, Verdana, sans-serif;
}

.printout strong
{
    font-size: 16px;
}


.printout div
{
    border-bottom: 2px solid #DDDDDD;
    margin-top: 20px;
    padding-bottom: 20px;
}

.printout h3
{
    font-size: 12px;
    font-weight: bold;
    line-height: 13px;
    color: #033f95;
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: 1px;

}

/* RENTENLÜCKENRECHNER */

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #CCCCCC;
    font-style: italic;
}

#rentenrechner_form
{
    padding: 0 20px 10px 20px;
    list-style-type: none;
    width: 48%;
}

#rentenrechner_form li
{
    float: left;
    width: 50%;
}

#rentenrechner_form li.wide
{
    float: left;
    width: 100%;
    margin: 10px 0;
    padding: 10px 0;
    border-top: #ccc solid 1px;
    border-bottom: #ccc solid 1px;
}

#rentenrechner_result
{
    float: right;
    width: 41%;
    display: none;
    margin-right: 20px;
}

.erg2
{
    color: #033F95;
    float: right;
    font-size: 12px;
    font-weight: bold;
    margin-left: 5px;
}

.tooltipRechner
{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 320px;
    font-size: 11px;
    background-color: #f4f4f4;
    z-index: 3000;
    overflow: auto;
    padding: 8px 10px;
    -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 6px rgba(0,0,0,0.2);
}

form#fundsupload > label {
	float:left;
	width:150px;
}