/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

  Datei: content_layout.css
  -------------------------

  Aufgabe: Definition der Seitenelemente innerhalb des Content-Bereichs. Dazu gehört auch
  die Toolbar.


  Dateistruktur:
  --------------

  00-00 Farbpalette
  00-10 Typografie


  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/





/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

  00-00 Farbpalette
  -----------------

  GRAU
  #a59b8f
  #ddd1c5

  -------------------------------------------

  ROT
  #cf0000 - Schrift, Rand
  #ffcfcf - Hintergrund

  -------------------------------------------

  ORANGE
  #f77700

  -------------------------------------------

  GELB
  #

  -------------------------------------------

  GRÜN
  #009712
  #dfffe3

  -------------------------------------------

  BLAU
  #e0eeef
  #c3d7ff


  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/




/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

  00-00 Typografie
  ----------------

  Body copy:		      1.2em/1.6em Verdana, Helvetica, Arial, Geneva, sans-serif;
  Headers:		        2.7em/1.3em Helvetica, Arial, "Lucida Sans Unicode", Verdana, sans-serif;
  Input, textarea:	  1.1em Helvetica, Verdana, Geneva, Arial, sans-serif;
  Sidebar heading:	  1.5em Helvetica, Trebuchet MS, Arial, sans-serif;

  Anmerkung:	decreasing heading by 0.4em with every subsequent heading level

  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/









/*===================================================================================
 * 0. Standarddefinitionen für den Content-Bereich
 ====================================================================================*/



/* 0.1 Schrift & Absätze
 ====================================================================================*/


#campusCss h1 {
  font-size: 16px;
  white-space: nowrap;
	color: #003560;
}

#campusCss #mainContentFrame h1 {
	padding: 10px 0 15px;
	text-transform: uppercase;
}

#campusCss h1 a {
  margin-left: 10px;
}

#campusCss #mainContentFrame div.activeTermWarning {
  background: none repeat scroll 0 0 #ff0000 !important;
  color: #fff;
  font-weight: bold;
  padding-left: 15px;
}

#campusCss #mainContentFrame h1.activeTermWarning {
  padding: 0px 15px 15px;
}

#campusCss h2, #campusCss h3, #campusCss h4, #campusCss h5, #campusCss h6 {
	color: #003560;
}

#campusCss h2,
#campusCss h2 span {
  font-size: 16px;
}
#campusCss h3 { font-size: 15px; }
#campusCss h4 { font-size: 14px; }
#campusCss h5 { font-size: 13px; }
#campusCss h6 { font-size: 12px; }

#campusCss h2 a {
  margin-left: 0px;
}

#campusCss .content p {
  line-height: 1.4em;
}

#campusCss p.buttons,
#campusCss p.links {
  margin: 0;
  margin-top: 10px;
  padding: 0;
}

#campusCss p.links a {
  margin-right: 10px;
}

#campusCss strong.label {
  padding-right: 10px;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
}

#campusCss td.mandatorytd {
  border-left-style:solid;
  border-left-color:red;
  border-left-width:3px
}



/* 0.3 Formularelemente
 ====================================================================================*/

#campusCss input.inputThreeDigits { width: 25px !important; }
#campusCss input.inputFiveDigits { width: 42px !important; }

#campusCss input.inputPLZ {
  width: 60px !important;
  border: 1px solid #AAAAAA;
}
#campusCss input.inputDatefield, #campusCss input.datefield { width: 90px !important; }
/* Datepicker Icon */
#campusCss input.datefield { float: left;}
/* Zeiteingabe neben Datepicker */
#campusCss input.datefieldTime {
  width: 40px !important;
  margin-left: 10px;
}





#campusCss input.inputTiny { width: 100px !important; }
#campusCss input.inputSmall { width: 140px !important; }
#campusCss input.inputMedium { width: 195px !important; }
#campusCss input.inputLarge { width: 280px !important; }
#campusCss input.inputGiant { width: 330px !important; }
#campusCss input.inputUltimate { width: 420px !important; }


#campusCss select.selectDate { width: 60px !important; }
#campusCss select.selectTiny { width: 100px !important; }
#campusCss select.selectSmall { width: 140px !important; }
#campusCss select.selectMedium { width: 195px !important; }
#campusCss select.selectLarge { width: 280px !important; }
#campusCss select.selectGiant { width: 330px !important; }
#campusCss select.selectUltimate { width: 420px !important; }

#campusCss textarea.textareaMedium { width: 195px !important; height: 100px !important; }
#campusCss textarea.textareaLarge { width: 280px !important; height: 100px !important; }
#campusCss textarea.textareaGiant { width: 330px !important; height: 100px !important; }
#campusCss textarea.richEditor,
#campusCss textarea.textareaUltimate { width: 420px !important; height: 100px !important; }

#campusCss #addRegistrationsTable input.immanr,
#campusCss #addRegistrationsTable select{ width: 100px !important;}


#campusCss .groupBox table {
  /*border: 1px dotted #bbb;*/
  background: #f3f3f4;
  padding: 10px;
  width: auto;
}

#campusCss .groupBox table label {
  white-space: nowrap;
}

#campusCss table.filterbox {
  margin: 0;
  border: 1px dotted #bbb;
  padding: 10px;
  min-width: 300px;
  max-width: 800px;
  background-color: #f3f3f4;
}


#campusCss table.filterbox tr td h2 {
  padding: 0;
  margin: 0;
}

#campusCss table.filterbox table.filterboxControls {
  width: 100%;
}

#campusCss table.filterbox table.filterboxControls td {
  padding: 6px 8px;
}

#campusCss table.filterbox table.filterboxControls .filterboxOptions td {
}

#campusCss table.filterbox table.filterboxControls .filterboxActions td {
  padding-top: 14px;
  text-align: right;
}

#campusCss table.filterbox table.filterboxControls .filterboxActions td a {
  margin-left: 5px;
}

#campusCss table.filterbox.calendar {
  margin: 0 20px 20px;
  padding: 0;
}

#campusCss table.filterbox.calendar td {
  white-space: nowrap;
  padding: 4px;
  vertical-align: middle;
}

#campusCss table.filterbox.calendar td.header {
  font-weight: bold;
}

#campusCss table.filterbox.calendar td.filterbutton {
  padding-left: 0px;
}

#campusCss div.calendarInfobox {
  min-height: 190px;
  height: auto;
  height: 190px;
}

#campusCss table.infoboxTiny {
  border: 1px solid #c3d7ff;
  width: 200px;
  background-color: #f3f3f4;
}

#campusCss table.infoboxTiny td {
  padding: 4px 8px;
}

#campusCss table.infoboxTiny td.element {
  width: 100%;
}

#campusCss table.infoboxTiny .infotext td {
  padding-top: 10px;
}

#campusCss div.tiny_inactive {
  height: 102px;
  width: 600px;
  overflow: auto;
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
  margin-bottom: 10px;
}

#campusCss  div.tiny_active {
  height: auto;
  width: auto;
}

#campusCss table.mceToolbar tbody tr td,
           td.mceIframeContainer
{
  padding: 0px !important;
  margin: 0px !important;
}



#campusCss input[type="text"],
#campusCss input[type="password"],
#campusCss select,
#campusCss textarea {
  width: 600px;
  border: 1px solid #aaa;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#campusCss select {
  width: 600px;
  height: auto;
}

#campusCss select.short {
  width: 419px !important;
  height: auto;
}

/* IE7 Hack */
*+html #campusCss select {
  width: 600px;
}

*+html #campusCss select.short {
  width: 425px !important;
}

#campusCss input[type="text"],
#campusCss input[type="password"],
#campusCss textarea {
  font-size: 12px;
}

#campusCss input.insearchbox {
  width: 300px
}

#campusCss input[type="text"]:hover,
#campusCss input[type="password"]:hover,
#campusCss select:hover,
#campusCss textarea:hover {
  background-color: #f3f3f4;
}

#campusCss input[type="text"]:focus,
#campusCss input[type="password"]:focus,
#campusCss select:focus,
#campusCss textarea:focus {
  background-color: #f3f3f4;
  border: 1px solid #666;
}

#campusCss textarea {
  height: 100px;
}

#campusCss select[size="1"] {
  height: auto;
}

#campusCss select.fifty {
  width: 50px;
}

#campusCss select.insearchbox {
  width: 304px;
}

#campusCss select[disabled] {
  height: 19px;
}

/* IE7 Hack */
*+html #campusCss select[disabled] {
  height: 21px;
}

#campusCss input[type="text"],
#campusCss input[type="password"] {
  height: auto;
}

/* IE6 + 7 Hack */
* html #campusCss input[type="text"],
* html #campusCss input[type="password"],
*+html #campusCss input[type="text"],
*+html #campusCss input[type="password"] {
  height: 17px;
}



/* IE6 Hack:
 * Die Klasse "iefixinputtypetext" wird dynamisch per jQuery gesetzt,
 * da IE6 Attributselektoren nicht unterstützt. Offenbar werden
 * andere Selektoren, die gemeinsam im selben Block wie ein
 * Attributselektor stehen, ebenfalls ignoriert.
 */
* html #campusCss select#idselectbox,
#campusCss input.iefixinputtypetext {
  width: 616px;
  border: 1px solid #aaa;
}


#campusCss button {
  margin-right: 10px;
}

#campusCss button.add-filter,
#campusCss button.remove-filter {
  margin: 0;
}

#campusCss input.button {
  width: auto;
  padding: 0 5px;
}


#campusCss optgroup {
  background-color: #D9D9D9;
  font-style: normal;
  color: #333333;
  margin-bottom: 10px;
}

#campusCss optgroup option {
  padding-left: 10px;
  background-color: #F3F3F4;
}

#campusCss .controlDescription,
#campusCss .radiobuttonDescription {
  color: #999999;
  max-width: 300px;
}

#campusCss .radiobuttonDescription {
  margin-left: 25px;
}

#campusCss .tableAction {
  border: 1px solid #bbb;
  height: 21px;
  background: #ddd url("../../../shared/img/table-button-sprite.png") repeat-x left top;
}

#campusCss .tableAction:hover {
  border: 1px solid #d3d3d3;
  background: #ddd url("../../../shared/img/table-button-sprite.png") repeat-x left center;
}

#campusCss .tableAction.disabled {
  background-position: left bottom;
}

#campusCss .tableAction.disabled:hover {
  background-position: left bottom;
  border: 1px solid #bbb;
}

#campusCss .tableAction a {
  display: block;
  text-align: center;
  padding: 3px;
}

#campusCss .tableAction span {
  display: block;
  text-align: center;
  padding: 3px;
}


/* 0.4 Links & Anker
 ====================================================================================*/


#campusCss a { text-decoration: none; }

#campusCss a:hover { text-decoration: underline; }

#campusCss a#topanchor {
  display: block;
  visibility: hidden;
  top: 0px;
  height: 10px;
}

/* Content-Bereich */

#campusCss .content a {
  color: #003560;
  text-decoration: underline;
}

#campusCss .content a:focus,
#campusCss .content a:hover,
#campusCss .content a:active {
  text-decoration: none;
}




/* 0.5 Strukturierung & Hinweisblöcke
 ====================================================================================*/


#campusCss a.anchor {
  visibility: hidden;
  float: left;
  line-height:0px;
}

#campusCss a.error, #campusCss td.error, #campusCss td.error span p,
#campusCss a.error span, #campusCss td.error span {
  color: #cf0000 !important;
  font-weight: bold;
  font-size: 13px;
}

#campusCss hr {
  border: none;
  border-top: 1px solid #aaa;
  color: #fff;
  background-color: #fff;
  height: 1px;
  margin-bottom: 15px;
}

/* IE6 + 7 Hack */
* html #campusCss hr,
*+html #campusCss hr {
  margin-bottom: 10px;
}

#campusCss .clear {
  overflow: hidden;
  clear: both;
  height: 1px;
  margin-bottom: -1px;
  line-height: 1%;
  font-size: 0px;
}

#campusCss .redtext {
  color: #cf0000;
}

#campusCss p.smallerror {
  color: #cf0000;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 10px;
}







#campusCss div.error,
#campusCss div.warning,
#campusCss div.ok,
#campusCss div.information,
#campusCss div.longoperation {
  margin: 20px 0;
  padding: 10px 10px 10px 60px;
  min-height: 33px; /* IE6: min-height */
  height: auto !important;
  height: 55px;
  width: 400px;
  border-width: 2px;
  border-style: solid;
}

#campusCss div.error {
  background-image: url("../../../shared/img/error_32.png");
  background-repeat:  no-repeat;
  background-position: 10px 10px;
  border-color: #cf0000;
  background-color: #ffcfcf;
}

#campusCss div.information {
  background-image: url("../../../shared/img/info_32.png");
  background-repeat:  no-repeat;
  background-position: 10px 10px;
  border-color: #38599a;
  background-color: #ecf5ff;
}

#campusCss div.ok,
#campusCss div.longoperation {
  background-image: url("../../../shared/img/ok_32.png");
  background-repeat:  no-repeat;
  background-position: 10px 10px;
  border-color: #009712;
  background-color: #dfffe3;
}

#campusCss div.warning,
#campusCss div.longoperation {
  background-image: url("../../../shared/img/warning_32.png");
  background-repeat:  no-repeat;
  background-position: 10px 10px;
  border-color: #ffb32f;
  background-color: #fff2cf
}

#campusCss div.error p,
#campusCss div.warning p,
#campusCss div.information p,
#campusCss div.ok p,
#campusCss div.longoperation p,
#campusCss div.error ul,
#campusCss div.warning ul,
#campusCss div.ok ul,
#campusCss div.longoperation ul {
  margin: 5px 0 0 !important;
}

