kern/superx/xml/his1/css/HISinOneExperimental.css

/*****************************************************************************/
/*                      HINWEIS                                              */
/*****************************************************************************/
/*
Um bei den CSS-Dateien von HISinOne, in die derzeit noch von vielen verschiedenen 
Personen viele neue Styles eingefügt werden, Unübersichtlichkeit und mehrfaches 
Entwickeln von gleichen Styles zu vermeiden, wurde folgendes Verfahren für das 
künftige Einchecken von CSS-Styles festgelegt:

- Neue Styles dürfen nur in die Datei 'HISinOneExperimental.css' eingecheckt werden

- Für jeden Style sollen folgende Informationen in einem darüberliegendem Kommentar 
  ergänzt werden:
  - Name des Verfassers,
  - Datum der Erstellung,
  - Ort der Verwendung,
  - Verwendungszweck,
  - Begründung, warum kein vorhandener Style verwendet werden konnte
  
- Diese neuen Styles werden rechtzeitig vor den HISinOne Releases durch die 
  Projektgruppe Oberflächendesign  geprüft, ggf. freigegeben und in die 
  HISinOne.css übernommen.
 */
/*****************************************************************************/
/*               BEISPIEL STYLE                                              */
/*****************************************************************************/
/*
Name, Datum: Ruth Cordes, 2008-08-28
Ort der Verwendung: Alle Formulare mit <input type="submit">-Buttons,
					die nicht durch eine andere Klasse formatiert sind 
Verwendungszweck:	Default Submit-Button
Grund für Neuanlage:	Einheitliche Gestaltung der Default-Submit Buttons,
						bisher kein Style vorhanden
*/
/*						
input.submit, input[type='submit'] {
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	background-position: center bottom;
	background-repeat: repeat-x;
	border: 1px solid;
	font-size:100% !important;
	font-weight: normal;
	padding-bottom: 1px;
	background-color: #fafbfc;
	background-image: url(../images/icons/submit_passive.gif);
	border-color :#a7a7a7;
	color: #014A7B;
	vertical-align: middle;
	cursor: pointer;
	padding:1px 2px 1px 2px; 
}
*/
/*****************************************************************************/
/*               NAMENSKONVENTIONEN FÜR NEUE CSS STYLES                      */
/*****************************************************************************/
/*
1. Sprechenden Namen in Englisch vergeben, evtl. abgekürzt 
(z.B. "navi").
2. Namenskombinationen entweder:
	- mit Unterstrich (z.B. "wizard_navi"),
	- in Kamelschreibweise(lowerCamelCase) (z.B. "columnFullSize")
	falls inhaltliche Verbindung zu anderen Styles besteht.
3. Bei mehreren gleichen Elementen unterschiedlicher Formatierung muß 
	der Unterschied durch Zusatz kennzeichnet werden, z.B.:
	- "columnLeft55":  55% Breite
	- "box_blue_bg_white": Farbzuweisung
	- "input_3_Chars": inputfield Größe für 3 Buchstaben 
4. Globale Selektoren sind am Anfang einer Rubrik aufgeführt, damit man sofort
sehen kann, welche Elemente dieser Rubrik global Einfluß haben.


/**
 * Author: Marc Weyland (weyland@werkstoffbit.de)
 * Datum: 09.09.2008
 * Verwendung: Alumni-Selbstregistrierung (Studierendendaten)
 * Verwendungszweck: Abgrenzung der einzelnen ausgewählten Fächer.   
 * Begründung: Es existiert bisher kein Style für diese Abgrenzung.
 */
hr.separator {
	clear: left;
	border: none; 
	border-bottom: 1px dashed #CFECFF; 
}


/*****************************************************************************/
/*                            HTML-Raumplan                                  */
/*****************************************************************************/

.planFrame {
	position:relative; 
	margin-top:4em;
	background-color: #FFF;
}

ul.plan, ul.timeline {
	list-style-type:none;

}

li.singleblock {
	position:absolute;
	font-size:0.8em;
	font-family:sans-serif;
	text-align:center;
	margin: -1px;
	border-style:solid; 
	border-width:1px; 
	z-index:98;
	overflow:auto;
}

li.emptyCell {
	position:absolute;
	font-size:0.8em;
	font-family:sans-serif;
	text-align:center;
	margin: -1px;
	border-color:#DFDFDF; 
	border-width:thin; 
	z-index:98;
	overflow:hidden;
}

li.times {
	width:100%; 
	left:0%;
	padding: 0;
	margin: 0;	 
	position:absolute;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #7FB4D8;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7FB4D8;	
	font-size:0.8em;
	font-family:sans-serif;
	overflow:auto;
	margin-top:-1px;
	z-index:98;
}

div.times {
	position:absolute;
	background-color:#F1F2F5;
	text-align:center; 
	line-height:1.2em; 
	font-family:sans-serif; 
	font-weight:bold; 
	font-size:1em; 
	border:0;
}

