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

/* CSS-Design fuer das jQuery-Plugin 'DateTimePicker' */
@import "datetimepicker/jquery.datetimepicker.css"; /* http://xdsoft.net/jqplugins/datetimepicker */

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

/*****************************************************************************/
/*               NAMENSKONVENTIONEN FÜR NEUE CSS STYLES                      */
/*****************************************************************************/
/*
1. Sprechenden Namen in Englisch vergeben, evtl. abgekürzt 
(z.B. "navi").
2. Namenskombinationen mit Unterstrich, falls inhaltliche Verbindung zu anderen
Styles besteht  (z.B. "wizard_navi").
3. Bei mehreren gleichen Elementen unterschiedlicher Formatierung Nummerierung 
einführen mit Unterstrich (z.B. "input_45" "input_2"). 
4. Globale Selektoren sind am Anfang einer Rubrik aufgeführt, damit man sofort
sehen kann, welche Elemente dieser Rubrik global Einfluß haben.
5. Bitte die neuen CSS entsprechend dem Inhaltsverzeichnis einsortieren,
falls neue Inhalte eingebracht werden, neue Überschrift für Inhalte auch im
Inhaltsverzeichnis ablegen.
*/

/*****************************************************************************/
/*  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 */

/*  Kalender */




/*****************************************************************************/
/*  Makrolayout Navigationsrahmen frame.vm */  
/*****************************************************************************/
@font-face { font-family: 'Open Sans'; src: url('open-sans/OpenSans-Regular.ttf') format('truetype'); }
@font-face { font-family: 'Open Sans'; src: url('open-sans/OpenSans-Semibold.ttf') format('truetype'); font-weight: bold; }
@font-face { font-family: 'Open Sans'; src: url('open-sans/OpenSans-Italic.ttf') format('truetype'); font-style: italic;  }




body {
	color: #003c62;
	background-color: #FFFFFF;
	font-family: "Open Sans", arial, Helvetica,sans-serif;
    font-size: 86%;
}

body, html {
	height: 100%;
	margin: 0;
	padding: 0;	
}

#wrapper {
	height:auto !important;
	min-height:100%;
	position:relative;
    width: auto;
    margin-top: -5px;
    margin-left: 5px;
    margin-right: 5px;
    background-image: none !important;
}

/* -> Globale Nachricht  <- */
#globalmessage {
	text-align: center;
	background-color: #af193f;
	font-weight: bold;
	border-left: 1px solid #af193f;
	border-right: 1px solid #af193f;
	color: #FFFFFF;
	margin-top: 4px;
	min-height: 1.4em;
	padding: 5px 0 5px 7px;
	position: relative;
	background: #af193f;
	-webkit-border-radius: 2px;
	-moz-border-radius : 2px;
	border-radius : 2px;
}

.divcontent {
	/* UmschließtNavigationsbaum und Inhalt*/
    /* float:left; */
	background-color:#FFFFFF;
	width: 100%;
	margin-bottom:5px;
	/* display:inline; */
	padding:0 0 0.1em; /* bottom padding für den Abstand zum footer */
}
/*Header mit Logo und Services*/
.header_hisinone {
	width: 99%;
	margin-top: 0px;
	margin-bottom: 3px;	
}
.header_hisinone .logo {
    float:left;
    margin-top: 10px;
}
.services{
	float:right;
	margin-top:8px;
}
.services ol{
	list-style-type:none;
	margin:0 0;
	padding:0 0;
	display:inline;
}
.services li{
	list-style-type:none;
	margin:10px 0;
	display:inline;
}
.services  span {
	font-size:95%;
    font-weight:normal;
	color:#006ab2;
	padding-left:0.1em;
	padding-right:0.1em;
	text-decoration: none;	
} 
.services  a {	
	font-size:95%;
	font-weight: normal;
	color: #003c62;
	text-decoration: none;
	padding-left: 0.1em;
	padding-right: 0.1em;
	text-decoration: none;		
} 
.services a:hover, 
.services a:focus,
.services a:hover,
.services a:active	 {
	color: #333;
   	background-color: #FFF1CC;
   	text-decoration: underline;	
}

/***********************************/
/*	### Breadcrumb ###  */
/**********************************/

.breadcrumb{
	clear: both;
	font-size: 85%;
	padding-bottom:3px;
	margin-left:5px;
}

.breadcrumb img{
	vertical-align: bottom;
}


/***********************************/
/*	### Fussbereich - Anfang ###  */
/**********************************/

.divfoot {
	bottom:0px;
	padding-bottom:20px;	
	position:absolute;
	width:100%;
}

.divfoot_navigation {
    background-color: #3388c1;
	color: #ffffff; 
	padding: 5px 0 5px 7px;  
	margin-top: 4px;
	min-height:1.4em;
    border: 1px solid #526c8e;
    -webkit-border-radius: 2px;
	-moz-border-radius : 2px;
	border-radius : 2px;
	box-sizing: border-box;
}

.divfoot_logo {
	clear:both;
	display:block;
	padding-top:6px;
}

/****************************************/	
/*	### Fussbereich - Ende ###          */	
/****************************************/	

/*	
	### Makronavigation - Anfang ###
*/
#makronavigation {
	/* Ausgeklapptes Menü*/
	width: 20%;
    float: left;
    background-color: #FFFFFF;
	padding-left:2px;
	padding-right:2px;
	padding-top: 4px;
}

#makronavigation .menue{
	list-style:none;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 20px;
	line-height: 1.3em;	
    cursor: pointer; 
    padding-left:17px;
}

#makronavigation .menueListStyle  {
	list-style-type:none;
} 

#makronavigation .menueListStyleCloseMenu  {
	list-style-type:none;	
} 

#makronavigation .submenuCss  {
	list-style-type:none;	
}

#makronavigation .submenuCssVisited  {
	list-style-type:none;	
}

#makronavigation .submenuCssVisited a {
	font-weight:bold;
	color:#006ab2;
}

#makronavigation .linkDocu  {
	list-style-image:url(/HISinOne/images/icons/book_open.svg);
}

/* FIX  IE 7:  */
* +html #makronavigation .menue{ 
	margin-left:0px;
}
/* Fix  IE 6 */   
* html #makronavigation .menue{ 
	margin-left:0px;
}

#makronavigation .visited {
	/* Klasse, welche den Link formatiert, wenn die Seite aktiv ist*/
	background-color: #ffffff;
	text-decoration:none;	
	display:block;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 4px;
	padding-top: 3px;
	color:#006ab2;
	font-weight: bold;	
	padding-left:2px;		
    border-bottom:1px dashed #F1F2F5;	
    cursor:pointer;
}

#makronavigation .visited img,
#makronavigation .auflistung img,
#makronavigation .menu_close img		 {
	margin-right:0.5em;
}


#makronavigation .auflistung,
#makronavigation .menu_close	 {
	/* Klasse, welche den Link formatiert, wenn die Seite nicht aktiv ist*/	
	text-decoration:none;		
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 4px;
	padding-top: 3px;
	padding-left:2px;
	color:#003c62;	
    border-bottom:1px dashed #F1F2F5;
}
/* Fix for IE 6 */   
* html #makronavigation .auflistung,
* html #makronavigation .menu_close { 
	width: 98%;
}
#makronavigation .auflistung {	
	border-bottom:1px dashed #F1F2F5;
	cursor: pointer;
    display: block;
}

