/* extra CSS voor kleine kalender */
.calender {
    padding-bottom: 3px;
}

.calender table {
    border-collapse : collapse;
    width: 100%;
}

.calSmallHeader {
    text-align: center;
    font-size: .6em;
    color: #4B4B4C;
}

.calSmallDagnaam {
    text-align: center;
    font-size: .6em;
}

.calSmallDag {
    text-align: center;
    border: 1px solid #8197A8;
    font-size: .6em; 
    padding: 0px;
    margin: 0px;  
}

.calSmallVandaag {
    width: 100%;
    height: 100%;
    color: #FCFDFD;
}


/* nieuwe classe voor events */
.calEventDiv {
    /* order: 1px dotted #103A5A; */
    margin: 2px;
    padding: 2px;
    
    font-weight: bold;
}


/* 
=================================== 
Stylesheet: SWD5Calendar  
Version: 1.0.0           
Note: Example stylesheet 
=================================== 
*/
.calTable {
	font-family : verdana, Geneva, Arial;
	font-size :80%;
	color : black;
	background-color : #FCFDFD;
}
.calTitle  {
	font-family: verdana, Geneva, Arial;
	font-weight: bold;
	color: black;
	background-color: transparent;
}
.calTop{
	color 			: black;
   font-weight: bold;
	text-align	: center;
	background-color : transparent;
}

.calColumn{
	font-family: verdana, Geneva, Arial;
	font-size: 100%;
	color: black;
	background-color: #e5eaa0;
}
.calWeek{
	font-family: verdana, Geneva, Arial;
	font-size: 100%;
	color: black;
	font-weight: bold;
	background-color: #e5eaa0;
}
.calWeekendLink,.calTodayLink,.calWeekLink,.calMonthLink,.calDayLink{
	font-family : verdana, Geneva, Arial;
	font-size :100%;
	color : black;
} 
.calDay{
	font-family : verdana, Geneva, Arial;
	font-size :100%;
	color : black;
	background-color : #F5F6D9;
}
.calWeekend {
	font-family : verdana, Geneva, Arial;
	font-size :100%;
	color : black;
	background-color : #F2F5F8;
}
.calToday {
	font-family : verdana, Geneva, Arial;
	font-size :100%;
	color : black;
	background-color : #FCFDFD;
}
.calEvent {
	font-family : verdana, Geneva, Arial, Helvetica,  sans-serif;
	font-size :100%;
	color : blue;
	background-color : transparent;
}
A.calEvent:Link {
	text-decoration: none;
	color : black;
	background-color : transparent;
}
A.calEvent:Hover {
	color : blue;	
	text-decoration: underline;
	background-color : transparent;
}
A.calEvent:active {
	color : black;
	text-decoration: none;
	background-color : transparent;
}
A.calEvent:visited {
	color : black;
	text-decoration: none;
	background-color : transparent;
}
.calPrevious, .calNext {
       color:white;
}