li.column {
	height:100%; 
	top:0%; 
	position:absolute;
	text-align:center; 
	line-height:1em; 
	font-family:sans-serif; 
	font-size:1em;
	border-width: 1px;
	border-style: solid;
	border-color: #7FB4D8;
	/*border-left:none;
	background: transparent #FFFFFF;*/
}
.colhead {
	position:relative;
	margin:-1px;
	padding-bottom:1px;
	top:-2.1em;
	height: 2em;
	display:block;
	background-color:#FFFCDF;
	width:100%;
	text-align:center; 
	font-weight:bold;
	border-width: 1px;
	border-style: solid;
	border-color: #7FB4D8;
	padding-top: 1em;
	top: -3.1em
}
li.timeline {
	height:100%; 
	left:0%; 
	top:0%;
	background-color:#F1F2F5;
	border-width: 1px;
	border-style: solid;
	border-color: #F1F2F5;
	height:100%; 
	border:1px solid #7FB4D8;
	position:absolute;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #7FB4D8;
}
.hour {
	font-size:large;
	font-weight:bold;
	padding-left: 4px;
}
.minutes {
	font-size:1em;
	vertical-align:top;
	text-decoration:underline;
}   
.lines{
	position:absolute;
	border-bottom:1px dashed #F1F2F5;
}
.columnlines{
	position:absolute;
	border-left:1px dashed #F1F2F5; 
	height:160mm; 
	width:1mm; 
	z-index:98;
}
.legendEntries {
	list-style-type:none;
	list-style-position:inside;
	margin:0;
	padding:0;
	font-size:0.85em;
}
.legendEntry {
	float:left; 
	margin:0; 
	padding:0;
	white-space: nowrap;
}
.legendEntryBox {
	float:left; 
	border:1px solid #CCCCCC; 
	margin-right:0.3em;
	margin-left:0.3em;  
	width:1em; 
	height:1em; 
}
.raster{
	position:absolute;
	text-align:right; 
	z-index:1;
	margin-top:-1px;
	border-top:1px;
	border-top-color:#FFFFFF;
	border-top-style:dashed;
}
.textblock {
	display: block;
}
.textblock-bold {
	font-weight:bold;
}
.textblock-italic {
	display: block;
	font-style:italic;
}

/*****************************************************************************/
/*   						Tabellen: groups			                     */
/*****************************************************************************/

/**
 * Author: Marc Weyland (weyland@werkstoffbit.de)
 * Datum: 27.10.2008
 * Verwendung: Alumni-Gruppendetails
 * Verwendungszweck: Ausblenden des Tabellenheaders
 * Begründung: Es existiert bisher kein Style für diese Ausblendung. 
 *			   (Ggf. ist eine Namensanpassung notwendig/sinnvoll).
 */
.table_1 thead {
	display: block;
	position: absolute;
	height: 0;
	overflow: hidden;
}

/*****************************************************************************/
/*   						ALU - page: groups			                     */
/*****************************************************************************/
.alu-page-groups .group-details, .alu-page-groups .group-overview {
	padding-top: 1em; 
	float: left;
	width: 100%;
}
   
/* Fix for IE 6 */
* html .alu-page-groups .group-details {
	float: none;
	width: auto;
}
   
.alu-page-groups .group-details .layout-content {
	margin-right: 22em;
}
   
.alu-page-groups .group-details .layout-sidebar {
	width: 17em;
}

.alu-page-groups h3 {
	margin-bottom: 0.2em;
}
   
.alu-page-groups .group-details h2 {
	text-align: center; 

	margin-bottom: 1.2em; 
	font-size: 1.4em;
	color: #014A7B;
	
	background-color: #F2F7F8; 
	padding-top: 0.5em; 
	padding-bottom: 0.5em;
	
	width: 100%;
	float: left;
}
   
.alu-page-groups .group-details .layout-content .treePath {
	float: left;
}

.alu-page-groups .group-details .layout-content .treePath * {
	font-weight: bold;
}


/* group administrators - table */   
.alu-page-groups .group-details .layout-content table.group-administrators {
	width: 100%;
	margin-bottom: 1.5em;
	clear: left;
}

.alu-page-groups .group-details .layout-content table.group-administrators th {
	font-size: 1.05em;
	color: #014A7B;
	padding-bottom: 0.3em;
}

.alu-page-groups .group-details .layout-content table.group-administrators tbody td {
	padding-bottom: 0.3em;
}   
   
.alu-page-groups .group-details .layout-content .group-administrators td a {
	background: transparent center left no-repeat;
	padding-left: 20px;
}   

