﻿.service .calendar,
.monthSelect {
    font-size:              1em;
}

.service .calendar .date {
    text-align:             center;
    width:                  90px;
    height:                 98px;
    float:                  left;
}

.service .calendar .date span {
    display:                block;
}

.service .calendar .date span.daynumber {
    font-size:              4em;
    font-weight:            bold;
    line-height:            0.8em;
}

.service .calendar .month,
.monthSelect {
    float:                  left;
    height:                 98px;
    padding:                0px 10px 0px 10px;
}

.service .calendar .month table,
.monthSelect table{
    table-layout:           auto;
    border-spacing:         0px;
    border-collapse:        collapse;
}

.service .calendar .month table th,
.service .calendar .month table td,
.monthSelect table td,
.monthSelect table th {
    text-align:             center;
    padding:                0px 1px 0px 1px;
    line-height:            1em;
}

.service .calendar .month table td a,
.monthSelect table td button {
	width:			100%;
	display:		block;
	color:          #ACACAC;        /*#719801;*/
}

.service .calendar .month .event {
    color: #719801;
}

.service .calendar .month table td a:hover,
.monthSelect table td button:hover {
	background-color:	#719801;
	color:			#FFFFFF;
}

.service .calendar .month table td.selected,
.service .calendar .month table td.selected a, {
	background-color:	#9EBF32;
	color:			#FFFFFF;
}

.service .calendar .month table td.weekToday,
.monthSelect table td.today button, 
.monthSelect table td.weekToday,
.monthSelect table td.todaySunday button,
td.todayEvent,
td.SundayEvent,
td.todaySundayEvent,
td.Event {
    font-weight:            bold;
}

.service .calendar .month table td.today,
.service .calendar .month table td.todaySunday,
.monthSelect table td.today, 
.monthSelect table td.todaySunday {
    border:                 1px solid #719801;
}

.service .calendar .month table th.week,
.service .calendar .month table td.week,
.service .calendar .month table td.weekToday,
.monthSelect table th.week,
.monthSelect table td.week,
.monthSelect table td.weekToday {
    border-left:            1px solid #ACACAC;
}

.service .calendar .control {
    height:                 98px;
}

/* ******* OLD CONTAINER FOR DAILY VIEWS*/
.service .calendar .eventsToday {
    clear:                  both;
    float:                  left;
    width:                  50%;
    padding-right:          5px;
    height:                 100px;
}

/* CONTAINER IN DENEN DIE NÄCHSTEN TERMINE DARGESTELLT WERDEN - added 30.04.2010*/
.service .calendar .upcommingEvents {
    clear:                  both;
    width:                  294px;
    height:                 100px;
}
/* LINK FÜR EIN AUFKOMMENDES EVENT - added 30.04.2010*/
.service .calendar .upcommingEvents a {
    border-right:           1px solid #888888;
    border-top:             1px solid #BBBBBB;
    border-left:            1px solid #BBBBBB;
    border-bottom:          1px solid #888888;
    background-color:       #DDDDDD;
    margin-bottom:          2px;
    width:                  100%;
    padding:                1px;
    text-decoration:        none;
    display:                block;
    font-size:              0.9em;
}
/* LINK HOVER */
.service .calendar .upcommingEvents a:hover { 
    border-right:           1px solid #BBBBBB;
    border-top:             1px solid #888888;
    border-left:            1px solid #888888;
    border-bottom:          1px solid #BBBBBB;
    background-color:       #DDDDDD;
}
/* TITLE INSIDE EVENT LINK */
.service .calendar .upcommingEvents .EventTitle {
    font-weight:            bold;
    margin-bottom:          -1px;  
    overflow:               hidden;
    white-space:            nowrap;
}
 
.service .calendar .eventsWeek {
    height:                 100px;
}

.service .calendar .upcommingEvents h1 {
    font-size:              1em;
    margin:                 0px 0px -10px 0px;
    z-index:                10;
    position:               relative;
    top:                    -10px;
}

.service .calendar .nolink {
    text-decoration: none;
}

.service .calendar .month table td.todaySundayEvent a,
.service .calendar .month table td.SundayEvent a,
.service .calendar .month table td.Sunday a,
.service .calendar .month table td.todaySunday a {
    color: #BB0000;
}

/*
Hinzufügen eines Termins
*/

.monthSelect {
    background-image:   url(calendar.month.select.back.gif);
    background-repeat:  no-repeat;
    position:           absolute;
    top:                50px;
    left:               150px;
    padding:             7px;
    height:             135px;
    width:              190px;
    color:              #999999;
    /*display:            none;*/
    /*visibility:         hidden;*/
}
.monthSelect table {
    table-layout: auto;
}
.monthSelect button {
    border:     0px solid transparent;
    background-color: transparent;
}

.monthSelect table td,
.monthSelect table th {
}

.input .formDate {
    width: 70px;
}

.input .formTime {
    width: 35px;
}

/* Anzeigen eines Termins */

.eventView {
}

.eventView .headline {
    text-align: center;
    font-size: 1.5em;
}

.eventView div {
}

.eventView div label {
    width:  100px;
    /*display: block;*/
    float: left;
}

.eventView div p {
    float: right;
    width: 200px;
}

.eventView div label,
.eventView div p {
    margin-top: 5px;
}