#campusCss div.error ul,
#campusCss div.warning ul,
#campusCss div.information ul,
#campusCss div.ok ul,
#campusCss div.longoperation ul {
 padding-left: 22px;
}

#campusCss div#errorbox{
  display:none;
}

#campusCss .unsyncedDataSet {
  /*border-color: #cf0000 !important;*/
  background-color: #ffcfcf !important;
}

#campusCss .originalDataSet {
  /*border-color: #009712 !important;*/
  background-color: #dfffe3 !important;
}


#campusCss  .nolinkradio{
  padding-left: 35px !important;
}














/**************************/




/*
 * treeMenu
 */
#campusCss li.treeMenu_opened,
#campusCss li.treeMenu_closed {
  cursor: pointer;
}

#campusCss li.treeMenu_opened ul {
  display: block;
  margin-bottom: -3px;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

#campusCss li.treeMenu_closed ul {
  display: none;
}

/*
 * Elemente bei Hover einblenden
 */
#campusCss a.show div.comment,
#campusCss a.show:hover span {
  display: none;
}

#campusCss a.show:hover div.comment {
  display: block;
}

/*
 * Styles für horizontale Listen
 */
#campusCss div.navcontainer {
  margin-bottom: 40px;
  padding: 5px 10px 10px 0;
}

#campusCss div.navcontainer ul.navlist {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#campusCss div.navcontainer ul.navlist li {
  border-left: 1px solid #000;
  float: left;
  /*line-height: 1.1em;*/
  margin: 0 .5em 0 -.5em;
  padding: 0 .5em 0 .5em;
  font-weight: bold;
}

#campusCss div.navcontainer ul.navlist li.first {
  border-left: 0 none;
}



/*
 * Styles für Rechenansichten - Summenzeile
 */
#campusCss .sum_label {
  font-weight: bold;
  text-align: right;
}

#campusCss .sum_notok {
  font-weight: bold;
  color: #ff0000;
}

#campusCss .sum_ok {
  font-weight: bold;
  color: #37b52e;
}


/*====================================================================================
 * 1. FixFrame Suchbereich
 *====================================================================================*/







/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

  20. Toolbars: Zentrale Buttonbar und Tablebar (Toolbar für Tabellen)

  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/* Buttonbar: DIV-Background
   -------------------------*/

#campusCss div#buttonbar {
  width: auto;
  right: 0;
  left: 0;
  height: 56px;
  background: url("../../img/buttonbar_hg.png") repeat-x left top;
  position: absolute !important;
  z-index: 9999 !important;
}

/* IE6 Hack */
* html #campusCss div#buttonbar {
  width: 100% !important;
}

#campusCss .normal-fixFrame div#buttonbar { top: -56px; }

/*
 * TODO: Wegoptimieren!
 */

#campusCss .large-fixFrame div#buttonbar { top: -142px; }
#campusCss .huge-fixFrame div#buttonbar { top: -223px; }
#campusCss .extSearch-fixFrame div#buttonbar { top: -177px; }
/*
 * /TODO
 */

/*
* html #campusCss .normal-fixFrame div#buttonbar {
  top: -67px;
}
*/

#campusCss div#buttonbar div.menuitem-hidden{
  display: none;
  height:   0px;
  width:    0px;
  position: relative;
  float:    right;
  margin:   0px;
  padding:  0px;
}

#campusCss div#buttonbar div.menuitem,
#campusCss div#buttonbar .first_divider,
#campusCss div#buttonbar .divider {
  height: auto;
  background: url("../../img/toolbar_button_left.png") no-repeat left top;
  position: relative;
  float: left;
  margin-top: 3px;
  cursor: hand; /* IE6 */
  cursor: pointer;
}

/* IE6 */
* html #campusCss div#buttonbar div.menuitem {
  width: 1%; /* Element nimmt sonst die gesamte Bildschirmbreite ein (100%). */
}

#campusCss div#buttonbar .divider,
#campusCss div#buttonbar .first_divider {
  height: 50px;
  background: none;
  cursor: default;
}

#campusCss div#buttonbar .first_divider {
  width: 15px;
}

#campusCss div#buttonbar .divider {
  width: 3px;
}

#campusCss div#buttonbar div.menuitem:hover {
  background: url("../../img/toolbar_button_left.png") no-repeat left bottom;
}

#campusCss div#buttonbar div.disabled,
#campusCss div#buttonbar div.disabledSubmenu {
  background: url("../../img/toolbar_button_left.png") no-repeat left center;
  cursor: default !important;
}

#campusCss div#buttonbar div.disabled:hover,
#campusCss div#buttonbar div.disabledSubmenu:hover {
  background: url("../../img/toolbar_button_left.png") no-repeat left center;
}

#campusCss div#buttonbar div.disabled img,
#campusCss div#buttonbar div.disabledSubmenu img {
  opacity: 0.5; /* Funktioniert nur in diesen Browsern: */
}


/* Buttonbar: A-Tag-Button
   -----------------------*/

#campusCss div#buttonbar div.menuitem a {
  display: block;
  height: 50px;
  min-width: 45px;
  padding: 0 7px;
  text-align: center;
  font-size: 10px;
  color: #333;
  text-decoration: none;
  cursor: hand;
  cursor: pointer;
  white-space: nowrap;
  background: url("../../img/toolbar_button_right.png") no-repeat right top;
}

/* für Versandkalender */
#campusCss div#buttonbar div.menuitem a span {
  font-size: 11px;
  color: #333;
}

/* IE7 Hack */
*+html #campusCss div#buttonbar div.menuitem a {
  width: 1%;
}
/* IE6 Hack */
* html #campusCss div#buttonbar div.menuitem a {
  min-width: 60px;
  width: auto !important; /* IE6: Lösung für das min-width-Problem */
  /*width: 60px;*/ /* Nein, doch nicht */
  display: inline; /* IE6: Notwendig um das Icon zu zentrieren */
}

#campusCss div#buttonbar div.menuitem:hover a {
  background-position: right bottom;
}

#campusCss div#buttonbar div.hassubmenu a {
  background: url("../../img/toolbar_button_right_ext.png") no-repeat right top;
}

#campusCss div#buttonbar div.hassubmenu:hover > a {
  background-position: right bottom;
}

#campusCss div#buttonbar div.menuitem a img {
  width: 24px;
  height: 24px;
  display: block;
  margin: 0 auto;
  text-align: center;
  padding-top: 7px;
}

/* IE6 Hack */
* html #campusCss div#buttonbar div.menuitem a img {
  margin: 7px 8px 0; /* Horizontaler Seitenabstand umgeht den min-width-Fehler */
  padding-top: 0;
}



/* Buttonbar: Disabled A-Tag-Button
   --------------------------------*/

#campusCss div#buttonbar div.disabled a {
  background: url("../../img/toolbar_button_right.png") no-repeat scroll right center;
  cursor: default !important;
  color: #888;
}

#campusCss div#buttonbar div.disabled:hover a {
  background: url("../../img/toolbar_button_right.png") no-repeat right center;
}

#campusCss div#buttonbar div.disabledSubmenu a {
  background: url("../../img/toolbar_button_right_ext.png") no-repeat scroll right center;
  cursor: default !important;
  color: #888;
}

#campusCss div#buttonbar div.disabledSubmenu:hover a {
  background: url("../../img/toolbar_button_right_ext.png") no-repeat right center;
}


/* Buttonbar: Ausklappmenü
   -----------------------*/

#campusCss div#buttonbar div.menuitem ul {
  position: absolute;
  z-index: 999999 !important;
  top: 50px;
  left: 0px;
  display: none;
  margin: 0;
  padding: 0;
  border: 1px solid #aaa;
  border-top: none;
  background-color: #F3F3F4;
}

#campusCss div#buttonbar div.hassubmenu:hover ul,
#campusCss div#buttonbar div.hassubmenu:active ul {
  display: block;
}

#campusCss div#buttonbar div.disabledSubmenu:hover ul,
#campusCss div#buttonbar div.disabledSubmenu:active ul {
  display: none;
}

#campusCss div#buttonbar div.menuitem ul li {
  border-top: 1px solid #d9d9d9;
  list-style-type: none;
  background: #f3f3f4;
}

/* IE6 Hack */
* html #campusCss div#buttonbar div.menuitem ul li {
  width: 100%;
}

#campusCss div#buttonbar div.menuitem ul li:first-child {
  border-top: 1px solid #aaa;
}

#campusCss div#buttonbar div.menuitem ul li a {
  width: auto;
  height: auto;
  display: block;
  border: 0;
  padding: 4px 8px 4px 8px;
  white-space: nowrap;
  text-decoration: none;
  background-image: none !important;
  background-color: #f3f3f4;
  text-align: left !important;
  font-size: 11px;
}

/* IE6 Hack */
* html #campusCss div#buttonbar div.menuitem ul li a {
  width: 100%;
  height: 100% !important;
}

#campusCss div#buttonbar div.menuitem ul li:hover {
  background: #d9d9d9;
}

#campusCss div#buttonbar div.menuitem ul li:hover a {
  background: #d9d9d9;
}


/* Buttonbar: Input-Button
   -----------------------*/

#campusCss div#buttonbar button {
  margin: 0;
}

#campusCss div#buttonbar div.menuitem button {
  height: 50px;
  min-width: 60px;
  background: url("../../img/toolbar_button_right.png") no-repeat right top;
  border: none;
}

/* IE6 + 7 Hack */
* html #campusCss div#buttonbar div.menuitem button,
*+html #campusCss div#buttonbar div.menuitem button {
  padding-left: 7px;
  padding-right: 7px;
  overflow: visible;
}

/* IE6 Hack */
* html #campusCss div#buttonbar div.menuitem button {
  min-width: 60px; /* Lösung für das min-width-Problem */
  width: auto !important;
  width: 60px;
}

#campusCss div#buttonbar div.menuitem:hover button {
  background: url("../../img/toolbar_button_right.png") no-repeat right bottom;
}

#campusCss div#buttonbar div.disabled button {
  background: url("../../img/toolbar_button_right.png") no-repeat right center;
  cursor: default !important;
  color: #888;
}

#campusCss div#buttonbar div.disabled:hover button {
  background: url("../../img/toolbar_button_right.png") no-repeat right center;
}

#campusCss div#buttonbar div.menuitem button p {
  margin: 0;
  padding: 0;
  border: 0;
}

#campusCss div#buttonbar div.menuitem button span {
  display: block;
  text-align: center;
  font-size: 10px;
}

#campusCss div#buttonbar div.disabled button span {
  color: #888;
  cursor: default !important;
}

#campusCss div#buttonbar div.menuitem button img {
  text-align: center;
  margin: 0 auto;
  width: 24px;
  height: 24px;
}

/* IE6 Hack: */
* html #campusCss div#buttonbar div.menuitem button span img {
  padding: 0;
}

#campusCss div#buttonbar div.disabled button img {
  cursor: default !important;
}


/* Tablebar + Globalbuttonlist
   ----------------------------*/

#campusCss div.table-iconbar {
  font-size: 11px;
  height: 28px;
  border: 1px solid #bbb;
  border-bottom: none;
  background: #ccc url("../../img/tablebar_bg.png") repeat-x left top;
}

#campusCss div.table-iconbar div.tableitem {
  float: left;
  border: 1px solid transparent;
  margin: 2px 0 0 3px !important;
  padding: 3px;
  width: auto;
  height: auto;
  cursor: hand; /* IE6 */
  cursor: pointer;
}

/* IE6 Hack: Border-Bug */
* html #campusCss div.table-iconbar div.tableitem { border: none; }

#campusCss div.table-iconbar div.tableitem:hover {
  border-color: #bbb;
  background-color: #ddd;
  text-decoration: none;
}

#campusCss div.table-iconbar div.tableitem input {
  margin: 0 !important;
}

#campusCss div.table-iconbar div.tableitem a {
  display: block;
}



#campusCss .table-iconbar .suggestionsinput {
  float:left;
  width:150px;
  padding: 3px;
  margin: 2px 0 0 3px !important;
}

#campusCss .table-iconbar .ui-autocomplete-loading {
  background: white url('../../../shared/img/ajaxloader.gif') right center no-repeat !important;
}

#campusCss .table-iconbar .suggestions{
  visibility:hidden;
  background: #F3F3F4;
  display:block;
  left:5px;
  position:absolute;
  top:25px;
  z-index:99999 !important;
  width: auto;
  cursor: hand; /* IE6 */
  cursor: pointer;
}

#campusCss .table-iconbar .suggestionwrapper{
  position:relative;
}

/* Tablebar: Ausklappmenü, globalbuttonlist
   ----------------------------------------*/

#campusCss div.table-iconbar div.hassubmenu {
  position: relative;
  float: left;
  padding-right: 8px !important;
  width: auto;
  cursor: hand; /* IE6 */
  cursor: pointer;
  background: url("../../../shared/img/down_7x4.gif") no-repeat right center;
  display: block;
}

#campusCss div.table-iconbar div.hassubmenu:hover ul,
#campusCss div.table-iconbar div.hassubmenu:active ul {
  display: block;
}

#campusCss div.table-iconbar div.hassubmenu ul {
  position: absolute;
  z-index: 99999 !important;
  width: auto;
  top: 21px;
  left: -1px;
  display: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  border: 1px solid #aaa;
  border-top: none;
  background-color: #f3f3f4;
}

