/* Der Universalselektor (*) Überschreibt die Schriftartendefinition in der
 * KIT-Designvorlage.css. Diese verursacht einen fehlerhaften Zeilenumbruch
 * in den Terminen.
 */
#campusCss * {
  /*font-family: Arial,Tahoma,Verdana,sans-serif;*/
}

#campusCss .calendarTable {
  background: #868686;
  border-collapse: collapse;
}


#campusCss .calendarTable td.calendarCellEven {
  background: #f0f0f0;
}

#campusCss .calendarTable td.calendarCellOdd {
  background: #fff;
}

#campusCss .calendarTable div.calendarHeading {
  text-align: center;
  vertical-align: middle;
}

#campusCss .calendarTable div.calendarHoliday,
#campusCss div.publicHoliday {
  font-weight: normal;
}

#campusCss .calendarTable div.calendarTimeBreak,
#campusCss .calendarTable div.calendarTimeLecture {
  font-weight: normal;
  padding: 5px 0 0 5px;
  text-align: left;
  white-space: nowrap
}

#campusCss div.calendar div.appointmentContainer,
#campusCss div.calendar div.collisionContainer {
  left: 56px; /* 55 Breite der Zeitenspalte + 1 Rand */
  position: absolute;
}

#campusCss div.appointmentContainer div.appointment,
#campusCss div.collisionContainer div.collision {
  border: 1px solid;
  overflow: hidden;
  position: absolute;
  padding-left: 2px;
  padding-right: 1px;
}

#campusCss div.appointmentContainer div.single,
#campusCss div.appointmentContainerBooking div.singleofweek,
#campusCss div.appointmentContainerBooking div.singleofweek1,
#campusCss div.appointmentContainerBooking div.singleofweek2,
#campusCss div.appointmentContainerBooking div.singleofweek3,
#campusCss div.appointmentContainerBooking div.singleofweek4,
#campusCss div.appointmentContainerBooking div.singleofweek5,
#campusCss div.appointmentContainerBooking div.singleofweek6,
#campusCss div.appointmentContainerBooking div.singleofweek7,
#campusCss div.appointmentContainerBooking div.singleofweek8,
#campusCss div.appointmentContainerBooking div.singleofweek9,
#campusCss table.colorkey td.single,
#campusCss table.filterbox td.single {
  background-color: #d7e9ea;
}

#campusCss div.appointmentContainer div.period,
#campusCss div.appointmentContainerBooking div.weekly,
#campusCss table.colorkey td.period,
#campusCss table.filterbox td.period {
  background: #ffc;
}

#campusCss div.appointmentContainer div.fourteen,
#campusCss div.appointmentContainerBooking div.twoweekleft,
#campusCss div.appointmentContainerBooking div.twoweekright,
#campusCss table.colorkey td.fourteen,
#campusCss table.filterbox td.fourteen {
  background: #f2b564;
}
/* Ticket: 154417 - Änderung der Farbe für "Termin ohne Verstaltung" im CSS */
#campusCss div.appointmentContainer div.withoutevent,
#campusCss table.colorkey td.withoutevent,
#campusCss table.filterbox td.withoutevent {
  background: #ccffcc;
}

#campusCss div.appointmentContainer div.caacrwevstrong,
#campusCss div.collisionContainer div.caacrwevstrong,
#campusCss table.colorkey td.caacrwevstrong {
  background: #ED7171;
}

#campusCss div.appointmentContainer div.caacrwevloose,
#campusCss div.collisionContainer div.caacrwevloose,
#campusCss table.colorkey td.caacrwevloose {
  background: #E99C9C;
}

#campusCss div.appointmentContainer div.half1,
#campusCss div.appointmentContainer div.half2,
#campusCss table.colorkey td.half1,
#campusCss table.colorkey td.half2 {
  background: #fff2db;
}

