.periode{
padding: 0px 0px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 11px;
list-style-type: none;
}

.maand{
padding: 0px 0px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 11px;
list-style-type: none;
}


.periode li.winter1 a{
text-decoration: none;
position: relative;
padding: 3px 3px;
margin-right: 3px;
color: #017FBC;
background-color: #DCE5F4;
}

.periode li.winter1 a.selected{
color: #FFFFFF;
background-color: #017FBC;
}


.maand li.winter1 a{
text-decoration: none;
position: relative;
padding: 3px 3px;
margin-right: 3px;
color: #FFFFFF;
background-color: #017FBC;
}

.maand li.winter1 a.selected{
color: #017FBC;
background-color: #FFFFFF;
}






.periode li.winter2 a{
text-decoration: none;
position: relative;
padding: 3px 3px;
margin-right: 3px;
color: #017FBC;
background-color: #DCE5F4;
}

.periode li.winter2 a.selected{
color: #FFFFFF;
background-color: #017FBC;
}


.maand li.winter2 a{
text-decoration: none;
position: relative;
padding: 3px 3px;
margin-right: 3px;
color: #FFFFFF;
background-color: #017FBC;
}

.maand li.winter2 a.selected{
color: #017FBC;
background-color: #FFFFFF;
}



.periode li.zomer a{
text-decoration: none;
position: relative;
padding: 3px 3px;
margin-right: 3px;
color: #017FBC;
background-color: #CCFF9A;
}

.periode li.zomer a.selected{
color: white;
background-color: #14C133;
}


.maand li.zomer a{
text-decoration: none;
position: relative;
padding: 3px 3px;
margin-right: 3px;
color: #FFFFFF;
background-color: #14C133;
}

.maand li.zomer a.selected{
color: #14C133;
background-color: #FFFFFF;
}




.maandenDiv{
padding: 5px; 
}