/* 
Möglichkeit, Menüeinträge links mit Hintergrundbildern zu versehen
#makronavigation .submenuCss .auflistung {
	background:url(/QIS/images/icons/resultset_next.svg) no-repeat scroll 2px 6px transparent;
}
*/
 
 #makronavigation .auflistung img {
	/*der < wird formatiert */
	vertical-align:text-bottom;
}

#makronavigation a:focus, #makronavigation a:hover, #makronavigation a:active  {
	background-color:#FFF1CC;   
   	text-decoration: none; 
   	display:block;
	margin-bottom: 1px;
	margin-top: 0px;
	padding-bottom: 3px;
	padding-top: 3px; 		
    border-bottom:1px dashed #F1F2F5;
    cursor: pointer;
	line-height:1.3em;
	color:#003c62;	
}

#min_navigation {   
	/* Eingeklapptes Menü */ 
    float: left;
	width: 15px;
	margin-right:1px;
	background-color:#3388c1;	
}
#min_navigation:hover, #min_navigation:hover,#min_navigation:focus {  	
	background-color:#fff1cc;
	color:#003c62;	
}

.makromenueauf:link, .makromenueauf:visited {
	/* Eingeklapptes Menü formatieren*/
	display: block;
	width: 12px;
	height: 135px;
	text-decoration:none;
}
.makromenueauf:hover, .makromenueauf:active, .makromenueauf:focus {
	/* Eingeklapptes Menü formatieren*/
	display: block;
	width: 12px;
	height: 135px;
	text-decoration:none;
	color:#003c62;
}
.makromenueauf span {
	/* Eingeklapptes Menü formatieren*/
	color:#ffffff;
	padding-left:4px;
}
/*
	### Makronavigation - Ende ###
*/
/******************************************************************************************/
/*              Liste für Menüdarstellung mit Details im Contentbereich, RSS-Feed Portal  */
/******************************************************************************************/

.ListingNavigationPage {
	margin-left: 10px;
	margin-right: 6px;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 1.5em;
	font-weight: normal;
	list-style-type: none;
}



.ListingNavigationPage li {
	padding: 2px;
	margin-top: 0px;
	margin-bottom: 5px;
/*	border-bottom: 1px dashed #DFDFDF;*/
	list-style-type: none;
}

.ListingNavigationPage a {
	font-weight: bold;
	text-decoration: underline;
	font-size: 100%;
    line-height: 1.4em;
    padding: 0;
}

.ListingNavigationPage .imageContainer {
	float: left;
}

.ListingNavigationPage .linkContainer {
	margin-left: 35px;
}


.ListingNavigationPage .pContainer {
	margin-left: 35px;
}

.ListingNavigationPage p {
	margin-top: 0px;
	margin-bottom: 0px;
	color: #555555;
	margin-top: 3px;
	padding-bottom: 0.5em;
	padding-right: 10px;
	line-height: 1.3em;
}

.ListingNavigationPage li.menu {
	list-style-type: none;
}

.ListingNavigationPage li.submenu {
	list-style-type: none;
}


.currentItem {
	color: #7FB4D8;
	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%; 
    padding:4px;
	float:right; /* prf */
	display: block; /* prf */
	background:#f2f7f8;
	min-height:280px;
}

.content_max {        
    background-color: #f2f7f8;
    padding:4px;
	float:left;
	display: block;
	width: 95%;
}
.content_max_portal_qis {        
    background: #f2f7f8;
    margin: 0px;
    padding: 4px;
	float: right;
	display: block;
	width: 78%;
	min-height:380px;
}

/* Fehler im IE 7: übernimmt width nicht */
* +html .content_max_portal_qis { 
	width: 78%;
}

.content_full_portal {        
    background-color: #f2f7f8;
    padding: 4px;
	float: left;
	display: block;
	width: 98%;
}
.contentbreit { 
    width: 99%;    
    background-color: #f2f7f8;
    padding:4px;
}
.divloginstatus {
    background-color: #3388c1;
	color: #ffffff; 
	padding: 5px 0 5px 7px;  
	margin-top: 4px;
	min-height:1.4em;
    border: 1px solid #526c8e;
    -webkit-border-radius: 2px;
	-moz-border-radius : 2px;
	border-radius : 2px;
	box-sizing: border-box;
	text-align:center;
}

.SearchKeyWord {
    background-color: #1979ba;
	color: #FAFAFA; 
	padding: 2px 0px 2px 4px;
	clear: right;
	width: 20%;
	position:absolute;
	bottom: 75px;	
	left: 0px;
}

