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

  Datei: gui_layout.css
  ---------------------

  Aufgabe: Unterteilung der Website in unterschiedliche Bereiche,  welche die
  Benutzeroberfläche strukturieren


  Dateistruktur:
  --------------
  00. Allgemein gültige Definitionen
  10. LeftFrame
    1010. LeftFrame-Elemente
    1020. BrandingArea
    1030. Navigator
    1040. AnchorMenu

  20. TopFrame
  30. FooterFrame
  40. ContentFrame
    4010. FixFrame
    4020. FlexFrame

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



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

  00. Allgemein gültige Definitionen

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

/* Standard-Schriftgröße 10px */
#topFrame,
#leftFrame,
#footerFrame {
  font-size: 10px;
  line-height: 1.2em;
}


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

  10. LeftFrame

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


/* 1010. LeftFrame-Elemente
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#leftFrame {
  position: relative;
  float: left;
  width: 178px;
  padding-right: 10px;
  color: #333;
  z-index: 1;
}



 /* 1020. BrandingArea
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#brandingArea {
  position: fixed;
  bottom: 30px;
  width: 178px;
  text-align: center;
  z-index: 0;
}

#brandingArea .cascampus_logo {
  display: block;
  margin: 0 auto;
  height: 25px;
  width: 130px;
  background: url("../../img/ui-sprite.png") no-repeat 0 -537px;
}

#brandingArea #buildAndVersionInfo {
  color: #808080;
  font-size: 10px;
}


 /* 1030. Navigator
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


#leftFrame ul,
#menu li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#menu a {
  position: relative;
  padding: 4px 5px 4px 15px;
  display: block;
  text-decoration: none;
}

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


/*
 * 1. Ebene (= Kategorie)
 */

/* LI-Tag */
#menu li.navCategory {
  background-color: #d9efec;
  border: 2px solid #fff;
  border-left:none;
  border-bottom-right-radius: 5px;
  margin-bottom: 6px;
}

/* A-Tag */
#menu li.navCategory a.level1 {
  color: #fff;
  background: #009682 url("../../img/navi_level_1_open.gif") no-repeat 6px 9px;
  font-weight: bold;
}

#menu li.navCategory a.level1.closed {
  color: #808080;
  background: #fff url("../../img/navi_level_1_closed.gif") no-repeat 7px 8px;
}


/*
 * 2. Ebene
 */

/* UL-Tag */
#menu ul {
  border-top: solid 2px #fff;
  padding-bottom: 3px;
}

/* A-Tag: Haupteintrag im Navigator */
#menu ul li a {
  margin: 0;
  color: #000;
  font-weight: normal;
}

/* A-Tag: Untereintrag im Navigator */
#menu ul li ul li a {
  margin: 0 0 0 18px;
}

/* Aktiver Eintrag im Navigator */
#menu ul li.active a {
  font-weight: 700;
}

/*
 * 3. Ebene
 */

/* UL-Tag */
#menu ul ul {
  border: none;
}


/* AnchorMenu
 ----------------*/

.anchorMenu {
  margin-top: 6px;
}

.anchorMenu li,
.anchorMenu a,
.anchorMenu span {
  color: #808080;
  font-size: 10px;
  font-weight: bold;
}

.anchorMenu ul {
  width: 178px;
  list-style: none;
}

.anchorMenu li.anchorLabel {
  position: relative;
  padding: 4px 5px 4px 15px;
  cursor: pointer;
  white-space: nowrap;
  background: #fff;
  border-bottom-right-radius: 5px;
}

.anchorMenu .anchorLabel span:hover {
  text-decoration: underline;
}

.anchorMenu li a {
  display: block;
  margin: 0;
}

.anchorMenu li a:hover {
  text-decoration: underline;
}

.anchorMenu li.anchorLabel ul {
  display: none;
  position: absolute;
  top: auto !important;
  bottom: -12px;
  left: 140px;
  width: auto;
  z-index: 100;
  min-width: 200px;
  padding: 0;
  border: 2px solid #fff !important;
  background: #d9efec;
  box-shadow: 2px 2px 4px 1px #ccc;
}

/* IE6 Hack */
* html .anchorMenu li.anchorLabel ul {
  min-width: 200px;
  width: auto !important; /* IE6: Lösung für das min-width-Problem */
  width: 200px;
  left: 45px;
}

.anchorMenu li:hover ul {
  display: block;
}

.anchorMenu li.anchorLabel ul li {
  line-height: normal;
  width: auto;
  border: none;
  padding: 0;
  text-align: left;
}

.anchorMenu li.anchorLabel ul li:hover {
  border: none;
}

.anchorMenu li.anchorLabel ul li a {
  font-weight: normal;
  padding: 5px 16px;
  color: #000;
}

.anchorMenu .pageTop hr {
  border: none;
  border-top: 1px solid #fff;
  color: #fff;
  background: #fff;
  height: 1px;
  margin: 0 10px !important;
  padding: 0 !important;
}



/* 20. FooterFrame
 ====================================================================================*/

#footerFrame #owner {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 100;
  background: #fff url("../../img/ui-sprite.png") repeat-x 0 -181px;
  border-top: solid 2px #fff;
  height: 18px;
}

#footerFrame #ownerText {
  padding-left: 10px;
  color: #4d4d4d;
  line-height: 18px;
}

#footerFrame a,
#footerFrame a:active,
#footerFrame a:link,
#footerFrame a:visited {
  color: #808080 !important;
}

/* 30. TopFrame
 ====================================================================================*/

#topFrame {
  width: 100%;
  background: #e5e5e5;
  padding-bottom: 8px;
}

