/* Hintergrundfarbe Website - Schriftart ausserhalb von Tabellen */
body { background-color: #fffac4;
	   font-family: Verdana, Arial, Helvetica, sans-serif;
	   overflow-x: auto;
	   overflow-y: auto;
	   margin: 0px;
	   padding: 0px;
	   font-size:12px;
}

/*--------WERTETABELLEN----Auflistung----*/

/*Tabellentitelzeile Hintergrund und Rahmen*/
.trbg { background-color: #ffcc66;
}

.rahmen { border-width:2px;
		  border-color:#ffdba4;
		  border-style:outset;
}

/*Rahmenlinie gesamte Tabelle*/
.rahmen2 { 	   border-width:1px;
		   border-color:#666666;
		   border-style:solid;
		   padding:0px;
}

/*Textformatierung Ueberschrift*/
.titel { font-weight:600;
		 font-size:12px;
		 color:#df002b;
}

/*Text Datensaetze innerhalb Tabelle*/
.text { 	font-family:Verdana, Arial, Helvetica, sans-serif;
		border-right:1px solid #bea37b;
 		margin:0px;
		font-size:12px;
		color:#000000;
		padding-left:2px;
}


/*----------KARTEIKARTEN------------*/

/*Inhaltsfeld*/
.rahmen3 { border-right:1px solid #bea37b; margin:0px;
		   border-left:1px solid #bea37b; margin:0px;
	       border-bottom:1px solid #bea37b; margin:0px;
	       background-color: #FFDBA4;
}

/*Platzhalter*/
.platz { border-right:1px solid #bea37b; margin:0px;
	     border-left:1px solid #bea37b; margin:0px;
		 background-color: #FFDBA4;
}

/*Platzhalter*/
.platz2 { border-right:1px solid #bea37b; margin:0px;
	  background-color: #FFDBA4;
}

/*Anzeige-Ausgabewert (aktulle Stand) - Bernhard*/
.rahmen4 { border-right:1px solid #bea37b; margin:0px;
		   border-left:1px solid #bea37b; margin:0px;
		   border-bottom:1px solid #bea37b; margin:0px;
		   border-top-width:1px;
		   border-top-style:solid;
		   border-top-color:#bea37b;
		   background-color:#ffffff;
}

/*Anzeige-Ausgabewert - für Daten mit Datum (nicht mehr aktuelle Stand) */
.rahmen4a { border-right:1px solid #bea37b; margin:0px;
		   border-left:1px solid #bea37b; margin:0px;
		   border-bottom:1px solid #bea37b; margin:0px;
		   border-top-width:1px;
		   border-top-style:solid;
		   border-top-color:#bea37b;
		   background-color:#fff1d0;
}

/* Deaktive Eingabefelder */
input.kartei { font-family: Verdana, Arial;
			   font-size: 12px;
			   font-weight: normal;
			   color: #666666;
			   text-decoration: none;
			   border: #bea37b;
			   border-style: solid;
			   border-top-width: 1px;
			   border-right-width: 1px;
			   border-bottom-width: 1px;
			   border-left-width: 1px;
			   background-color: #ffffff;
}

/*------------BERECHTIGUNGEN--------------------------*/

/*fuer Handcursor bei Mousovereffekt von Reihen*/
.rahmen5 { border-width:1px;
		   border-color:#ffdba4;
		   border-style:outset;
		   padding:5px;
		   cursor: pointer;
}

/*-----------PLANUNGSTOOL--------------------------*/

.trbg2 { background-color: #b9d0d0
}

.p_titel { border-width:2px;
		  border-color:#ffdba4;
		  border-style:outset;
		  font-size: 11px;
		  font-weight:bold;
		  color:#000000;
}

.p_titel2 { border-width:2px;
		  border-color:#ffdba4;
		  border-style:outset;
		  font-size: 9px;
		  font-weight:bold;
		  color:#000000;
}


