/* import der aktiven QIS-CSS-Definitionen des alten Layouts in neuem Design: */
@import "QISDesignBestand.css";

/* Vorablösung: CSS-Design für PROFIS-Änderungsfunktion einschließen */
@import "PROFISaendernBewerber.css";

/* XKeyfield(erweiterter Schlüsselauswahldialog)-Styles einbinden*/
@import "css/xkeyfield.css";

/*  TODO: Erläuterung und Visualisierung aller CSS/XHTML-Kombinationen für HISinOne im Styleguide
/*****************************************************************************/
/*  INHALTSVERZEICHNIS: */
/*****************************************************************************/
/*  Makrolayout Navigationsrahmen frame.vm */  
/*  Mikrolayout Contentbereich */
/*  Allgemeines Layout */   
/*  Karteikarten */ 
/*  Links  */   
/*  Tabellen */ 
/*  DIV-Container */   
/*  Überschriften */  
/*  Texte */ 
/*  Listen */ 
/*  Absätze */ 
/*  Fehlermeldungen */   
/*  Farben */ 
/*  Formulare */ 
/*  Formulare.DIV-Container */ 
/*  Formulare.Label */ 
/*  Formulare.Input */ 
/*  Formulare.Textield */ 
/*  Submitbuttons */
/*	Bilder */
/*	JSF	(TODO:Aufteilung der Elemente auf Inhaltsverzeichnis) */


/*****************************************************************************/
/*  Makrolayout Navigationsrahmen frame.vm */  
/*****************************************************************************/
body {
	color: #014A7B;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;	
	margin-top: 5px;	
    font-size: 82.5%;
}
#wrapper{
     width: auto;
}
.divcontent {
	/* UmschließtNavigationsbaum und Inhalt*/
    float:left;
	background-color:#FFFFFF;
	width: 100%;
	margin-bottom:5px;
	display:inline;
}

