/**************************************************************************************
 Datei: gui_layout.css
 ---------------------
 
 Aufgabe: Unterteilung der Website in unterschiedliche Bereiche, #campusCss  welche die 
 Benutzeroberfläche strukturieren
 
 Dateistruktur:
 --------------
 1. LeftFrame
  1.1 LeftFrame-Elemente
  1.3 Navigator
  1.4 AnchorMenu
 2. TopFrame
 3. ContentFrame
  3.1 FixFrame
  3.2 FlexFrame
 
 **************************************************************************************/
 
 
/* 0. Allgemein gültig
 ====================================================================================*/ 

body {
  background: #fff url("../../img/bg-right.gif") repeat-y right top;
}


/* 1. LeftFrame
 ====================================================================================*/

/* 1.1 LeftFrame-Elemente
 -------------------------*/

  
#campusCss #leftFrame { 
  position: absolute;
  z-index: 20;
  top: 102px; 
  left: 0; 
  bottom: 0; /* Höhe des Footers */
  padding: 0 0 0 42px;
  width: 210px; 
  background: #fff url("../../img/bg-left.gif") repeat-y left top;
  font-size: 12px;
  color: #333;
}

/* 
 * Semesterwahl  
 */
 
#campusCss .buttonbar-left { 
  height: 56px;
  background: url("../../img/buttonbar_hg.png") repeat-x 0 0;
}

#campusCss .buttonbar-left h3 { 
  padding: 4px 8px 0;
}

#campusCss .termChooserWrap { 
  padding: 4px 8px 0;
}

.termChooserWrap select {
	padding: 2px;
}

/* 1.2 BrandingArea
 -------------------*/


#campusCss #brandingArea { 
  position: absolute;  
  z-index: -1; /* Damit verschwindet das CAS-Logo unter dem Hauptmenü. */
  bottom: 10px;
	width: 210px;
  text-align: center;
}

#campusCss #brandingArea a { 
  display: block;
	background: url("../../../shared/img/cascampus_logo.png") no-repeat center center;
	height: 25px;
}

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



/* 1.3 Navigator
 ---------------*/

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

#menu a {  
  display: block;
	font-size: 12px;
  color: #333;
}

#leftFrame ul a:hover {  
  text-decoration: none;
}

#menu a img {
  vertical-align: middle;
  margin: 0 8px;
}


/* Kategorie = 1. Ebene */

#menu .navCategory .level1 {  
  padding-left: 8px;
  height: 30px;
  font-size: 13px; font-weight: bold;
  line-height: 30px;
  background: url(../../img/menu_category_down.png) no-repeat left top;
}

#menu .navCategory .level1:hover,
#menu .navCategory .level1:focus,
#menu .navCategory .level1:active {  
  background: url(../../img/menu_category_down.png) no-repeat left bottom;
}


#menu .navCategory .expanded {  
  background: url(../../img/menu_category_up.png) no-repeat left top !important;
}

#menu .navCategory .expanded:hover,
#menu .navCategory .expanded:focus,
#menu .navCategory .expanded:active {  
  background: url(../../img/menu_category_up.png) no-repeat left bottom !important;
}

#menu .navCategory { /* Trennstrich Ebene 2 verstecken */
	margin: 0 0 -1px 0;
}


/* 2. Ebene */

#menu .level2 {
	border-bottom: 1px solid #c6c6c6;
  padding: 3px 0;
  background: #d8d8d8;
}

#menu .level2:hover, 
#menu .level2:focus, 
#menu .level2:active {
  background: #c6c6c6;
}

#menu .active .level2 { 
  background: #003560;
  color: #fff;
}

#menu .active .level2:hover { 
  background: #003560;
  color: #fff;
}

#menu .level2 + ul { /* Trennstrich zwischen Ebene 2 und 3 */
	border-bottom: 1px solid #c6c6c6;
}

/* 3. Ebene */

#menu li .level3 {  
  padding: 5px 0 5px 40px;
  background: #d8d8d8;
}

#menu li .level3:hover, 
#menu li .level3:focus, 
#menu li .level3:active {
  background: #c6c6c6;
}

#menu  li.active .level3 { 
  background: #003560;
  color: #fff;
}

#menu  li.active .level3:hover { 
  background: #003560;
  color: #fff;
}



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

#campusCss .anchorMenu {
  margin-top: 20px;
}

#campusCss .anchorMenu ul {
  position: relative;
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 110px;           
  list-style-type: none;
}

#campusCss .anchorLabel {
  position: relative;
  display: block;
  margin: 0;
  padding: 5px; 
  cursor: pointer;
}

#campusCss .anchorLabel:hover {
  background: #d8d8d8;
  border: 1px solid #c6c6c6;
}

#campusCss .anchorLabel span {
	padding-right: 35px;
	/*background: url("../../../shared/img/right_16.png") no-repeat center right; */
	color: #333;
}

#campusCss .anchorMenu li a {
  display: block;
  margin: 0;
  color: #333;
  font-size: 13px;
  font-weight: bold;
}

#campusCss .anchorMenu li a:hover {
  background: #d8d8d8;
}

#campusCss .anchorLabel ul {                    
  display: none;
  position: absolute;
  top: auto !important;
  bottom: -1px;
  left: 108px;
  width: auto;
  min-width: 200px;
  padding: 0;  
  border: 1px solid #c6c6c6;
  background: #fff;
}

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

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

#campusCss .anchorMenu li.anchorLabel li:hover {
  border: none;
}

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

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



/* 2. FooterFrame
 ====================================================================================*/
 
#campusCss #footerFrame { 
  position: absolute;
  z-index: 5;
  bottom: 0;   
  width: 100%;
  height: 53px;
  background: #e5e5e5 url("../../img/footer_border.png") repeat-x left bottom;
}
 