.pliste { 	font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
	    font-weight:bold;
		color:#000000;
		border-right:1px solid #bea37b;
}

/*--------------LINKFORMATIERUNG----------------*/

/* Sortierlink Ausgabeliste*/
a:link { text-decoration:none;
		 font-size: 11px;
		 font-weight:bold;
		 color:#000000;
}

a:visited { text-decoration:none;
			font-size: 11px;
			font-weight:bold;
			color:#000000;
}

a:hover { text-decoration:none;
		  font-size: 11px;
		  font-weight:bold;
		  color:#cc6600;
}

a:active { text-decoration:none;
		   font-size: 11px;
		   font-weight:bold;
		   color:#000000;
}

a.quick1:link { text-decoration:none;
				font-size: 11px;
				font-weight:bold;
				color:#000000;
}

a.quick1:visited { text-decoration:none;
				   font-size: 11px;
				   font-weight:bold;
				   color:#000000;
}

a.quick1:hover { text-decoration:none;
				 font-size: 11px;
				 font-weight:bold;
				 color:#000000;
}

a.quick1:active { text-decoration:none;
				  font-size: 11px;
				  font-weight:bold;
				  color:#000000;
}

a.quick2:link { text-decoration:none;
				font-size: 11px;
				font-weight:normal;
				color:#000000;
}

a.quick2:visited { text-decoration:none;
				   font-size: 11px;
				   font-weight:normal;
				   color:#000000;
}

a.quick2:hover { text-decoration:none;
				 font-size: 11px;
				 font-weight:normal;
				 color:#ff0000;
}

a.quick2:active { text-decoration:none;
				  font-size: 11px;
				  font-weight:normal;
				  color:#000000;
}

a.liste:link { text-decoration:none;
			   font-size: 9px;
			   font-weight:normal;
			   color:#000000;
}

a.liste:visited { text-decoration:none;
				  font-size: 9px;
				  font-weight:normal;
				  color:#000000;
}

a.liste:hover { text-decoration:none;
				font-size: 9px;
				font-weight:normal;
				color:#ff9a00;
}

a.liste:active { text-decoration:none;
				 font-size: 9px;
				 font-weight:normal;
				 color:#000000;
}

a.bildok:link { text-decoration:none;
			   font-size: 12px;
			   font-weight:normal;
			   color:#000000;
}

a.bildok:visited { text-decoration:none;
				  font-size: 12px;
				  font-weight:normal;
				  color:#000000;
}

a.bildok:hover { text-decoration:none;
				font-size: 12px;
				font-weight:normal;
				color:#ff9a00;
}

a.bildok:active { text-decoration:none;
				 font-size: 12px;
				 font-weight:normal;
				 color:#000000;
}

a.datum:link { text-decoration:none;
			   font-size: 10px;
			   font-weight:normal;
			   color:#000000;
}

a.datum:visited { text-decoration:none;
				  font-size: 10px;
				  font-weight:normal;
				  color:#000000;
}

a.datum:hover { text-decoration:none;
				font-size: 10px;
				font-weight:normal;
				color:#ff9a00;
}

a.datum:active { text-decoration:none;
				 font-size: 10px;
				 font-weight:normal;
				 color:#000000;
}

.klein { font-family:Verdana, Arial, Helvetica, sans-serif;
		 font-size:9px;
		 color:#000000;
}

.sehrkleinliste { font-family:Verdana, Arial, Helvetica, sans-serif;
		 font-size:10px;
		 color:#000000;
		 border-right:1px solid #bea37b;
}

.kleinliste { font-family:Verdana, Arial, Helvetica, sans-serif;
		 font-size:12px;
		 color:#000000;
		 border-right:1px solid #bea37b;
}

.kleinlistezeugnis { font-family:Verdana, Arial, Helvetica, sans-serif;
		 font-size:10px;
		 color:#000000;

}

