#evenementen_jaren, #evenementen_maanden , #evenementen_selectedmaand{
    text-align: center;
}

#evenementen_jaren ul, #evenementen_maanden ul {
    margin: 4px auto; 
    list-style: none; 
    white-space: nowrap;
}

#evenementen_jaren ul {
    margin-top: 15px;
    margin-bottom: 4px;
    margin-left: auto;
    margin-right: auto;
}

#evenementen_maanden ul {
    margin-top: 4px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
}

#evenementen_selectedmaand {
    margin: 5px;
}

#evenementen_jaren ul li, #evenementen_maanden ul li {
    display: inline; 
    padding: 2px; 
    margin: 0 5px;
}

div#evenementenkalender table.smallcalendar {
    border: 0;
    margin-top: 12px;
    font-size: 80%;
    width: 195px;
    float:left;
}

.calendartop{
    color: #000000;
    font-weight: bold;
    padding: 7px 0;
    width: 12%;
}

.calendarCell{
    background-color: #f0f0f0;
    border: 0;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    color: #000;
    height: 25px;
    width: 25px;
}

.calendarCell b, .calendarToday b{
    color: #000000;
    font-weight: normal;
    margin: 3px;
}

.calendarToday {
    background-color: #BBB;
    border: 0;
    border-right: 1px solid #555;
    border-bottom: 1px solid #555;
}

#evenementenkalender {
    width:195px;
}

div#evenementen {
    width:350px;
}

div#evenementen #evenemententable {
    width:350px;
}

.archiefknop {
    float:left;
    clear:both;
    margin-top:1em;
}

.floatright {
    float:right;
}

.floatleft {
    float:left;
}


/* 

    standaard opmaak voor de evenementen kalender,
    deze staat namelijk in een ul, en moet
    standaard naast elkaar weergegeven worden
*/



.evenement_titel{
}

.evenement_datum {
}

#evenementen_jaren, #evenementen_maanden , #evenementen_selectedmaand{
    text-align: center;
}

#evenementen_jaren ul, #evenementen_maanden ul {
    margin: 4px auto; 
    list-style: none; 
    white-space: nowrap;
}

#evenementen_jaren ul {
margin-top: 15px;
margin-bottom: 4px;
margin-left: auto;
margin-right: auto;
}

#evenementen_maanden ul {
margin-top: 4px;
margin-bottom: 15px;
margin-left: auto;
margin-right: auto;
}

#evenementen_selectedmaand {
margin: 5px;
}

#evenementen_jaren ul li, #evenementen_maanden ul li {
    display: inline; 
    padding: 2px; 
    margin: 0 5px;
    background: '';
}

#evenementen_jaren ul li, #evenementen_maanden ul li a {
    color: #480052;
}

#evenementen_jaren a.evenement {
     color: #480052;
 }
 
.evenement_titel a, .evenement_datum {
    color: #480052;
}

div#contenthome_above div#contenthome {
    margin-bottom:35px;
}

div#evenementen_home {
    float: right;
    margin-bottom: 15px;
}

#evenementen_home #calendar #evenementen {
    display: none;
}

div#evenementenkalender table.smallcalendar {
    margin-top: 0;
}

div#evenementenkalender table.smallcalendar .calendartop,
div#evenementenkalender table.smallcalendar .calendarToday {
    background-color: #480052;
    color: #ffffff;
    font-weight: bold;
}

div#evenementenkalender table.smallcalendar .calendarToday a {
    color: #ffffff;
    font-weight: bold;
}

div#calendar div#evenementenkalender.floatleft table.smallcalendar tbody tr td.calendarCell a,
div#calendar div#evenementenkalender.floatright table.smallcalendar tbody tr td.calendarCell a {
    color:#000000;
    text-decoration:none;
    font-weight:normal;
    cursor:text;
}

div#contenthome_above div#evenementen_home a.linkkalender {
    display:block;
    float:left;
    clear:both;
    padding-top:10px;
    color: #480052;
    font-weight:bold;
}

div#contenthome_above div#evenementen_home a.linkkalender:hover {
    text-decoration:underline;
}

div#contenthome_above div#evenementen_home .smallcalendar tr td.calendarToday a {
    color:#ffffff;
    text-decoration:none;
    font-weight:normal;
    cursor:text;
}