.alu-page-groups .group-details .layout-content .group-administrators td.person a {
	background-image: url(../images/icons/cm.alu/groups/user_suit.png);
}
.alu-page-groups .group-details .layout-content .group-administrators td.email a {
	background-image: url(../images/icons/cm.alu/groups/email.png);
}
.alu-page-groups .group-details .layout-content .group-administrators td.phone a {
	background-image: url(../images/icons/cm.alu/groups/telephone.png);
}

   
/* group-data sidebar-lists */
.alu-page-groups .group-details .status-list li,
.alu-page-groups .group-details .information-list li,
.alu-page-groups .group-details .actions-list li {
	background: transparent center left no-repeat;
	padding-left: 22px;
}
   
.alu-page-groups td .action-list, .alu-page-contacts td .action-list {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
   
.alu-page-groups td .action-list li, .alu-page-contacts td .action-list li {
	padding: 0;
	width: 16px;
	height: 16px;
	float: left;
	margin-right: 3px;
}

.alu-page-groups .group-details .status-list li {
	padding-top: 1px;
	padding-bottom: 1px;
}

.alu-page-groups tbody td .status {
	text-align: center;
}
   
.alu-page .listRowOdd {   
   background-color: white;
}

.alu-page .listRowEven {   
   background-color: #F2F7F8;
}

.alu-page .listRowOddHover {
	background-color: #F7E9D3;
}
   
.alu-page .listRowEven td, .alu-page .listRowOdd td, .alu-page .listRowOddHover td {
   padding-top: 0.5em;
   padding-bottom: 0.5em;
}
   
.alu-page .tableHeader {   
   border: none;
   border-bottom: 1px dashed #82C7EE;
}
   
   
.alu-page-groups .group-details .status-list .members {
	background-image: url(../images/icons/cm.alu/groups/group.png);
}
.alu-page-groups .group-details .status-list .applicants {
	background-image: url(../images/icons/user_add.gif);
}
.alu-page-groups .group-details .status-list .is-member {
	background-image: url(../images/icons/cm.alu/groups/tick.png);
}
.alu-page-groups .group-details .status-list .is-no-member {
	background-image: url(../images/icons/cm.alu/groups/status_offline.png);
}
.alu-page-groups .group-details .status-list .is-awaiting-membership {
	background-image: url(../images/icons/cm.alu/groups/hourglass_add.png);
}

.alu-page-groups .group-details .status-list .is-group-administrator {
	background-image: url(../images/icons/cm.alu/tag_blue.png);
}
.alu-page-groups .group-details .status-list .is-group-moderator {
	background-image: url(../images/icons/cm.alu/tag_orange.png);
}


.alu-page-groups .group-details .information-list .overview {
	background-image: url(../images/icons/cm.alu/groups/information-overview.gif);
}
.alu-page-groups .group-details .information-list .announcements {
	background-image: url(../images/icons/cm.alu/groups/information-announcements.gif);
}
.alu-page-groups .group-details .information-list .contact {
	background-image: url(../images/icons/cm.alu/groups/telephone.png);
}
.alu-page-groups .group-details .information-list .dates {
	background-image: url(../images/icons/cm.alu/groups/calendar.png);
}
.alu-page-groups .group-details .information-list .members {
	background-image: url(../images/icons/cm.alu/groups/group.png);
}
.alu-page-groups .group-details .information-list .position {
	background-image: url(../images/icons/cm.alu/groups/find.png);
}
.alu-page-groups .group-details .information-list .forum {
	background-image: url(../images/icons/cm.alu/groups/comments.png);
}
.alu-page-groups .group-details .information-list .pinboard {
	background-image: url(../images/icons/cm.alu/groups/note.png);
}

   
.alu-page-groups .group-details .actions-list .join {
	background-image: url(../images/icons/cm.alu/groups/hourglass_add.png);
}
.alu-page-groups .group-details .actions-list .leave {
	background-image: url(../images/icons/cm.alu/portal/groups/leave_group.png);
}
.alu-page-groups .group-details .actions-list .retreat {
	background-image: url(../images/icons/cm.alu/portal/groups/cancel_registration.png);
}  
.alu-page-groups .group-details .actions-list .write-message {
	background-image: url(../images/icons/cm.alu/groups/email.png);
}
.alu-page-groups .group-details .actions-list .search {
	background-image: url(../images/icons/cm.alu/groups/zoom.png);
}
.alu-page-groups .group-details .actions-list .blame {
	background-image: url(../images/icons/cm.alu/groups/exclamation.png);
}
   
.alu-page-groups .group-details .layout-content .group-description dt {
	font-weight: bold;
	font-size: 1.05em;
	color: #014A7B;
	margin-bottom: 0.3em;
}
   
.alu-page-groups .group-details .layout-content .group-description dd {
	text-align: justify;
	font-style: italic;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
}
   
/* Fix for IE 6 italic bug */
* html .alu-page-groups .group-details .layout-content .group-description dd {
	overflow: hidden;
	height: 1%;
	width: 100%;	
}
    
.alu-page-groups .group-details .layout-content .cm_alu_grouptree_container {
	margin: 0;
	padding: 0;
	overflow: hidden;
}   


.alu-page-groups .announcement-status-read, .alu-page-groups .announcement-status-new {
	width: 16px;
	height: 16px;
	display: block; 
	margin: 0 auto;
	overflow: hidden; 
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

.alu-page-groups .announcement-status-read {
	background-image: url(../images/icons/cm.alu/groups/announcement.gif);
}

.alu-page-groups .announcement-status-new {
	background-image: url(../images/icons/cm.alu/groups/announcement-new.gif);
}

.alu-page-groups .hidden {
	color: #aaa;
}

/*****************************************************************************/
/*   						ALU - page: profile			                     */
/*****************************************************************************/

.alu-page-profile .profile-content {
	width: 55%;
	min-width: 500px;
	float: left;
}

.alu-page-profile .profile-subcontent {
	margin: 0.5em 0 1.5em 2em;  
	padding: 0;
}

.alu-page-profile .profile-content h2 {
	line-height: 1.5em;
	margin: 1em 0 0.1em 0;
	padding: 0 0 0 0.3em;
	
	clear: left;
	
	border-bottom: none;
	font-weight: normal;
	font-family: "Georgia", serif;
	font-size: 1.5em;
	
	background-color: #f6f9fc;
}

.alu-page-profile .profile-content h4 {
	font-size: 1.1em;
	clear: left; 
	color: #4166AF; 
	margin-bottom: 0.2em;
}

.alu-page-profile .profile-content h3 {
	margin: 0;
	padding: 0 7em 0 0;
	clear: left;
	color: #4166AF;
	
	font-size: 1.5em;
	font-weight: normal;
	
	border-bottom: 1px dashed #DFE0FF;
}

.alu-page-profile .alu-content dl.element-period {
	margin: 0;
}

.alu-page-profile .alu-content dl.education-course-of-study-status {
	float: right;
	margin: 0;
	position: relative;
	right: 0;
	top: -3em;
}

.alu-page-profile .alu-content dl.element-period dt,
.alu-page-profile .alu-content dl.education-course-of-study-status dt {
	position: absolute;
	display: block;
	width: 0;
	height: 0; 
	overflow: hidden;
	left: -9999px;
}

.alu-page-profile .alu-content dl.element-period dd {
	margin: 0; 
	color: #bbb; 
	font-weight: bold;
}

.alu-page-profile .profile-content ol {
	list-style-type: none;
	padding: 0;
	margin: 0 0 0.5em 0;
	
	float: left;
	width: 100%;
}

.alu-page-profile .profile-content ol li {
	clear: left;
	line-height: 1.5em;
	
	border-bottom: 1px dotted #eee;
	float: left;
	width: 100%;
}

.alu-page-profile .profile-content ol li:hover {
	background-color: #F7FCFF;
}
.alu-page-profile .profile-content ol li label {
	font-weight: bold;
	float: left;
	width: 12em;
}

/* .alu-page-profile .profile-content ol li span, */
.alu-page-profile .profile-content ol li address {
	margin-left: 12em; 
	display: block;
}

.alu-page-profile .profile-content ol li address span {
	margin: 0;
	display: inline;
}

.alu-page-profile .profile-content ol li label.labelInLine {
	float: none;
}

/*****************************************************************************/
/*   						ALU - page: administration	                     */
/*****************************************************************************/

.alu-page-administration .notChangableInitialPassword {
	color: #aaa;
}

.alu-page-administration .fileUploadForm .fieldsetgroup_1 {
	background: #F2F7F8;
	padding: 1em;
}

.alu-page-administration .fileUploadForm label {
	font-weight: bold;
	padding-right: 0.5em;
}

.alu-page-administration .alumni-rootgroup-node {
	padding-left: 20px;
	background: transparent url(../images/icons/house.gif) left center no-repeat;
}

.alu-page-administration .alumni-node-cut {
	padding-left: 18px;
	padding-top: 0;
	background: transparent url(../images/icons/cut.gif) left center no-repeat;
	color: grey;
}

.alu-page .tree-action-column {
	width: 170px;
}


/*****************************************************************************/
/*     Styles für generische Suchmaske                                       */
/*****************************************************************************/
/*
Name, Datum: Daniel Scholz, 30.10.2008
Ort der Verwendung: Alle generischen Suchmasken 
Verwendungszweck:	Positionierung der "not"-Checkbox neben des Select-Menüs
Grund für Neuanlage: Gibt es in dieser Form noch nicht.
*/

.genericSearchMask .dropdown_standard_small { width: 51.3%; float: left; }

.genericSearchMask .dropdownEqualOperator { float: left; padding-bottom: 4px; padding-right: 4px;  }

.genericSearchHelp pre { margin: 0; font-size: 110%; }

/*****************************************************************************/
/*     Styles für generische Suchergebnisliste                               */
/*****************************************************************************/
/*
Name, Datum: Daniel Scholz, 30.10.2008
Ort der Verwendung: Alle generischen Suchergebnislisten 
Verwendungszweck:	Layout einer einzelnen Suchbedingung, die als Erinnerung noch einmal über der Trefferliste angezeigt wird.
Grund für Neuanlage: Gibt es in dieser Form noch nicht.
*/

.genericSearchResult .readableSearchCriterion { display: block; }


/* Clipboard for Curriculum Designer */
/*
Name, Datum: Sergej Kromm, 07.03.2009
Ort der Verwendung: Curriculum Designer, Rails-Oberfläche
Verwendungszweck:	Clipboard for Curriculum Designer
Grund für Neuanlage: 
*/
#clipboard_bar {
    position: absolute;
    bottom: 0px; right: 0px;
    width: 25em;
    height: 20px;
    background-color: white;
    border: 1px solid #7FB4D8;
}
#clipboard {
    position: absolute;
    bottom: 0px; right: 0px;
    width: 25em;
    height: 45em;
    background-color: white;
    border: 1px solid #7FB4D8;
}
html>body #clipboard {  /* nur fuer moderne Browser! */
    position: fixed;
}
html>body #clipboard_bar {  /* nur fuer moderne Browser! */
    position: fixed;
    bottom: 0px; right: 0px;
    width: 25em;
    height: 20px;
    background-color: white;
    border: 1px solid #7FB4D8;
}
/* END: Clipboard for Curriculum Designer */
/*****************************************************************************/
/* Tabelle: Matrix für graphische Darstellung der Versionierung */
/*****************************************************************************/
/*
Name, Datum: Maura Monente-Helber, 18.3.2009
Ort der Verwendung: Curriculum Designer, Rails-Oberfläche
Verwendungszweck:	Matrix für graphische Darstellung der Versionierung
Grund für Neuanlage: gibt es nur in QIS, ist neu in HISinOne
*/