.statusinfo { font-family:Verdana, Arial, Helvetica, sans-serif;
			  font-size:10px;
			  color:#CC3300;
			  font-weight:bold;
}

.sehrklein { font-family:Verdana, Arial, Helvetica, sans-serif;
			 font-size:9px;
			 color:#000000;
}

.eingabefeld { font-family:Verdana, Arial, Helvetica, sans-serif;
			   font-size:9px;
			   color:#000000;
}

.textnormal { font-family:Verdana, Arial, Helvetica, sans-serif;
			   font-size:12px;
			   color:#000000;
}

.eingabefeld_wert { font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:9px;
					color:#666666;
}

.karteiname { font-family:Verdana, Arial, Helvetica, sans-serif;
			  font-size:12px;
			  color:#000000;
}

.liste200 { width: 200px;
	border: 1px solid #999999;
	z-index:5;
}

.liste300 { width: 300px;
}

.liste400 { width: 400px;
}

.liste500 { width: 500px;
}

.liste140klein { font-family: Arial, Helvetica, sans-serif;
				 font-size: 9px;
				 width: 140px;
}

.liste200klein { font-family: Arial, Helvetica, sans-serif;
				 font-size: 9px;
				 width: 200px;
}

.liste300klein { font-family: Arial, Helvetica, sans-serif;
				 font-size: 9px;
				 width: 300px;
}

.liste400klein { font-family: Arial, Helvetica, sans-serif;
				 font-size: 9px;
				 width: 400px;
}

.listeklein { font-family: Arial, Helvetica, sans-serif;
				 font-size: 9px;

}

.resultlist { font-family: Arial, Helvetica, sans-serif;
			  font-size: 9px;
}

.textnav { font-family: Verdana, Arial, Helvetica, sans-serif;
		   font-size: 12px;
		   font-weight: bold;
		   word-spacing: 2px;

}

.zwsprachlinks { COLOR: #FFFFFF;
				 TEXT-DECORATION: none;
				 font-family: Verdana, Arial, Helvetica, sans-serif;
				 font-size: 11px;
				 font-weight: bold;
}

.spalten1 { COLOR: #000000;
				 TEXT-DECORATION: none;
				 font-family: Verdana, Arial, Helvetica, sans-serif;
				 font-size: 11px;
				 font-weight: bold;
}

A.sprachlinks:visited { COLOR: #FFFFFF;
						TEXT-DECORATION: none;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 11px;
						font-weight: bold;
}

A.sprachlinks:link { COLOR: #FFFFFF;
					 TEXT-DECORATION: none;
					 font-family: Verdana, Arial, Helvetica, sans-serif;
					 font-size: 11px;
					 font-weight: bold;
}

A.sprachlinks:hover { COLOR: #999999;
					  TEXT-DECORATION: none;
					  font-family: Verdana, Arial, Helvetica, sans-serif;
					  font-size: 11px;
					  font-weight: bold;
}
.umrandung {
	border: thin solid #000000;

}

/*Zum Deaktivieren von Buttons*/
.buttonweg {	visibility: hidden;
}

/*Styles für die Datensatznavigation*/
.navhigh {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#000000;
		font-weight:bold;
}

/* Sortierlink Ausgabeliste*/
a.nav:link {
		text-decoration:none;
		font-size: 10px;
		color:#000000;
		font-weight:normal;
}

a.nav:visited {
		text-decoration:none;
		font-size: 10px;
		color:#000000;
		font-weight:normal;
}

a.nav:hover {
		text-decoration:none;
		font-size: 10px;
		color:#cc6600;
		font-weight:normal;
}

a.nav:active {
		text-decoration:none;
		font-size: 10px;
		color:#000000;
		font-weight:normal;
}

