@import "QISDesign.css";

.divloginstatus {
    background-color: #333399;
	color: #FAFAFA; 
	padding: 3px 0px 2px 7px;  
	margin-top: 4px;
	width: 100%;
}

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

/*****************************************************************************/
/*  INHALTSVERZEICHNIS: */
/*****************************************************************************/

/*****************************************************************************/
/*  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;  }
@font-face { font-family: 'HFT45-Bold'; src: url('hft/HFT45-Bold.woff2') format('woff2'); }
@font-face { font-family: 'HFTEuclidic'; src: url('hft/EuclidCircularA-Regular.woff2') format('woff2'); }

body {
	color: #5C0000; /* #003c62 → dark red */
	background-color: #FFFFFF;
	#font-family: "Open Sans", arial, Helvetica,sans-serif;
	font-family: "HFTEuclidic";
    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 {
	background-color:#FFFFFF;
	width: 100%;
	margin-bottom:5px;
	padding:0 0 0.1em;
}

/*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:#DC143C; /* #006ab2 → crimson */
	padding-left:0.1em;
	padding-right:0.1em;
	text-decoration: none;	
} 
.services  a {	
	font-size:95%;
	font-weight: normal;
	color: #5C0000; /* #003c62 → dark red */
	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: #E42832; /* #3388c1 → light red */
	color: #ffffff; 
	padding: 5px 0 5px 7px;  
	margin-top: 4px;
	min-height:1.4em;
    border: 1px solid #8B4B4B; /* #526c8e → muted red */
    -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 {
	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:#FF7F7F; /* #006ab2 → light coral */
}

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

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

#makronavigation .visited {
	background-color: #ffffff;
	text-decoration:none;	
	display:block;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 4px;
	padding-top: 3px;
	color:#FF7F7F; /* #006ab2 → light coral */
	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	 {
	text-decoration:none;		
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 4px;
	padding-top: 3px;
	padding-left:2px;
	color:#5C0000; /* #003c62 → dark red */
    border-bottom:1px dashed #F1F2F5;
}

#makronavigation .auflistung {	
	border-bottom:1px dashed #F1F2F5;
	cursor: pointer;
    display: block;
}

#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:#5C0000; /* #003c62 → dark red */
}

#min_navigation {   
    float: left;
	width: 15px;
	margin-right:1px;
	background-color:#E42832; /* #3388c1 → light red */
}
#min_navigation:hover, #min_navigation:hover,#min_navigation:focus {  	
	background-color:#fff1cc;
	color:#5C0000; /* #003c62 → dark red */
}

.makromenueauf:link, .makromenueauf:visited {
	display: block;
	width: 12px;
	height: 135px;
	text-decoration:none;
}
.makromenueauf:hover, .makromenueauf:active, .makromenueauf:focus {
	display: block;
	width: 12px;
	height: 135px;
	text-decoration:none;
	color:#5C0000; /* #003c62 → dark red */
}
.makromenueauf span {
	color:#ffffff;
	padding-left:4px;
}

/******************************************************************************************/
/*              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;
	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: #FF7F7F; /* #7FB4D8 → light coral */
	font-weight: bold;
}

.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;
	display: block;
	background:#FFF5F5; /* #f2f7f8 → very light red */
	min-height:280px;
}

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

* +html .content_max_portal_qis { 
	width: 78%;
}

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

.SearchKeyWord {
    background-color: #B22222; /* #1979ba → fire brick */
	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: #DC143C; /* #006ab2 → crimson */
    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;
}

.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;
}

/*****************************************************************************/
/*  Allgemeines Layout */   
/*****************************************************************************/
hr {
	background-color: #5C0000; /* #003c62 → dark red */
	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: #5C0000; /* #003c62 → dark red */
   	text-decoration: underline;
}
.mikronavi a:focus {
   color: #FF7F7F; /* #7FB4D8 → light coral */
}
.mikronavi a:hover {
   color: #FF7F7F; /* #7FB4D8 → light coral */
}
.mikronavi a:active {
   color: #FF7F7F; /* #7FB4D8 → light coral */
}
.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;
}

/*****************************************************************************/
/*  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: #5C0000; /* #003c62 → dark red */
   	text-decoration: none;
}
.functionnavi a:focus {
   color: #FF7F7F; /* #7FB4D8 → light coral */
}
.functionnavi a:hover {
   color: #FF7F7F; /* #7FB4D8 → light coral */
}
.functionnavi a:active {
   color: #FF7F7F; /* #7FB4D8 → light coral */
}
.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;
}

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