.divheader{
    width: 100%;
	margin-top:3px;
	margin-bottom: 3px;
}
.divlinks {
	color: #006ab2; 
    background-color: #FFFFFF;
	margin-top: 2px;
	text-align:center;
	padding-right:20px;
}
.portalcontent{
	 width:99%;
	 float:left; 
	 padding-left:4px; 
	 padding-right:4px;
	 margin-top:5px;
}
.welcome_text{
	 width:75%;
	 float:left; 
	 padding-left:4px; 
	 padding-right:4px;
	 margin-top:5px;  
}
.portalcontent1{
	 float:left; 
	 padding-right:4px;
	 margin-top:5px;
	 width:0;
}
.portalcontent2{
    width:40%;
    min-width:380px;
    float:left;
    padding: 4px 0px 4px 4px; 
	margin-top:5px;
}
/* Fix for IE 6 */   
* html .portalcontent2 { 
	width: 380px;
}
.containerLogin {
	border: none;
	padding: 0px 7px 0px 7px;
	margin-top:1em;
}
.containerLogin ol {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.containerLogin ol li	{
	margin-bottom: 0.2em;
	clear: both;
}
.containerLogin .label{
	margin-top: 6px;
}
.demoLinks{
    width:40%;
    min-width:380px;
    float:left;
    padding: 4px 0px 4px 4px; 
	margin-top:5px;
}
/* Fix for IE 6 */   
* html .demoLinks { 
	width: 380px;
}

/*****************************************************************************/
/*  Allgemeines Layout */  
/*****************************************************************************/
hr {
	background-color: #003c62;
	border-bottom: 0px #00F;
}
.unsichtbar {
	position: absolute;
	left: -3000px;
}
label {
	cursor: pointer;
}
/*****************************************************************************/
/*  Mikrolayout Contentbereich */  
/*****************************************************************************/

.pictures_portal_border {
	margin-left: 0px;
	margin-top: 1em;
	margin-bottom: 1px;
	padding: 0px;
	border: 1px solid #DFDFDF;
	display:none;
}

.clearer,.clearerSpaceAboveHalfEm,.clearerSpaceAbove0_1 {
	clear: both;
	line-height: 0;
	height: 0;
	overflow: hidden;
	display: block;
	margin: 0px;
	padding: 0px;
}


/*****************************************************************************/
/*  Karteikarten Mikronavigation*/ 
/*****************************************************************************/
.mikronavi {
    background-color: #FFFFFF;
    line-height: 170%;
	padding: 4px 6px 4px 6px;
	margin: 10px 0px 0px 0px;
	border: 1px solid #cccccc;	 	
	min-width: 530px;
}
.mikronavi  a:link, .mikronavi a:visited, .mikronavi a:focus, .mikronavi a:hover, .mikronavi a:active {
   	color: #003c62;
   	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: #cccccc 1px solid;
   	padding: 0px 4px 0px 6px;
  	margin:10px 0;
  	display:inline;
}
.mikronavi li.randlos {
	border: 0;
}
.mikronavi a:visited, .mikronavi a:focus, .mikronavi a:hover, .mikronavi a:active {
   	color: #003c62;
   	text-decoration: underline;
}
/*****************************************************************************/
/*  Funktionselemente  */  
/*****************************************************************************/
.functionnavi {
    background-color: #EFEFEF;
    line-height: 170%;
	padding: 4px 6px 4px 6px;
	margin: 10px 0px 0px 0px;
	border: 1px solid #cccccc;	 	
	min-width: 530px;
}
.functionnavi a:link {
   	color: #003c62;
   	text-decoration: none;
}
.functionnavi a:focus {
   color: #7FB4D8;
}
.functionnavi a:hover {
   color: #7FB4D8;
}
.functionnavi a:active {
   color: #7FB4D8;
}
.functionnavi ul{
  	list-style-type:none;
  	margin: 0;
  	padding: 0;
}
.functionnavi li{
  	list-style-type:none;
	border-left: #cccccc 1px solid;
   	padding: 0px 4px 0px 6px;
  	margin:10px 0;
  	display:inline;
}
.functionnavi li.randlos {
	vertical-align: middle;
	border: 0;
}

/* 
* Autor: Markus Engel 
* Datum: 23.02.18 
* Zweck: Radiobutton ohne Listenaufzählung
*/

fieldset ul li.randlos {
	
	list-style: none;
}


/*****************************************************************************/
/*  Links  */  
/*****************************************************************************/
a, .link_text {
    color: #003c62;
    text-decoration: underline;
}

a:hover, a:focus{
    background-color: #fff1cc;
}

/* fuer den Loginstatus */
.links3 {
	line-height: 20px;
	color: #FFFFFF;
	text-decoration: none;	
   	font-weight:bold;
}
.links3:focus, .links3:hover, .links3:active {
	color: #003c62;
   	background-color: #FFF1CC;
   	text-decoration: none;
   	font-weight:bold;
}

/* fuer die Hauptmenuepunkte der Makronavigation */

.links2, .links2visited {
	border: 1px solid #e9eef0;
    display: inline-block;
    font-size: 110%;
    line-height: 1.5em;
    margin-right: -20px;
    margin-top: 1px;
    padding: 3px;
    text-align: center;
    white-space: nowrap;
    width: 200px;
    -webkit-border-radius: 1px;
	-moz-border-radius : 1px;
	border-radius : 1px;
}
.links2 {
	color: #003c62;
	text-decoration: none;
   
}
.links2visited {
	background-color:#f2f7f8;
	border:1px solid #cccccc;
	text-decoration:none;	 
	white-space: nowrap;
	color:#1c4a70;
	font-weight:bold;
}
.links2:focus, .links2:hover, .links2:active,
.links2visited:focus, .links2visited:hover, .links2visited:active {
	background-color: #FFF1CC;
   	text-decoration: none;   	 
	white-space: nowrap; 
}

/* fuer einen beliebigen Link im Content-Bereich */
a.regular:link, a.regular:visited, a.regular:focus, a.regular:hover, a.regular:active {
   	color: #003c62;
   	text-decoration: underline;
}
a.regular:visited {
	color: #003c62;
}
a.regular:focus {
   	color: #003c62;
   	background-color: #FFF1CC;
}
a.regular:hover {
   	color: #003c62;
   	background-color: #FFF1CC;
}
a.regular:active {
   	color: #7FB4D8;
}

/* fuer einen beliebigen Link im Content-Bereich */
a.error:link, a.error:visited, a.error:focus, a.error:hover, a.error:active {
   	color: #003c62;
   	background-color: #770000;
	text-decoration: underline;
}

/* fuer Registerkarten im Content-Bereich */
a.register:link, a.register:visited, a.register:focus, a.register:hover, a.register:active {
   	color: #003c62;
   	text-decoration: none;
}
a.register:visited {
	color: #003c62;
}
a.register:focus {
   	background-color: #EFDFC2;
   	text-decoration: none;
}
a.register:hover {
   	background-color: #fff1cc;
   	text-decoration: none;
}
a.register:active {
   	color: #7FB4D8;
   	text-decoration: underline;
}
.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;
}

/* fuer Links in der Prüfungsanmeldung, die eine An- oder Abmeldung auslöst */
a.pr_storno:link, a.pr_storno:visited, a.pr_storno:focus, a.pr_storno:hover, a.pr_storno:active,
a.pr_anmeld:link, a.pr_anmeld:visited, a.pr_anmeld:focus, a.pr_anmeld:hover, a.pr_anmeld:active,
a.pr_ummeld:link, a.pr_ummeld:visited, a.pr_ummeld:focus, a.pr_ummeld:hover, a.pr_ummeld:active,
a.pr_beleg:link,  a.pr_beleg:visited,  a.pr_beleg:focus,  a.pr_beleg:hover,  a.pr_beleg:active {
   	text-decoration: underline;
}
a.pr_storno:link, a.pr_storno:visited {
	color: #DD5555 !important;
}
a.pr_anmeld:link, a.pr_anmeld:visited {
	color: #55BB55 !important;
}
a.pr_ummeld:link, a.pr_ummeld:visited {
	color: #AAAA55 !important;
}
a.pr_beleg:link, a.pr_beleg:visited {
	color: #006ab2 !important;
}
a.pr_storno:focus, a.pr_anmeld:focus, a.pr_ummeld:focus, a.pr_beleg:focus {
   	color: #AF2B2B !important;
   	background-color: #EFDFC2;
}
a.pr_storno:hover, a.pr_anmeld:hover, a.pr_ummeld:hover, a.pr_beleg:hover {
   	color: #AF2B2B;
   	background-color: #EFDFC2;
}
a.pr_storno:active, a.pr_anmeld:active, a.pr_ummeld:active, a.pr_beleg:active {
   	color: #7FB4D8 !important;
}

.verpubl { 
	font-weight:600; 
	color:#0B610B; 
	text-decoration:none; 
}
.verpubl:hover,
.verpubl:active,
.verpubl:focus	{ 
	font-weight:600; 
	color:#0B610B; 
	text-decoration:underline;
}	
	
	
/* fuer Links, die mit einem mit einem Icon verbunden sind*/
.link_eye {
	float: left;
	background-position: left top;
	background-repeat: no-repeat;
	font-size:100% !important;
	font-weight: normal;
	background-color: transparent;
	color: #003c62;
	vertical-align: middle;
	text-align: left;	
	text-decoration: underline;
	padding: 0.2em 2px 0.2em 20px;
}

.link_eye {
	background-image: url(/QIS/images/eye.svg);	
	padding: 0px 0px 0px 20px;
	background-size:17px;
}   

.link_eye:hover,
.link_eye:focus {
	color: #AF2B2B;
   	background-color: #EFDFC2;
   	text-decoration: underline;
}

.align_right	{
	float:right;
	margin-right:2em;
}

/*****************************************************************************/
/*  Tabellen */ 
/*****************************************************************************/
.mod, .mod_header, .mod_modul, .mod_grid {
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	padding: 7px;
	background-color:#efefef;
}
.mod_header {
	width: 10%;
}
.mod_modul {
	width: 10%;
}
.mod_grid {
	padding: 2px;
	white-space: normal;
}
.mod_n, .mod_n_odd, .mod_n_even, .mod_n_basic, .mod_n_department, .mod_n_error, .mod_n_conflict {
	border: 0.5pt;
	background-color: #FFFFFF;
	font-weight: normal;
	vertical-align: top;
	padding: 4px 7px 4px 7px;
}
.mod_n_even{
	background-color: #f4f6f7;
}
.mod_n_basic {
	width: 30%;
}
.mod_n_error {
	color: #FF0000;
}