#campusCss div.appointmentContainer div.active,
#campusCss table.colorkey td.active {
  border: 2px solid #f00;
  border-color: #f00 !important;
  z-index: 100; /* Sorgt dafür, dass der rote Rahmen eines aktiven Termins nicht vom Nachbarelement überdeckt wird. MCR, 08.11.12 */
}

#campusCss div.appointmentContainer div.carer,
#campusCss table.colorkey td.carer {
  border: #aae4a1;
}

#campusCss div.calendar {
  position: relative;
}

div.clickableInterval.selectedInterval {
	background-color: #ccc;
}

div._8:00_9:30_Montag__ {
	background-color: yellow;
}


/*********************************************************
* Styles zum Raumbuchungsplan
*********************************************************/
table.roomBooking {
  margin-left: 5px; /* für FHA, um den Abstand nach links zu gewährleisten */
}

table.pageBreak {
  page-break-after: always;
}

table.roomBooking td.default, table.roomBooking td.row {
 border: 1px solid #cccccc;
 padding:5px;
 margin: 0;
}

/* Font-Größe der Zeitanzeige festlegen */
table.roomBooking tr.roomBooking td.default {
  font-size: 11px;
}

table.roomBooking tr.roomBooking td.default, table.roomBooking tr.roomBooking td.row {
 background-color: #ffffff;
 min-width: 100px;
}

table.roomBooking tr.roomBooking td.odd {
  background-color: #F0F0F0;
}

table.roomBooking tr.hierarchy1 td {
  font-weight: bold;
}

table.roomBooking td.row {
 padding:0;
 margin:0;
 vertical-align: top;
}

table.roomBooking {
 border-collapse: collapse;
}

div.appointment {
 background-color: #B7D1EB;
 overflow: hidden;
 width: 100%;
 position: absolute;
}

div.twoweekleft, div.twoweekright {
 width: 50%;
}

div.twoweekright {
 width: 49%;
 right: 0px;
}

div.singleofweek1 { width: 10%; left: 0%;  background-color: #EEEEEE;}
div.singleofweek2 { width: 10%; left: 10%;  background-color: #EEEEEE;}
div.singleofweek3 { width: 10%; left: 20%;  background-color: #EEEEEE;}
div.singleofweek4 { width: 10%; left: 30%;  background-color: #EEEEEE;}
div.singleofweek5 { width: 10%; left: 40%;  background-color: #EEEEEE;}
div.singleofweek6 { width: 10%; left: 50%;  background-color: #EEEEEE;}
div.singleofweek7 { width: 10%; left: 60%;  background-color: #EEEEEE;}
div.singleofweek8 { width: 10%; left: 70%;  background-color: #EEEEEE;}
div.singleofweek9 { width: 10%; left: 80%;  background-color: #EEEEEE;}
div.singleofweek10{ width: 10%; left: 90%;  background-color: #EEEEEE;}

div.singleofweek { width: 0%; left: 0%;}

div.appointment div {
 border-left: 1px solid #666666;
 border-right: 1px solid #666666;
 height: 100%;
}

div.appointment span {
 padding: 3px;
 display: none;
}

/* um absolut positionieren zu können (0 soll oben in der TD sein)
  wird ein Wrapper benötigt, der position != static hat. */
div.rowwrap {
 position: relative;
 overflow: hidden;
}

/* Hack für den IE */
* html div.rowwrap {
 position: absolute;
}
/* Ende Hack für den IE */

div.rowwrap table.lines {
 border-collapse: collapse;
 width: 100%;
}

div.rowwrap table.lines td {
 margin:0;
 padding:0;
 border-bottom: 1px solid #cccccc;
}

/*******************************
* Hacks für IE bis V6
********************************/
* html div.rowwrap table {
 margin-top: -1px;
}
/*******************************
* Ende Hacks für IE bis V6
********************************/
/*********************************************************
* Ende der Styles zum Raumbuchungsplan
*********************************************************/