/*****************************************************************************/
/*  Links  */  
/*****************************************************************************/
a, .link_text {
    color: #5C0000; /* #003c62 → dark red */
    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: #5C0000; /* #003c62 → dark red */
   	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: #5C0000; /* #003c62 → dark red */
	text-decoration: none;
   
}
.links2visited {
	background-color:#FFF5F5; /* #f2f7f8 → very light red */
	border:1px solid #cccccc;
	text-decoration:none;	 
	white-space: nowrap;
	color:#601c1c; /* #1c4a70 → dark red */
	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: #5C0000; /* #003c62 → dark red */
   	text-decoration: underline;
}
a.regular:visited {
	color: #5C0000; /* #003c62 → dark red */
}
a.regular:focus {
   	color: #5C0000; /* #003c62 → dark red */
   	background-color: #FFF1CC;
}
a.regular:hover {
   	color: #5C0000; /* #003c62 → dark red */
   	background-color: #FFF1CC;
}
a.regular:active {
   	color: #FF7F7F; /* #7FB4D8 → light coral */
}

/* fuer einen beliebigen Link im Content-Bereich */
a.error:link, a.error:visited, a.error:focus, a.error:hover, a.error:active {
   	color: #5C0000; /* #003c62 → dark red */
   	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: #5C0000; /* #003c62 → dark red */
   	text-decoration: none;
}
a.register:visited {
	color: #5C0000; /* #003c62 → dark red */
}
a.register:focus {
   	background-color: #EFDFC2;
   	text-decoration: none;
}
a.register:hover {
   	background-color: #fff1cc;
   	text-decoration: none;
}
a.register:active {
   	color: #FF7F7F; /* #7FB4D8 → light coral */
   	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: #DC143C !important; /* #006ab2 → crimson */
}
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: #FF7F7F !important; /* #7FB4D8 → light coral */
}

.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: #5C0000; /* #003c62 → dark red */
	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:#EFD1D1; /* #efefef → light pink-gray */
}
.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: #FFF5F5; /* #f4f6f7 → very light red */
}
.mod_n_basic {
	width: 30%;
}
.mod_n_error {
	color: #FF0000;
}

.mod_n_conflict {
	border:1px solid red;
}

.mod_t{
	background-color: #FFCFEC; /* #7FB4D8 → light pink */
	font-size: 120%;
	font-weight: bolder;
	padding-top: 2px;
	padding-bottom: 2px;	
}
.qis_header{
	background-color: #E42832; /* #7FB4D8 → light red */
	font-weight: bold;
	font-size: 160%;
}
.qis_verlauf{
	background-color: #FFF5F5; /* #f2f7f8 → very light red */
	font-size: 110%;
}
.qis_infos{
	background-color: #FFF5F5; /* #f2f7f8 → very light red */
}
.qis_fach{
	background-color: #FFD4D4; /* #EAEBEC → light pink */
	font-size: 110%;
	font-weight: bold;
}
.qis_records{
	color: #5C0000; /* #003c62 → dark red */
}
.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 #FFF5F5; /* #f2f7f8 → very light red */
	padding:2px;
}

.change_PordModul {
	background-color: #FFD4D4; /* #87CEFA → light pink */
	color: #5C0000; /* #00008B → dark red */
}

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

.tabelle1OK {
	text-align: justify;
	color: #DC143C; /* #006ab2 → crimson */
	text-decoration: none;
	font-weight: bold;
	background-color: #AEF49D;
	line-height: 14px;
	border: 1px solid #FFF5F5; /* #f2f7f8 → very light red */
	padding: 2px;
}

.tabelle1NotOK {
	text-align: justify;
	color: #DC143C; /* #006ab2 → crimson */
	text-decoration: none;
	font-weight: bold;
	background-color: #FF7F00;
	line-height: 14px;
	border: 1px solid #FFF5F5; /* #f2f7f8 → very light red */
	padding: 2px;
}