.mod_n_conflict {
	border:1px solid red;
}

.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: #f2f7f8;
	font-size: 110%;
}
.qis_infos{
	background-color: #f2f7f8;
}
.qis_fach{
	background-color: #EAEBEC;
	font-size: 110%;
	font-weight: bold;
}
.qis_records{
	color: #003c62;
}
.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 #f2f7f8;
	padding:2px;
}

.change_PordModul {
	background-color: #87CEFA;
	color: #00008B;
}

.tabelle1, .tabelle1_alignleft, .tabelle1_aligncenter, .tabelle1_alignright {
	text-align: justify;
	color: #006ab2;
	text-decoration: none;
	font-weight: bold;
	background-color: #FAFAFA;
	line-height: 14px;
	border: 1px solid #DEE2EB;
	padding: 2px;
}
.tabelle1_alignleft {
	text-align: left;	
}
.tabelle1_aligncenter {
	text-align: center;
}
.tabelle1_alignright {
	text-align: right;
}

.tabelle1OK {
	text-align: justify;
	color: #006ab2;
	text-decoration: none;
	font-weight: bold;
	background-color: #AEF49D;
	line-height: 14px;
	border: 1px solid #DEE2EB;
	padding: 2px;
}

.tabelle1NotOK {
	text-align: justify;
	color: #006ab2;
	text-decoration: none;
	font-weight: bold;
	background-color: #FF7F00;
	line-height: 14px;
	border: 1px solid #f2f7f8;
	padding: 2px;
}

.tabelleheader {
	font-weight: bold;
	color: #FAFAFA;
	text-decoration: none;
	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;
}

#searchHelp img{
	vertical-align:bottom;
}

.cal_LineBegin, .cal_LineMiddle, .cal_LineEnd {
	height:130px;
	padding: 0px 5% 5% 0px;
	float:left;
}
.cal_LineBegin {
	clear:left;
}
.cal_LineMiddle {
	clear:none;
}
.cal_LineEnd {
	clear:right;
	float:none;
}
.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/resultset_next.svg');	
	background-size:17px;
	background-repeat: no-repeat; 
	background-position: 0px 1px;
	padding-left: 20px;
	display: inline;
}
#Studienganginfo, .InfoLeiste {
	padding: 0;
}
.menu2_off img{
	vertical-align:bottom;
}
.InfoLeiste img{
	vertical-align:bottom;
}
.Leistungen_Inhalt {
	padding-left: 16px;
}
.inputlabel, .pseudolabel {
	width: 20%;
	text-align: right;
	vertical-align: middle; 
	float: left;
	margin-right: 5px;
	margin-top:-1px;
}
.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 {
	padding: 3px;
}
#change_header_text {
	float: left;
}
#change_header_detail {
	float: right;
}
.missing_checkbox {
	margin-right: 5px;
	float: left;
}
.missing_checkbox input, .missing_checkbox label {
	vertical-align: middle;
}
input[type="checkbox"] {
    margin-top:3px;
}
.inputLabel input[type="checkbox"]{
	margin-top: 9px;
}
.erg_list_entry, .fieldset_entry {
	line-height: 150%;
	clear: both;
	display: block;
}
.fieldset_entry {
	margin-bottom: 3px;
}

.erg_list_label, .erg_list_label_small, .erg_list_label_title, .erg_list_label_narrow{
	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%;
}
.erg_list_label_narrow {
	font-weight: normal;
	width: 20%;
}
.tabMenuContainer {
	margin: 0px;
	border-bottom: solid 2px #3388c1;
	padding-bottom:1px;
}
.divMod {
	font-weight: bold;
	white-space: nowrap;	
	border-left: #7FB4D8 1px solid; 
	border-bottom: #7FB4D8 1px solid;
	border-right: #7FB4D8 1px solid;
	padding: 2px 7px 2px 7px;
}
.divMod_n_basic {
	width: 30%;
	background-color: #FFFFFF;
	padding: 2px 7px 2px 7px;
}
.divModLineLeft {
	float: left;
}
.divModLineBreak {
	clear: both;
	padding-top: 7px;
}
table{
	margin:0;
}
.table_1 {
        overflow:auto; 
        padding:0.2em;
        margin-top:0;
        margin-bottom:0.5em;
        float:left;
        width:98%;
}
.table_matrix {
        overflow:auto;  
        border:1px solid #7FB4D8; 
        padding:0.2em;
        margin-top:0.4em;
        margin-bottom:0.5em;
        float:left;
        width:98%;
        border-collapse:collapse;
}
.tabelleheader_matrix {
	font-weight: bold;
	text-decoration: none;
	background-color: #e2e2e2;
	border: 1px solid #7FB4D8;
	padding: 2px;
}
.tabelle_color_1_matrix,
.tabelle_color_2_matrix,
.tabelle_color_3_matrix,
.tabelle_color_4_matrix,
.tabelle_color_5_matrix {
	font-size:110%;
	font-weight:normal;
	text-decoration:none;
}
.tabelle_color_1_matrix {
	border:1px solid #7FB4D8;
	color:#ffffff;
	background-color: #1979ba;
}
.tabelle_color_2_matrix {
	border:1px solid #7FB4D8;
	background-color: #FFBA00;
}
.tabelle_color_3_matrix {
    border:1px solid #7FB4D8;
	background-color:#FFFFFF;
}
.tabelle_color_4_matrix {
    border:1px solid #7FB4D8;
	background-color:#7FB4D8;
	color:#ffffff;
}
.tabelle_color_5_matrix {
    border:1px solid #7FB4D8;
    background-color:#FFFFFF;
    padding-right: 2pt;
    text-align: right;
}
.QRCodeTooltip {
	position: absolute;
	display: none;
	background-color: #FFFFFF;
	z-index: 5; 
}

/*****************************************************************************/
/*  Überschriften */  
/*****************************************************************************/
h1{
	font-size:18px;
	color:#006ab2;
	font-weight: normal;
	margin-bottom: 3px;
	margin-top: 3px;
}
h2, .t_capt {
	font-size: 110%;
	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: #003c62;
	font-weight: bold;
	padding-left:8px;	
} 

/* Style für die Überschriften mit Rechtecken */

.headline {
	margin-top: 70px;
	margin-left: 20px;
	display: table;
	width: 90%;
}

.headline .square{ 
	height: 40px;
	width: 40px;
	margin-bottom: 7px;
}
	
.headline .square1 { 
	background-color: #66a6d1;
}
	
.headline .square2 { 
	background-color: #3388c1;
}
	
.headline .square3 { 
	background-color: #006ab2;
	margin-bottom: 0;
}
	
.headline h1{
	font-size: 38pt;
}

.headline .headlineText{
	width:100%;
	display: table-cell;
	vertical-align: middle;
}

.headline h4{
	font-size: 20pt;
	padding-left: 15px;
}

