* {
 box-sizing      : border-box;
 -moz-box-sizing : border-box;
}

body {
 scrollbar-base-color: #082852;
 scrollbar-arrow-color: #899CC0;
 scrollbar-highlight-color: #8FB2CE;
 scrollbar-shadow-color: #333;
 scrollbar-face-color: #082852;
 background-color:#8FB2CE;
 margin: auto;
 padding: 0px;
 text-align: center;
}

#kalender {
 border-right: 1px solid #333;
 border-bottom: 1px solid #333;
 cursor: default;
 background-color: #FFF;
 margin: auto;
}


#kalender td {
 font-family: arial, helvetica, Tahoma, verdana;
 font-size: 12px;
 text-align: left;
 padding: 1px;
 border-left: 1px solid #333;
 border-top: 1px solid #333;
}

#kalender th {
 background-color: #DFEEF5;
 padding: 4px;
 font-family: arial, helvetica, Tahoma, verdana;
 font-size: 11px;
 text-align: left;
 border-left: 1px solid #333;
 border-top: 1px solid #333;
 text-align: center;
}

#kalender #maand {
 background-color: #FF7C17;
 color: #FFF;
 font-weight: bold;
 font-variant: small-caps;
 letter-spacing: 0.1em;
 padding-left: 10px;
 text-align: left;
}

#kalender #navigatie {
 text-align: left;
}

select {
 font-size: 11px;
 background-color: #DFEEF5;
}
input {
 height: 18px;
 width: 55px;
 font-size: 11px;
 border: 1px solid #333;
 background-color: #DFEEF5;
}

.dag, .dagselect, .ondag, .weekend {
 width: 100px;
 height: 60px;
 text-decoration:none;
 color: #000;
 display: block;
 overflow: auto;
 overflow-x: hidden;
 scrollbar-base-color: #F8F8F8;
 scrollbar-arrow-color: #899CC0;
 scrollbar-highlight-color: #F8F8F8;
 scrollbar-shadow-color: #F8F8F8;
 scrollbar-face-color: #F8F8F8;
}

.dag:hover, .dagselect:hover, .weekend:hover {
 background-color: #E9ECEF;
}

.dag {
 background-color: #F8F8F8;
}

.dagselect {
 background-color: #FEFF97;
}

.ondag {
 background-color: #DFDFDF;
}

.weekend {
 background-color: #C3C3C3;
}

.feestdag, .vakantiedag, .feestdag .dag, .vakantiedag .dag {
 background-color: #C0FFC0;
}

.week {
}

.item {
 width: 85px;
 height: 15px;
 overflow: hidden;
 text-overflow: ellipsis;
 font-size: 10px;
 cursor: pointer;
 color: #000;
}

.item:hover {
 text-decoration: none;
 color: #FF0000;
}

#kalender td a {
 cursor: default;
}

#kalender td a:hover {
 color: #000;
 text-decoration: none;
}

form {
 display: inline;
}

tfoot th {
 vertical-align: middle;
}

.jarig {
 margin-right: 4px;
}