/*	
	### Makronavitation - Anfang ###
*/
#makronavigation {
	/* Ausgeklapptes Menü*/
    width: 20%;
    float: left;
    background-color: #FFFFFF;
	padding-left:2px;
	padding-right:2px;	
}
#makronavigation .visited {
	/* Klasse, welche den Link formatiert, wenn die Seite aktiv ist*/
	color: #0A4F7E;
	text-decoration: none;
	list-style-type: none;
	list-style-position: outside;
	margin-left: 0px;
	margin-bottom: 10px;
	padding-left: 0px;
	left: 0px;
	font-weight: bold;
	line-height: 13px;
}
#makronavigation .auflistung {
	/* Klasse, welche den Link formatiert, wenn die Seite nicht aktiv ist*/
	color: #0A4F7E;
	text-decoration: none;
	list-style-type: none;
	list-style-position: outside;
	margin-left: 0px;
	margin-bottom: 10px;
	padding-left: 0px;
	left: 0px;
	font-weight: normal;
	line-height: 13px;
}

 
#makronavigation .auflistung img {
	/*der < wird formatiert */
	vertical-align:bottom;
}
#min_navigation {   
	/* Eingeklapptes Menü */ 
    float: left;
	width: 16px;	
}
.makromenueauf:link, .makromenueauf:visited {
	/* Eingeklapptes Menü formatieren*/
	display: block;
	width: 12px;
	height: 135px;
	background: url(http://localhost/QIS/images/buttons/menuaufblauObreit.gif);
}
.makromenueauf:hover, .makromenueauf:active, .makromenueauf:focus {
	/* Eingeklapptes Menü formatieren*/
	background-image: url(http://localhost/QIS/images/buttons/menuaufrot.gif);
}
.makromenueauf span {
	/* Eingeklapptes Menü formatieren*/
	display: none;
}
/*
	### Makronavitation - Ende ###
*/


.currentItem {
	font-weight: bold;
}

/* inactive identisch mit auflistung bis auf color */
/* wegen Internet Explorer identische Einträge wiederholen */
.inactive {
	color: darkgrey;
	text-decoration: none;
	list-style-type: none;
	list-style-position: outside;
	margin-left: 0px;
	margin-bottom: 10px;
	padding-left: 0px;
	left: 0px;
	font-weight: normal;
	line-height: 13px;
}

.content { 
    width: 77%;    
    background-color:#DEE2EB;	
    padding:4px;
	float:left; /* prf */
	display: block; /* prf */
}
.content_max {        
    background-color: #DEE2EB;	
    padding:4px;
	float:left;
	display: block;
	width: 93%;
}
.content_max_portal {        
    background-color: #DEE2EB;	
    padding:4px;
	float:left;
	display: block;
	width: 78%;
}
.content_full_portal {        
    background-color: #DEE2EB;	
    padding: 4px;
	float: left;
	display: block;
	width: 98%;
}
.contentbreit { 
    width: 99%;    
    background-color: #DEE2EB;	
    padding:4px;
}
.divloginstatus {
    background-color: #006AB3;
	color: #FAFAFA; 
	padding: 3px 0px 2px 7px;  
	margin-top: 4px;
	width: 100%;
}
.divfoot {
    background-color: #006AB3;
	color: #FAFAFA; 
	padding: 2px 0px 2px 4px;
	margin-top: 5px;
	clear: left;
	width: 100%;
}
.divheader{
    width: 100%;
	margin-top:3px;
	margin-bottom: 3px;
}
.divlinks {
	color: #014A7B; 
    background-color: #FFFFFF;
	padding: 3px 0px 5px 4px;  
	margin-top: 3px;
}
.portalcontent{
	 width:35%;
	 float:left; 
	 padding-left:4px; 
	 padding-right:4px;
	 margin-top:25px;
}
.portalcontent2{
    width:45%;
    float:left;
    padding: 120px 0px 4px 4px; 
    position:relative;
}
/*****************************************************************************/
/*  Allgemeines Layout */  
/*****************************************************************************/
hr {
	background-color: #014A7B;
	padding: 0;
	margin-top: 1px;
	margin-bottom: 1px;
	border-bottom: 0px #00F;
	height:1px;
}
.unsichtbar {
	position: absolute;
	left: -3000px;
}
label {
	cursor: pointer;
}
/*****************************************************************************/
/*  Mikrolayout Contentbereich */  
/*****************************************************************************/
/*****************************************************************************/
/*  Karteikarten Mikronavigation*/ 
/*****************************************************************************/
.mikronavi {
    background-color: #FFFFFF;
    line-height: 170%;
	padding: 4px 6px 4px 6px;
	margin: 10px 0px 0px 0px;
	border: 1px solid #7FB4D8;	 	
	min-width: 530px;
}
.mikronavi  a:link, .mikronavi a:visited, .mikronavi a:focus, .mikronavi a:hover, .mikronavi a:active {
   	color: #014A7B;
   	text-decoration: underline;
}
.mikronavi a:focus {
   color: #7FB4D8;
}
.mikronavi a:hover {
   color: #7FB4D8;
}
.mikronavi a:active {
   color: #7FB4D8;
}
.mikronavi ul{
  	list-style-type:none;
  	margin: 0;
  	padding: 0;
}
.mikronavi li{
  	list-style-type:none;
	border-left: #7FB4D8 1px solid;
   	padding: 0px 4px 0px 6px;
  	margin:10px 0;
  	display:inline;
}
.mikronavi li.randlos {
	border: 0;
}
/*****************************************************************************/
/*  Links  */  
/*****************************************************************************/
/* fuer den Loginstatus */
.links3 {
	line-height: 20px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.links3:focus, .links3:hover, .links3:active {
	color: #AF2B2B;
   	background-color: #EFDFC2;
   	text-decoration: underline;
}

/* fuer die Hauptmenuepunkte der Makronavigation */
.links2, .links2visited {
	font-size: 120%;
	line-height: 24px;
}
.links2, .links2visited {
	color: #014A7B;
	text-decoration: none;
}
.links2visited {
	font-weight: bold;
}
.links2:focus, .links2:hover, .links2:active {
	color: #AF2B2B;
   	background-color: #EFDFC2;
   	text-decoration: underline;
}

/* fuer die Makronavigation*/
#makronavigation a:focus, #makronavigation a:hover, #makronavigation a:active  {
	color: #AF2B2B;
   	background-color: #EFDFC2;
   	text-decoration: underline;
}

/* fuer einen beliebigen Link im Content-Bereich */
a.regular:link, a.regular:visited, a.regular:focus, a.regular:hover, a.regular:active {
   	color: #014A7B;
   	text-decoration: underline;
}
a.regular:visited {
	color: #8B598F;
}
a.regular:focus {
   	color: #AF2B2B;
   	background-color: #EFDFC2;
}
a.regular:hover {
   	color: #AF2B2B;
   	background-color: #EFDFC2;
}
a.regular:active {
   	color: #7FB4D8;
}

.links, .linksvisited {
	line-height: 20px;
	list-style-type: none;
	list-style-image: none;
	margin-left: 0px;
	padding: 0;
}
.links {
	text-decoration: none;	
	font-weight: normal;
}
.linksvisited {
	font-weight: bold;
}

.minilinks {
	font-size: 75%;
	text-decoration: none;
	font-weight:normal;
}
/*a:hover {
	color: #7FB4D8;
	text-decoration: underline;
}
a:link { 
    text-decoration:none;
}
a:visited { 
	text-decoration:none; 
}*/
/*****************************************************************************/
/*  Tabellen */ 
/*****************************************************************************/
.mod, .mod_header, .mod_modul {
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;	
	border-left: #7FB4D8 1px solid; 
	border-bottom: #7FB4D8 1px solid;
	border-right: #7FB4D8 1px solid;
	padding: 2px 7px 2px 7px;
}
.mod_header {
	width: 10%;
}
.mod_modul {
	width: 10%;
}
.mod_n, .mod_n_odd, .mod_n_even, .mod_n_basic, .mod_n_department, .mod_n_error {
	border: 0.5pt;
	background-color: #FFFFFF;
	font-weight: normal;
	vertical-align: top;
	padding: 2px 7px 2px 7px;
}
.mod_n_even{
	background-color: #EFEFEF;
}
.mod_n_basic {
	width: 30%;
}
.mod_n_error {
	color: #FF0000;
}

.mod_n_department {
	width: 50%;
}
.mod_t{
	background-color: #7FB4D8;
	font-size: 120%;
	font-weight: bolder;
	padding-top: 2px;
	padding-bottom: 2px;	
}
.qis_header{
	background-color: #7FB4D8;
	font-weight: bold;
	font-size: 160%;
}
.qis_verlauf{
	background-color: #DEE2EB;
	font-size: 110%;
}
.qis_infos{
	background-color: #DEE2EB;
}
.qis_fach{
	background-color: #EAEBEC;
	font-size: 110%;
	font-weight: bold;
}
.qis_records{
	color: #014A7B;
}
.qis_kontoOnTop{
	font-size: 110%;
	font-weight: bold;
	background: #F0FFFF;
}
.qis_konto{
	background: #F0FFFF;
}
.qis_veranst {
	text-align: justify;
	color: #808080;
	text-decoration: none;
	font-weight: bold;
	background-color: #FAFAFA;
	line-height: 14px;
	border: 1px solid #DEE2EB;
	padding:2px;
}
.tabelle1 {
	text-align: justify;
	color: #375798;
	text-decoration: none;
	font-weight: bold;
	background-color: #FAFAFA;
	line-height: 14px;
	border: 1px solid #DEE2EB;
	padding: 2px;
}
.tabelleheader {
	font-weight: bold;
	color: #FAFAFA;
	text-decoration: none;
	text-align:justify;
	background-color: #5381BE;
	border: 1px solid #FFFFFF;
	padding: 2px;
}
.tabelleheadertext {
	font-weight: bold;
	color: #FAFAFA;
	text-decoration: none;
}
/*****************************************************************************/
/*  DIV-Container */  
/*****************************************************************************/
.menublock{
   margin-left: 50px;
   background-color:#FAFAFA;
   width:100%;
   padding:5px;
}
.abstand_veranstaltung {
	height: 20px;
	clear: both;
}
.abstand_leistung, .abstand_info {
	height: 20px;
	clear: both;
}
.abstand_search {
	height: 10px;
	clear: both;
}
.abstand_pruefinfo {
	height: 20px;
	clear: both;
}
#searchHelp {
	float: right;
}
.cal_Inline, .cal_NewLine {
	padding: 0px 5% 5% 0px;
	float: left;
}
.cal_NewLine {
	clear: both;
}
.Kruemelpfad {
	font-size: 85%;
	font-weight: normal;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 6px 0px 6px 0px;
}
.KruemelpfadEintrag {
	background-image: url('/QIS/images/his_minipfeile.gif');
	background-repeat: no-repeat; 
	background-position: 0px center;
	padding-left: 20px;
	display: inline;
}
#Studienganginfo, .InfoLeiste {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 6px 0px 6px 0px;
}
.Leistungen_Inhalt {
	padding-left: 16px;
}
.inputlabel, .pseudolabel {
	width: 20%;
	text-align: right;
	vertical-align: middle; 
	float: left;
	margin-right: 5px;
}
.infolabel {
	width: 12%;
	text-align: right;
	clear: both;
	float: left;
	margin-right: 5px;
}
.bezeichner, .bezeichner_exam {
	font-weight: bold;
	width: 20%;
	border-left: 1px solid #7fb4d8;
	border-bottom: 1px solid #7fb4d8;
	border-right: 1px solid #7fb4d8;
	padding: 2px 7px 2px 7px;
	clear: both;
	float: left;
}
.feld, .feld_exam {
	width: 50%;
	background-color: #FFFFFF;
	padding: 2px 7px 2px 7px;
}
#change_header {
	background-color: #FFFFCC;
	margin-bottom: 1em; 
	padding: 3px;
}
#change_header_text {
	float: left
}
#change_header_detail {
	width: 100%;
	text-align: right;
}
.missing_checkbox {
	margin-right: 5px;
	float: left;
}
.erg_list_entry {
	line-height: 150%;
	clear: both;
	display: block;
}
.erg_list_label, .erg_list_label_small, .erg_list_label_title {
	font-weight: bold;
	text-align: right;
	width: 25%;
	margin-right: 10px;
	float: left;
}
.erg_list_label_small {
	width: 20%;
}
.erg_list_label_title {
	width: 5%;
}
/*****************************************************************************/
/*  Überschriften */  
/*****************************************************************************/
h1{
	font-size:150%;
	font-weight: bold;
	margin-bottom: 3px;
	margin-top: 3px;
}
h2, .t_capt {
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 3px;
	margin-top: 3px;
	white-space:nowrap;
}
.t_capt {
	text-align: left;
	margin-bottom: 10px;
}
h4{
	font-size: 100%;	
	text-decoration: none;
	font-weight: normal;
	list-style-type: none;
	list-style-image: none;
	margin-left: 0px;
	padding: 0;	
	margin-bottom: 10px;
	margin-top: 10px;
}
/*	deprecated: -- h1 verwenden --*/
.inhalt {
	font-size:200%;
	color: #014A7B;
	font-weight: bold;
	padding-left:8px;	
} 
/*****************************************************************************/
/*  Texte */ 
/*****************************************************************************/
.warnung{
	color: #FF0000;
	font-weight: bolder;
}
.grueneWarnung{
	color: #119022;
}
.standardgroesse {
	font-size: 82.5%;
}
/*****************************************************************************/
/*  Listen */ 
/*****************************************************************************/
ul.treelist, ul.treelist ul, ul.treelist1, ul.treelist1 ul {
	margin: 0;
	padding-left: 20px;
}
ul.treelist li, ul.treelist1 li {
	margin-top: 0.2em;
	list-style-type: none;
}
ul.treelist1, ul.treelist1 ul {
	padding-left: 8px;
	font-weight: bold;
	text-decoration: none;
}
ul.treelist1 li {
	font-weight: bold;
	text-decoration: none;
}