#campusCss #footerContent {   
  margin: 10px 0 0 188px;
  border-top: 1px solid #b3b3b3;
  width: auto;
  height: 20px;
  line-height: 2.2727em;
}

#campusCss #headNavi .metaNavigation,
#campusCss #footerFrame a {
  float: right;
  margin: 0 19px 0 0;
  text-align: right;
}

#campusCss #owner {
  margin-top: 8px;
  text-align: left;
}

#campusCss #ownerText {
  padding-left: 10px;
  color: #4d4d4d;
}

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

/* 2. TopFrame
 ====================================================================================*/
 
 
#campusCss #topFrame { 
  position: relative;
  padding-left: 32px;
  background: url("../../img/bg-left.gif") repeat-y left top;  
}

#campusCss #topFrame select {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
 
#campusCss #header {
	margin-right: 32px;
	padding-left: 10px;
	height: 102px; 
/*  background: url("../../img/header-bg.png") repeat-x 0 0;	*/
}

#campusCss .logorub {
	position: absolute;
	right: 0;
}

#campusCss .metanavigation {
	float: right;
	padding: 7px 90px 0 0;
	text-align: right;
	font-size: 12px;
	color: #5c5c5c;
}

#campusCss .metanavigation a, 
#campusCss .metanavigation a:visited {
	color: #333;
	font-weight: bold;
	/*letter-spacing: 1px;*/
	text-decoration: none;
	text-transform: uppercase;
}

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

#campusCss .account-info {
	margin: 0;
	padding: 0 0 3px;
}

#campusCss .account-info a {
	color: #999 !important;
	font-weight: normal;
	text-transform: none;
	letter-spacing: 0;
}

#campusCss .schriftzug {
  padding: 24px 0 0 0;
}

#campusCss .headline-wrap {
	margin: 13px 0 0;
}

#campusCss .header h1 {
	display: inline;
	margin: 0;
	font-size: 24px;
	color: #8dae10;
	vertical-align: baseline;
}

#campusCss .header h2 {
	display: inline;
	margin: 0 0 0 120px;
	color: #003560;
	vertical-align: baseline;
}
	
	
	
/* 3. ContentFrame
 ====================================================================================*/

.div-hr {
	margin: 6px 0;
	border-top: 2px solid transparent;
}

.hr-left-second {
	margin: 8px 0 10px;
}
 
.hr-left { 
	border-top-color: #8dae10;
}

.hr-right { 
	border-top-color: #003560;
}
 
#campusCss #mainContentFrame {
  position: absolute;
  z-index: 0;
  left: 270px; /* Breite der linken Spalte */
  top: 102px; /* Höhe des Headers */
  right: 32px; /* Breite der rechten Spalte */
  bottom: 0; /* Höhe des Footers */
  background: #fff;
}


#campusCss #mainContentFrame.loggedOn {
  position: absolute;
  z-index: 10;
  left: 188px; /* Breite der linken Spalte */
  top: 35px; /* Höhe des Headers */
  right: 0;
  bottom: 0px; /* Höhe des Footers */
  background: #fff;
}



/* 3.1 FixFrame
 --------------*/

 
#campusCss #fixFrame { 
  position: relative; 
  z-index: 1;  
  width: 100%;
  background: #fff;
  padding: 0;
}

#campusCss .normal-fixFrame #fixFrame { height: 8px; }
#campusCss .large-fixFrame #fixFrame { height: 150px; }
#campusCss .huge-fixFrame #fixFrame { height: 165px; }
#campusCss .extSearch-fixFrame #fixFrame { height: 185px; }

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

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



/* 3.2 FlexFrame
 ---------------*/
 
#campusCss #mainContentFrame .content #footerSpace { 
  visibility: hidden;
  height: 90px;
  width: auto;
}
  
#campusCss #mainContentFrame .content { 
  width: auto;
  padding: 0 15px;
  height: 100%;
  overflow: auto;
  margin: 0;
  border: 0;
}

/* IE7 Hack */
*+html #campusCss #mainContentFrame .content {
  position: absolute;
  right: 0;
  left: 0;
}

#campusCss #mainContentFrame #flexFrame  .contentForm {
/* Erzeugt die vertikale Scrollbar im Content-Bereich. Verursacht  
 * bei IE 7 + 8 auf einigen Seiten ein Fackern und Verstecken des Inhalts. 
 * Offensichtlich benötigen diese Browser die Eigenschaft jedoch nicht. Der
 * IE 6 wiederum ist darauf angewiesen. 
 */
  height: 100%;
}

/* IE7 Hack */
*+html #campusCss #mainContentFrame #flexFrame  .contentForm {
  height: auto;
}

#campusCss #mainContentFrame #flexFrame {
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}

#campusCss .normal-fixFrame #flexFrame { top: 70px; } /* Höhe des fixen Bereichs */
#campusCss .large-fixFrame #flexFrame { top: 156px; }
#campusCss .huge-fixFrame #flexFrame { top: 253px; }
#campusCss .extSearch-fixFrame #flexFrame { top: 191px; }

/* IE7 Hack */
*+html #campusCss #mainContentFrame #flexFrame {  
  top: 0;
  border: 0;
  padding: 0;
}

/* IE7 Hack */
*+html #campusCss .normal-fixFrame #flexFrame { margin: 70px 0 0; } /* Höhe des fixen Bereichs */
*+html #campusCss .large-fixFrame #flexFrame { margin: 156px 0 0; }
*+html #campusCss .huge-fixFrame #flexFrame { margin: 253px 0 0; }
*+html #campusCss .extSearch-fixFrame #flexFrame { margin: 191px 0 0; }


/*************** Bewerber-Übersicht ****************************/

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