/* Filter: This css-rule only applies to IE 6 
* html  .matrix_version{
	width:900px;
}*/
.headerColumnLeft{
	float: left;
	margin: 0px 0px 0px 0px;
	width:200px;
}
.matrixOverflow{
	overflow: auto;
	margin: 0px 0px 0px 0px;
}
.table_matrix {
	padding:0.2em;
	margin-top:0.45em;
	margin-bottom:0.5em;
	float:left;
	width:99%;
	border-collapse:collapse;
	border:2px solid #FFFFFF;
	border-spacing:1px;
}

/* Filter: This css-rule only applies to IE 7 (and IE5) */
*+html .table_matrix {
	margin-top:0.4em;
}
/* Filter: This css-rule only applies to IE 6 */
* html .table_matrix {
	width:auto;	
}

.table_matrix_header_column{
	padding:0.2em;
	margin-top:0.4em;
	margin-bottom:0.5em;
	float:left;
	border-collapse:collapse;
	border:2px solid #FFFFFF;
	border-spacing:1px;
	width:200px;
}

.tabelleheader_matrix,
.tabelleheader_matrix_left {
	border-bottom:1px dotted #7FB4D8;
	border-left:1px solid #7FB4D8;
	border-right:1px solid #7FB4D8;
	font-weight:bold;
	padding:3px 5px 4px;
	text-align:left;
	vertical-align:top;
	background:#e6efe8;
}

