@font-face {
    font-family:PFMinionProM;
    src:url('MinionPro-Medium.otf');
}
@font-face {
    font-family:PFMinionProMI;
    src:url('MinionPro-MediumIt.otf');
}
@font-face {
    font-family:PFMinionPro;
    src:url('MinionPro-Regular.otf');
}

/* global */
body
{
    background:#FFFFFF;
    color:#636363;
    font-family:"Minion Pro","PFMinionProR";
    font-size:15px;
    margin:0px;
    padding:0px;
}
a
{
    color:#000000;
    text-decoration:none;
}
a img { border:0px none #000000; }
.clickable { cursor:pointer; }
.errormessage { color:#BB1010; }
h1 { font-size:36px; font-weight:normal; }
input.dateField { width:80px !important; }
input[type="text"],
input[type="password"]
{
    background-color:#FDFDFD;
    border:1px inset #F0F0F0;
    color:#000000;
    margin:1px;
    padding:2px;
}
input[type="button"],
input[type="submit"]
{
    cursor:pointer;
    font-family:"Minion Pro","PFMinionProR";
    vertical-align:middle;
}
.left { float:left; }
.noU { text-decoration:none; }
p { margin-top:0px; }
.right { float:right; }
table
{
    border-collapse:collapse;
}
textarea
{
    background-color:#FDFDFD;
    border:1px inset #F0F0F0;
    font-family:"Minion Pro","PFMinionProR";
    margin:1px;
    padding:2px;
    resize:none;
    width:calc(100% - 10px);
}
td
{
    text-align:justify;
    vertical-align:top;
    margin:0px;
}
td, th
{
    border-spacing:0px;
    padding:0px;
}

/* input */
.inputError
{
    border:1px solid #DF5353 !important;
    background-color:#F4B4B4 !important;
    color:#B82525 !important;
}
/* master layout */
.master
{
    margin:0 auto;
    width:calc(100% - 20px);
}

/* page numbering */
.page-numbers
{
    float:right;
    padding-bottom:20px;
}
.page-numbers div
{
    background-color:#FFFFFF;
    color:#9F154A;
    display:inline;
    margin:0px 1px;
}
.page-numbers div.currPage,
.page-numbers div a
{
    border-radius:3px;
    padding:2px 6px 0px;
}
.page-numbers a
{
    color:#9F154A;
}
.page-numbers div.currPage,
.page-numbers a:hover
{
    background-color:#9F154A;
    color:#FFFFFF;
}

/* admin */
.admin-login td
{
    padding:2px 3px;
    vertical-align:middle;
}
.admin-link
{
    background-color:#000000;
    float:right;
    padding:3px;
}
.admin-link a
{
    color:#FFFFFF;
    font-size:20px;
}

/* duofiets */
.duofiets
{
    margin:10px auto 0px auto;
    width:500px;
}
.duofiets > table > tr > td,
.duofiets > table > tbody > tr > td
{
    padding:20px 0px;
}
.duofiets .duo-fiets-info td
{
    padding:3px 0px;
    vertical-align:middle;
}
.duofiets .duo-fiets-info td:nth-child(1)
{
    width:200px;
}
.duofiets .duo-fiets-info td:nth-child(2)
{
    width:300px;
}
.duofiets .step
{
    margin-bottom:10px;
}
.duofiets .step td
{
    padding:2px 10px;
    vertical-align:middle;
}
.duofiets .step td:nth-child(1)
{
    padding-left:0px;
}
.duofiets input[type='text']
{
    width:calc(100% - 10px);
}
.duofiets input[type='button'],
.duofiets input[type='submit']
{
    background-color:#A0164A;
    border:0px none #A0164A;
    color:#FFFFFF;
    font-size:30px;
    padding:9px 0px 5px 0px;
    width:280px;
}

/* calendar */
.calendar-wrapper
{
    border:1px solid #000000;
    border-radius:5px;
    padding:5px;
    width:400px;
}
.calendar-wrapper input[type="button"]
{
    font-size:20px;
    width:400px;
}
.calendar-wrapper > table
{
    background-color:#DDDDDD;
    width:400px;
}
.calendar-wrapper th
{
    border:1px solid #999999;
    color:#9F154A;
    font-size:18pt;
    font-weight:bold;
    text-align:center;
}
.calendar-wrapper th:nth-child(1) { border-width:1px 0px 0px 1px; width:20px; }
.calendar-wrapper th:nth-child(2) { border-width:1px 0px 0px 0px; width:170px; }
.calendar-wrapper th:nth-child(3) { border-width:1px 1px 0px 0px; width:20px; }
.calendar-wrapper > div
{
    display:none;
    font-size:18px;
    padding-top:10px;
}
.calendar
{
    border:1px solid #999999;
    border-collapse:collapse;
    font-size:15px;
}
.calendar th
{
    background-color:#999999;
    border:1px solid #999999;
    font-size:20px;
    text-align:center;
    width:30px !important;
}
.calendar-day-np
{
    background-color:#FFFFFF;
    border:1px solid #999999;
}
.calendar-day
{
    background-color:#CCCCCC;
    border:1px solid #999999;
    color:#000000;
    font-size:20px;
    font-weight:bold;
    text-align:center;
}
.calendar-day:nth-child(6),
.calendar-day:nth-child(7)
{
    background-color:#A8A8A8;
}
.calendar-day:hover
{
    background-color:#666666;
}
.calendar-day.selectable
{
    cursor:pointer;
}
.calendar-day div:nth-child(1)
{
    padding:18px 0px 14px 0px;
    position:absolute;
    width:57px;
    z-index:2;
}
.calendar-day div:nth-child(2),
.calendar-day div:nth-child(3),
.calendar-day div:nth-child(4)
{
    height:19px;
    position:relative;
    z-index:1;
}
.calendar-today         { background:#0086E3; }
.calendar-today:hover   { background:#004371; }
.calendar-ochtend,
.calendar-middag,
.calendar-avond         { background:#C92222; }