#campusCss div.table-iconbar div.hassubmenu ul li {
  padding-left: 5px;
  padding-right: 5px;
  border-top: 1px solid #d9d9d9;
}

#campusCss div.table-iconbar div.hassubmenu ul li:hover,
#campusCss div.table-iconbar div.hassubmenu ul li:active {
  background-color: #d9d9d9;
}

#campusCss div.table-iconbar div.hassubmenu ul li.menuentry {
  padding-left: 20px;
  padding-right: 10px;
}

#campusCss div.table-iconbar div.hassubmenu ul li.empty {
  padding-left: 20px;
  padding-right: 10px;
  cursor: pointer !important;
}

#campusCss div.table-iconbar div.hassubmenu ul li input.inputlink,
#campusCss div#buttonbar div.globalbuttonlist ul li input.inputlink,
#campusCss div.table-iconbar div.hassubmenu ul li button.inputlink,
#campusCss #buttonbar div.globalbuttonlist ul li button.inputlink {
  background-color: #f3f3f4;
  border: none;
  cursor: hand; /* IE6 */
  cursor: pointer;
  font-size: 11px;
  padding-bottom: 3px;
  padding-top: 2px;
  text-align: left;
  min-width:100px;
}

/* IE6 Hack */
* html #campusCss div#buttonbar div.globalbuttonlist ul li input.inputlink,
* html #campusCss div#buttonbar div.globalbuttonlist ul li button.inputlink {
  padding-left: 10px;
}

/* IE7 Hack */
*+html #campusCss div.table-iconbar div.hassubmenu ul li input.inputlink,
*+html #campusCss div#buttonbar div.globalbuttonlist ul li input.inputlink,
*+html #campusCss div.table-iconbar div.hassubmenu ul li button.inputlink,
*+html #campusCss div#buttonbar div.globalbuttonlist ul li button.inputlink {
  margin-left: 10px;
  margin-right: 10px;
}

#campusCss div.table-iconbar div.hassubmenu ul li:hover input.inputlink,
#campusCss div.table-iconbar div.hassubmenu ul li:active input.inputlink,
#campusCss div#buttonbar div.globalbuttonlist ul li:hover input.inputlink,
#campusCss div#buttonbar div.globalbuttonlist ul li:active input.inputlink,
#campusCss div.table-iconbar div.hassubmenu ul li:hover button.inputlink,
#campusCss div.table-iconbar div.hassubmenu ul li:active button.inputlink,
#campusCss div#buttonbar div.globalbuttonlist ul li:hover button.inputlink,
#campusCss div#buttonbar div.globalbuttonlist ul li:active button.inputlink {
  background-color: #d9d9d9;
}

#campusCss div.table-iconbar div.hassubmenu ul li a {
  float: none !important; /* float im Untermenü verhindern */
  color: #333;
  font-size: 11px;
  text-decoration: none;
  line-height: 21px;
}

/* IE6 Hack */
* html #campusCss div.table-iconbar div.hassubmenu ul li a {
  text-decoration: underline;
}

#campusCss div.templatecomponent.foldinglist div.table-iconbar a img {
  margin: 3px 5px 3px 0;
}


/* Tablebar: Deaktivierte Buttons
   ------------------------------*/

#campusCss div.table-iconbar div.disabled,
#campusCss div.table-iconbar div.disabledTablemenu {
  background-color: #bbb;
  border: 1px solid #aaa;
  cursor: default;
}

/* Abstand des Extended-Pfeil zurücksetzen */
#campusCss div.table-iconbar div.disabledTablemenu {
  padding-right: 2px;
}

#campusCss div.table-iconbar div.disabled:hover,
#campusCss div.table-iconbar div.disabledTablemenu:hover {
  background-color: #bbb;
  border: 1px solid #aaa;
  cursor: default;
}

/* Ausklappmenü wird bei deaktivieren Button nicht angezeigt */
#campusCss div.table-iconbar div.disabledTablemenu:hover ul {
  display: none;
}

#campusCss div.table-iconbar div.disabled input,
#campusCss div.table-iconbar div.disabledTablemenu img {
  opacity: 0.5;
}

/* Tablebar: Input-Button
   -----------------------*/

/* Zurücksetzen der tablebar-Formatierungen für ein Ausklappmenü aus Input-Buttons */
#campusCss div.table-iconbar input.inputlink,
#campusCss div.table-iconbar button.inputlink {
  float: none;
  margin: 0 !important;
  padding-left: 0;
  padding-right: 0;
}



/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

  30. Tab-Navigation

  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


#campusCss #tabNavigation {
  position: relative;
  border-collapse: collapse;
  margin-bottom: -1px;
}

#campusCss #tabNavigation tr#tabbar td {
  margin: 0;
  padding: 0;
  padding-right: 5px;
  vertical-align: middle;
}

/* Alle Tabs */
#campusCss #tabNavigation tr#tabbar span,
#campusCss #tabNavigation tr#tabbar a {
  display: block;
  margin-top: 0;
  border: 1px solid #aaa;
  padding: 7px 10px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  font-size: 12px; /* IE */
  color: #003560;
  background: url("../../img/tabs.png") repeat-x left bottom;
}

/* Aktiver Tab */
#campusCss #tabNavigation tr#tabbar span {
  border: 1px solid #aaa;
  border-bottom: 1px solid #fff;
  background: #fff;
  font-weight: bold;
}

/* Inaktiver Tab: hover */
#campusCss #tabNavigation tr#tabbar a:hover {
  background: url("../../img/tabs.png") repeat-x left center;
}

/* Deaktivierter Tab */
#campusCss #tabNavigation tr#tabbar span.deactivated,
#campusCss #tabNavigation tr#tabbar a.deactivated {
  background: url("../../img/tabs.png") repeat-x left bottom;
  color: #666;
}

#campusCss div.tabcontainer{
  border-top: 1px solid #aaa;
  background: #fff;
}



/*====================================================================================
 * 4. Templatebausteine
 ====================================================================================*/

#campusCss div.ajaxloader {
  background: #ffffff url("../../../shared/img/ajax_load.gif") no-repeat center center;
  width: auto;
  height: 30px;
  border: 0px;
}

#campusCss div.templatecomponent,
#campusCss div.formcomponent {
  padding-bottom: 15px;
}

#campusCss div.templatecomponent h2,
#campusCss div.formcomponent h2,
#campusCss div.content h2 {
  padding: 10px 0 0;
  white-space: nowrap;
  margin-bottom: 10px;
}

#campusCss div.templatecomponent h3,
#campusCss div.formcomponent h3,
#campusCss div.content h3 {
  padding: 10px 0 15px;
  white-space: nowrap;
}














/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

  xx. Tabellentypen (Datenvisualisierung)

  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



#campusCss .toggleblock {
    cursor: pointer;
}

#campusCss .toggleblockosf {
    cursor: pointer;
}

#campusCss h2.toggleblock:hover {
  text-decoration: underline;
}

#campusCss div .emptyTable {
  background: none repeat scroll 0 0 #F3F3F4;
  border: 1px solid #BBBBBB;
  padding: 5px;
}


#campusCss table tbody tr.even {
  background-color: #fff;
}

#campusCss table tbody tr.odd {
  background-color: #f3f3f4;
}


/*
  xx. LISTVIEW-Tabelle
  ++++++++++++++++++++++++++++++++++++++++++++++++++*/

#campusCss table.listview {
  border: 1px solid #bbb;
  width: 99%;
  white-space: nowrap;
  border-collapse: collapse;
}

#campusCss table.minimalwidth {
	width: 600px !important;
}

#campusCss table.minimalwidth .icon{
	vertical-align: top;
}

#campusCss table.minimalwidth  ul{
	padding: 0;
	margin-left: 0;
}

#campusCss table.minimalwidth  ul li{
	margin-left: 15px !important;
}

*+html #campusCss table.listview {
  width: 99%;
}

#campusCss table.listview div.table-iconbar {
  border: none; /* Toolbar in Tabelle */
}

#campusCss table.listview thead td,
#campusCss table.listview tfoot td,
#campusCss table.listview tbody {  /* IE kann keinen tbody-border */
  border: 1px solid #bbb;
}

#campusCss table.listview tbody th,
#campusCss table.listview tbody td {
/*
  border-left: 1px dotted #ccc;
  border-right: 1px dotted #ccc;
*/
}

#campusCss table.listview td {
  padding: 0;
  margin: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  #campusCss table.listview tbody td:last-child,
	#campusCss table.listview .tablehead th:last-child { border-right: 1px solid #bbb; }
}


#campusCss table.listview .tablehead th,
#campusCss table.listview .tablehead td,
#campusCss table.listview thead th /* Alte Tabelle (V3-Style)*/
{
  padding: 4px 5px;
  white-space: nowrap;
  background: #D9D9D9 url("../../img/tablehead_bg.png") repeat-x left top;
  font-weight: bold;
  text-align: left;
}



/*
 * TABLEHEAD
 */

#campusCss table.listview .tablehead th a.up,
#campusCss table.listview .tablehead th a.up-active,
#campusCss table.listview .tablehead th a.down,
#campusCss table.listview .tablehead th a.down-active {
  padding: 0px 4px;
  text-decoration: none;
  background-position: left;
  background-repeat: no-repeat;
}

#campusCss table.listview .tablehead th a.up,
#campusCss table.listview .tablehead th a.up-active {
  margin: 0 0 0 2px;
}

#campusCss table.listview .tablehead th a.down,
#campusCss table.listview .tablehead th a.down-active {
  margin: 0 2px 0 0;
}

#campusCss table.listview .tablehead th a.up {
  background-image: url("../../../shared/img/sort_up_10.png");
}

#campusCss table.listview .tablehead th a.up-active,
#campusCss table.listview .tablehead th a.up:hover {
  background-image: url("../../../shared/img/sort_up_active_10.png");
}

#campusCss table.listview .tablehead th a.down {
  background-image: url("../../../shared/img/sort_down_10.png");
}

#campusCss table.listview .tablehead th a.down-active,
#campusCss table.listview .tablehead th a.down:hover {
  background-image: url("../../../shared/img/sort_down_active_10.png");
}




/*
 * TABLECONTENT
 */

#campusCss table.listview .tablecontent tr td,
#campusCss table.listview tbody td /* Alte Tabelle (V3-Style)*/
{
  white-space: normal;
  padding: 5px;
  border-top: 1px dotted #ccc;
}

/* Zeilenhervorhebung: klickbare Zeile */
#campusCss table.listview .tablecontent tr:hover td,
#campusCss table.listview tbody tr:hover td /* Alte Tabelle (V3-Style) */
{
  background-color: #c6c6c6;
}
/* Zeilenhervorhebung: Leselinie */
#campusCss table.listview .tablecontent tr:hover td {
  /* border-bottom: 1px solid #aaa; */
}

#campusCss table.listview .tablecontent tr.even,
#campusCss table.listview tbody tr.even /* Alte Tabelle (V3-Style) */
 {
  /* background-color: #fff; */
}

#campusCss table.listview .tablecontent tr.odd,
#campusCss table.listview tbody tr.odd,
table.grid tbody tr.blue1 /* Alte Tabelle (V3-Style) */
{
 /* background-color: #f3f3f4; */
}

#campusCss table.listview .tablecontent tr.odd.transient {
  background: #fffbca;
}

#campusCss table.listview .tablecontent tr.even.transient {
  background: #fff37c;
}



/*
 * TABLECONTENT: Feldinhalte allgemein
 */

#campusCss table.listview .tablecontent td a,
#campusCss table.listview tbody td a /* Alte Tabelle (V3-Style)*/ {
  color: #003560;
  text-decoration: none;
}

#campusCss table.listview .tablecontent td a:hover,
#campusCss table.listview .tablecontent td a:focus,
#campusCss table.listview .tablecontent td a:active,
#campusCss  table.listview tbody td a:hover /* Alte Tabelle (V3-Style)*/
 {
  text-decoration: underline;
}

#campusCss table.listview .tablecontent th a.info {
  background-image: url("../../img/info.png");
  margin-left: -25px;
  padding-bottom: 4px;
}

#campusCss table.listview .tablecontent th a.info:hover {
  background-image: url("../../img/info_hover.png");
}

#campusCss table.listview .tablecontent th a.link {
  background-image: url("../img/neu.png");
  background-repeat: no-repeat;
}

#campusCss table.listview .tablecontent td.error,
#campusCss table.listview .tablecontent td.error span {
  color: #cf0000;
  font-weight: bold;
  width: 400px;
}

#campusCss table.listview .tablehead th.icon,
#campusCss table.listview .tablecontent td.icon {
  text-align: center;
  width: 16px;
}

#campusCss table.listview .tablehead th.icon input,
#campusCss table.listview .tablecontent td.icon input {
  padding: 0;
  margin: 0;
}


/*
 * TABLECONTENT: Feldinhalte speziell
 */

#campusCss table.listview .tablecontent tr.comment td,
#campusCss table.listview .tablecontent tr.comment a {
  font-style: italic;
}

#campusCss table.listview .tablecontent tr.caption td,
#campusCss table.listview .tablecontent tr.caption a {
  font-size: 14px;
  font-weight: bold;
}

#campusCss table.listview tr.overtimeexercise td,
#campusCss table.listview tr.overtimeexercise td a,
#campusCss table.listview tr.overtimeexercise td a:hover {
  color: #cf0000;
}

#campusCss table.listview .tablecontent td p,
#campusCss table.listview .tablecontent td ul,
#campusCss table.listview .tablecontent td ol {
  display: block;
  line-height: 1.2em;
  margin-bottom: 5px;
}