.tabelleheader_matrix_left {
	background:#e6efe8;
}

.tabelleheader_matrix {
	background:#e6efe8 url(../images/icons/verlauf_headline.gif) repeat-x scroll left top;
}

.fixedHeightHeader{
    height:19px;
}
.fixedHeight{
    height:19px;
}	
.tabelle_color_1_matrix,
.tabelle_color_2_matrix,
.tabelle_color_3_matrix,
.tabelle_color_4_matrix {
	font-weight:bold;
	padding:3px 5px 4px;
	text-align:left;
	vertical-align:top;
	background-color: #e6efe8;
}
.tabelle_color_1_matrix {
	border:1px solid #DFDFDF;
	color:#ffffff;
	background:#006AB3 url(../images/icons/gradient_blue.gif) repeat-x scroll left top;
}
.tabelle_color_2_matrix {
	border:1px solid #DFDFDF;
	color:#ffffff;
	background: #669933 url(../images/icons/gradient_green.gif) repeat-x scroll left top;
}
.tabelle_color_3_matrix {
    border:1px dotted #7FB4D8;
	background-color:#FFFFFF;
}
.tabelle_color_4_matrix {
    border:1px solid #DFDFDF;
	background: #7FB4D8 url(../images/icons/gradient_pale_blue.gif) repeat-x scroll left top;
	color:#ffffff;
}

/*****************************************************************************/
/* Matrix für graphische Darstellung der Versionierung */
/*****************************************************************************/
/* Translation of GUI */
/*
Name, Datum: Maura Monente-Helber, 30.3.2009
Ort der Verwendung: Curriculum Designer, Rails-Oberfläche
Verwendungszweck:	Übersetzung von Oberflächentexten
Grund für Neuanlage: ist neu 
*/
.input_standard_green{
	background-color:#E7EFD1; 
	border:1px solid #669933;
}
/* End: Translation of GUI */