/*  ANFANG: Listen im contentbereich, bspw. Hilfe-Center*/ 
.mikronavi_list {
	/*width: 50%;*/
    background-color: #FFFFFF;
    line-height: 170%;
	padding: 4px 6px 4px 6px;
	margin: 10px 0px 0px 0px;
	border: 1px solid #7FB4D8;	 	
	min-width: 430px;
}
.mikronavi_list .liste_lang{
	width: 90%;
	background-color: red;
}
.mikronavi_list a:link, .mikronavi_list a:visited, .mikronavi_list a:focus, .mikronavi_list a:hover, .mikronavi_list a:active {
   	color: #014A7B;
   	text-decoration: underline;
}
.mikronavi_list a:focus {
   color: #7FB4D8;
}
.mikronavi_list a:hover {
   color: #7FB4D8;
}
.mikronavi_list a:active {
   color: #7FB4D8;
}
.mikronavi_list ul{
  	margin: 0;
  	padding-left: 10px;
  	list-style-type:none;
}
.mikronavi_list ol{
  	
}
.mikronavi_list li{
	  	  
}
.abstand20 {
	display: block;
	float: left;
	width: 20%; /* Breite.*/
	min-width: 120px;
}
.abstand80 {
	display: block;
	float: left;
	width: 75%; /* Breite.*/
}
.abstandEnde {
	display: block; 
	width: 0%; /* Breite.*/
	clear: left;
}
/*  ENDE: Listen im Contentbereich  */