.tabelleheader {
	font-weight: bold;
	color: #FAFAFA;
	text-decoration: none;
	background-color: #A52A2A; /* #5381BE → brown */
	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: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;
}
.bezeichner, .bezeichner_exam {
	font-weight: bold;
	width: 20%;
	border-left: 1px solid #FFCFEC; /* #7FB4D8 → light pink */
	border-bottom: 1px solid #FFCFEC; /* #7FB4D8 → light pink */
	border-right: 1px solid #FFCFEC; /* #7FB4D8 → light pink */
	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 #E42832; /* #3388c1 → light red */
	padding-bottom:1px;
}
.divMod {
	font-weight: bold;
	white-space: nowrap;	
	border-left: #FFCFEC 1px solid; /* #7FB4D8 → light pink */
	border-bottom: #FFCFEC 1px solid; /* #7FB4D8 → light pink */
	border-right: #FFCFEC 1px solid; /* #7FB4D8 → light pink */
	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 #FFCFEC; /* #7FB4D8 → light pink */
        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: #FFD4D4; /* #e2e2e2 → light pink */
	border: 1px solid #FFCFEC; /* #7FB4D8 → light pink */
	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 #FFCFEC; /* #7FB4D8 → light pink */
	color:#ffffff;
	background-color: #B22222; /* #1979ba → fire brick */
}
.tabelle_color_2_matrix {
	border:1px solid #FFCFEC; /* #7FB4D8 → light pink */
	background-color: #FFBA00;
}
.tabelle_color_3_matrix {
    border:1px solid #FFCFEC; /* #7FB4D8 → light pink */
	background-color:#FFFFFF;
}
.tabelle_color_4_matrix {
    border:1px solid #FFCFEC; /* #7FB4D8 → light pink */
	background-color:#FFCFEC; /* #7FB4D8 → light pink */
	color:#ffffff;
}
.tabelle_color_5_matrix {
    border:1px solid #FFCFEC; /* #7FB4D8 → light pink */
    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:#DC143C; /* #006ab2 → crimson */
	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;
}

/* 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: #FFA0A0; /* #66a6d1 → light pink */
}
	
.headline .square2 { 
	background-color: #E42832; /* #3388c1 → light red */
}
	
.headline .square3 { 
	background-color: #DC143C; /* #006ab2 → crimson */
	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 {
    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: #5C0000; /* #003c62 → dark red */
   	text-decoration: underline;
}
.mikronavi_list a:focus {
   color: #FF7F7F; /* #7FB4D8 → light coral */
}
.mikronavi_list a:hover {
   color: #FF7F7F; /* #7FB4D8 → light coral */
}
.mikronavi_list a:active {
   color: #FF7F7F; /* #7FB4D8 → light coral */
}
.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;
}
.tabMenuList li.current {
	padding:8px 11px 4px;
	margin-right:2px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #E42832; /* #3388c1 → light red */
	-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;
}

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: #5C0000; /* #003c62 → dark red */
}
.darkbluecolor {
	color: #661414; /* #014C7E → very dark red */
}
.kleinemeldung {
	color: #661414; /* #014C7E → very dark red */
	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: #FFE5E5; /* #dbdde9 → very light red */
}
.weekend {
   background-color: #FFBDBD; /* #bdc0d7 → light red */
}
.today {
	color: #FF0000;
	font-weight: bold;
}
.todayweekend {
	font-weight: bold;
	color: #FF0000;
	background-color: #FFBDBD; /* #bdc0d7 → light red */
}
.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: #CFCFFF; /* #EFF9FF → light pink-blue */
}
/*****************************************************************************/
/*  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;
}
.radio {
	text-align: left;
}

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

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

}
input, select, textarea {
    color: #5C0000; /* #003c62 → dark red */
    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: #5C0000; /* #003c62 → dark red */
	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: #ECE2E2; /* #e3e6ee → light red-gray */
	border-color :#cccccc;
	color: #5C0000; /* #003c62 → dark red */
	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: #5C0000; /* #003c62 → dark red */
	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;
}
/*****************************************************************************/
/*  Bilder */  
/*****************************************************************************/
.logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

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:#DC143C; /* #006ab2 → crimson */
    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: #5C0000; /* #003c62 → dark red */
	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: #5C0000; /* #003c62 → dark red */
	font-weight: 600;
	width: 100px;
}

.sva_auswahl_button {
	padding: 5px 10px;
	background: #B22222; /* #1979ba → fire brick */
	color: #FFF;	
}