/*****************************************************************************/
/*  Texte */ 
/*****************************************************************************/
.warnung{
	color: #b36003;
	font-weight: bolder;
}
.grueneWarnung{
	color: #298b60;
	font-weight: bolder;
}
.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 #cccccc;	
	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: #003c62;
   	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{
	  	  
}
.tabMenuList {
	list-style-type: none;
	margin-top: 5px;
	margin-bottom: 3px;
	padding: 0px;
}
.tabMenuList li {
	margin: 0px;
	padding: 3px 1px 3px 1px;
	display: inline-block;
}
.tabMenuList li.current {
	padding:8px 11px 4px;
	margin-right:2px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #3388c1;
	-moz-border-radius: 15px 15px 0 0;
	-webkit-border-radius: 15px 15px 0 0;
	border-radius: 15px 15px 0 0;
}
.tabMenuList li.entry {
	margin-left: 2px;
	border: 1px solid #cccccc;
	background-color: #FFFFFF;
	padding:7px 11px 3px;
	-moz-border-radius: 15px 15px 0 0;
	-webkit-border-radius: 15px 15px 0 0;
	border-radius: 15px 15px 0 0;
}
.tabMenuList li.entry:hover, .tabMenuList li.entry:focus {
	
	background-color: #fff1cc;
}
.tabMenuList li.weitere {
	margin-left: 0;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	padding:8px 11px 3px;	
	-moz-border-radius: 15px 15px 0 0;
	-webkit-border-radius: 15px 15px 0 0;
	border-radius: 15px 15px 0 0;
}
.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;
}

/* Meldungen RSS-Feed Liste */

.title_rssfeed{
	background-color: #ffffff;
	border-top:dashed 1px #ccc;
	border-bottom:dashed 1px #ccc;
	padding:5px;
	margin-top:3px;
	font-size:120%;
}

.title_rssfeed h3{
	font-size:85%;
}
   
.newsListing_frontpage {
	list-style-type:none;	
	padding-top: 3px;
	margin-top:0px;
	padding-left:0px;
	padding-bottom: 16px;
	padding-top:0px;
	font-weight: normal;
}

.newsListing_frontpage li {
	border-bottom: dashed 1px #ccc;
	padding: 2px;	
	background-color:#fff;
	margin-top:0px;
}

  
   
/*****************************************************************************/
/*  Absätze */ 
/*****************************************************************************/
p {
    margin: 1px;
	padding: 1px;
}
/*****************************************************************************/
/*  Fehlermeldungen */  
/*****************************************************************************/
.fehlermeldung {
	font-size: 75%;
	line-height: 10px;
	color: #CC3300;
	text-decoration: none;
}
/*****************************************************************************/
/*  Farben */ 
/*****************************************************************************/
.color {
	color: #003c62;
}
.darkbluecolor {
	color: #014C7E;		
}
.kleinemeldung {
	color: #014C7E;
	text-decoration: none;
	font-size: 12px;
}
.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;
}
.color_white{
	background-color: #FFFFFF;
}
.color_pale_yellow{
	background-color: #FFFCDF;
}
.color_pale_rose{
	background-color: #FFF1CC;
}
.color_pale_green{
	background-color: #E7EFD1;
}
.color_pale_grey{
	background-color: #EFEFEF;
}
.color_pale_blue{
	background-color: #EFF9FF;
}
/*****************************************************************************/
/*  Formulare */ 
/*****************************************************************************/




/*****************************************************************************/
/*  Formulare.DIV-Container */ 
/*****************************************************************************/
.formular{
    margin: 1px;
	padding: 1px
}

/*****************************************************************************/
/*  Formulare.Label */ 
/*****************************************************************************/
.label{
	width:40%;
	border: 0px solid #851395;
	text-align: right;
	display: block;
	float: left;
	margin-right: 5px;
	line-height: 20px;
	font-weight: normal;
	margin-left: 0px;
	padding: 0;
}
.nolabel{
	width: 40%;
	border: 0px solid #851395;
	text-align: right;
	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: #fff1cc;
	/*background-color: #eaedd7;*/
}
.radio {
	text-align: left;
}

.inputlabel + input[type="radio"]{
	margin-top: 10px;
}

.input_login{
	font-size: 1em;
	width: 30%;

}
input, select, textarea {
    color: #003c62;
    margin: 1px;
    padding: 5px;    
    font-family:"Open Sans",arial,Helvetica,sans-serif;
    border:1px solid #cccccc;
}

select option:disabled {
	color: #E6E8EC;
}

input[type="text"], input[type="password"], select {
/*    background-clip: padding-box;	*/
/*    border: 1px solid #cccccc;	*/
/*    padding: 4px ;			*/
}
/*****************************************************************************/
/*  Formulare.Textield */ 
/*****************************************************************************/
/*****************************************************************************/
/*  Submitbuttons */  
/*****************************************************************************/
.button {
	font-size: 120%;
	line-height: 24px;
	color: #FFFFFF;
	background-color: #003c62;
	border: #6B8AC9;
}

input.submit,.linkAsButton  {	
    font-family:"Open Sans",arial,Helvetica,sans-serif;
	border: 1px solid;
	font-size:100% !important;
	font-weight: normal;
	padding-bottom: 1px;
	background-color: #e3e6ee;
	border-color :#cccccc;
	color: #003c62;
	vertical-align: middle;
	cursor: pointer;
	padding:5px 10px;		
}

input.submit:hover,.linkAsButton:hover, input.submit:focus,.linkAsButton:focus {
	background-color: #fff1cc;
	border-color: #cccccc;
	color: #003c62;
	text-decoration: none;
	vertical-align: middle;
}

.input + input[type="submit"], .input + input[type="hidden"] + input[type="submit"], select + input[type="submit"]{
	padding: 3px 3px 2px 3px;
}

/*input:focus, input:hover, input:active {
	color: #AF2B2B;
   	background-color: #EFDFC2;
}*/
/*****************************************************************************/
/*  Bilder */  
/*****************************************************************************/

img {
	border: 0px;
}

img[src$=svg], input[type="image"] {
	height:17px;
	width:17px;
}

.hochschulBild{
	display:none;
}

.macro_div img{
	vertical-align:bottom;
}

.singleblock img[src*=pencil]{
	height:17px;
	width:17px;
}

.header_hisinone .logo .logoSmall{
	height:36px;
	width:117px
}

.header_hisinone .logo .logoHeight{
	height:54px;
	width:180px;
}


.planIconSize{
	height:32px;
	width:32px;
}


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.lupe {
	width: 20px;
	height: 18px;
}
img.vvzueberschrift {
	width: 12px;
	height: 12px;
}

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

fieldset {
	padding: 7px;
	border: 1px solid #cccccc;
	margin: 0 0 0.1em;
}

legend { 
    color:#006ab2;
    font-weight:bold;
    font-size: 110%;
    margin: 2px 5px 5px 0;
    -webkit-border-radius: 1px;
	-moz-border-radius : 1px;
	border-radius : 1px;
}

.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: #F1F2F5;
	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;
}

/*****************************************************************************/
/*  SVA */  
/*****************************************************************************/
.sva_auswahl {width:150px }
.sva_button {
	font-size: 100%;
	line-height: 20px;
	background-color: #D0D0D0;
	color: #003c62;
	font-weight: 600;
	min-width: 120px;
}

.inputchoice_disabled {
	color: #AAAAAA;
}

input[type='submit'].sva_button_disabled {
    color: #AAAAAA;
}

.sva_button_left {
	float:left;
}

.sva_button_right {
	float:right;
}

