/* CSS Document */

.navigation {
    background-color: #fff;
}

footer {
    background-color: #f29125;
    height: 35px;
    line-height: 35px;
    margin-left: 0;
    vertical-align: middle;
    width: 100%;
}


a, a:link {
    color: #f29125;
}

a:hover {
    color: #7f4504;
}

h1 {
    color: #848587;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 17pt;
    font-weight: bold;
    line-height: 30px;
}

h4 {
    color: #f29125;
}

select {
    background: #e2e2e2 none repeat scroll 0 0;
    border: 1px solid #000;
    float: left;
    font: 1em/18px Arial,Helvetica,sans-serif;
    height: 20px;
    margin: 2px 0;
    padding: 1px;
    position: relative;
    width: 120px;
}

input, textarea {
    background: #e2e2e2 none repeat scroll 0 0;
    border: 1px solid #000;
    float: none; 
    font: 1em/18px Arial,Helvetica,sans-serif;
    height: 20px;
    margin: 2px 0;
    padding: 1px;
    position: relative;
    width: 200px;
}

label {
   float: none; 
   display: inherit;
}

#rentenluecke {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #f29125;
   
    font:  Arial,Helvetica,sans-serif;
	color: #f29125;
	font-size: 18px;
	font-weight: bold;
    height: 30px;
    margin: 2px 0;
    padding: 1px;
    position: relative;
    width: 100px;
}

#kapitalbedarf {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #f29125;
 
    font:  Arial,Helvetica,sans-serif;
	color: #f29125;
	font-size: 18px;
	font-weight: bold;
    height: 30px;
    margin: 2px 0;
    padding: 1px;
    position: relative;
    width: 200px;
}

#rentenbeginn, #jahre_rentenbeginn {
    background: #ffffff none repeat scroll 0 0;
    
}

table.jahr input {
    background: #ffffff none repeat scroll 0 0;
    width: 100px;
	border: none;
	font-weight: bold;
	color: #000;
}

table.jahr td.rot input {
    color: #f29125;
	font-weight: bold;
}

#rentenanwartschaft, #rentenwunsch, #rentenbeginn, #jahre_rentenbeginn, #geburtsjahr, #lebenserwartung {
	width: 100px;
}


#rentenplaner {
	display:table;
	max-width:700px;
}

hr {
 border: 1px solid #f29125;
 margin:  10px 0 10px 0;
 padding:0;
}

input.button {
    background: #f29125 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    height: 20px;
    margin: 6px 0;
    width: 150px;
}

input.button:hover {
    background: #fcd39e none repeat scroll 0 0;
    color: #000;

}

h4 {

 color: #f29125;
 font-size: 18px;
font-weight: bold;
}
.rot {
 color: #f29125;
font-weight: bold;
}

.rot_gross {
 color: #f29125;
font-weight: bold;
 font-size: 18px;
}

table {
font-weight: bold;
}
.gross {
 color: #f29125;
font-weight: bold;
 font-size: 100px;
}

p {
margin-bottom: 2px;
}

table.jahr {
margin-top: 10px;
border-color: #f29125;
margin-bottom: 10px;
}

table.jahr th {
background-color: #f29125;
color: #fff;
font-weight: bold;
font-size: 14px;
border-color: #fff;
align-content:center;
padding-left: 5px;
height: 25px;
}
table.jahr td {
padding-left: 5px;
padding-right: 3px;
height: 25px;
border-color: #f29125;
vertical-align:middle;
}

table.jahr td input{
margin-right: 10px;
float: right;
width: 100px;

}

table.jahr td.links input{
margin-left: 2px;
float: left;
width: 100px;

}

table.jahr td.kein_rahmen_rechts {
border-right-color: #ffffff;

}

table.jahr td.kein_rahmen_rechts_rot {
border-right-color: #ffffff;

}

table.jahr td.kein_rahmen_rechts_rot input {
 color: #f29125;
font-weight: bold;
}

table.bemerkung {
background-color: #fcd39e;
}