/*
Name, Datum: Monente-Helber, 18.2.09
Ort der Verwendung: Layout Entwurf für aufklappbares Panel in PO erstellen 
Verwendungszweck:	aufklappbares Panel
Grund für Neuanlage: Gibt es noch nicht.
*/
.PanelLeft_small, 
.PanelLeft_medium,
.PanelLeft_max{
	background-color:#F1F2F5;
	float:left;
	margin:0px;
	padding:0px;
}
.PanelLeft_small{
	min-width:470px;
	max-width:470px;
}
.PanelLeft_medium{
	min-width:500px;
	max-width:600px;
}
.PanelLeft_max{
	min-width:500px;
	max-width:880px;
}

.PanelRight_closed, 
.PanelRight_medium, 
.PanelRight_max{
	background-color:#D9E1D9;
	border: 1px solid #bad4ba	;
	float:left;
	margin-left:3px;
	margin-top:3px;
	margin-bottom:3px;
	padding:2px 5px 5px 5px;
}
.PanelRight_medium{
	width:310px;
}
.PanelRight_max{
	width:450px;
}
.PanelRight_closed{
	width:25px;
}
.content_max_portal_menueclosed {
	background:#F1F2F5 url(../images/icons/background_content.gif) repeat scroll 0%;
	margin:0px 0px 0px 0px;
	padding:4px;
}
.PanelRightHeadline {
	font-size: 0.9em;
	/*font-weight:bold;*/
	background-color:#D9E1D9;		
	margin: 0.3em 0px 0px 0px;
	padding: 3.5px 0.5% 3.5px 0.5%;
	height:1em;
}
.PanelRightHeadline .PanelHeadlineButtonsRight{   
	width: 4em;
    margin: 0px;
	padding: 0px;
	float: right;
	display: block;
	
}
.PanelRightHeadline .PanelHeadlineText{   
	width: 5em;
    margin: 0px;
	padding: 0px;
	float: left;
	display: block;
	
}
.PanelRightHeadline img{	
	padding-left: 3.5px ;
	padding-right: 2px;
	float: right;
	display: inline;
}
/*****************************************************************************/
/*   		übergeordnete Fieldsets             			                 */
/*****************************************************************************/

/**
 * Author: Ruth Cordes
 * Datum: 08.04.2009
 * Verwendung: momentan nur lokal
 * Verwendungszweck: übergeordnete Fieldsets, in denen sich Standardfieldsets befinden
 * Begründung: Bisher sieht das übergeordnete Fieldset aus wie die untergeordneten
 *
 */
.fieldsetDottedLines {
	margin: 0;
	border: none;
	border-top: 3px dotted #7FB4D8;
	border-bottom: 3px dotted #7FB4D8;	
	padding-top: 0.5em;
	padding-bottom: 0.2em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	margin-top: 0.5em;		

}

.fieldsetDottedLines > h2 {
/*	border-bottom: 1px dotted #7FB4D8; */
	padding-bottom: 0.2em;
	padding-left: 0px;
	font-size: 120%;
	margin: 0px;
	margin-bottom: 0.8em;
/*	
	padding-left: 20px;
	background: transparent
	url(../images/icons/bullet_star.gif) top left
	no-repeat;	*/
}

.fieldsetDottedLines legend {
	display: none;	
}

.fieldsetHeadDottedLines {
	margin: 0.5em 0 0 0;
	border: none;
	padding-top: 0.5em;
	padding-bottom: 0.2em;
	padding-left: 0px;
}

.dottedLines h2 {
	margin: 0.5em 0 0 0;	
	border-bottom: 1px dotted #7FB4D8;	
	padding-bottom: 0.2em;
	padding-left: 0px;	
}	

.dottedLines {
	border: 1px dotted #7FB4D8;
	float: left;
	padding: 10px;
}

.strong {
	font-weight: bold;	
}

/*****************************************************************************/
/*              Tabellen:                                	                 */
/*   			alle Baum-Icons in einer Zelle: tableDirTree	             */
/*   			jedes Baum-Icon in eigener Zelle: tableDirTreeOneColLayer    */
/*****************************************************************************/
/**
 * Author: Ruth Cordes
 * Datum: 08.04.2009
 * Verwendung: Maskenentwurf Baum mit grafischen Elementen (Tabelle)
 * Verwendungszweck: Bäume mit Dir-Aussehen
 * Begründung: Bisher gibt es nur Bäume mit Plus und Minus Button und Einrückung
 *
 */

table.tableDirTree,
table.tableDirTreeOneColLayer {
	margin: 0;
	padding: 0;
	border: none;
	width: 100%;
}