#campusCss table.listview .tablecontent td li {
  margin-left: 25px;
}

#campusCss table.listview .tablecontent td.boolean {
  text-align: center;
}

#campusCss table.listview .tablecontent td.number {
  text-align: right;
}

/*
 * Verschiedene Status der Feldinhalte
 */

#campusCss table.listview .tablecontent tr.deleted td,
#campusCss table.listview .tablecontent tr.deleted td a,
#campusCss table.listview .tablecontent tr.signedoff td a {
  color: #aaa;
  font-style: italic;
}

#campusCss table.listview .tablecontent tr.signedoff td a:hover,
#campusCss table.listview .tablecontent tr.deleted td a:hover,
#campusCss table.listview .tablecontent tr a.notoftheunit
 {
  color: #888888;
  font-style: italic;
  background: url("../../../shared/img/graystar_9.png") no-repeat scroll right center transparent;
	padding-right: 12px;
}



#campusCss table.listview .tablecontent tr td.missing a {
  color: #cf0000;
}

#campusCss table.listview .tablecontent tr.credited td,
#campusCss table.listview .tablecontent tr.credited td a {
  color: #009522;
}

#campusCss table.listview .tablecontent tr.banned td,
#campusCss table.listview .tablecontent tr.banned td a {
  color: red;
  font-style: italic;
}

#campusCss table.listview .tablecontent tr.banned td a:hover {
  color: #888888;
  font-style: italic;
}

#campusCss table.listview .tablecontent tr.failureApp td.numberOfApps a,
#campusCss table.listview .tablecontent tr td span.failureAppLink {
  background: url("../../../shared/img/redstar_9.png") no-repeat right center;
  padding-right: 12px;
  padding-top: 5px;
}

#campusCss table.listview .tablecontent tr.unconfirmed td,
#campusCss table.listview .tablecontent tr.unconfirmed td a,
#campusCss table.listview .tablecontent tr.unconfirmed td label,
#campusCss table.listview .tablecontent tr.unconfirmed td div,
#campusCss table.listview .tablecontent tr td a.unconfirmed,
#campusCss table.listview .tablecontent tr td a span.unconfirmed,
#campusCss table.hierarchy .tablecontent tr.unconfirmed td,
#campusCss table.hierarchy .tablecontent tr.unconfirmed td a,
#campusCss table.hierarchy .tablecontent tr.unconfirmed td label {
  color: #cf0000;
}

#campusCss table.listview .tablecontent tr.acceptedOriginal td.acceptedOriginal a,tr.acceptedCollision td.acceptedCollision a{
  background: url("../../../shared/img/redstar_9.png") no-repeat right center;
  padding-right: 12px;
  padding-top: 5px;
}


/*
 * Formularelemente
 */



#campusCss table.listview .tablecontent tr.sorterror td input.inputThreeDigits,
#campusCss table.listview .tablecontent tr.sorterror td input.inputFiveDigits {
  border: 1px solid #cf0000;
  background-color: #ffcfcf;
}

#campusCss table input.rearrangeall {
  width: auto;
}


/*
 * Legende
 */
#campusCss .listviewLegend {
  margin-top: 15px;
}

#campusCss table.legendTable {
  border: 1px dotted #bbb;
  background-color: #f3f3f4;
  width: auto;
  min-width: 300px;
}

#campusCss table.legendTable tbody td {
  padding:5px 2px;
}

#campusCss table.legendTable .legendIMG {
  width: 15px;
}

#campusCss table.legendTable .legendDescr {
  font-size: 11px;
}



/*
  xx. Vergleichstabelle
  ++++++++++++++++++++++++++++++++++++++++++++++++++*/

#campusCss table.comparisonTable {
  width: 800px;
}

#campusCss table.comparisonTable tbody.tablecontent td {
  padding-left: 20px;
}

#campusCss table.comparisonTable tbody.tablecontent tr.subheadline td {
  padding: 3px 0 3px 10px;
  font-weight: bold;
  border-bottom: 1px dotted #ccc;
  border-top: 1px dotted #ccc;
  background-color: #f3f3f4;
}

#campusCss table.comparisonTable tbody.tablecontent tr.defaultValue td {
  background-color: #e0eeef;
}

#campusCss table.comparisonTable tbody.tablecontent tr.textCell td {
  padding-bottom: 15px;
}

#campusCss table.comparisonTable tbody.tablecontent tr.textCell td.actionCell {
  padding-top: 10px;
  text-align: right;
  vertical-align: top;
  width: 138px;
}

#campusCss table.comparisonTable tbody.tablecontent tr.textCell td.textArea {
  padding-left: 3px;
  padding-top: 10px;
}



 /*
  xx. Hierarchische Tabelle (Baumstruktur, #campusCss  aufklappbar)
      Tabellentypen: hierarchy + treelist
  +++++++++++++++++++++++++++++++++++++++++++++++++++++*/



#campusCss table.hierarchy {
  /* width: auto; */
  border-collapse: collapse;
  border: 1px solid #ccc;
  color: #333;
}

#campusCss table.globalgradecollection{
  width: 1950px;
}

#campusCss table.hierarchy thead th,
#campusCss table.hierarchy thead td {
  padding: 4px 5px;
  white-space: nowrap;
  background: #D9D9D9 url("../../img/tablehead_bg.png") repeat-x left top;
  font-weight: bold;
  text-align: left;
}


#campusCss table.hierarchy .tablehead td {
  padding: 4px 5px;
  white-space: nowrap;
  background: #e0eeef;
  font-weight: bold;
  text-align: left;
}

#campusCss table.hierarchy .tablehead td .mod_foldingelement{
  background-position: left center !important;
  cursor: hand;
  cursor: pointer;
}


#campusCss table.hierarchy tbody td {
  padding: 4px 5px;
}

#campusCss table.hierarchy th.expandoptions {
  padding: 3px 5px;
}

#campusCss table.hierarchy tbody td .text {
  display: inline-block;
  margin-right: 10px;
  max-width: 95%
}

#campusCss table.hierarchy tbody td.icon {
  padding-left: 2px;
  padding-right: 2px;
}

#campusCss table.hierarchy .foldingelement_unvisible {
  display: none;
}

#campusCss table.collapsiblelist .unvisible {
  display: none;
}

#campusCss table.hierarchy td div.foldingelement,
#campusCss table.hierarchy td div.mod_foldingelement,
#campusCss table.hierarchy td div.foldingelement,
#campusCss table.hierarchy td div.mod_foldingelement,
#campusCss table.hierarchy td div.mod_foldingelement_disabled {
  float: left;
  margin-right: 2px;
  height: 12px;
  width: 12px;
}

#campusCss table.hierarchy td.foldingelement_closed div.foldingelement,
#campusCss table.hierarchy td.foldingelement_closed div.mod_foldingelement {
  background: url("../../../../custom/shared/img/tree_arrow_closed.png") no-repeat left center;
  cursor: hand; /* IE6 */
  cursor: pointer;
}

#campusCss table.hierarchy td.foldingelement_opened div.foldingelement,
#campusCss table.hierarchy td.foldingelement_opened div.mod_foldingelement {
  background: url("../../../../custom/shared/img/tree_arrow_open.png") no-repeat left center;
  cursor: hand; /* IE6 */
  cursor: pointer;
}

/* Nicht aufklappbare Elemente sollten keinen Pfeil besitzen. */
#campusCss table.hierarchy td.foldingelement_closed div.mod_foldingelement_disabled,
#campusCss table.hierarchy .hierarchy5 td.foldingelement_closed div.mod_foldingelement {
/*
  background: url("../../../../custom/shared/img/tree_arrow_disabled.png") no-repeat left center;
  cursor: default;
*/
}

/* Nicht sichtbare Pfeile */
#campusCss table.hierarchy tr div.mod_foldingelement_disabled {
  visibility: hidden;
}

/*
 * Farbschema
 */


#campusCss table.hierarchy tbody tr a {
  text-decoration: none;
}

#campusCss table.hierarchy tbody tr a:hover {
  text-decoration: underline;
}

#campusCss table.hierarchy tbody {
  background-color: #fff;
}

#campusCss table.hierarchy tbody tr.hierarchy0 td {
  padding-bottom: 6px;
  padding-top: 6px;
  border-bottom: 1px dotted #999999;
  border-top: 1px dotted #999999;
  border-right: 1px dotted #999999;
  background: #E6E6E6;
}

#campusCss table.hierarchy tbody tr.hierarchy1 td {
  padding-bottom: 6px;
  padding-top: 6px;
  border-bottom: 1px dotted #999999;
  border-top: 1px dotted #999999;
  background: #F4F4F4;
}

#campusCss table.hierarchy tbody tr.hierarchy2 td {
  border-bottom: 1px dotted #999999;
  background: #f6f6f6;
}

#campusCss table.hierarchy tbody tr.hierarchy3 td {
  border-bottom: 1px dotted #ccc;
  background-color: #f9f9f9;
}

#campusCss table.hierarchy tbody tr.hierarchy4 td {
  border-bottom: 1px dotted #ccc;
  background-color: #fff;
}

#campusCss table.hierarchy tbody tr.hierarchy5 td {
  border-bottom: 1px dotted #ccc;
  background-color: #fff;
}

#campusCss table.hierarchy tbody tr.hierarchy6 td {
  border-bottom: 1px dotted #ccc;
  background-color: #fff;
}

#campusCss table.hierarchy tbody tr.hierarchy7 td {
  border-bottom: 1px dotted #ccc;
  background-color: #fff;
}

#campusCss table.hierarchy tbody tr.hierarchy8 td {
  border-bottom: 1px dotted #ccc;
  background-color: #fff;
}

#campusCss table.hierarchy tbody tr.hierarchy9 td {
  border-bottom: 1px dotted #ccc;
  background-color: #fff;
}

#campusCss table.hierarchy tbody tr.hierarchy10 td {
  border-bottom: 1px dotted #ccc;
  background-color: #fff;
}




/*
 * Einrückung
 */

#campusCss table.hierarchy tr.hierarchy0 td.title,
#campusCss table.hierarchy tr.hierarchy0 .indented {
  padding-left: 20px;
}
#campusCss table.hierarchy tr.hierarchy1 td.title,
#campusCss table.hierarchy tr.hierarchy1 .indented {
  padding-left: 20px;
}
#campusCss table.hierarchy tr.hierarchy2 td.title,
#campusCss table.hierarchy tr.hierarchy2 .indented {
  padding-left: 40px;
}
#campusCss table.hierarchy tr.hierarchy3 td.title,
#campusCss table.hierarchy tr.hierarchy3 .indented {
  padding-left: 60px;
}
#campusCss table.hierarchy tr.hierarchy4 td.title,
#campusCss table.hierarchy tr.hierarchy4 .indented {
  padding-left: 80px;
}
#campusCss table.hierarchy tr.hierarchy5 td.title,
#campusCss table.hierarchy tr.hierarchy5 .indented {
  padding-left: 100px;
}
#campusCss table.hierarchy tr.hierarchy6 td.title,
#campusCss table.hierarchy tr.hierarchy6 .indented {
  padding-left: 120px;
}
#campusCss table.hierarchy tr.hierarchy7 td.title,
#campusCss table.hierarchy tr.hierarchy7 .indented {
  padding-left: 140px;
}
#campusCss table.hierarchy tr.hierarchy8 td.title,
#campusCss table.hierarchy tr.hierarchy8 .indented {
  padding-left: 160px;
}
#campusCss table.hierarchy tr.hierarchy9 td.title,
#campusCss table.hierarchy tr.hierarchy9 .indented {
  padding-left: 180px;
}
#campusCss table.hierarchy tr.hierarchy10 td.title,
#campusCss table.hierarchy tr.hierarchy10 .indented {
  padding-left: 200px;
}



 /*
  xx. Aufklappbare Tabelle (Alternativ zur Baumstruktur)
      Tabellentypen: listview + collapsiblelist
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* Icon im Tablehead ist größer */
#campusCss table.listview th div.mod_foldingelement {
  height: 16px;
  width: 16px;
}

#campusCss table.listview td div.mod_foldingelement {
  height: 12px;
  width: 12px;
}

#campusCss table.listview.collapsiblelist th.toggle_closed,
#campusCss table.listview.collapsiblelist td.toggle_closed,
#campusCss table.listview.collapsiblelist th.toggle_opened,
#campusCss table.listview.collapsiblelist td.toggle_opened,
#campusCss table.listview.collapsiblelistAjax th.toggle_closed,
#campusCss table.listview.collapsiblelistAjax td.toggle_closed,
#campusCss table.listview.collapsiblelistAjax th.toggle_opened,
#campusCss table.listview.collapsiblelistAjax td.toggle_opened {
  padding-right: 0;
  width: 24px;
}

#campusCss table.listview tr.collapsible_closed div.mod_foldingelement,
#campusCss table.listview th.toggle_closed div.mod_foldingelement {
  background: url("../../../../custom/shared/img/tree_arrow_closed.png") no-repeat left center;
  cursor: hand; /* IE6 */
  cursor: pointer;
}

#campusCss table.listview tr.collapsible_opened div.mod_foldingelement,
#campusCss table.listview th.toggle_opened div.mod_foldingelement {
  background: url("../../../../custom/shared/img/tree_arrow_open.png") no-repeat left center;
  cursor: hand; /* IE6 */
  cursor: pointer;
}

