/**
 * Style definitions to the cal extension
 */



/********************
 *
 *  Misc / Global
 *
 *******************/

/* Calendar Container */

div.tx-cal-controller {
  margin-bottom: 50px;
}

/* Fixing Problem with link-icons on day/week numbers with event */
.csc-graybackground div.tx-cal-controller a {
  background-image: none;
  padding-left: 0px;
}

/* Header */

.tx-cal-controller div.yearview {
  clear: right;
  padding-top: 2em;
}

.tx-cal-controller div.year-header h1 {
  margin: 0px;
}

.tx-cal-controller div.year-header .previous-button, .tx-cal-controller div.year-header .next-button {
  margin-top: 1em;
}

.tx-cal-controller div.header-buttons div, .tx-cal-controller div.header-buttons div a{
  line-height: 27px;
  font-size: 9px;
}

/********************
 *
 *  Jahresansicht
 *
 *******************/

/* ACHTUNG!! Monatstabellen innerhalb der Jahresansicht im Abschnitt Monatsabsicht */

.tx-cal-controller table.year-table {
  clear: none;
  background-color: inherit;
}

/********************
 *
 *  Monatsansicht
 *
 *******************/

/* Header */

.tx-cal-controller div.view-header {
  clear: right;
  padding-top: 2em;
}

.tx-cal-controller div.view-header h1 {
  margin: 0px;
}

.tx-cal-controller div.view-header .previous-button, .tx-cal-controller div.view-header .next-button {
  margin-top: 1em;
}

/* Große Tabelle */

.tx-cal-controller table.month-large {
  clear: right;
  margin-top: 1em;
}

.tx-cal-controller table.month-large thead th.weekday {
  height: 12px;
}

.tx-cal-controller table.month-large tr.currentWeek th.month-weeknums {
  background-color: #ffff00;
}

.tx-cal-controller table.month-large th {
  background: #efefef;
  color: #003399;
  font-weight: bold;
  padding: 0px 2px;
  line-height: 125%;
  text-align: center;
  border: 1px solid #a1a5a9;
}
  
.tx-cal-controller table.month-large tr td, .tx-cal-controller table.month-large {
  border: 1px solid #a1a5a9;
  border-bottom-width: 0px;
  border-collapse: collapse;
}
.tx-cal-controller table.month-large tr.alldays td {
  border-top-width: 0px;
}
.tx-cal-controller table.month-large tr.days td.day {
  border-top-width: 0px;
  border-bottom: 1px solid #a1a5a9;
}

.tx-cal-controller table.month-large tr.days td.day div.vevent{
  color: #003399;
  white-space: normal;
  padding-bottom: 4px;
  max-height: 75px;
  overflow: hidden;
}
  
.tx-cal-controller table.month-large tr.alldays td.event {
  padding: 1px 2px;
  background: #edd849;
  color: #444444;
  font-size: 90%;
  text-align: center ;
}
.tx-cal-controller table.month-large tr.alldays td.event * {
    text-align: center;
}
.tx-cal-controller table.month-large tr.alldays td.event a:link,
.tx-cal-controller table.month-large tr.alldays td.event a:visited {
  color: #444444 !important;
}

.tx-cal-controller table.month-large td.dayNum {
  background: #f8f8f8;
  font-size: 120%;
  line-height: 140%;
  padding-right: 5px;
  text-align: right;
  color: #003399;
  font-weight: bold;
}

.tx-cal-controller table.month-large td.dayNum.monthOff {
  color: #6680B3;
  font-weight: normal;
}

.tx-cal-controller table.month-large td.weekday6,
.tx-cal-controller table.month-large td.weekday0 {
  background: #efefef;
}
.tx-cal-controller table.month-large td.dayNum.weekday6,
.tx-cal-controller table.month-large td.dayNum.weekday0,
.tx-cal-controller table.month-large th.weekday6,
.tx-cal-controller table.month-large th.weekday0 {
  background: #efefef;
  color: #ff0000;
}

.tx-cal-controller table.month-large td.currentDayHeader,
.tx-cal-controller table.month-large td.currentDay {
  background-color: #ffff00;
}


/* Mittlere Tabellen (auch Jahresansicht) */

.tx-cal-controller table.month-medium th {
  background-color: #efefef;
  border: 1px solid #a1a5a9;
  color: #003399;
  font-weight: bold;
  width: 25px;
  padding: 4px;
}
.tx-cal-controller table.month-medium th a:link, .tx-cal-controller table.month-medium th a:visited {
  color: #003399;
}