#headLogo a {
  background: #fff url("../../img/ui-sprite.png") no-repeat 0 -435px;
  display: block;
  width: 188px;
  height: 90px;
  float: left;
}

#headImage {
  height: 90px;
  background: url("../../img/header_image.png") repeat-x 0 0;
}

#headText {
  background-color: white;
  float: left;
  margin-top: 57px;
  padding: 0 14px 0 10px;
  height: 33px;
  line-height: 33px;
  border-top-right-radius: 12px;
}

#headText a {
  color: #000;
  font-size: 12px;
  font-weight: bold;
}

#headText a:hover {
  text-decoration: none;
}

#headNavi {
  height:30px;
  overflow:hidden;
  /* background:#fff url("../../img/ui-sprite.png") repeat-x 0 -135px; */
  border-bottom:2px solid #fff;
  box-shadow:-2px -15px 10px -10px #ddd inset
}

#headNavi.systemInfo {
  background:#ff0 url("../../img/warning_back_top.png") repeat-x 0 0;
}

#headNavi .metaNavigation,
#headNavi .userinfo {
  margin-top:6px;
  line-height:18px;
}
#headNavi .metaNavigation,
#headNavi .userinfo {
  color:#999;
}
#headNavi .metaNavigation a,
#headNavi .userinfo a,
#headNavi .userinfo span {
  color:#333;
}
#headNavi .metaNavigation a,
#headNavi .userinfo a {
  text-transform:uppercase;
}
#headNavi .metaNavigation {
  float:right;
  margin-right:10px;
}
#headNavi .userinfo {
  margin-left:10px;
}
#headNavi .userinfo span {
  display:inline-block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  vertical-align:top;
}
#headNavi.systemInfo .systeminfo {
  float:left;
  margin:10px;
  color:#990;
  font-size:14px;
  font-weight:bold;
}

#headNavi .informationArea {
  padding: 0 0 0 10px;
}

#headNavi a,
#headNavi a:active,
#headNavi a:link,
#headNavi a:visited,
#footerFrame a,
#footerFrame a:active,
#footerFrame a:link,
#footerFrame a:visited {
  color: #4d4d4d;
  text-decoration: none;
}



#footerFrame a:focus,
#footerFrame a:hover,
#headNavi a:focus,
#headNavi a:hover {
  text-decoration: underline;
}

/*
div.itemChooserWrap select {
  font-size: 10px;
  width: auto;
  padding: 1px;
  margin: 1px;
}

div.itemChooserWrap select[disabled] {
  height: auto;
}*/


div.metaNavigation form {
  display:inline-block;
  margin:0 8px;
  box-shadow: 0 1px 2px #999;
}

div.metaNavigation input,
div.metaNavigation select {
  border:none;
  border-radius:0;
  background:#fff;
  margin:0;
  font-size:10px;
  color:#000;
  vertical-align:top;
  position:relative;
  z-index:1;
  height:18px;
  -moz-appearance:none;
  -webkit-appearance:none;
  appearance:none;
}
div.metaNavigation select {
  text-indent:0.01px;
  text-overflow:"";
  background-image:url(../../../kit/img/submenu.png);
  background-repeat:no-repeat;
}
div.metaNavigation select::-ms-expand {
  display:none;
}
div.metaNavigation input#qs-submit {
  padding:0;
  width:18px;
  height:18px;
  background-image:url(../../../shared/img/search_2_16.png);
  background-position:3px 3px;
  background-repeat:no-repeat;
  background-size:12px 12px;
}
div.metaNavigation input#qs-submit.loading {
  background-image:url(../../../kit/img/ajax_load_24.gif);
}
div.metaNavigation input#qs-input {
  width:158px;
  padding:0 1px;
}
/*
div.itemChooserWrap input#qs-input::-webkit-input-placeholder {
  font-style:italic;
  color:#999;
}
div.itemChooserWrap input#qs-input:-ms-input-placeholder {
  font-style:italic;
  color:#999;
}
div.itemChooserWrap input#qs-input::-moz-placeholder {
  font-style:italic;
  color:#999;
}*/
div.metaNavigation select#qs-select {
  width:198px;
  margin-left:-178px;
  position:relative;
  background-position: 186px 7px;
  z-index:0;
}
div.metaNavigation select#term-select {
  width: 80px;
  background-position: 68px 7px;
}
div.metaNavigation ul.ui-autocomplete {
  background:#fff;
  border:solid 1px #aaa;
  padding:0;
  box-shadow:1px 1px 1px #ccc;
}
div.metaNavigation ul.ui-autocomplete a.ui-state-focus {
  margin:0;
  background:#009682;
  color:#fff;
}





/* 40. ContentFrame
 ====================================================================================*/


#mainContentFrame {
  position: relative;
  background: #fff;
  overflow: auto;
}

/* 4010. FixFrame
 --------------*/


#fixFrame #search a {
  color: #009712;
}

#fixFrame #search a:focus,
#fixFrame #search a:hover,
#fixFrame #search a:active {
  color: #009712;
  text-decoration: underline;
}


/* 4020. FlexFrame
 ---------------*/


#mainContentFrame .content {
  position:relative;
  width:auto;
  padding:0 12px;
  overflow:auto;
  margin:0;
}





/* 3. KIT spezifisches CSS (das andere CSS-Dateien betrifft)
 ====================================================================================*/

div#activeTermWarning,
div#motd {
  background: #c00000 !important;
  color: #ffffff;
  font-size: 10px;
  font-weight: bold;
  line-height: 12px;
  padding: 4px 10px;
  margin: 2px 2px 0 2px;
}

div#motd {
  background: #4664aa !important;
}