#campusCss table.listview.collapsiblelist .tablehead th,
#campusCss table.listview.collapsiblelist .tablecontent th,
#campusCss table.listview.collapsiblelist .tablecontent td,
#campusCss table.listview.collapsiblelistAjax .tablehead th,
#campusCss table.listview.collapsiblelistAjax .tablecontent th,
#campusCss table.listview.collapsiblelistAjax .tablecontent td  {
  border-left: none;
  border-right: none;
}

/* Arrow-Icon */
#campusCss table .tablecontent table.collapsible td .mod_foldingelement,
#campusCss table .tablecontent table.collapsible td .spacer {
  float: left;
  margin-right: 2px;
  margin-left: 75px;
}

#campusCss table .tablecontent table.collapsible td .spacer {
  /* Größe des Arrow-Icons */
  width: 50px;
  height: 12px;
}


#campusCss table.hierarchy tr.unfoldable td.toggle_closed div.mod_foldingelement {
  background: url("../../../../custom/shared/img/tree_multiarrow_closed.png") no-repeat left center;
}

#campusCss table.hierarchy tr.unfoldable td.toggle_opened div.mod_foldingelement {
  background: url("../../../../custom/shared/img/tree_multiarrow_open.png") no-repeat left center;
}

#campusCss table.listview.collapsiblelist .tablehead th.toggle_closed div.mod_foldingelement,
#campusCss table.hierarchy td.toggle_closed div.mod_foldingelement,
#campusCss table.listview.collapsiblelistAjax .tablehead th.toggle_closed div.mod_foldingelement
 {
  background: url("../../../../custom/shared/img/tree_multiarrow_closed.png") no-repeat center center;
}

#campusCss table.listview.collapsiblelist .tablehead th.toggle_opened div.mod_foldingelement,
#campusCss table.hierarchy td.toggle_opened div.mod_foldingelement,
#campusCss table.listview.collapsiblelistAjax .tablehead th.toggle_opened div.mod_foldingelement {
  background: url("../../../../custom/shared/img/tree_multiarrow_open.png") no-repeat center center;
}



/*
 * Innere Tabelle (ab 2ter Ebene)
 */

#campusCss table.listview .tablecontent table.collapsible {
  border-collapse: collapse;
  width: 100%;
  border-left: 1px dotted #ccc;
}

#campusCss table.listview .tablecontent table.collapsible tbody {
  border: 0;
}

/*
 * Farbgebung + Zebra
 */

#campusCss table.listview.collapsiblelist .tablecontent tr.collapsible td.collapsible,
#campusCss table.listview.collapsiblelistAjax .tablecontent tr.collapsible td.collapsible {
  background: #f3f3f4; /* Äußere Tabellenzeile (Ebene1) überschreiben */
  padding: 0 0 0 30px;
}

#campusCss table.listview.collapsiblelist .tablecontent tr.collapsible:hover td.collapsible,
#campusCss table.listview.collapsiblelistAjax .tablecontent tr.collapsible:hover td.collapsible  {
  background: #f3f3f4; /* Äußere Tabellenzeile (Ebene1) überschreiben */
}

#campusCss table.listview.collapsiblelist .tablecontent tr.collapsible td.collapsible table.collapsible td,
#campusCss table.listview.collapsiblelistAjax .tablecontent tr.collapsible td.collapsible table.collapsible td {
  border: none;
}

#campusCss table.listview.collapsiblelist .tablecontent tr.collapsible:hover td,
#campusCss table.listview.collapsiblelistAjax .tablecontent tr.collapsible:hover td  {
  background: none; /* Äußeren Tabellenzeilen-Hover (Ebene1) überschreiben */
}

/*
#campusCss table.listview .tablecontent table.collapsible tr.even {
  background: #fff;
}

#campusCss table.listview .tablecontent table.collapsible tr.odd {
  background: #f3f3f4;
}
*/

#campusCss table.listview.collapsiblelist .tablecontent table.collapsible tr:hover td,
#campusCss table.listview.collapsiblelistAjax .tablecontent table.collapsible tr:hover td  {
  background: #e0eeef;
}



/*
 * Content
 */

#campusCss table.listview.collapsiblelist .tablecontent table.collapsible ul,
#campusCss table.listview.collapsiblelistAjax .tablecontent table.collapsible ul  {
  list-style-type: none;
  margin: 5px 0 5px 40px;
  padding: 0;
}

#campusCss table.listview.collapsiblelist .tablecontent table.collapsible ul li,
#campusCss table.listview.collapsiblelistAjax .tablecontent table.collapsible ul li  {
  margin: 0;
  padding: 2px 0;
}

#campusCss table.listview.collapsiblelist .tablecontent table.collapsible td a,
#campusCss table.listview.collapsiblelistAjax .tablecontent table.collapsible td a {
}

#campusCss table.listview.collapsiblelist .tablecontent table.collapsible td .date,
#campusCss table.listview.collapsiblelistAjax .tablecontent table.collapsible td .date {
  color: #000;
}

#campusCss table.listview.collapsiblelist .tablecontent table.collapsible td .comment,
#campusCss table.listview.collapsiblelist .tablecontent table.collapsible td .links a,
#campusCss table.listview.collapsiblelistAjax .tablecontent table.collapsible td .comment,
#campusCss table.listview.collapsiblelistAjaxcollapsiblelistAjax .tablecontent table.collapsible td .links a  {
  color: #999;
}




 /*
  xx. Kollisionstabelle
      (collisionEdit.asp)
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#campusCss table.collisionTable {
  margin-top: 30px;
}

#campusCss table.collisionTable,
#campusCss table.collisionTable tbody table.eventTable {
  width: 100%;
  border-collapse: collapse;
  padding: 0;
}

#campusCss table.collisionTable td,
#campusCss table.collisionTable tbody table.eventTable td {
  padding: 0;
}

#campusCss table.collisionTable a {
  text-decoration: none;
}

#campusCss table.collisionTable a:hover {
  text-decoration: underline;
}

#campusCss table.collisionTable .ctLeftCol {
  width: 50%;
}

#campusCss table.collisionTable .ctRightCol {
  width: 50%;
}

#campusCss table.collisionTable thead .ctEvent .ctColSpace {
  background-color: #fff;
}

#campusCss table.collisionTable thead .ctEvent td {
  background-color: #e0eeef;
  padding: 10px;
  font-size: 13px;
  font-weight: bold;
}

#campusCss table.collisionTable thead .ctEventSpacer td {
  padding: 8px;
  height: 16px; /* IE */
}

#campusCss table.collisionTable tbody .ctHeadline td {
  padding: 5px 3px;
  background-color: #d9d9d9;
}

#campusCss table.collisionTable tbody .ctCollisionList td {
  vertical-align: top;
}

#campusCss table.collisionTable tbody .ctListSpacer td {
  padding: 7px;
  height: 14px; /* IE */
}

#campusCss table.collisionTable tbody table.eventTable {
  border: 1px dotted #bbb;
  border-top: none;
}

#campusCss table.collisionTable tbody table.eventTable td {
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  padding: 5px;
}

#campusCss table.collisionTable tbody table.eventTable .event {
  padding-left: 24px;
}

#campusCss table.collisionTable tbody table.eventTable .highlight {
  color: #cf0000;
  font-weight: bold;
}

#campusCss table.collisionTable tbody table.eventTable .deleteEvent {
  text-align: center;
  width: 30px;
}



 /*
  xx. Gridtabelle
      (getAllocationTree.asp)
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#campusCss table.grid {
  border: 1px solid #bbb;
  white-space: nowrap;
  border-collapse: collapse;
}

table.grid td{
  margin: 5px;
  padding:5px;
}

#campusCss table.grid tr.hierarchy4 td{
 border: 1px solid #bbb;
}

#campusCss table.grid tr:hover td /* Alte Tabelle (V3-Style) */
{
  background-color: #e0eeef;
}

#campusCss table.grid tr.hierarchy5 td.default{
  font-weight: bold;
  border: 0px solid transparent;
  background: #bbb;
  color: 	#101010;
}

#campusCss table.grid tr.hierarchy3 td.default{
  font-weight: bold;
  border: 0px solid transparent;
  background-color: #ddd !important;
}

#campusCss table.grid tr.hierarchy2 td.default{
  font-weight: bold;
  border: 0px solid transparent;
  background: #fbfbfb;
  color: #202020;
}

/*~~~~ AzAt  14.10.2010~~~*/
/*Table formelement
  allocationProtocol.asp*/


#campusCss table.formelement {
  margin: 5px;
}

#campusCss table.formelement  tbody tr td{
  padding: 2px;
}

#campusCss table.formelement td.headline{
  background: #ccc url("../../img/tablebar_bg.png") repeat-x left top ;
  font-weight: bold;
  font-size: 14px;
  padding: 10px;
}

#campusCss table.formelement table.grid{
 border: 1px solid #bbb;
  margin: 0px;
}

#campusCss table.oldgrid{
 margin: 0px;
 background: #bbb; 
}
#campusCss table.oldgrid tr.default{ background: #FFF; }
#campusCss table.oldgrid tr.blue1{ background: ##c6c6c6; }
#campusCss table.oldgrid tr.blue2{ background: #FFF; }
#campusCss table.oldgrid tr.odd{ background: ##c6c6c6; }
#campusCss table.oldgrid tr.even{ background: #FFF; }
#campusCss table.oldgrid .tablehead th {
    padding: 4px 5px;
    white-space: nowrap;
    background: #D9D9D9 url(../../img/tablehead_bg.png) repeat-x left top;
    font-weight: bold;
    text-align: left;
}
#campusCss table.width99{
  width: 99%;
}

#campusCss table.formelement table.grid tr.default{
  padding: 4px 5px;
  white-space: nowrap;
  background: #D9D9D9 url("../../img/tablehead_bg.png") repeat-x left top;
  font-weight: bold;
  text-align: left;
}


#campusCss table.formelement table.grid tr.blue2 {
  background-color: #fff;
}

#campusCss table.formelement table.grid tr.blue1 {
  background-color: #f3f3f4;
}
/*
  xx. Aktionen im Tabellenkopf
  ++++++++++++++++++++++++++++++++++++++++++++++++++*/

#campusCss table .tablehead tr div.headItem {
  border: 1px solid transparent;
  margin: 0;
  padding: 0;
  width: 16px;
  height: 16px;
  cursor: hand; /* IE6 */
  cursor: pointer;
}

#campusCss table .tablehead th div.mod_foldingelement {
  border: 1px solid transparent;
}

#campusCss table .tablehead tr div.headItem:hover,
#campusCss table .tablehead th div.mod_foldingelement:hover {
  background-color: #ccc !important;
  border-color: #bbb;
}




/*
  xx. PAGINATION
  ++++++++++++++++++++++++++++++++++++++++++++++++++*/


#campusCss div.pagination {
  width: auto;
  height: 28px;
  background: #ccc url("../../img/tablebar_bg.png") repeat-x left top;
  color: #666;
}

#campusCss div.pagination p {
  display: inline-block;
  margin: 0;
}

#campusCss div.pagination div.numbers p {
  display: inline;
  margin-right: 20px;
}

#campusCss div.pagination p span {
  padding-right: 5px;
  color: #666;
}

#campusCss div.pagination p a {
  margin-right: 3px;
  padding: 2px;
}

#campusCss div.pagination p a:hover {
  background-color: #e6edf6;
}

#campusCss div.pagination p a.active {
  text-decoration: none;
  font-weight: bold;
}

#campusCss div.pagination p.gotopage input.gotopage {
  margin-right: 2px;
  width: 30px !important;
}

#campusCss div.pagination p.gotopage input {
  vertical-align: middle;
  width: 60px;
  color: #666;
}

#campusCss div.pagination .pagination-arrows a {
  text-decoration: none;
}

#campusCss div.pagination p.pagination-arrows {
  margin-left: 5px;
  float: left;
  margin-top: 6px;
  margin-bottom: 0px;
}

#campusCss div.pagination p.pagination-arrows a:hover {
  background-color: #fff;
}

#campusCss div.pagination p.gotopage {
  float: left;
  margin-top: 3px;
  margin-bottom: 0px;
}

#campusCss div.pagination p.itemsperpage {
  background: none;
  border: none;
  height: auto;
  padding: 5px 0 0 5px;
  color: #666;
  margin-bottom: 0px;
}

#campusCss div.pagination p.itemsperpage select {
  width: 50px;
  height: 20px;
  margin: 0;
  vertical-align: middle;
  color: #666;
}



/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  / Tabellentypen (Datenvisualisierung)
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/







/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

  xx. Kalender (verschiedene Ansichten)

  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*
 * Kalender | Toolbar (vor, zurück, Heute, Datum, etc.)
 */

#campusCss .calendarConfig {margin-bottom:10px;}

#campusCss .calendarConfig tr td {
  padding: 0 !important;
}

#campusCss .calendarConfig tr td input.datefield {
  margin: 2px 0 0 3px;
}

#campusCss .calendarConfig tr td input.buttonNext,
#campusCss .calendarConfig tr td input.buttonPevious,
#campusCss .calendarConfig tr td input.buttonNextEnd,
#campusCss .calendarConfig tr td input.buttonPeviousEnd {
  font-weight: bold;
}

#campusCss .timetable br {
  height: 10px;
}


/*
 * Kalender | Legende
 */

#campusCss table.colorkey {
  border-collapse: separate;
  width: auto;
}

#campusCss table.colorkey td {
  padding: 7px;
  border: 1px solid #aaa;
}









/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

  xx. Formularseiten

  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



#campusCss td.right {
  text-align: right;
}

#campusCss tr.searchfield{
  height: 30px;
}


