@import url('//fonts.googleapis.com/css?family=Roboto:400,700');

body {
	background-color: #FFFFFF;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #444;
	margin: 5px;
}
.printStars {
    display: none;
}
.Header {
	font-weight: bold;
}

table {
	background-color: #FFFFFF;
}

td {
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #444;
        font-style: normal;
	font-weight: normal;
}

td a {
    color: #444;
    text-decoration: none;
}

td a:hover {
    color: #444;
    text-decoration: underline;
}

td a.details {
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid;
    background-color: #E0E8F0;
    color: #556177;
    text-decoration: none;
}

.stars0,.stars1,.stars2,.stars3,.stars4,.stars5 {
	border: 0 none;
	height: 10px;
	width: 60px;
	padding: 0px;
}

td a:hover.details {
    color: #8894aa;
    text-decoration: none;
}

th a {
    color: #444;
    text-decoration: none;
}

th a:hover {
    text-decoration: underline;
}

/* input/form */
form {
    padding: 0px;
    margin: 0px;
}

input, select, textarea {
    border: 1px solid;
    color: #444;
    border-color: #8F8F8C;
    background-color: #EFEFEF;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 14px;
}

input.radio {
    border: 0px;
    padding: 2px;
    background-color: #FFFFFF;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000
}

input.checkbox{
  height: 12px;
  width: 12px;
  font-size: 14px;
  background-color: #EFEFEF;
  padding: 0px;
}

input.checkbox:focus{
  border-top: 2px solid beige;
  border-left: 2px solid beige;
  border-right: 2px ridge #a99;
  border-bottom: 2px ridge #a99;

}

input.checkbox:active{
  padding:0;
  border-top: 2px ridge beige;
  border-left: 2px ridge beige;
  border-right: 2px ridge #ffc;
  border-bottom: 2px ridge #fcc;
  padding:0;
}

input.submit {
    border: 1px solid;
    color: #485866;
    border-color: #E6BD90;
    background-color: #E6BD90;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 14px;
    width: 100px;
}

/* uitleg link */
.uileg {
    color: #2D476D;
}

.uitleg a  {
    color: #2D476D;
}

/* Rentevast perioden balk */
table.balk {
    padding: 3px;
    cellpadding: 5px;
}

td.balkSelected {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #2D476D;
    border: 1px solid;
        background-color: #FFFFFF;
	font-style: normal;
	font-weight: normal;
}

td.balkUnSelected{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #2D476D;
    border: 1px solid;
        background-color: #D5DDE5;
	font-style: normal;
	font-weight: normal;
}

/* rente sheet */

table.rentesheet {
    background-color: #556177;
}

table.rentesheet th {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    color: #2D476D;
    background-color: #D5DDE5;
}

table.rentesheet td {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
}

table.rentesheet th.zwart {
    color: #444;
    background-color: #EFEFEF;
}

table.rentesheet th.zwart a {
    color: #444;
}

table.rentesheet th.wit {
    color: #ffffff;
    background-color: #8F8F8C;
}

table.rentesheet th.wit a {
    color: #ffffff;
}

table.rentesheet td a {
    color: #444;
}

table.rentesheet td.rentesheet1 {
    color: #572f08;
    background-color: #fefefc;
}

table.rentesheet td.rentesheet2 a,table.rentesheet td.rentesheet2 {
    color: #444;
    background-color: #EFEFEF;
}

/* tooltip */
.tooltip {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    FONT-SIZE: 14px;
    TEXT-DECORATION: bold;
    border: 1px solid #444;
    border-color: #572f08;
    padding: 1px;
    background-color: #EFEFEF;
    color: #444;
}

#dhtmltooltip {
    position: absolute;
    width: 300px;
    border: 1px solid;
    border-color: #572f08;
    padding: 6px;
    background-color: #EFEFEF;
    visibility: hidden;
    z-index: 100;
}

table#poweredtable {
    float: left;
    width: 100%;
}

div#poweredby {
    color: #444;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-style: italic;
    font-size: 14px;
    text-align: right;
}

div#poweredby a {
    color: #a61500;
    text-decoration: none;
}

div#poweredby a:hover {
    color: #8e1801;
    text-decoration: none;
}

div#poweredby a:visited {
    color: #a61500;
    text-decoration: none;
}