/*Zeugnisübersicht*/
.z_fach { font-family: Verdana, Arial, Helvetica, sans-serif;
		   font-size: 10px;
		   font-weight: bold;
		   word-spacing: 1px;

}
/*LIST neu*/
td.selector_bottom_cell {
	text-align:center;
	width:auto;
	margin:0px;
	height:24px;
	vertical-align:middle;
	font-family:sans-serif;
	font-stretch:200%;
	font-size:11px;
}
tr.selector_row_even {
	font-family:verdana,sans-serif;
	font-size:11px;
	color:#000000;
	vertical-align:middle;
	height:18px;
	background-color:#fffac4;
}

tr.selector_row_odd {
	font-family:verdana, sans-serif;
	font-size:11px;
	color:#000000;
	vertical-align:middle;
	cursor:pointer;
	height:18px;
	background-color:#ffdba4;
}

tr.selector_row_hi {
	font-family:verdana,sans-serif;
	font-size:11px;
	color:#000000;
	vertical-align:middle;
	cursor:pointer;
	height:18px;
	background-color:#FFBE5E;
}

	/* The Modal (background) */
	.modal {
	  display: none; /*Hidden by default */
	  position: fixed; /* Stay in place */
	  z-index: 1; /* Sit on top */
	  padding-top: 20px; /* Location of the box */
	  left: 0;
	  top: 0;
	  width: 100%; /* Full width */
	  height: 100%; /* Full height */
	  overflow: auto; /* Enable scroll if needed */
	  background-color: rgb(0,0,0); /* Fallback color */
	  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	}

	/* Modal Content */
	.modal-content {
	  position: relative;
	  background-color: #fefefe;
	  margin: auto;
	  padding: 0;
	  border: 1px solid #888;
	  width: 750px;
	  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	  -webkit-animation-name: animatetop;
	  -webkit-animation-duration: 0.4s;
	  animation-name: animatetop;
	  animation-duration: 0.4s
	}

	/* Add Animation */
	@-webkit-keyframes animatetop {
	  from {top:-300px; opacity:0} 
	  to {top:0; opacity:1}
	}

	@keyframes animatetop {
	  from {top:-300px; opacity:0}
	  to {top:0; opacity:1}
	}

	/* The Close Button */
	.close {
	  color: white;
	  float: right;
	  font-size: 28px;
	  font-weight: bold;
	}

	.close:hover,
	.close:focus {
	  color: #000;
	  text-decoration: none;
	  cursor: pointer;
	}

	/* Das Hilfe-Fragezeichen */
	.hilfe {
	  color: white;
	  float: right;
	  font-size: 24px;
	  font-weight: bold;
	}

	.hilfe:hover,
	.hilfe:focus {
	  color: #000;
	  text-decoration: none;
	  cursor: pointer;
	}

	.modal-header {
	  padding: 2px 16px;
	  background-color: #84D184;
	  color: white;
	}

	.modal-body {
		padding: 2px 16px;
		max-height: 400px;
		height: auto;
		overflow-y: scroll;
		border-collapse:collapse;
		font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;
		line-height:1.4;
		margin:1rem;
	}

	.modal-body:not([cellpadding]) td,table:not([cellpadding]) th{padding:.4rem}table[border]:not([border="0"]):not([style*=border-width]) td,table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px}table[border]:not([border="0"]):not([style*=border-style]) td,table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid}table[border]:not([border="0"]):not([style*=border-color]) td,table[border]:not([border="0"]):not([style*=border-color]) th{border-color:#ccc}figure{display:table;margin:1rem auto}figure figcaption{color:#999;display:block;margin-top:.25rem;text-align:center}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0 0}code{background-color:#e8e8e8;border-radius:3px;padding:.1rem .2rem}.mce-content-body:not([dir=rtl]) blockquote{border-left:2px solid #ccc;margin-left:1.5rem;padding-left:1rem}.mce-content-body[dir=rtl] blockquote{border-right:2px solid #ccc;margin-right:1.5rem;padding-right:1rem}

	.modal-footer {
	  padding: 2px 16px;
	  background-color: #84D184;
	  color: white;
	}
	.help {cursor: help;}