#campusCss div.formcomponent table.formelements,
#campusCss div.formcomponent table.displayfields {
  /*width: 100%;*/
}

#campusCss div.formcomponent table.formelements td,
#campusCss div.formcomponent table.displayfields td {
  padding: 5px;
/*
  border: 0px solid transparent;
*/
  vertical-align: middle;
}

#campusCss div.formcomponent table.displayfields td,
#campusCss div.formcomponent table.displayfields td#login {
  max-width: 500px;
}

#campusCss div.formcomponent table.formelements td.login input {
  width: 150px !important;
}

#campusCss div.formcomponent table.formelements td.label,
#campusCss div.formcomponent table.displayfields td.label {
  text-align: right;
  padding-left: 15px;
  vertical-align: top;
  width: 140px;
}

#campusCss div.formcomponent table.formelements td.headline,
#campusCss div.formcomponent table.displayfields td.headline {
  padding: 0;
}

#campusCss div.formcomponent table.formelements td.headline h2,
#campusCss div.formcomponent table.displayfields td.headline h2 {
  margin: 25px 0 10px;
}

#campusCss div.formcomponent table.formelements td.label span.hint,
#campusCss div.formcomponent table.displayfields td.label span.hint,
#campusCss div.formcomponent table.formelements td.element.date span.hint,
#campusCss div.formcomponent table.displayfields td.element.date span.hint,
#campusCss div.formcomponent table.formelements td.element span.hint,
#campusCss div.formcomponent table.displayfields td.element span.hint {
  display: block;
  font-weight: normal;
}

/* label bei 2 nebeneinanderliegenden Spalten nochmal absetzen */
#campusCss div.formcomponent table.formelements td.label.extracolumn,
#campusCss div.formcomponent table.displayfields td.label.extracolumn {
  padding-left: 50px;
}

#campusCss table.displayfields td.element a {
  text-decoration: underline;
}

#campusCss table.displayfields td.element a:hover {
  text-decoration: none;
}


#campusCss table.displayfields td.element a.extLink {
  background: url("../../../shared/img/extlink_10.png") no-repeat right center;
  padding-right: 12px;
}

#campusCss div.formcomponent table.displayfields td.element.editable:hover,
#campusCss div.formcomponent table.displayfields td.element.editing {
  /*padding-left: 22px;*/
  background: url("../../img/edit_16.png") no-repeat;
}

#campusCss div.formcomponent table.formelements td.element,
#campusCss div.formcomponent table.displayfields td.element {
  vertical-align: top;
  white-space: normal;
}

#campusCss div.formcomponent table.formelements td.element,
#campusCss div.formcomponent table.formelements td.hilfe,
#campusCss div.formcomponent table.displayfields td.element,
#campusCss div.formcomponent table.displayfields td.hilfe {
  /*padding-left: 22px;*/
  /*width: 100%;*/
}

#campusCss div.formcomponent table.formelements td.element input[type="checkbox"],
#campusCss div.formcomponent table.formelements td.element input[type="checkbox"] {
  margin-left: 0;
}

#campusCss .ie6 div.formcomponent table.formelements td.element input[type="checkbox"],
#campusCss .ie7 div.formcomponent table.formelements td.element input[type="checkbox"] {
  margin-left: -4px;
}

#campusCss div.formcomponent table.formelements td.element select {
/*
  width: 413px;
*/
}

#campusCss .ie6 div.formcomponent table.formelements td.element select,
#campusCss .ie7 div.formcomponent table.formelements td.element select {
/*
  width: 416px;
*/
}

#campusCss div.formcomponent table.displayfields td.element input.inlineedit {
  width: 200px;
}

#campusCss div.formcomponent table.formelements td.element input.validationFailed,
#campusCss div.formcomponent table.displayfields td.element input.validationFailed {
  background-color: #ffe2e2;
}

#campusCss div.formcomponent table.formelements td.element input.validationPassed,
#campusCss div.formcomponent table.displayfields td.element input.validationPassed {
  background-color: #e1ffdc;
}

#campusCss div.formcomponent table.formelements td.element.cb input,
#campusCss div.formcomponent table.formelements td.element.radio input {
  margin-top: 0;
}

/* Hack für IE7 */
#campusCss .ie7 div.formcomponent table.formelements td.element.cb input,
#campusCss div.formcomponent table.formelements td.element.radio input {
  margin-top: -3px;
}

/* toggle der Bitfelder */
#campusCss div.formcomponent table.displayfields td.element:hover a.toggle {
  padding-left: 18px;
  margin-left: -18px;
  background-image: url("../../img/editable_link.png");
  background-repeat: no-repeat;
}

/* Hack für IE 7 */
#campusCss .ie7 div.formcomponent table.displayfields td.element:hover a.toggle {
  padding-left: 21px;
  margin-left: -20px;
}

#campusCss div.formcomponent table.formelements td.infoCell,
#campusCss div.formcomponent table.displayfields td.infoCell {
}

#campusCss div.formcomponent .tablecellImageWrap {
  float: left;
  margin-right: 5px;
}

#campusCss div.formcomponent .infoText {
  float: left;
  width: 90%;
}

#campusCss div.formcomponent table.formelements td.radio input,
#campusCss div.formcomponent table.formelements td.cb input {
  width: auto;
  margin-right: 20px;
  border: none;
}

#campusCss div.formcomponent table.formelements td.radio input:hover,
#campusCss div.formcomponent table.formelements td.cb input:hover {
  background-color: transparent;
}

/* Datumsfeld mit JS-Kalender-Bild */
#campusCss div.formcomponent table.formelements td.date input,
#campusCss div.formcomponent table.formelements td.date.mandatory input {
  /*width: 374px;*/
  width: 150px;
  float: left;
}

#campusCss div.templatecomponent table.listview tr.multiapplication td,
#campusCss div.templatecomponent table.listview tr.multiapplication td a {
  font-style: italic;
  font-weight: bold;
}



/*
  xx. Pflichtfelder
  ++++++++++++++++++++++++++++++++++++++++++++++++++*/


#campusCss div.formcomponent table.formelements input.mandatory,
#campusCss div.formcomponent table.formelements td.element select.mandatory,
#campusCss div.formcomponent table.listview td.element textarea.mandatory ,
#campusCss div.formcomponent table.formelements td.element textarea.mandatory,
#campusCss div.formcomponent table.formelements td.element.mandatory select {
  border: 1px solid #aaa;
  border-left: 3px solid red;
}

#campusCss div.formcomponent table.formelements td.element.mandatory input,
#campusCss div.formcomponent table.formelements td.element.mandatory textarea {
  border-left: 3px solid red;
  width: 600px;
}

#campusCss div.formcomponent table.formelements td.element input.mandatory,
#campusCss div.formcomponent table.formelements td.element textarea.mandatory {
  width: 600px;
}
/* IE7 */
#campusCss .ie7 div.formcomponent table.formelements td.element input.mandatory,
#campusCss .ie7 div.formcomponent table.formelements td.element textarea.mandatory {
  width: 600px;
}

#campusCss div.formcomponent table.formelements td.element.timeField input,
#campusCss input.datefield {
  float: left;
  width: 148px;
}

#campusCss div.formcomponent table.formelements td.element.mandatory select {
  width: 600px;
}

#campusCss div.formcomponent table.formelements td.element select.mandatory {
  width: 600px !important;
}
#campusCss .ie7 div.formcomponent table.formelements td.element select.mandatory {
  width: 600px !important;
}


#campusCss .ie6 div.formcomponent table.formelements td.element.mandatory input,
#campusCss .ie7 div.formcomponent table.formelements td.element.mandatory input {
  border-left: 3px solid red;
  width: 600px;
}

/* Border macht beim IE Probleme. Auszeichnung per Grafik sinnvoller. */

#campusCss .ie6 table.formelements td.element span.mandatorywrapper input,
#campusCss .ie6 table.formelements td.element span.mandatorywrapper select,
#campusCss .ie8 table.formelements td.element span.mandatorywrapper textarea,
#campusCss .ie7 table.formelements td.element span.mandatorywrapper input,
#campusCss .ie7 table.formelements td.element span.mandatorywrapper select,
#campusCss .ie7 table.formelements td.element span.mandatorywrapper textarea,
#campusCss .ie8 table.formelements td.element span.mandatorywrapper input,
#campusCss .ie8 table.formelements td.element span.mandatorywrapper select,
#campusCss .ie8 table.formelements td.element span.mandatorywrapper textarea {
  border-left: none;
}

#campusCss .ie6 table.formelements td.element span.mandatorywrapper,
#campusCss .ie7 table.formelements td.element span.mandatorywrapper,
#campusCss .ie8 table.formelements td.element span.mandatorywrapper {
  border-left: 3px solid red;
}

#campusCss div.formcomponent table.formelements td input.timeInputField,
#campusCss div.formcomponent table.displayfields td input.timeInputField {
  width: 40px !important;
}

#campusCss div.formcomponent table.formelements td.date span,
#campusCss div.formcomponent table.displayfields td.date span {
  display: block;
  float: left;
  padding-top: 2px;
  /*padding-left: 10px;*/
}

#campusCss div.formcomponent table.formelements td.button input,
#campusCss div.formcomponent table.displayfields td.button input {
  margin-right: 10px;
}

#campusCss table.formelements input.italicFont {
  font-style: italic;
}

#campusCss div.formcomponent p {
  margin-bottom: 20px;
  max-width: 800px;
}

div.cas-extended-field-value p {
  margin-bottom: 0px !important;
}

/* Test: forms ohne tabelle: */
#campusCss div.formcomponent fieldset {
  border: 0px solid black;
}

#campusCss div.formcomponent fieldset div.fieldrow {
  clear: both;
  padding-top: 10px;
}

#campusCss div.formcomponent fieldset input.cb,
#campusCss div.formcomponent fieldset input.rb {
  width: auto;
  border: none;
  margin-top: 5px;
}

/* Hack für IE 7 */
#campusCss .ie7 div.formcomponent fieldset input.cb,
#campusCss div.formcomponent fieldset input.rb {
  margin-top: 1px;
}

/* Hack für IE 6 */
#campusCss .ie6 div.formcomponent fieldset input.cb,
#campusCss div.formcomponent fieldset input.rb {
  margin-top: 1px;
}

#campusCss div.formcomponent fieldset div.fieldrow label,
#campusCss div.formcomponent fieldset div.fieldrow span {
  display: block;
  float: left;
  width: 200px;
  text-align: right;
  font-weight: bold;
  /*border: 1px solid red;*/
  padding-top: 5px;
  padding-right: 10px;
}

/* wrapper für checkboxen und radiobuttons. so können mehrere in einer Zeile stehen */
#campusCss div.formcomponent fieldset div.fieldrow div.input {
  float: left;
  padding-top: 1px;
}

#campusCss div.formcomponent fieldset div.fieldrow div.input label {
  display: inline;
  text-align: left;
  float: none;
  padding-right: 0px;
  /*padding-top: 7px;*/
  font-weight: normal;
  width: auto;
}

#campusCss div.formcomponent fieldset div.fieldrow div.input input {
  width: auto;
  border: none;
  margin-right: 20px;
  margin-left: 10px;
}



#campusCss div.formcomponent table .customFormTable {
  padding: 0;
  border: 0;
  margin: 0;
}

#campusCss div.formcomponent table .customFormTable td {
  vertical-align: top;
  padding-top: 0;
  padding-bottom: 5px;
}

/* Wrapper für Labels von Checkboxen: Füge rechten Abstand ein, damit mehrere nebeneinander stehen können */
#campusCss label.checkbox {
  margin-right: 8px;
}

/* Wrapper für Text zwischen zwei Input-Feldern in einer Zeile */
#campusCss span.middletext {
  margin: 0px 5px;
}

/* Wrapper für Text zwischen zwei Input-Feldern in einer Zeile */
#campusCss div.formcomponent table.formelements td.tdnopaddingleft {
  padding-left: 0px;
}







/*
 * Styles für Erfassung von Leistungen
 */

#campusCss .formcomponent #paymentTable input.payview,
#campusCss .formcomponent #paymentTable select.payview {
  width: 132px;
}

#campusCss .formcomponent #paymentTable input[type="radio"].payview {
  width: auto !important;
  border: none !important;
}





/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

  xx. Übersichtsseiten

  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



/*div.templatecomponent.dropShadowContainer, #campusCss div.formcomponent.dropShadowContainer { */
#campusCss .dropShadowContainer {
    position: relative;
    left: 3px;
    top: 3px;
    margin: 0;
  width: 630px;
}

#campusCss .dropShadowContainer .dropShadowWrap2,
#campusCss .dropShadowContainer .dropShadowWrap3,
#campusCss .dropShadowContainer .contentContainer {
    position: relative;
    left: -1px;
    top: -1px;
}

#campusCss .dropShadowContainer .dropShadowWrap1 {
  background: #f1f1f1;
}

#campusCss .dropShadowContainer .dropShadowWrap2 {
  background: #dbdbdb;
}

#campusCss .dropShadowContainer .dropShadowWrap3 {
  background: #b8b8b8;
}

#campusCss .dropShadowContainer .contentContainer {
  background: #fff;
  border: 1px solid #848284;
  padding: 15px;
}

#campusCss .callingcard .callingcardTable {
  width: 600px;
}

#campusCss .callingcard .callingcardTable div.formcomponent {
  padding: 0;
}

#campusCss .callingcard .callingcardTable .label {
  text-align: left !important;
  font-weight: normal !important;
}

#campusCss .callingcard .callingcardTable .ccTableHeadline h2 {
  margin: 0 0 10px;
  padding: 0;
}