table.tableDirTree td,
table.tableDirTreeOneColLayer td {
	padding: 0;
	margin: 0;
	padding-right: 0.2em;
	padding-left: 0.2em;
    border-bottom: 1px solid #EFEFEF;
	white-space: nowrap;
	height: 27px;
}
table.tableDirTreeOneColLayer td {
	line-height: 2em;
}

table.tableDirTree td.icon {
	vertical-align: baseline;
	border: none;
	padding: 0;
	margin: 0;
	width: 1%;
    border-bottom: 1px solid #EFEFEF;
}

table.tableDirTree .titleColumn {
	float: left;
	padding: 0;
	margin: 0;
}

table.tableDirTreeOneColLayer .titleColumn {
	float: left;
	min-width: 400px;
}

/* Fix for IE 6 */
* html table.tableDirTreeOneColLayer .titleColumn {
	float: left;
	width: 400px;
}

table.tableDirTree img.tableDirTree {
/*	float: left;	*/		
}

table.tableDirTreeOneColLayer img.tableDirTree {
	float: left;		
}

.tableDirTree.img {
/*	vertical-align:  baseline;	*/
}
	
table.tableDirTree tr,
table.tableDirTreeOneColLayer tr {   
   background-color:#FFF;	   
}

table.tableDirTree tr.treeTableCellLevel1,
table.tableDirTreeOneColLayer tr.treeTableCellLevel1 {
	background-color: #EFF9FF;
}

table.tableDirTree tr:hover, 
table.tableDirTreeOneColLayer tr:hover {
	background-color: #FFFABF;	
}

/*
table.tableWithBorder tr.listRowOdd:hover,
table.tableWithBorder tr.listRowEven:hover,
table.tableWithSelect tr.listRowOdd:hover,
table.tableWithSelect tr.listRowEven:hover {
	background-color: #FFFABF;	
}
*/

table.tableDirTree th,
table.tableDirTreeOneColLayer th {
	background-color:#F1F2F5;
	border-bottom: 1px solid #7FB4D8;
	border-left: 1px solid #7FB4D8;
	border-right: 1px solid #7FB4D8;
	font-weight: bold;
	padding: 3px 5px 4px;
	text-align: left;
	vertical-align: top;	
}

table.tableDirTree td.invisible, table.tableDirTree th.invisible,
table.tableDirTreeOneColLayer td.invisible, table.tableDirTreeOneColLayer th.invisible {
	display: none;
}

/*****************************************************************************/
/*              Container für Icon-Zeile                   	                 */
/*****************************************************************************/
/**
 * Author: Maura Monente-Helber
 * Datum: 04.05.2009
 * Verwendung: Maskenentwurf Berichtswesen
 * Verwendungszweck: Reihe mit Icons soll hervorgehoben werden
 * Begründung: gibt es bisher nicht
 *
 */

.iconsTopAbove {
	margin-top:8px;
	padding:0;
	width:98%;
}

/*****************************************************************************/
/*              Liste                        	                             */
/*****************************************************************************/
/**
 * Author: Maura Monente-Helber
 * Datum: 05.05.2009
 * Verwendung: Maskenentwurf Berichtswesen/Navigation
 * Verwendungszweck: Liste mit Links unter einem Breadcrumb
 * Begründung: gibt es bisher nicht
 *
 */
.list {
	list-style-image: url(../images/icons/page_white_text.gif);
	padding-top: 7px;
	margin-top:5px;
	padding-left:30px;
	padding-bottom: 16px;
	font-weight: normal;
	background-color:#fff;
	margin-left:10px;
}

.list li {
	border-bottom: dotted 1px #ccc;
	padding: 3px;	
	background-color:#fff;
	margin-top:0px;
}
.list a:hover, 
.list a:focus, 
.list a:active {
background-color:#FFF1CC;
color:#333333;
font-weight:bold;
text-decoration:underline;
}
.list a {
color:#014A7B;
text-decoration:none;
font-weight:bold;
}

/*****************************************************************************/
/*              Baumkomponente mit Kanten zwischen den Knoten                   	                 */
/*****************************************************************************/
/**
 * Author: Sergej Kromm
 * Datum: 30.06.2009
 * Verwendung: Tabelenkomponente
 * Verwendungszweck: Baumdarstellung mit Linien/Kanten
 * Begründung: gibt es bisher nicht
 */

table.treeTable td.rootCollapsed, /* kein Bild */
table.treeTableWithIcons td.rootCollapsed, /* kein Bild */
table.treeTable td.rootExpanded,  /* kein Bild */
table.treeTableWithIcons td.rootExpanded, /* Linie unten */
table.treeTable td.nodeCollapsed,  /* kein Bild */
table.treeTableWithIcons td.nodeCollapsed, /* Linie links */
table.treeTable td.nodeExpanded,  /* kein Bild */
table.treeTableWithIcons td.nodeExpanded, /* Linien links und unten */
table.treeTable td.child,  /* kein Bild */
table.treeTableWithIcons td.child, /* Linien oben, rechts und unten - T */
table.treeTable td.childLast,  /* kein Bild */
table.treeTableWithIcons td.childLast, /* Linien oben und rechts - L */
table.treeTable td.parent,  /* kein Bild */
table.treeTableWithIcons td.parent, /* vertikale Linie - I */
table.treeTable td.parentLast, /* kein Bild */
table.treeTableWithIcons td.parentLast { /* kein Bild */
	padding: 0;
	margin: 0;
	background-repeat: no-repeat;
	width: 1%;
}