.sva_bearbeiten_button {
	font-size: 100%;
	line-height: 20px;
	background-color: #D0D0D0;
	color: #003c62;
	font-weight: 600;
	width: 100px;
}

.sva_auswahl_button {
	padding: 5px 10px;
	background: #1979ba;
	color: #FFF;	
}

.sva_auswahl_button:hover, .sva_auswahl_button:focus {
    background: #356094;
    text-decoration: none;
}

.sva_upload_input_background {
	border-top:thin;
	font-weight: bold;
	background-color: #FAFAFA;
}

/* Start: SVA-Bewerbermanagement */
.sva_sas_detailpage_content {
	width:640px;
	margin:50 auto;
	padding:10px;	
	border:1px solid #cccccc;
}

.sva_sas_detailpage_submit {
	clear:left;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
}

.sva_sas_detailpage_header {
	background-color:#ffffff;
	text-align:left;
	padding:20px;
}

.sva_sas_detailpage_footer {
	background-color:white;
	text-align:right;
	padding:20px;
}

.sva_sas_detailpage_short_desc {
	background-color:white;
	padding:20px;
	text-align:center;
	font-weight:bold;
}

.sva_sas_detailpage_desc {
	/*background-color:lightgray;*/
	padding:20px;
}

.sva_sas_detailpage_information {
	background-color:white;
	padding:20px;
}

.sva_sas_detailpage_ident {
	float:left;
	/*background-color:lightyellow;*/
}

.sva_sas_detailpage_ident td {
	padding:0 20px 4px 0;
}

.sva_sas_detailpage_contact {
	float:right;
	/*background-color:lightgreen;*/
	text-align:right;
}

.sva_sas_detailpage_contact_header {
	font-weight: bold;
	text-decoration: underline;
	font-size: 90%;
}

.sva_sas_detailpage_contact td {
	padding:0 0 4px 20px;
}

.sva_sas_detailpage_sasdownload {
	background-color:white;
	padding-bottom:20px;
	text-align:right;
}

.sva_sas_overview_category {
	width: 60%;
	margin: 30px 0 10px 3px;
	padding: 5px;
	font-weight: bold;
	background-image: linear-gradient(90deg, #FAFAFA 25%, transparent);
}

.sva_no_javascript {
	width:80%;
	background-color:#FFDBE2; 
	border:2px dashed #FF809D;/*FF1A4F*/
	padding:8px;
}  

.sva_category h1 {
	float: left;
	min-width: 120px;
	margin: 10px 10px 10px 0px;
	padding: 8px 10px;
	border:2px solid #000000;
	background: #1979ba;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration: none;
	text-align: center;
}

.sva_category_deactivated h1 {
	float: left;
	min-width: 120px;
	margin: 10px 10px 10px 0px;
	padding: 8px 10px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	border:2px solid #999999;
	background: #CDE1EF;
	color:#999999;
	cursor:default;
}

.sva_category_active h1 {
	background: #A6CAE3;
	color:#000000;
}

.sva_category h1:hover,
.sva_category h1:focus, 
.sva_category h1:active {
	background: #589BCA;
	color:#000000;
}

a.sva_box_cat {
	padding:5px 50px 0 0;
	font:bold 14px verdana, sans-serif;
}
a.sva_box_cat:hover {
	cursor:help;
}
a.sva_box_cat span {
	visibility: hidden;
	position: absolute;
	max-width: 400px;
	margin-top: 3em;
	padding: 1em;
	text-decoration: none;
	text-align: left;
}
a.sva_box_cat:hover span,
a.sva_box_cat:focus span {
	visibility: visible;
	border: 1px solid darkgrey;
	color: #fff;
	background:#589BCA;
	font:normal 14px verdana, sans-serif;
}
div.sva_box_cat {
	text-align:left;
	border:1px solid darkgrey;
	color:#fff;
	background:#589BCA;
	font:normal 14px verdana, sans-serif;
	word-wrap:break-word;
	padding:10px;
}

a.sva_box_field {
	padding:5px 0 0 0;
	font:bold 14px verdana, sans-serif;
}
a.sva_box_field:hover {
	cursor:help;
}
a.sva_box_field span {
	visibility: hidden;
	position: absolute;
	max-width: 300px;
	margin-top: 2em;
	padding: 1em;
	text-decoration: none;
	text-align: left;
}
a.sva_box_field:hover span,
a.sva_box_field:focus span {
	visibility: visible;
	border: 1px solid darkgrey;
	color: #fff;
	background:#589BCA;
	font:normal 14px verdana, sans-serif;
}
td.sva_box_field {
	text-align:left;
	border:1px solid darkgrey;
	color:#fff;
	background:#589BCA;
	font:normal 14px verdana, sans-serif;
	word-wrap:break-word;
	width:400px;
	padding:10px;
}
.sva_buttonwidthdiv {
	width:600px;
}
a.sva_privacypolicy:link, a.sva_privacypolicy:visited, a.sva_privacypolicy:focus, a.sva_privacypolicy:hover, a.sva_privacypolicy:active {
   	color: #003c62;
   	text-decoration: underline;
   	font-weight: bold;
}

code#copyToClipboard {
	background-color: white;
	padding: 5px;
	line-height: 20px;
}
/* Ende: SVA-Bewerbermanagement */

/* Start: SVA-Kompetenzerfassung */

table.sva_kpt_skill_table td {
	text-align: center
}

#sva_kpt_form {
	width: 100%;
	margin: 0px auto;
}

#sva_kpt_container {
	width: 100%;
	margin: 0px auto;
}

.sva_kpt_select {
	width: 200px;
}

#sva_kpt_fieldset_links {
	float: left;
	width: 50%;
}

#sva_kpt_fieldset_rechts {
	float: right;
	width: 45%;
}

.sva_kpt_scrollable {
	max-height: 1000px;
	overflow: auto;
}

/* Ende: SVA-Kompetenzerfassung */

/* Start: Allgemeine Vorgangsübersicht*/

.uebersichtSelect {
	margin-top:1px;
	min-width:250px;
}

/* Ende: Allgemeine Vorgangsübersicht*/

.sva_tableheader{
	font-size: 110%;
	line-height: 24px;
	color: #003c62;
	font-weight: 600;
}

.sva_zeitform{
	border:2px solid #e0a998;
	padding-left:5px;
	padding-right:5px;
	border-collapse:collapse;
}
		
.sva_zeile{
	border-width:1px;
	border-style:solid;
	border-color:#e0a998;
	background-color:#c1c7d5;
}
.sva_statistic{
	border-width:1px;
	border-style:inset;
}
.sva_split{
	border-bottom-width:1px;
	border-style:solid;
}
.sva_gerade{
	border-width:1px;
	border-style:none;
	/*border-color:#e0a998;*/
	background-color:#cecae1;
	}
	
.sva_note{font-size:xx-small}