#campusCss .callingcard .callingcardTable .ccTableImage {
  width: auto;
  vertical-align: top;
}

#campusCss .callingcard .callingcardTable .ccTableInfos {
  width: 100%;
  vertical-align: top;
}

#campusCss .callingcard .callingcardTable .ccTableInfos  input{
  width: 340px;
}




#campusCss .framedImageWrap {
  position: relative;
}

#campusCss .framedImageWrap .framedImage {
  border: 5px solid #aaa;
}

#campusCss .framedImageWrap .editImageWrap {
  position: absolute;
  right: 8px;
  top: 8px;
  padding: 2px;
  border: 1px solid #ccc;
  background: #ddd;
  opacity: 0.5;
  cursor: pointer;
}

#campusCss .framedImageWrap .editImageWrap:hover {
  opacity: 1;
}

#campusCss .framedImageWrap .editImageWrapCustom:hover {
  opacity: 1;
}

#campusCss .framedImageWrap .editImageWrapCustom {
  position: absolute;
  left: 145px;
  top: 8px;
  padding: 2px;
  border: 1px solid #ccc;
  background: #ddd;

  cursor: pointer;
}

#campusCss .framedImageWrap .editImageWrapDeleteCustom,
#campusCss .framedImageWrap .editImageWrapCustom {
  position: absolute;
  left: 175px;
  top: 8px;
  padding: 2px;
  border: 1px solid #ccc;
  background: #ddd;
  cursor: pointer;
}

#campusCss .framedImageWrap .editImageWrapCustom {
  left: 143px;
}

#campusCss .editImageWrapCustom button{
  border: medium none;
  margin: 0;
  padding: 0;
  width: 18px;
  height: 19px;
  cursor: pointer;
  background: #ddd;
}



#campusCss .callingcard .callingcardTable .displayfields td {
  padding: 4px 5px;
  min-width: 0 !important;
  width: 0 !important;
}









/* 4.5 Baumkomponente
 --------------------*/


#campusCss div.templatecomponent ul.tree,
#campusCss div.templatecomponent ul.tree ul {
  padding: 0;
  list-style-image: url("../../img/plus.gif");
  list-style-type: none;
  list-style-position: inside;
}

#campusCss div.templatecomponent ul.tree ul {
  margin-left: 20px;
  margin-top: 5px;
  display: none;
}

#campusCss div.templatecomponent ul.tree li.open {
  list-style-image: url("../../img/minus.gif");
}

/* IE6 Hack: Listenbilder Problem */
* html #campusCss div.templatecomponent ul.tree li.open,
* html #campusCss div.templatecomponent ul.tree li {
  display: block;
  border: 1px solid black;
  list-style-image: none;
  background-image: url("../../img/minus.gif");
  background-repeat: no-repeat;
  /*padding-left: 12px;*/
}

* html #campusCss div.templatecomponent ul.tree li.open a {
}
/* /IE6 Hack: Listenbilder Problem */

#campusCss div.templatecomponent ul.tree {
  width: 400px;
  margin: 0;
}

#campusCss div.templatecomponent ul.tree li {
  padding-bottom: 5px;
  margin-left: 10px;
  /*border: 1px solid black;*/
}

#campusCss div.templatecomponent ul.tree li a {
}

#campusCss div.templatecomponent ul.tree li.leaf {
  list-style-image: none;
}

/*
 * JS-Tree
 */
#campusCss .templatecomponent ul.jstree {
  /*background-color: #F0F0F0;*/
  list-style-position: inside;
  list-style-type: none;
  padding-left: 0px;
  margin-left: 10px;
}

/* IE6 Hack */
* html #campusCss .templatecomponent ul.jstree {
  margin-left: -5px;
}


/* IE7 Hack */
*+html #campusCss .templatecomponent ul.jstree {
   padding-left: 0px;
  margin-left: -5px;
}

#campusCss .templatecomponent ul.jstree ul {
  /*padding-left: 30px;*/
  list-style-type: none;
  /*border-left: 1px dotted black;*/
}

/* IE7 Hack */
*+html #campusCss .templatecomponent ul.jstree ul {
  padding-left: 30px;
}

/* IE6 Hack */
* html #campusCss .templatecomponent ul.jstree ul {
  padding-left: 5px;
}

#campusCss .templatecomponent ul.jstree li {
  /*border-left: dotted thin #aaa;*/
  font-weight: bold;
  /*background-image: url("../../img/tree_vertical.png");
  background-repeat: no-repeat;
  background-position: 4px 0px;*/
  padding: 2px 0;
  padding-left: 0px;
}

#campusCss .templatecomponent ul.jstree ul li {
  margin-left: -50px;
  padding-left: 25px;
  font-weight: normal;
  background-image: url("../../img/tree_vertical.png");
  background-repeat: no-repeat;
  background-position: 5px 0px;
}

/* Hack für IE 6 */
#campusCss .ie6 .templatecomponent ul.jstree ul li {
  background-image: none;
  padding-left: 10px;
  margin-left: -40px;
}

/* Hack für IE 7 */
#campusCss .ie7 .templatecomponent ul.jstree ul li {
  margin-left: -65px;
  padding-left: 10px;
}

#campusCss .templatecomponent ul.jstree li.lastchild {
 background-image: url("../../img/tree_vertical_last.png");
 border-left: none;
}

/* Hack für IE 6 */
#campusCss .ie6 .templatecomponent ul.jstree li.lastchild {
   background-image: none;
}

#campusCss .templatecomponent ul.jstree li a.closed img.closed,
#campusCss .templatecomponent ul.jstree li a.open img.open {
  display: inline;
  padding-left: 10px;
  margin-left: -20px;
}

#campusCss .templatecomponent ul.jstree li a.closed img.open,
#campusCss .templatecomponent ul.jstree li a.open img.closed {
  display: none;
  padding-left: 10px;
  margin-left: -20px;
}


#campusCss .templatecomponent ul.jstree li a.closed,
#campusCss .templatecomponent ul.jstree li a.open {
  margin-right: 1px;
}



























/* 4.7 Links, Tooltips, Flyouts
 ------------------------------*/


/*a.new, */
#campusCss a.info,
#campusCss a.link {
  padding-left: 18px;
  background-repeat: no-repeat;
  background-image: url("../../img/neu.png");
}

#campusCss div.templatecomponent div.newoptions div.close,
#campusCss  div.formcomponent div.newoptions div.close {
  background-color: #cccccc;
}

#campusCss div.templatecomponent div.newoptions ul li a:hover {
  color: #009682;
}

#campusCss div.templatecomponent h2 a.new,
#campusCss div.templatecomponent h2 a.info,
#campusCss div.formcomponent h2 a.new,
#campusCss div.formcomponent h2 a.info {
  padding-left: 0px;
  padding-bottom: 5px;
  background-position: 0px 5px;
  /*border: 1px solid black;*/
}

/*
#campusCss div.templatecomponent h3 {
   font-size: 14px;
   margin-bottom: 10px;
}
*/

#campusCss h1 a.info {
  background-position: 0 7px;
}
/*
#campusCss a.info {
  background-image: url("../../img/info.png");
}

#campusCss a.info:hover {
  background-image: url("../../img/info_hover.png");
}

#campusCss div.templatecomponent h2 a.new:hover {
  background-image: url("../../img/neu_hover.png");
}

#campusCss a.new.options,
#campusCss div.templatecomponent h2 a.new.options {
  background-image: url("../../img/neu_options.png");
}

#campusCss a.new.options:hover,
#campusCss div.templatecomponent h2 a.new.options:hover {
  background-image: url("../../img/neu_options_hover.png");
}
*/



/*
 * Edit-Links
 */
#campusCss a.edit {
  background-image: url("../../img/edit.png");
}

#campusCss a.edit:hover {
  background-image: url("../../img/edit_hover.png");
}

#campusCss a.link {
  background-image: url("../../img/link.png");
}

#campusCss a.link:hover {
  background-image: url("../../img/link_hover.png");
}

/*
 * Tooltip für Formularvalidierung
 */
#campusCss #formhint {
  position: absolute;
  z-index: 1000;
  background-image: url("../../img/hint.png");
  background-repeat: no-repeat;
  padding-left: 10px;
  max-width: 250px;
}

#campusCss #formhint div {
  background-color: #FFFFF0;
  padding: 5px;
  padding-left: 7px;
  border: 1px solid #a5acb2;
  border-left: 0px solid black;
}

/*
 * Tooltip für einzelne Label bzw. für Hilfe im Seitenkontext.
 */
#campusCss span.help-label-wrap:hover span.tooltip,
#campusCss span.help-page-wrap:hover span.tooltip {
  display: block !important;
  position: absolute;
  z-index: 1000;
  color: #777777;
  text-align: left;
  border: 1px solid #777777;
  background-color: #ffffff;
  padding: 5px;
  margin-top: 16px;
  max-width: 300px;
}

/*
 * Tooltip für einzelne Label
 */
#campusCss span.tooltip-label-wrap:hover span.tooltip {
  display: block !important;
  position: absolute;
  z-index: 1000;
  color: #777777;
  text-align: left;
  border: 1px solid #777777;
  background-color: #ffffff;
  padding: 5px;
  margin-top: 16px;
  max-width: 400px;
  white-space: normal;
}

#campusCss span.help-page-wrap:hover span.tooltip {
  right: 0px;
}

#campusCss span.help-page-wrap {
  float: right;
}

#campusCss .infoicon {
  vertical-align: middle;
}

#campusCss span.help-label-wrap span.tooltip,
#campusCss span.help-page-wrap span.tooltip {
  display: block;
}

#campusCss span.help-label-wrap {
  white-space: nowrap;
}

#campusCss span.help-label-wrap span.tooltip,
#campusCss span.help-label-wrap span.label-wrap {
  white-space: normal;
}

#campusCss img.help-icon {
  vertical-align: middle;
  padding-right: 3px;
}

/* 4.7.1 DIV-Overlay-Menüs
 -------------------------------------------------------------------------------------*/

#campusCss div.templatecomponent.linklist div .blankdiv,
#campusCss div.templatecomponent div.newoptions,
#campusCss div.formcomponent div.newoptions,
#campusCss div.templatecomponent div.newoptionsactivator,
#campusCss div.formcomponent div.newoptionsactivator,
#campusCss div.templatecomponent div.optionsmenu,
#campusCss div.formcomponent div.optionsmenu {
  border: 0 !important;
  /*
  margin: 0 !important;
  padding: 0 !important;
  */
}

#campusCss div.templatecomponent div.newoptions,
#campusCss div.formcomponent div.newoptions {
  display: none;
  position: absolute;
  border: 1px solid #aaa;
  background: #fff;
}

#campusCss div.templatecomponent div.newoptions ul,
#campusCss div.formcomponent div.newoptions ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
 }

#campusCss div.templatecomponent div.newoptions ul li,
#campusCss div.formcomponent div.newoptions ul li {
  border-bottom: 1px solid #aaa;
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
  background-color: #fff;
  padding: 5px 10px;
  text-align: left;
   }

#campusCss div.templatecomponent div.newoptions ul li:hover,
#campusCss div.formcomponent div.newoptions ul li:hover {
  background-color: #f3f3f4;
}

#campusCss div.templatecomponent div.newoptions ul li a {
  color: #333;
  font-size: 11px;
  margin-bottom: 0;
  border: 0;
}

#campusCss div.templatecomponent div.newoptions ul li a:hover {
  text-decoration: underline;
}

#campusCss div.templatecomponent div.newoptions div.close,
#campusCss div.formcomponent div.newoptions div.close {
  border: 1px solid #aaa;
  text-align: right;
  padding: 2px;
  background-color: #d9d9d9;
  margin: 0 !important;
}












/* 4.9 Wizard-Dialog
 -------------------*/


#campusCss div.wizardContainer {
  padding: 20px 0;
}

#campusCss div.wizardStepNavigation {
}

#campusCss div.wizardWithoutNavigation {
  padding-bottom:60px;
}

#campusCss div.buttons input,
#campusCss div.wizardContainer div.wizardNavigation input {
  margin-right: 5px;
}

#campusCss div.wizardContainer ul.wizard {
  padding: 10px 0;
  font-weight: bold;
}

#campusCss div.wizardContainer ul.wizard li.step {
  padding: 0 10px;
  margin-right: 10px;
  border: 1px solid black;
  display: inline;
  /*border-collapse: no-collapse;*/
}





























/* 4.17 Filterbox (oberhalb einer Tabelle) *
 ----------------------------------------*/
#campusCss div.templatecomponent.linklist div input,
#campusCss div.templatecomponent.linklist div select {
  width: auto;
  margin: 2px;
}


#campusCss div table.claimsearchtable input[type="text"],
#campusCss div.templatecomponent.linklist table.personFilter input[type="text"],
#campusCss div.templatecomponent.linklist table.eventList input[type="text"] {
  width: 132px;
}

#campusCss div table.claimsearchtable,
#campusCss div.templatecomponent.linklist table.personFilter,
#campusCss div.templatecomponent.linklist table.eventList,
#campusCss table.filter {
  border: 1px solid #bbb;
  margin: 0px 0px 30px;
  background-color: #f3f3f4;
}

#campusCss div table.claimsearchtable tr.filtertype td,
#campusCss div.templatecomponent.linklist table.personFilter tr.filtertype td,
#campusCss div.templatecomponent.linklist table.eventList tr.filtertype td {
  background: #d9d9d9 url("../../img/tabelle_verlauf.png") repeat-x scroll left center;
  height: 28px;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: 1px solid #bbb;
}