.tx-cal-controller table.month-medium td{
  background-color: #f8f8f8;
  border: 1px solid #a1a5a9;
  color: #202020;
  width: 25px;
  padding: 4px;
}
.tx-cal-controller table.month-medium td a:link, .tx-cal-controller table.month-medium td a:vistited,
.tx-cal-controller table.month-medium td span {
  color: #202020;
}

.tx-cal-controller table.month-medium th.cal_day7, .tx-cal-controller table.month-medium td.weekday0
.tx-cal-controller table.month-medium td.weekday0 a:link, .tx-cal-controller table.month-medium td.weekday0 a:visited {
  color: #ff0000;
}

.tx-cal-controller table.month-medium th a:link, .tx-cal-controller table.month-medium th a:visited
.tx-cal-controller table.month-medium td span a:link, .tx-cal-controller table.month-medium td span a:visited {
  text-decoration: underline;
}

.tx-cal-controller table.month-medium td.withEventDay {
  background-color: #e1f0f5;
}


/* Kleine Monatsansicht (Seitenleiste) */

.tx-cal-controller table.month-small  {
  background: #e8e3dd;
  border: none;
  padding: 3px 10px 10px 10px;
  font-size: 100.01%;
  border-collapse: separate;
  border-spacing: 0px;
  margin-left: auto;
  margin-right: auto;
}

.tx-cal-controller table.month-small th {
  background: inherit;
  font-weight: bold;
  text-align: left;
  color: #222222;
}

.tx-cal-controller table.month-small th.sideback {
  padding: 10px 5px;
}

.tx-cal-controller table.month-small th.weekday, .tx-cal-controller table.month-small th.monthCorner {
  text-align: center;
  border-top: 1px solid #8c8885;
  padding: 8px 3px 5px 3px;
}

.tx-cal-controller table.month-small th.month-weeknums {
  text-align: center;
  font-weight: normal;
  font-style: oblique;
  color: #555555;
  padding: 5px 3px;
}

.tx-cal-controller table.month-small td.dayNum{
  border: none;
  width: auto;
  text-align: center;
  padding: 5px 3px;
  color: #222222;
  font-size: 100.01%;
}

.tx-cal-controller table.month-small td.monthOff {
  color: #888888;
}

.tx-cal-controller table.month-small td.currentDayHeader {
  background-color: #f6f6f6;
  font-weight: bold;
  font-size: 110%;
  color: #003399;
  border: #e8e3dd solid 2px;
  padding: 2px 2px;
  border-collapse: separate;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
}
  

.tx-cal-controller table.month-small td.withEventsDay {
  background-color: #003399;
  font-weight: bold;
  color: #ffffff;
  border: #e8e3dd solid 2px;
  padding: 2px 2px;
  border-collapse: separate;
}

.tx-cal-controller table.month-small td.withEventsDay a {
  color: #ffffff !important;
}
.tx-cal-controller table.month-small td.withEventsDay a:link {
  color: #ffffff;
  text-decoration: underline;
}
.tx-cal-controller table.month-small td.withEventsDay a:visited {
  color: #bbbbbb !important;
  text-decoration: underline;
}

/* Kleine Monatstabellen: -> siehe Monatsansicht */



/*******************
 *
 *  Wochenansicht
 *
 *******************/

.tx-cal-controller .weekview {
  clear: right;
  border-left: none;
  background: #efefef;
  padding-left: 5px;
}

.tx-cal-controller .weekview div.gridcontainer {
  border-top: none;
  border: 1px solid #aaaaaa;
  background: #efefef;
  padding-top: 10px;
  height: 500px;
}

.tx-cal-controller .weekview table.gridcontainertop {
  border-bottom: none;
  margin-bottom: 10px;
  margin-left: 3px;
  width: 99%;
  background: #efefef;
  border-collapse: collapse;
}
.tx-cal-controller .weekview table.gridcontainertop tr.daynames td {
  background: #efefef;
}
.tx-cal-controller .weekview table.gridcontainertop tr.daynames th {
  color: #003399;
  border: none;
  line-height: 18px;
  font-size: 100%;
}
.tx-cal-controller .weekview table.gridcontainertop table.allday,
.tx-cal-controller .weekview table.gridcontainertop table.allday td{
  background: #edd849 !important;
  color: #8b8885;
}

.tx-cal-controller .weekview div.scrolltime {
  height: 85%;
}

