/************************************************/
/*** EPPENDORF AG CALENDAR CSS STYLE SHEET    ***/
/************************************************/

/************************************************/
/*** MAIN GRAFIC ELEMENTS                     ***/
/************************************************/

#calendarframe {
    background-color: #F8F8FB; 
    border-left: 2px solid #C0C0D9;
}

#calendarbox {
    padding: 10px 6px 5px 6px;
    color: #4D698E;
    border-bottom: 1px solid #C0C0D9;
}

#calendarhead {
    background-color: #E9E9F2;
    border-top: 1px solid #C0C0D9;
    border-bottom: 1px solid #C0C0D9;
    color: #23426A;
    font-weight: bold;
    padding: 3px 20px 3px 10px;
}

#calendartable {
    border-collapse: collapse;
}

#calendarspacerrow {
    overflow: hidden;
    height: 5px;
}

/************************************************/
/*** ARROW LINKS                              ***/
/************************************************/

.calendarcurrentmonth {
    color: #506989;
    font-weight: bold;
    text-align: center;
}

/************************************************/
/*** CALENDAR WEEKDAY CELLS                   ***/
/************************************************/

.calendarweekday {
    color: #5A5A5A;
    background-color: transparent;
    width: 20px;
    height: 20px;
    text-align: center;
    font-weight: bold;
}

.calendarweekdaycurrent {
    color: #5A5A5A;
    width: 20px;
    height: 20px;
    text-align: center;
    font-weight: bold;
}

.calendarweekdayweekend {
    color: #5A5A5A;
    width: 20px;
    height: 20px;
    text-align: center;
    font-weight: bold;
}

.calendarweekdayweekendcurrent {
    color: #5A5A5A;
    width: 20px;
    height: 20px;
    text-align: center;
    font-weight: bold;
}

/************************************************/
/*** CALENDAR CELLS                           ***/
/************************************************/

/* DAY CELL WITH NO DAY */
.calendarnone {
    color: #5A5A5A;
    width: 20px;
    height: 20px;
    text-align: center;
}

/* DAY CELL WITH NO DAY AT WEEKEND */
.calendarnoneweekend {
    color: #5A5A5A;
    width: 20px;
    height: 20px;
    text-align: center;
}

/* DAY CELL WITH DAY */
.calendarday {
    color: #5A5A5A;
    width: 20px;
    height: 20px;
    text-align: center;
}

/* DAY CELL WITH DAY AT WEEKEND */
.calendardayweekend {
    color: #5A5A5A;
    width: 20px;
    height: 20px;
    text-align: center;
}

/* CURRENT DAY CELL */
.calendardaycurrent {
    color: #5A5A5A;
    width: 20px;
    height: 20px;
    text-align: center;
}

/* CURRENT DAY CELL AT WEEKEND */
.calendardaycurrentweekend {
    color: #5A5A5A;
    width: 20px;
    height: 20px;
    text-align: center;
}

/* DAY CELL BEFORE NOW */
.calendardaylast {
    color: #B4B4B4;
    width: 20px;
    height: 20px;
    text-align: center;   
}

/* DAY CELL BEFORE NOW AT WEEKEND */
.calendardaylastweekend {
    color: #B4B4B4;
    width: 20px;
    height: 20px;
    text-align: center;
}

/* DAY CELL WITH DATA LINK */
.calendardaydata {
    color: #5A5A5A;
    width: 20px;
    height: 20px;
    text-align: center;   
}

/* DAY CELL WITH DATA LINK AT WEEKEND */
.calendardayweekend {
    color: #5A5A5A;
    width: 20px;
    height: 20px;
    text-align: center;
}

/* DAY ACTIVE LINK */
.calendaractivelink {
    color: #5A5A5A;
    font-weight: bold;
    text-decoration: none;
}

.calendaractivelink:hover {
    color: #5A5A5A;
    font-weight: bold;
    text-decoration: underline;
}

/* CURRENT EVENT BOX */
#calendareventbox {
    padding: 5px;    
}

#calendareventpicturebox {
    
}

#calendareventheadlinebox {
    margin-top: 5px;
}

.calendareventheadlinelink {
    color: #506989;
    font-weight: bold;
    text-decoration: none;
}

.calendareventheadlinelink:hover {
    color: #506989;
    font-weight: bold;
    text-decoration: underline;
}

/************************************************/
/*** CALENDAR HOVER INFO BOXES                ***/
/************************************************/

#calendarinfoboxesframe {
    
}

.calendarinfoframe {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 60000;
}

.calendarinfoframe iframe {
    display:none;
	display/**/:block;
	position: absolute;
	top:0px;
	left: 0px;
	z-index: -1;
	filter: mask();
	width: 100%;
	height: 100%;
}

.calendarinfobox {
    border: 1px solid #6A6664;
    background-color: #F7F4F5;
    padding: 5px;  
}

.calendarinfoitembox {
}

.calendarinfoitemboxheadline {
    font-weight: bold; 
}