#campusCss div table.claimsearchtable td,
#campusCss div.templatecomponent.linklist table.listFilter td,
#campusCss div.templatecomponent.linklist table.personFilter td,
#campusCss div.templatecomponent.linklist table.eventList td {
  line-height: 25px;
  padding: 4px 6px;
}

#campusCss div table.claimsearchtable td br,
#campusCss div.templatecomponent.linklist table.listFilter td br,
#campusCss div.templatecomponent.linklist table.personFilter td br,
#campusCss div.templatecomponent.linklist table.eventList td br {
  border: 0;
  padding: 0;
  margin: 0;
}

#campusCss div table.claimsearchtable th {
  white-space: nowrap;
  background-color: #009522;
  color: #FFFFFF;
}

#campusCss div table.listview th img.headerimage {
  display: block;
  width: 40px;
  height: 40px;
}

#campusCss table.listview tr.error td,
#campusCss table.listview tr.error td a {
  color:#cf0000;
}

#campusCss div.templatecomponent.linklist table.listFilter,
#campusCss div.templatecomponent.linklist table.personFilter,
#campusCss div.templatecomponent.linklist table.eventList {
  width: auto;
}

#campusCss div.templatecomponent.linklist table.personFilter tr.searchButton input,
#campusCss div.templatecomponent.linklist table.eventList tr.searchButton input {
  width: 160px;
}

#campusCss div.templatecomponent.linklist table.personFilter tr.searchButton input.search,
#campusCss div.templatecomponent.linklist table.personFilter tr.searchButton select,
#campusCss div.templatecomponent.linklist table.personFilter td select,
#campusCss div.templatecomponent.linklist table.eventList tr.searchButton input.search,
#campusCss div.templatecomponent.linklist table.eventList tr.searchButton select,
#campusCss div.templatecomponent.linklist table.eventList td select {
  width: auto;
}

#campusCss div.templatecomponent.linklist table.personFilter tr.filtertype td select,
#campusCss div.templatecomponent.linklist table.eventList tr.filtertype td select {
  margin: 0;
}

#campusCss div.templatecomponent.linklist table.listFilter td select,
#campusCss div.templatecomponent.linklist table.personFilter td select,
#campusCss div.templatecomponent.linklist table.eventList td select,
#campusCss div.templatecomponent.linklist table.listFilter td input,
#campusCss div.templatecomponent.linklist table.personFilter td input,
#campusCss div.templatecomponent.linklist table.eventList td input {
  margin: 0px 6px;
}

#campusCss div.templatecomponent.linklist table.listFilter td select,
#campusCss div.templatecomponent.linklist table.personFilter td select,
#campusCss div.templatecomponent.linklist table.eventList td select {
  width: auto;
}

#campusCss div.templatecomponent.linklist table.listFilter td input,
#campusCss div.templatecomponent.linklist table.personFilter td input,
#campusCss div.templatecomponent.linklist table.eventList td input {
  width: 70px;
}

#campusCss div.templatecomponent.linklist table.listFilter th,
#campusCss div.templatecomponent.linklist table.personFilter th,
#campusCss div.templatecomponent.linklist table.eventList th {
  background-color: #009522;
  font-size: 11px;
  letter-spacing: 1px;
  line-height: 1.2em;
  text-align: left;
  color: #FFFFFF;
}

#campusCss div.templatecomponent.linklist table.listFilter tr td .extendedControl {
  width: 450px;
}






























/*#########################################################################################
  #########################################################################################
  #########################################################################################

  Unerwünschte Definitionen

  Die nachfolgenden CSS-Regeln getreffen Elemente, die zukünftig nicht mehr eingesetzt
  werden sollten.

  #########################################################################################
  #########################################################################################
  #########################################################################################*/






/* 4.6 Suchformulare: Erweiterte Suche, Verknüpfungssuche *
 ---------------------------------------------------------*/


/*
 * 4.6.1 Erweiterte Suche
 */

#campusCss div.searchfield {
  margin-bottom: 30px;
  font-size: 13px;
}

#campusCss #mainContentFrame div.searchfield input#search {
  margin: 0;
}

#campusCss #mainContentFrame #search {
  margin: 70px 15px 5px;
}
/* IE6 Hack */
* html #campusCss #mainContentFrame #search {
  margin-top: 0;
}

#campusCss #mainContentFrame div.searchfield input#search {
  margin: 0;
}

#campusCss div.searchfield input,
#campusCss div.searchfield select {
  margin-right: 5px;
}

#campusCss div.searchfield select {
  width: auto;
}

#campusCss form.extended-search input.search {
  margin-left: 66px;
}

#campusCss form.extended-search-table-changer {
  margin-bottom: 20px;
}

#campusCss div.table-changer-link-search form.extended-search-table-changer select {
  margin-left: 5px;
}

#campusCss form.extended-search div.extended-search {
  margin-bottom: 5px;
}

#campusCss form.extended-search td {
  padding: 1px 1.5px;
}

#campusCss form.extended-search td.left-brackets .highlight,
#campusCss form.extended-search td.right-brackets .highlight {
  color: #F00;
}

#campusCss form.extended-search select.field {
  width: 240px;
}
/* IE6 Hack */
* html #campusCss form.extended-search select.field {
  width: 213px;
}
/* IE7 Hack */
*+html #campusCss form.extended-search select.field {
  width: 210px;
}

#campusCss form.extended-search div.main-search-object,
#campusCss form.extended-search div.linked-search-objects {
  margin-bottom: 25px;
  border: 1px solid #bbb;
}

#campusCss form.extended-search div.linked-search-objects {
  background-color: #f3f3f4;
}

#campusCss form.extended-search div.main-search-object {
  border: none;
}

#campusCss form.extended-search div.linked-search-objects p.fold {
  padding: 5px;
  background: #d9d9d9 url("../../img/tabelle_verlauf.gif") repeat-x scroll left top;
  margin: 0;
}

#campusCss form.extended-search div.linked-search-objects p.fold a {
  padding: 0 8px 0 4px;
}

#campusCss form.extended-search div.main-search-object,
#campusCss form.extended-search div.linked-search-objects div {
  padding: 5px 7px 5px 7px;
}

#campusCss form.extended-search div.linked-search-objects div p.fold {
  background: #d9d9d9;
  border: 1px solid #bbb;
  font-weight: bold;
}

/* IE7 Hack */
*+html #campusCss form.extended-search div.linked-search-objects div p.fold {
  height: 18px;
}

/* IE6 Hack */
* html #campusCss form.extended-search div.linked-search-objects div p.fold span {
  right: 38px;
}

#campusCss form.extended-search div.linked-search-objects div p.fold span.linktype-select {
  float: right;
}

/* IE6 + 7 Hack */
* html #campusCss form.extended-search div.linked-search-objects div p.fold span.linktype-select,
*+html #campusCss form.extended-search div.linked-search-objects div p.fold span.linktype-select {
  float: none;
  position: absolute;
  right: 5px;
  top: 3px;
}

/* IE6 + 7 Hack */
* html #campusCss form.extended-search div.linked-search-objects div p.fold select,
*+html #campusCss form.extended-search div.linked-search-objects div p.fold select {
  vertical-align:  middle;
}


#campusCss form.extended-search div.main-search-object div.extended-search {
  margin-bottom: 0;
  padding: 0;
}

#campusCss form.extended-search div.linked-search-objects div.extended-search {
  padding: 15px 5px 20px;
  margin-bottom: 0;
  border: 1px solid #bbb;
  border-top: none;
  background-color: #fff;
}

#campusCss table.listview select.field {
  width: 40px;
  margin-right: 6px;
  margin-left: 3px;
}

#campusCss select.autofield {
  width: auto;
  margin-right: 6px;
  margin-left: 3px;
}

#campusCss form.extended-search td.value,
#campusCss form.extended-search td.value input,
#campusCss form.extended-search td.value select {
  width: 160px;
}

#campusCss form.extended-search td.and-or select {
  width: 55px;
}

#campusCss form.extended-search button,
#campusCss .formcomponent #paymentTable button {
  width: 28px;
  height: 21px;
  margin: 0;
}

#campusCss form.extended-search .add-filter img,
#campusCss form.extended-search .remove-filter img {
  width: 12px;
  height: 12px;
}

#campusCss .gecko form.extended-search button img,
#campusCss .gecko .formcomponent #paymentTable button img {
  margin-top: -2px;
}

#campusCss .webkit form.extended-search button img,
#campusCss .webkit .formcomponent #paymentTable button img {
  margin-top: 2px;
}

#campusCss .ie6 form.extended-search button img,
#campusCss .ie7 form.extended-search button img,
#campusCss .ie8 form.extended-search button img,
#campusCss .ie6 .formcomponent #paymentTable button img,
#campusCss .ie7 .formcomponent #paymentTable button img,
#campusCss .ie8 .formcomponent #paymentTable button img {
  margin-top: 1px;
  padding: 0;
  border: 0;
}


#campusCss .ie8 .formcomponent #paymentTable button img {
  margin-left: -3px;
}

#campusCss .extended-search .filter button img {

}

/*
 * Suche im fixen Seitenkopf
 */
#campusCss #addidtional_conditions {
  vertical-align: bottom;
}

/* IE6 + 7 Hack */
* html #campusCss #addidtional_conditions,
*+html #campusCss #addidtional_conditions {
  vertical-align: bottom;
}

#campusCss #addidtional_conditions_button {
  display: inline;
  margin-top: 4px;
}

/* IE6 + 7 Hack */
* html #campusCss #addidtional_conditions_button,
*+html #campusCss #addidtional_conditions_button {
  display: inline;
  vertical-align: bottom;
}

#campusCss #hidebutton {
    margin-left: 8px;
}

#campusCss table.formelements
input.italicFont {
    font-style: italic;
}

#campusCss .floatRight{
    float: right;
}

#campusCss span.signoffperiod{
  color: #cf0000;
  font-style: italic;
}


/* Muss noch einsortiert werden ------------- */
#campusCss table .sort-column{
  white-space: nowrap;
  width:  50px;
}

/* Opacity */
img.disabled {
  opacity: 0.3;
  filter: alpha(opacity = 30);
  cursor: default !important;
}

/* ausgegraut */
table.hierarchy tr.locked-by-others div.text a{
  color: #B8B8B8 !important;
}



#campusCss table.hierarchy .tablecontent tr.locked-by-me td.title  div.text a{
  color: #EE0000 !important;
    background: url("../../../shared/img/redstar_9.png") no-repeat scroll right center transparent;
  	padding-right: 12px;
}

#campusCss table.hierarchy .tablecontent tr.boldtext td.title  div.text{
  font-weight: bold;
}

#campusCss table.hierarchy-position {
  border-collapse: collapse;
  border: 1px black solid;
}

#campusCss table.hierarchy-position thead {
  background: #ddd;
  text-align: left;
}

#campusCss table.hierarchy-position th {
  border: 1px black solid;
  width: auto;
  padding: 5px;
}

#campusCss table.hierarchy-position td {
  border: 1px black solid;
  width: auto;
  padding: 5px;
}

#campusCss .treelist tr.unpublished td,
#campusCss .treelist tr.unpublished td a,
#campusCss .treelist tr.unpublished td div.text{
  color: #A0A0A0 !important;
  font-style: italic;
}

#campusCss .treelist tr.unpublished2 td div.text{
  color: #EE0000 !important;
  background: url("../../../shared/img/redstar_9.png") no-repeat scroll right center transparent;
	padding-right: 12px;
}




#campusCss  span.yellowtext{
  color: #C7A317 !important;
}

#campusCss  div.notice{
  color: #B0B0B0  !important;
}

#campusCss  tr.caption{
  background-color: #ddd;
}

#campusCss div.framedImageWrapRight{
  position: absolute;
	left: 400px;
	top: 70px;
}

/*#campusCss .redstar{
  background: url("../../../shared/img/redstar_9.png") no-repeat scroll right center transparent;
	padding-right: 12px;

Doppelter Stern mit table.hierarchy .redstar{
#campusCss .redstar a{
  background: url("../../../shared/img/redstar_9.png") no-repeat scroll right center transparent;
	padding-right: 12px;
}

#campusCss .graystar a{
  background: url("../../../shared/img/graystar_9.png") no-repeat scroll right center transparent;
	padding-right: 12px;
}
}*/
#campusCss .unpublished td{
  color: rgb(238, 0, 0) !important;
}

#campusCss .unpublished td a{
  color: rgb(238, 0, 0) !important;
}
#campusCss  .comment .redstar a,
#campusCss  .caption .redstar a{
  color: #333333 !important;
  background: transparent !important;
}

#campusCss  div.unvisible{
  display: none;
}

#campusCss .ui-datepicker-year
{width:auto}

#campusCss .courseStructureTerm {
 text-align: center
}

.extended-search select.field {
    width: 240px;
}
.extended-search .value, .extended-search .value input, .extended-search .value select {
    width: 160px;
}

.isDeactivated td, .isDeactivated td div a{
  text-decoration: line-through !important;
  font-style: italic;
}

table.print, table.grid tr td {
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #ccc;
  text-align: left;
}

#campusCss div.appointmentContainer div.caacrwevstrong, #campusCss div.collisionContainer div.caacrwevstrong, #campusCss table.colorkey td.caacrwevstrong {
    background: #EF9F9F !important;
}
#campusCss div.appointmentContainer div.caacrwevloose, #campusCss div.collisionContainer div.caacrwevloose, #campusCss table.colorkey td.caacrwevloose {
    background: #F4DEDE !important;
}