li.Abstand_in_Listen {
	padding: 0px 0px 6px 0px;
}
/*****************************************************************************/
/*  Absätze */ 
/*****************************************************************************/
p {
    margin: 1px;
	padding: 1px;
}
/*****************************************************************************/
/*  Fehlermeldungen */  
/*****************************************************************************/
.fehlermeldung {
	font-size: 75%;
	line-height: 10px;
	color: #CC3300;
	text-decoration: none;
}
/*****************************************************************************/
/*  Farben */ 
/*****************************************************************************/
.color {
	color: #014A7B;
}
.darkbluecolor {
	color: #014C7E;		
}
.orangecolor {
	color: #F0B413;		
}
.redcolor {
	color: #BB0000;		
}
.background {
	background-color: #FFFFFF;	
	padding-left:7px;
	padding-top:5px;
	padding-right:7px;
}
.termWeekDay {
	background-color: #FFFFCC;
}
.termWeekendDay {
	background-color: #FFFF99;
}
.feiertag {
	color: #2299BB;
	font-weight: bold;
}
.day {
	background-color: #dbdde9;
}
.weekend {
   background-color: #bdc0d7;
}
.today {
	color: #FF0000;
	font-weight: bold;
}
.todayweekend {
	font-weight: bold;
	color: #FF0000;
	background-color: #bdc0d7;
}
/*****************************************************************************/
/*  Formulare */ 
/*****************************************************************************/
/*****************************************************************************/
/*  Formulare.DIV-Container */ 
/*****************************************************************************/
.formular{
    margin: 1px;
	padding: 1px;
}
/*****************************************************************************/
/*  Formulare.Label */ 
/*****************************************************************************/
.label{
	width: 90px;
	border: 0px solid #851395;
	text-align: left;
	display: block;
	float: left;
	margin-right: 5px;
	line-height: 20px;
	font-weight: normal;
	margin-left: 0px;
	padding: 0;
}
/*****************************************************************************/
/*  Formulare.Input */ 
/*****************************************************************************/
input:focus, input:hover, input:active,
select:focus, select:hover, select:active,
textarea:focus, textarea:hover, textarea:active {
	background-color: #EFDFC2;
	/*background-color: #eaedd7;*/
}
.radio {
	text-align: left;
}
/*****************************************************************************/
/*  Formulare.Textield */ 
/*****************************************************************************/
/*****************************************************************************/
/*  Submitbuttons */  
/*****************************************************************************/
.button {
	font-size: 120%;
	line-height: 24px;
	color: #FFFFFF;
	background-color: #014A7B;
	border: #6B8AC9;
}
/*input:focus, input:hover, input:active {
	color: #AF2B2B;
   	background-color: #EFDFC2;
}*/
/*****************************************************************************/
/*  Bilder */  
/*****************************************************************************/