.sva_legende_schraffiert{
   background: repeating-linear-gradient(-45deg, #333333, #333333 5px, #ffffff 5px,
        #ffffff 10px);
    font-size: 18px;
}
.sva_legende_icon{
	float: left; 
	width: 25px;
	text-align:center;	
}
.sva_arbeitstag{
	background-color: #ffffff;
	font-size:18px;
}
.sva_ohnevertrag{
	background-color: #c0c0c0;
	font-size:18px;
}
.sva_today{
    -webkit-box-shadow: inset 0 0 0 2px red;
    -moz-box-shadow: inset 0 0 0 2px red;
    box-shadow: inset 0 0 0 2px red;
}
.sva_today_blue{
    -webkit-box-shadow: inset 0 0 0 2px blue;
    -moz-box-shadow: inset 0 0 0 2px blue;
    box-shadow: inset 0 0 0 2px blue;
}
.sva_keinarbeitstag{
	background-color: #bbbbbb;
	font-size:18px;
}
.sva_wochenende{
	background-color: #808080;
	font-size:18px;
}
.sva_feiertag{
	background-color: #000000;
	font-size:18px;
	color:yellow;
}

.sva_abwesend {
    background-color: #00ff00;
    font-size:18px;
}
.sva_abwesend_beantragt {
    background: repeating-linear-gradient(-45deg, #00ff00, #00ff00 5px, #ffffff 5px,
        #ffffff 10px);
    font-size: 18px;
}

.sva_erholungsurlaub{
	background-color: #00ff00;
	font-size:18px;
}
.sva_erholungsurlaub_beantragt {
	background: repeating-linear-gradient(-45deg, #00ff00, #00ff00 5px, #ffffff 5px,
		#ffffff 10px);
	font-size: 18px;
}

.sva_resturlaub{
	background-color: #00ff00;
	font-size:18px;
}
.sva_resturlaub_beantragt{
     background: repeating-linear-gradient(-45deg, #00ff00, #00ff00 5px, #ffffff 5px,
        #ffffff 10px);
    font-size: 18px;
}
.sva_freistellungstag{
	background-color: #808080;
	font-size:18px;
	color:white;
}
.sva_kur{
	background-color: #008080;
	font-size:18px;
	color:#ffff00;
}
.sva_kur_beantragt{
   background: repeating-linear-gradient(-45deg, #008080, #008080 5px, #ffffff 5px,
        #ffffff 10px);
    font-size: 18px;
}
.sva_krankheit{
	background-color: #ff0000;
	font-size:18px;
	color:white;
}
.sva_krankheit_beantragt{
    background: repeating-linear-gradient(-45deg, #ff0000, #ff0000 5px, #ffffff 5px,
        #ffffff 10px);
    font-size: 18px;
}
.sva_kindkrank{
	background-color:white;
	font-size:18px;
	color:black;
}
.sva_kindkrank_beantragt{
    background: repeating-linear-gradient(-45deg, #aaaaaa, #aaaaaa 5px, #ffffff 5px,
        #ffffff 10px);
    font-size: 18px;
}
.sva_ueberstunden{
	background-color: #000080;
	font-size:18px;
	color:white;
}
.sva_ueberstunden_beantragt{
	background: repeating-linear-gradient(-45deg, #000080, #000080 5px, #ffffff 5px,
        #ffffff 10px);
    font-size:18px;
    color:black;
}
.sva_bildungsurlaub{
	background-color: #ffff00;
	font-size:18px;
}
.sva_bildungsurlaub_beantragt{
	background: repeating-linear-gradient(-45deg, #ffff00, #ffff00 5px, #ffffff 5px,
        #ffffff 10px);
    font-size:18px;
}
.sva_fehltag{
	background-color: #c0c0c0;
	color:red;
	font-size:18px;
}
.sva_sonderurlaub{
	background-color: #ff00ff;
	font-size:18px;
	color:black;
}
.sva_sonderurlaub_beantragt{
	background: repeating-linear-gradient(-45deg, #ff00ff, #ff00ff 5px, #ffffff 5px,
        #ffffff 10px);
    font-size:18px;
    color:black;
}
.sva_sonder_behindert{
	background-color: #0000ff;
	font-size:18px;
	color:white;
}
.sva_sonder_behindert_beantragt{
	background: repeating-linear-gradient(-45deg, #0000ff, #0000ff 5px, #ffffff 5px,
        #ffffff 10px);
    font-size:18px;
    color:black;
}
.sva_dienstreise{
    background-color: #008000;
    font-size:18px;
    color:#00ffff;
}
.sva_dienstreise_beantragt{
   background: repeating-linear-gradient(-45deg, #008000, #008000 5px, #ffffff 5px,
        #ffffff 10px);
    font-size: 18px;
    color:#00ffff;
}
.sva_freistellungstag{
    background-color: #bbbbbb;
    font-size:18px;
    color:white;
}
.sva_freistellungstag_beantragt{
   background: repeating-linear-gradient(-45deg, #bbbbbb, #bbbbbb 5px, #ffffff 5px,
        #ffffff 10px);
    font-size: 18px;
    color:black;
}

select.sva_urlaubsantrag_form_element{
    min-width: 200px;
}

tr.sva_zubuchung_verfallen {
	color: grey;
}

span#sva_kuerzung_urlaub_eingetreten{
	color: red;
}

.sva_grey{
	text-align:right;
	padding-right:10px;
}

.sva_employeeabsenceoverview_dates {
	font-size:12px;
}

.sva_link_as_button {
	text-decoration: none;
    background-color: #e2e8ec;
    border: 1px solid #cccccc;
    color: #003c62;
    cursor: pointer;
    font-size: 14px !important;
    font-weight: normal;
    overflow: visible;
    padding: 5px;
    font-family:"Open Sans",arial,Helvetica,sans-serif;
    margin:1px;
    -moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
}

/* Start: SVA-Freigabeverwaltung */

td.checkbox_freigabeverwaltung {
    text-align: center
}

/* Ende: SVA-Freigabeverwaltung */

/*****************************************************************/
/*  QISRKA														 */
/*****************************************************************/
.rka_archiv_parent {
	float: left;
	width: 83%;
	margin-top: 10px;
	padding-left: 25px;
	padding-right: 25px;
	margin-bottom: 15px;
	text-align: center;
}

.rka_archiv_radio {
	float: left;
}

.rka_archiv_headline {
	display: inline-block;
	font-weight: bold;
	color: #800000;
	font-size: 200%;
	overflow: hidden;
}

table.rka_webInfoDreisestatus {
	width:65%;
	border:0;
	margin-bottom:15px;
}
	
table.rka_webInfoDreisestatus > * > tr > * {
	padding:0;
}

table.rka_webInfoDreisestatus > caption {
	text-align:left;
	font-size:131%;
}

table.rka_webInfoDreisestatus.borders {
	border:1px solid black;
	width:80%;
}

table.rka_webInfoDreisestatus.borders > thead {
	font-size:131%;
}

/*****************************************************************/
/*  QISZEB														 */
/*****************************************************************/
#sva_button_tk {
	font-size: 100%;
	line-height: 20px;
	background-color: #008000;
	color: #FFFFFF;
	font-weight: 600;
}

#sva_button_tg {
	font-size: 100%;
	line-height: 20px;
	background-color: #FF0000;
	color: #FFFFFF;
	font-weight: 600;
}

#sva_button_td {
	font-size: 100%;
	line-height: 20px;
	background-color: #ff8000;
	color: #FFFFFF;
	font-weight: 600;
}
.timePZDQEntries {
	color: #808080;
}

#monthOption{
	font-size: 14px !important;
}

#selectYear{
	font-size: 14px !important;
}

/*****************************************************************/
/*  QISZUL														 */
/*****************************************************************/

.logoZul{
	 margin:10px 10px 3px 10px;
	 float:left;	
}

.headlineZul{
	float: left; 
	width: 75%;
	margin-top:35px;
}

.headlineZulText{
	font-size:20px;
}

#qiszul_navigation {
	float: left;
	margin: 0; 
	padding: 0 0 1px;
	width: 22%;
	position:relative;
	min-width: 18em;    
}

#qiszul_navigation strong{
	color: #006ab2;
}

#qiszul_navigation ol {
	padding-left:30px;
	margin-top:10px;
}

#qiszul_navigation li {
	color: #6c809e;
}

#qiszul_content {
	margin: 3px 3px 20px 3px; 
	float: left;
	background-color: #f2f7f8;    
	padding: 10px;
	width: 70%;
	position: relative;
}

.wrapper_qiszul{
	position: relative; 
	min-height: 100%;
	padding-bottom: 3em; 
}

.footer_qiszul{
	position:relative;
	bottom: 0;
	width:100%;
	height:2.5em;
	margin-top:0;
}

.softwareReference{
	margin-left:5px;
	height:2em;
}

label.qiszul_left {
	position: relative;
	float: left;
	text-align: right;
	width: 10em;
	margin-right: 5em;

}
label.qiszul_longleft {
	position: relative;
	float: left;
	text-align: right;
	width: 16em;
	margin-right: .3em;
	cursor: pointer;
	top:2px;
}
label.qiszul_verylongleft {
	float: left;
	text-align: right;
	width: 25em;
	margin-right: .3em;
	cursor: pointer;
}

select.qiszul_right {
	text-align:left;
}
input.qiszul_right {
	text-align:left;
}

.qiszul_error {
	text-align: left;	
	margin-left: 1em;
	color: #CF0000;
}
.qiszul_fieldsetInvisible {
	border: none;
	padding-top: 0px; 
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 4px;
}
.qiszul_legendInvisible {
	visibility:hidden;
	display:none;
}

.qiszul_button {
	background-color:#e2e8ec;
	color:#003c62;
	border:1px solid #cccccc;
	cursor:pointer;
	padding:6px 8px 6px 8px;
	text-decoration:none;
	margin:1px;
	font-size:14px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
}
.qiszul_button:hover, .qiszul_button:focus {
	background-color:#fff1cc;
	border:1px solid #cccccc;
	color:#333333;
}

input[type='submit'] {
    background-color: #e2e8ec;
    border: 1px solid #cccccc;
    color: #003c62;
    cursor: pointer;
    font-size: 14px !important;
    font-weight: normal;
    overflow: visible;
    padding: 5px 10px;
    font-family:"Open Sans",arial,Helvetica,sans-serif;
    margin:1px;
    -moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
}

/* 
* Autor: Markus Engel 
* Datum: 23.02.18 
* Zweck: Button zum Blockelement umwandeln, um darunter anschließendes Layout mit float-Elementen zu erhalten.
*/

input.startComparebtn[type='submit'] {
	display: block;
}

input[type='submit']:hover, input[type='submit']:focus{
    background-color: #fff1cc;
}


/*****************************************************************************/
/*                            Kalender                                       */
/*****************************************************************************/
/* Default attributes of table container for entire calendar */
.jscalendar-DB-table-style {	
    font-family:"Open Sans",arial,Helvetica,sans-serif;
	font-size: 11px;
	border-width: 2px;
	border-style: solid;
	border-color: #7fb4d8;
	background-color: #fffcdf;
}

/* Default attributes of DIV containing table container for entire calendar.
 * You probably don't want to alter this style.
 */
.jscalendar-DB-div-style {
	z-index: +999;
	position: absolute;
	visibility: hidden;
}

/* Default attributes used in calendar title (month and year columns).*/
.jscalendar-DB-title-style {
	padding: 2px;
    font-family:"Open Sans",arial,Helvetica,sans-serif;	
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}

/* Default attributes used in calendar title background.*/
.jscalendar-DB-title-background-style { 
	background-color: #0000AA;
}

/* Normal appearance of controls in calendar title. */
/* Note: The right, left and down icons are images, jscalendar-DBich must be edited if you need to change them. */
.jscalendar-DB-title-control-normal-style { /*	border-style: solid;
	border-width: 1px;
	border-color: #7fb4d8;
	border-style: none;
	background-color: #0000aa;
	background-color: #1979ba;	*/
	
}

/* Moused-over (selected) appearance of controls in calendar title. */
.jscalendar-DB-title-control-select-style {
	border-style: solid;
	border-width: 1px;
	border-color: #7fb4d8;
	color: #fff;
	background-color: #1979ba;
	background-color: #0000aa;
}

/* Default attributes of drop down lists (month and year). */
.jscalendar-DB-dropdown-style {
	
    font-family:"Open Sans",arial,Helvetica,sans-serif;
	font-size: 11px;
	border-width: 1px;
	border-style: solid;
	border-color: #a0a0a0;
	background-color: #FFFFDD;
}

/* Default attributes selected (mouse-over) item in drop down lists (month and year). */
.jscalendar-DB-dropdown-select-style {
	background-color: #FFCC99;
}

/* Default attributes unselected (mouse-off) item in drop down lists (month and year). */
.jscalendar-DB-dropdown-normal-style {
	background-color: inherit;
}

/* Default attributes of calendar body (weekday titles and numbers). */
.jscalendar-DB-body-style {
	background-color: #FFFFFF;
	
    font-family:"Open Sans",arial,Helvetica,sans-serif;
	font-size: 10px;
	border-top: 1px solid #7fb4d8;
	border-bottom: 1px solid #7fb4d8;
}

/* Attributes of current day in calendar body. */
.jscalendar-DB-current-day-style {
	color: red;
	font-weight: bold;
	text-decoration: none;
}

/* Attributes of end-of-week days (Sundays) in calendar body. */
.jscalendar-DB-end-of-weekday-style {
	color: #909090;
	color: #666;
	text-decoration: none;
}

/* Attributes of all other days in calendar body. */
.jscalendar-DB-normal-day-style {
	color: black;
	text-decoration: none;
}

a.jscalendar-DB-normal-day-style:hover,a.jscalendar-DB-normal-day-style:focus,a.jscalendar-DB-end-of-weekday-style:hover,a.jscalendar-DB-end-of-weekday-style:focus
	{
	background-color: #FFF1CC;
	text-decoration: none;
}

.jscalendar-DB-would-be-selected-day-style {
	background-color: #EEEEEE;
}

/* Attributes of border around selected day in calendar body. */
.jscalendar-DB-selected-day-style {
	border-style: solid;
	border-width: 1px;
	border-color: #7fb4d8;
}

/* Default attributes of designated holidays. */
.jscalendar-DB-holiday-style {
	background-color: #FFDDDD;
}

.jscalendar-DB-today-lbl-style {
	color: black;
}

/* Attributes of today display at bottom on calendar */
.jscalendar-DB-today-style {
	color: #003c62;
	background-color: #fffcdf;
	text-decoration: underline;
}

a.jscalendar-DB-today-style:hover,a.jscalendar-DB-today-style:focus {
	color: #333;
	background-color: #FFCC99;
	text-decoration: none;
}

/* Attributes of week number division (divider.gif) */
.jscalendar-DB-weeknumber-div-style {
	background-color: #7fb4d8;
}
.force-word-break  { 

/* Warning: Needed for oldIE support, but words are broken up letter-by-letter */
 -ms-word-break: break-all;
     word-break: break-all;

     /* Non standard for webkit */
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
    }