.tx-cal-controller .weekview div.vevent {
  color: #003399;
  border: 1px solid #cee7ee;
  background: #f6f9fc;
  overflow: hidden;
}
.tx-cal-controller .weekview div.vevent span {
  display: block;
  margin: 0px 2px 0px 2px;
}
.tx-cal-controller .weekview div.vevent a span.summary {
   color: #003399 !important;
}

.tx-cal-controller .weekview div.vevent a {
  display: block;
  margin: 0px;
  padding: 0px;
  height: 98%;
}
.tx-cal-controller .weekview div.vevent a:hover,
.tx-cal-controller .weekview div.vevent a:hover span.summary {
  color: #4480b3 !important;
  text-decoration: none;
} 

.tx-cal-controller .weekview div.vevent span.time {
  margin: 2px;
  padding: 0px 2px 0px 2px;
  border-bottom: 1px dotted #cee7ee;
  background: #e1f0f5;
  font-weight: bold;
  overflow: hidden;
}


/*******************
 *
 *  Tagesansicht
 *
 *******************/

.tx-cal-controller .dayview {
  clear: right;
  border-left: none;
  background: #efefef;
  padding-left: 5px;
}

.tx-cal-controller .dayview div.gridcontainer {
  border-top: none;
  border: 1px solid #aaaaaa;
  background: #efefef;
  padding-top: 10px;
  height: 500px;
}

.tx-cal-controller .dayview table.gridcontainertop {
  border-bottom: none;
  margin-bottom: 10px;
  margin-left: 43px;
  margin-right: 10px;
  width: 91%;
  background: #efefef;
  border-collapse: collapse;
}
.tx-cal-controller .dayview table.gridcontainertop.allday,
.tx-cal-controller .dayview table.gridcontainertop.allday td{
  background: #edd849 !important;
  color: #8b8885;
}

.tx-cal-controller .dayview div.scrolltime {
  height: 85%;
}

.tx-cal-controller .dayview div.vevent {
  color: #003399;
  border: 1px solid #cee7ee;
  background: #f6f9fc;
  overflow: hidden;
}
.tx-cal-controller .dayview div.vevent span {
  display: block;
  margin: 0px 2px 0px 2px;
}
.tx-cal-controller .dayview div.vevent a span.summary {
   color: #003399 !important;
}

.tx-cal-controller .dayview div.vevent a {
  display: block;
  margin: 0px;
  padding: 0px;
  height: 98%;
}
.tx-cal-controller .dayview div.vevent a:hover,
.tx-cal-controller .dayview div.vevent a:hover span.summary {
  color: #4480b3 !important;
  text-decoration: none;
}

.tx-cal-controller .dayview div.vevent span.time {
  margin: 2px;
  padding: 0px 2px 0px 2px;
  border-bottom: 1px dotted #cee7ee;
  background: #e1f0f5;
  font-weight: bold;
  overflow: hidden;
}


/*******************
 *
 *  Einzelansicht
 *
 *******************/


.tx-cal-controller #calendar-event {
  width: 95%;
  padding: 0px;
  margin: 30px auto 20px auto;
}

.tx-cal-controller .event_container {
  background-color: #ffffff;
  border: 1px solid #aaaaaa;
}

.tx-cal-controller div.event_data {
  width: 30%;
  padding: 1% 1% 15px 1%;
  margin: 10px 67% 10px 0px;
  border-right: 1px solid #aaaaaa;
}

.tx-cal-controller div.event_text {
  width: 63%;
  float: right;
  padding: 0px 2% 10px 2%;
}

.tx-cal-controller div.event_text p.event_location,
.tx-cal-controller div.event_text p.event_organizer {
  margin-top: 7px;
  margin-bottom: 7px;
}
.tx-cal-controller div.event_text p.event_location span.label,
.tx-cal-controller div.event_text p.event_organizer span.label {
  font-weight: bold;
  color: #6680b3;
  padding-right: 4px;
}

.tx-cal-controller h2.event_title {
  color: #003399;
  font-size: 140%;
  font-weight: bold;
}

.tx-cal-controller br.event_clear {
  line-height: 0px;
  clear: right;
}

.tx-cal-controller dl.event_data_dl {
  margin-left: 10px;
}

.tx-cal-controller dl.event_data_dl dt {
  font-weight: bold;
  line-height: 1.4em;
  color: #003399;
}
.tx-cal-controller dl.event_data_dl dt:after{
  padding-left: 2px;
  content: ':';
  color: #6680b3;
  font-weight: bold;
  line-height: 1.4em;
}

.tx-cal-controller dl.event_data_dl dd {
  text-indent: 1em;
  margin-bottom: 5px;
}