img {
	border: 0px;
}
/*img:focus, img:hover {
	border: 1px solid #AF2B2B;
	background-color: #EFDFC2;
}*/
img.edit {
	width: 25px;
	height: 15px;
}
img.termin_stift {
	width: 14px;
	height: 14px;
}
img.pdf {
	width: 35px;
	height: 16px;
}
img.matrix {
	width: 20px;
	height: 17px;
}
img.bubble {
	width: 14px;
	height: 12px;
}
img.email {
	width: 15px;
	height: 15px;
}
img.protocol {
	width: 13px;
	height: 14px;
}
img.lupe {
	width: 20px;
	height: 18px;
}
img.vvzueberschrift {
	width: 12px;
	height: 12px;
}
/*****************************************************************************/
/*	JSF  (TODO:Aufteilung auf Inhaltsverzeichnis) */
/*****************************************************************************/

.row {
	float: left;
	width: 100%;
	padding-top: 2px;
	padding-bottom: 2px;
}

.left {
	float: left;
	width: 25%;
}

.fehlermeldung.jsf {
	float: right;
	width: 75%;
}

.right {
	float: left;
	white-space: nowrap;
}

.label.jsf {
	text-align: right;
}

.labelrequired {
	float: right;
}

.labelrequirederror {
	font-style: italic;
	float: right;
	text-align: left;
}

.input.error {
	outline-color: red;
	outline-style: solid;
	outline-width: thin;
}

.h1 {
	font-weight: 600;
	color:#014A7B;
}

.h2 {
	padding-left: 10px;
	font-weight: 600;
	color:#014A7B;
}

.colLeft {
	float: left;
	width: 50%;
}

.colRight {
	float: right;
	width: 50%;
}

/*****************************************************************************/
/*  under construction */  
/*****************************************************************************/

fieldset {
	padding: 7px;
	border: 1px solid #999999;
}

.abstand_passwort, .abstand_vvz {
	height: 20px;
}

.hidden {
	display: none;
}

.Tree {
	padding: 0px;
}

.aboutHIS {
	padding: 10px;
	float: left;
}

.about_Eintrag {
	padding-left: 40px;
}

.erg_list_line {
	background-color: #DEE2EB;
	border: dashed 1px #FFFFFF;
	margin-top: 10px;
	margin-bottom: 10px;
}
.macro_div {
	margin-right: 5px;
	float: left;
}
.just_float_left {
	margin-right: 5px;
	float: left;
}
.webTerm_activities {
	margin: 3px 0px 5px 0px;
}