table.treeTableWithIcons td.rootExpanded {
	background-image: url(../images/icons/tree/tree_v.gif);
	background-position: 0pt 10px;
}

table.treeTableWithIcons td.nodeCollapsed {
	background-image: url(../images/icons/tree/tree_h.gif);
	background-position: -10px 0;
}

/* Fix for IE 6 */
* html table.treeTableWithIcons td.nodeCollapsed {
	background-image: url(../images/icons/tree/tree_h.gif);
	background-position: 0 0;
}

table.treeTableWithIcons td.nodeExpanded {
	background-image: url(../images/icons/tree/tree_l_180.gif);
}

table.treeTableWithIcons td.child {
	background-image: url(../images/icons/tree/tree_t.gif);
}

table.treeTableWithIcons td.childLast {
	background-image: url(../images/icons/tree/tree_l.gif);
}

table.treeTableWithIcons td.parent {
	background-image: url(../images/icons/tree/tree_v.gif);
}

table.treeTable input.treeTableIcon,
table.treeTableWithIcons input.treeTableIcon,
table.treeTable img.treeTableIcon,
table.treeTableWithIcons img.treeTableIcon {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

table.treeTable .smallestPossible, 
table.treeTableWithIcons .smallestPossible {
	width: 1%;	
}	

table.tableWithSelect .dateInputCalendar {
	width: 7.8em;
	white-space: nowrap;	
}

table.tableWithSelect .dateInputCalendar10em {
	width: 10em;
	white-space: nowrap;	
}

/*****************************************************************************/
/*              Meldung in grüner Farbe                   	                 */
/*****************************************************************************/
/**
 * Author: Maura Monente-Helber
 * Datum: 29.07.2009
 * Verwendung: Schrift mit Rahmen für Meldung, in Maskenentwurf immat_overview.xhtml
 * Verwendungszweck: Heraushebung einer Information, Zuweisung zu h5-Überschrift
 * Begründung: gibt es bisher nicht
 */
 
.messageGreen{ 
	color:#669933;
	border: 1px solid #669933;
	background-color: #ffffff;
	padding:4px;
}

/*****************************************************************************/
/*              Readonly-Eingabefelder bei Erfassung von Fremdsprachen       */
/*****************************************************************************/
/**
 * Author: Daniel Scholz
 * Datum: 30.07.2009
 * Verwendung: alle Bearbeitungsmasken
 * Verwendungszweck: Sichtbare Kennzeichnung aller Eingabefelder, die readonly sind
 * Begründung: gibt es bisher nicht
 */
.readonly {
	background-color: #ddd;
}

/*****************************************************************************/
/*                           Webmailer                                       */
/*****************************************************************************/
/**
 * Author: Marc Weyland
 * Datum: 04.08.2009
 * Verwendung: folders-inbox.xhtml, folders-sent.xhtml, webmailer-message.xhtml
 * Verwendungszweck: Schaltfläche zur Abbildung des Use Case "Nachricht weiterleiten"
 * Begründung: gibt es bisher nicht
 * Anmerkung: Icons werden gemäß Aufgabenplanung Team Alumni-Management konsolidiert und mit
 * 		      dem Team Styleguide abgestimmt. 
 */
div.webmailer table tbody tr td ul.message-actions li.forward-message a {
	background-image: url(../images/icons/message_forward.gif);
}

ul.toolbar li.forward-message a {
	background-image: url(../images/icons/message_forward.gif);
}

/*****************************************************************************/
/*                           Tabellendarstellung                             */
/*****************************************************************************/
/**
 * Author: Ruth Cordes
 * Datum: 05.08.2009
 * Verwendung: datatable.xhmtl, his:tree Komponente, sämtliche nicht JSF Tabellen, auch Bäume
 * Verwendungszweck: korrekte Darstellung des Overflows von Tabellen, Reaktion auf Bug in FF3
 * Begründung: gibt es bisher nicht
 */
.tableOverflowFix {
	table-layout: fixed;	
	width: 100%;
}

/*****************************************************************************/
/*             Formatierung von Rückfragen an den User					     */
/*****************************************************************************/
/**
 * Author: Daniel Scholz
 * Datum: 06.08.2009
 * Verwendung: prinzipiell alle Masken
 * Verwendungszweck: Abstand zwischen einer Rückfrage und den zugehörigen Buttons definieren.
 * Begründung: gibt es bisher nicht
 */
div.userQuery {
	font-weight: bold;
	margin-bottom: 1em;
}