.sva_auswahl_button:hover, .sva_auswahl_button:focus {
    background: #CD5C5C; /* #356094 → indian red */
    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 {
	padding:20px;
}

.sva_sas_detailpage_ident {
	float:left;
}

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

.sva_sas_detailpage_contact {
	float:right;
	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, #FFE5E5 25%, transparent); /* #FAFAFA → very light red */
}

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

.sva_category h1 {
	float: left;
	min-width: 120px;
	margin: 10px 10px 10px 0px;
	padding: 8px 10px;
	border:2px solid #000000;
	background: #B22222; /* #1979ba → fire brick */
	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: #FFD4D4; /* #CDE1EF → light pink */
	color:#999999;
	cursor:default;
}

.sva_category_active h1 {
	background: #FFA0A0; /* #A6CAE3 → light pink */
	color:#000000;
}

.sva_category h1:hover,
.sva_category h1:focus, 
.sva_category h1:active {
	background: #CD5C5C; /* #589BCA → indian red */
	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:#CD5C5C; /* #589BCA → indian red */
	font:normal 14px verdana, sans-serif;
}
div.sva_box_cat {
	text-align:left;
	border:1px solid darkgrey;
	color:#fff;
	background:#CD5C5C; /* #589BCA → indian red */
	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:#CD5C5C; /* #589BCA → indian red */
	font:normal 14px verdana, sans-serif;
}
td.sva_box_field {
	text-align:left;
	border:1px solid darkgrey;
	color:#fff;
	background:#CD5C5C; /* #589BCA → indian red */
	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: #5C0000; /* #003c62 → dark red */
   	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: #5C0000; /* #003c62 → dark red */
	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;
	background-color:#EFD1D1; /* #cecae1 → light pink-gray */
}
.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_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: #ECE2E2; /* #e2e8ec → light red-gray */
    border: 1px solid #cccccc;
    color: #5C0000; /* #003c62 → dark red */
    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;
}

/*****************************************************************/
/*  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: #DC143C; /* #006ab2 → crimson */
}

#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: #FFF5F5; /* #f2f7f8 → very light red */
    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:#ECE2E2; /* #e2e8ec → light red-gray */
	color:#5C0000; /* #003c62 → dark red */
	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: #ECE2E2; /* #e2e8ec → light red-gray */
    border: 1px solid #cccccc;
    color: #5C0000; /* #003c62 → dark red */
    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;
}

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: #FFCFEC; /* #7FB4D8 → light pink */
	background-color: #CFCFFF; /* #fffcdf → light pink-blue */
}

.jscalendar-DB-div-style {
	z-index: +999;
	position: absolute;
	visibility: hidden;
}

.jscalendar-DB-title-style {
	padding: 2px;
    font-family:"Open Sans",arial,Helvetica,sans-serif;	
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}

.jscalendar-DB-title-background-style { 
	background-color: #B22222; /* #0000AA → fire brick */
	background-color: #B22222; /* #1979ba → fire brick */
}

.jscalendar-DB-title-control-normal-style {
}

.jscalendar-DB-title-control-select-style {
	border-style: solid;
	border-width: 1px;
	border-color: #FFCFEC; /* #7FB4D8 → light pink */
	color: #fff;
	background-color: #B22222; /* #1979ba → fire brick */
	background-color: #B22222; /* #0000AA → fire brick */
}

.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;
}

.jscalendar-DB-dropdown-select-style {
	background-color: #FFCC99;
}

.jscalendar-DB-dropdown-normal-style {
	background-color: inherit;
}

.jscalendar-DB-body-style {
	background-color: #FFFFFF;
    font-family:"Open Sans",arial,Helvetica,sans-serif;
	font-size: 10px;
	border-top: 1px solid #FFCFEC; /* #7FB4D8 → light pink */
	border-bottom: 1px solid #FFCFEC; /* #7FB4D8 → light pink */
}

.jscalendar-DB-current-day-style {
	color: red;
	font-weight: bold;
	text-decoration: none;
}

.jscalendar-DB-end-of-weekday-style {
	color: #909090;
	color: #666;
	text-decoration: none;
}

.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;
}

.jscalendar-DB-selected-day-style {
	border-style: solid;
	border-width: 1px;
	border-color: #FFCFEC; /* #7FB4D8 → light pink */
}

.jscalendar-DB-holiday-style {
	background-color: #FFDDDD;
}

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

.jscalendar-DB-today-style {
	color: #5C0000; /* #003c62 → dark red */
	background-color: #CFCFFF; /* #fffcdf → light pink-blue */
	text-decoration: underline;
}

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

.jscalendar-DB-weeknumber-div-style {
	background-color: #FFCFEC; /* #7FB4D8 → light pink */
}
.force-word-break  { 
 -ms-word-break: break-all;
     word-break: break-all;
     word-break: break-word;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
    }