@charset "UTF-8";



/********************************** ALTES ZEWIS **********************************/


/* zewis.css */



table.rahmen1 {
	border:1px solid #00009C;
	margin-left:auto;
	margin-right: auto;
}

td.orange {
	background: #CCCCCC;
}

td.menu_oben1 {
	width: 90px;
	text-align: center;
	border:1px solid #BBBBBB;
	font-size: 8pt;
	padding-left:10;
	padding-right:10;
	padding-top:6;
	padding-bottom:6;
}
td.menu_oben2 {
	width: 90px;
	text-align: center;
	background: #E7E7E7;
	border:1px solid #BBBBBB;
	font-size: 8pt;
	padding-left:10;
	padding-right:10;
	padding-top:6;
	padding-bottom:6;
}
td.menu {
	width: 100px;
	background: #E7E7E7;
	font-size: 9pt;
}
a.menu1 {
	color: #00009C;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
}
a:hover.menu1 {
	color: #111111;
}
a.menu2 {
	color: #111111;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
}
a:hover.menu2 {
	color: #111111;
}
a.menu_oben1 {
	color: #111111;
	text-decoration: none;
	font-weight: normal;
	font-size: 8pt;
}
a:hover.menu_oben1 {
		color: #111111;
		font-weight: bold;
}
a.menu_oben2 {
	color: #111111;
	text-decoration: none;
	font-weight: bold;
	font-size: 8pt;
}
a:hover.menu_oben2 {
		color: #111111;
}
table.ueb_titel {
		width: 760px;
	margin-left:auto;
	margin-right: auto;
}
table.ueb_titel_k {
		width: 420px;
	margin-left:auto;
	margin-right: auto;
}
td.ueb_titel {
	 background-color: #00009C;
}
td.ueb_titel_d1 {
		color: #000000;
		font-weight: bold;
		font-size: 9pt;
		border-width: 0 0 1 0;
		border-style: solid;
		border-color: #000000;
}
td.b_drucken_titel {
		color: #F5F5F5;
		background-color: #00009C;
		border-width: 2px;
		border-style: solid;
		border-color: #00009C;
		font-size: 10pt;
}
div.fett {
		font-weight: bold;
}
div.blau_1 {
		color: #000053;
		font-weight: bold;
		font-size: 11pt;
}
div.blau_2 {
		color: #000053;
		font-weight: bold;
		font-size: 12pt;
}
div.blau_3 {
		color: #00009C;
		font-size: 10pt;
		font-weight: bold;
}
font.rot {
		/*font-family: Arial, Helvetica, sans-serif;*/
		color: Red;
		font-weight: bold;
		font-size: 8pt;
}
div.login {
		/*font-family: Arial, Helvetica, sans-serif;*/
		color: #00009C;
		font-size: 10pt;
		font-weight: bold;
}
div.schwarz_1 {
		color: #000000;
		font-size: 10pt;
		font-weight: bold;
}
div.schwarz_2 {
		color: #000000;
		font-size: 8pt;
}
div.rot_1 {
		color: #640800;
		font-size: 10pt;
		font-weight: bold;
}
div.rot_2 {
		color: #640800;
		font-size: 8pt;
		font-weight: bold;
}
div.rot_3 {
		color: #990800;
		font-size: 8pt;
}
.rot_3 {
		color: #990800;
		font-size: 8pt;
}
table.ueb_navig {
		width: 760px;
	margin-left:auto;
	margin-right: auto;
}

.selektiert1 {
		color: #640800;
}
.selektiert2 {
		color: #000053;
}


#box1 { position:static; width:760px; z-index:1;
        margin: 0px auto;
}
#page {
		width:620px;
		/*font-family: Arial, Helvetica, sans-serif;*/
		font-size: 12pt;
		color: Black;
		border:2px solid #0000EE;
}


a.navig_unter {
		color: Black;
		text-decoration: none;
		font-size: 9pt;
}
a:hover.navig_unter {
		font-weight: bold;
}
a.footer {
		/*font-family: Arial, Helvetica, sans-serif;*/
		color: Red;
		text-decoration: none;
		font-size: 7pt;
}
a:hover.footer {
		font-weight: bold;
}
font.footer {
		color: Black;
		font-size: 7pt;
}
font.warning {
		color: Red;
		font-size: 11pt;
		font-weight: bold;
}
font.warning_02 {
		color: Red;
		font-size: 11pt;
		font-weight: bold;
		border-width: 1px;
		border-color: Red;
		border-style: solid;
		padding: 5px;
		font-weight: bold;
}
div.warning {
		color: Red;
		font-size: 11pt;
		font-weight: bold;
}

a.ueb_titel {
		font-family: Arial, Helvetica, sans-serif;
		color: White;
		text-decoration: none;
		font-weight: bold;
		font-size: 8pt;
}
a:hover.ueb_titel {
		color: Red;
}
font.ueb_titel {
		font-family: Arial, Helvetica, sans-serif;
		color: White;
		font-weight: bold;
		font-size: 8pt;
}
div.ueb_titel {
		font-family: Arial, Helvetica, sans-serif;
		color: White;
		font-weight: bold;
		font-size: 8pt;
}
td.ueb_daten_1 {
		background-color: #E7E7E7;
		vertical-align: top;
}
td.ueb_daten_2 {
		background-color: #DDDDDD;
		vertical-align: top;
}
td.ueb_daten_3 {
		background-color: #E7E7E7;
		vertical-align: top;
		border-right-width: 2px;
		border-right-color: #E7E7E7;
		border-right-style: solid;
}
td.ueb_daten_4 {
		background-color: #DDDDDD;
		vertical-align: top;
		border-right-width: 2px;
		border-right-color: #DDDDDD;
		border-right-style: solid;
}

a.ueb_daten {
		font-family: Arial, Helvetica, sans-serif;
		color: #000053;
		font-weight: bold;
		font-size: 8pt;
}
a:hover.ueb_daten {
		 color: #FF0000;
}
a.ueb_daten_rot {
		font-family: Arial, Helvetica, sans-serif;
		color: #FF0000;
		font-weight: bold;
		font-size: 8pt;
}
a:hover.ueb_daten_rot {
		 color: #000000;
}
a.ueb_daten_gruen {
		font-family: Arial, Helvetica, sans-serif;
		color: #008700;
		font-weight: bold;
		font-size: 8pt;
}
a:hover.ueb_daten_gruen {
		 color: #000000;
}
div.ueb_daten {
		font-family: Arial, Helvetica, sans-serif;
		color: #000053;
		font-size: 8pt;
}
div.ueb_daten_2 {
		font-family: Arial, Helvetica, sans-serif;
		color: #000053;
		font-weight: bold;
		font-size: 8pt;
}
div.ueb_daten_3 {
		font-family: Arial, Helvetica, sans-serif;
		color: #000053;
		font-size: 7pt;
}
.ueb_daten {
		font-family: Arial, Helvetica, sans-serif;
		color: #000053;
		font-size: 8pt;
}
input {
		font-family: Arial, Helvetica, sans-serif;
}
select {
		font-family: Arial, Helvetica, sans-serif;
}
input.ueb_daten_03 {
		background-color: #FFFFFF;
		color: #000053;
		font-size: 8pt;
		width: 65px;
		border:1px solid #A5ACB2;
}
input.ueb_daten {
		background-color: #FFFFFF;
		color: #000053;
		font-size: 8pt;
		width: 150px;
		border:1px solid #A5ACB2;
}
input.ueb_daten2 {
		background-color: #FFAAAA;
		color: #000053;
		font-size: 8pt;
		width: 150px;
		border: 1px solid #A5ACB2;
}
input.ueb_daten3 {
		background-color: #FFFFFF;
		color: #000053;
		font-size: 8pt;
		width: 120px;
		border:1px solid #A5ACB2;
}
input.ueb_daten4 {
		background-color: #FFFFFF;
		color: #000053;
		font-size: 8pt;
		width: 250px;
		border: 1px solid #A5ACB2;
}
input.ueb_daten5 {
		background-color: #FFFFFF;
		color: #000053;
		font-size: 8pt;
		width: 30px;
		border:1px solid #A5ACB2;
}
input.ueb_daten7 {
		background-color: #FFFFFF;
		color: #000053;
		font-size: 8pt;
		width: 140px;
		border:1px solid #A5ACB2;
}
input.ueb_daten71 {
		background-color: #FFAAAA;
		color: #000053;
		font-size: 8pt;
		width: 140px;
		border:1px solid #A5ACB2;
}
input.ueb_daten20 {
		background-color: #FFFFFF;
		color: #000053;
		font-size: 8pt;
		width: 140px;
		text-align: right;
		border:1px solid #A5ACB2;
}
input.ueb_daten21 {
		background-color: #FFAAAA;
		color: #000053;
		font-size: 8pt;
		width: 140px;
		text-align: right;
		border:1px solid #A5ACB2;
}
input.datum {
		background-color: #FFFFFF;
		color: #000053;
		font-size: 8pt;
		width: 70px;
		border:1px solid #A5ACB2;
}
input.datum2 {
		background-color: #FFAAAA;
		color: #000053;
		font-size: 8pt;
		width: 70px;
		border:1px solid #A5ACB2;
}
input.std {
		background-color: #FFFFFF;
		color: #000053;
		font-size: 8pt;
		width: 70px;
		text-align: right;
		border:1px solid #A5ACB2;
}
input.std2 {
		background-color: #FFAAAA;
		color: #000053;
		font-size: 8pt;
		width: 70px;
		text-align: right;
		border:1px solid #A5ACB2;
}
input.ueb_daten8 {
		background-color: #FFFFFF;
		color: #000053;
		font-size: 8pt;
		width: 150px;
		text-align: right;
		border:1px solid #A5ACB2;
}
input.ueb_daten81 {
		background-color: #FFAAAA;
		color: #000053;
		font-size: 8pt;
		width: 150px;
		text-align: right;
		border:1px solid #A5ACB2;
}
input.ueb_daten9 {
		background-color: #FFAAAA;
		color: #000053;
		font-size: 8pt;
		width: 150px;
		text-align: right;
		border: 1px solid #A5ACB2;
}
input.ueb_daten10 {
		background-color: #FFFFFF;
		color: #000053;
		font-size: 8pt;
		width: 450px;
		border: 1px solid #A5ACB2;
}
select.ueb_daten_01 {
		color: #000053;
		font-size: 8pt;
		width: 130px;
}
select.ueb_daten_02 {
		color: #000053;
		font-size: 8pt;
		width: 100px;
}
select.ueb_daten {
		color: #000053;
		font-size: 8pt;
		width: 150px;
}
select.ueb_daten1 {
		background-color: #FFAAAA;
		color: #000053;
		font-size: 8pt;
		width: 150px;
		border: 1px solid #A5ACB2;
}
select.ueb_daten2 {
		background-color: #FFAAAA;
		color: #000053;
		font-size: 8pt;
		width: 150px;
		border: 1px solid #A5ACB2;
}
select.ueb_daten3 {
		color: #000053;
		font-size: 8pt;
		width: 120px;
}
select.ueb_daten4 {
		color: #000053;
		font-size: 8pt;
		width: 50px;
}
select.ueb_daten5 {
		color: #000053;
		font-size: 8pt;
		width: 200px;
}
select.ueb_daten51 {
		background-color: #FFAAAA;
		color: #000053;
		font-size: 8pt;
		width: 200px;
		border: 1px solid #A5ACB2;
}
select.ueb_daten6 {
		color: #000053;
		font-size: 8pt;
		width: 180px;
}
select.ueb_daten61 {
		background-color: #FFAAAA;
		color: #000053;
		font-size: 8pt;
		width: 180px;
		border: 1px solid #A5ACB2;
}
select.ueb_daten7 {
		color: #000053;
		font-size: 8pt;
		width: 140px;
}
select.ueb_daten71 {
		background-color: #FFAAAA;
		color: #000053;
		font-size: 8pt;
		width: 140px;
		border: 1px solid #A5ACB2;
}
textarea.bem {
		width: 335px;
		color: #000053;
		font-size: 8pt;
		font-family: Arial, Helvetica, sans-serif;
}
.ueb_daten_9 {
		font-family: Arial, Helvetica, sans-serif;
		color: #000053;
		font-size: 9pt;
}

table.ueb_suche {
		background-color: #F5F5F5;
		width: 760px;
	margin-left:auto;
	margin-right: auto;
}
td.ueb_suche_titel {
		color: #F5F5F5;
		font-weight: bold;
		font-size: 9pt;
		background-color: #BBBBBB;
}
td.ueb_suche_titel2 {
		color: #000000;
		font-weight: bold;
		font-size: 10pt;
		background-color: #0099ff;
                line-height: 12pt;
                height: 12pt;
}
td.ueb_suche_titel3 {
		color: #F5F5F5;
		font-weight: bold;
		font-size: 9pt;
		background-color: #000053;
}
td.ueb_suche_titel4 {
		color: #F5F5F5;
		font-weight: bold;
		font-size: 9pt;
		background-color: #CC1100;
}
div.keyword_bez {
		 font-size: 7pt;
		 color: #000053;
}

div.a_detail_titel {
		color: #000053;
		font-weight: bold;
		font-size: 10pt;
}
div.a_detail_titel_02 {
		color: #000053;
		font-weight: normal;
		font-size: 11pt;
}
table.info {
		width: 450px;
		border-width: 1px;
		border-color: Black;
		border-style: solid;
		padding: 5px;
	margin-left:auto;
	margin-right: auto;
}
table.info2 {
		width: 450px;
		border-width: 1px;
		border-color: orangered;
		border-style: solid;
		padding: 5px;
	margin-left:auto;
	margin-right: auto;
}


.bold {
		font-weight: bold;
}
.small {
		color: Black;
		font-size: smaller;
}
.medium {
		color: Black;
		font-size: 10pt;
}
.right {
		text-align: right;
}
.left {
		text-align: left;
}
.center {
		text-align: center;
}
.button_11 {
		color: #000053;
		font-size: 8pt;
		text-align: center;
		cursor: pointer;
		border-style: solid;
		border-width: 1 1 1 1;
		border-color: #000053;
		filter: progid:DXImageTransform.Microsoft.Gradient(endColorstr="#FDFDFD", startColorstr="#D9DAE7", gradientType="1");
}
.button_1 {
		width: 85px;
		color: #000053;
		font-size: 8pt;
		text-align: center;
		font-weight: bold;
		cursor: pointer;
		border-style: solid;
		border-width: 1 1 1 1;
		border-color: #000053;
		background-image: url(/images/bgbutton.gif);
}
.button_2 {
		width: 85px;
		color: #FF0000;
		font-size: 8pt;
		font-weight: bold;
		cursor: pointer;
		border-style: solid;
		border-width: 1 1 1 1;
		border-color: #FF0000;
		background-image: url(/images/bgbutton.gif);
}
.button_3 {
		width: 85px;
		color: #000000;
		font-size: 8pt;
		font-weight: bold;
		cursor: pointer;
		border-style: solid;
		border-width: 1 1 1 1;
		border-color: #000000;
		background-image: url(/images/bgbutton.gif);
}
.button_4 {
		color: #000053;
		font-size: 8pt;
		text-align: center;
		font-weight: bold;
		cursor: pointer;
		border-style: solid;
		border-width: 1 1 1 1;
		border-color: #000053;
		background-image: url(/images/bgbutton.gif);
}
.button_5 {
		color: #000053;
		font-size: 8pt;
		text-align: center;
		font-weight: bold;
		cursor: pointer;
		border-style: solid;
		border-width: 1 1 1 1;
		border-color: #000053;
		width: 20px;
		background-image: url(/images/bgbutton.gif);
}
.k_ueb_layer {
		height: 230px;
		overflow: auto;
}
td.kal_1 {
		background-color: #CCCCCC;
}
td.kal_2 {
		background-color: #DDDDDD;
}

.widthClass {
    width: 760px;
}

/* KALENDER */
.t_titel            { font-weight:bold; color:#000000; font-size: 8pt; caption-side:bottom; }
.img_icon           { width: 16; height: 16; border: 0; font-size: 8pt;}
.img_icon_02        { width: 48; height: 16; border: 0; font-size: 8pt;}
.tage               { text-decoration:none; font-family:Arial,sans-serif; font-size:8pt; color:#000084;}
.tage_heute         { text-decoration:none; font-family:Arial,sans-serif; font-size:8pt; color:#AA0000; }
.fett_monat         { font-weight:bold; color:#000000; font-size: 8pt;}
.unsichtbar         { color:#FFFFCC; font-size: 8pt;}
.mo_fr              { color:#000084; font-size: 8pt;}
.sa_so              { color:#AA0000; font-size: 8pt;}
body.kalender       { background: #FFFFCC; margin: 0 0 0 0; padding: 0 0 0 0; text-align: center; }


table.ueb_suche tr.mit_padding {
    height: 18px;
}

table.ueb_suche tr.mit_padding td {
    padding-top: 1px;
    padding-bottom: 1px;
    vertical-align: middle;
}

table.ueb_suche tr.mit_padding td img {
    vertical-align: middle;
}

.warning {
    color: red;
}













/* zewis_neu.css */

.centered
{
	text-align:			center !important;
}

.lefted
{
	text-align:			left !important;
}

.righted
{
	text-align:			right !important;
}

.justified
{
	text-align:			justify !important;
}


.width50
{
	width:				50px !important;
}

.width60
{
	width:				60px !important;
}

.width75
{
	width:				75px !important;
}

.width120
{
	width:				120px !important;
}

.width150
{
	width:				150px !important;
}

.width330
{
	width:				330px !important;
}

.width510
{
	width:				510px !important;
}

.red
{
	background-color:	orangered !important;
	color:				black !important;
}

.yellow
{
	background-color:	yellow !important;
	color:				black !important;
}

.green
{
	background-color:	chartreuse !important;
	color:				black !important;
}

.grosser_kasten
{
	height:				1.5em;
	line-height:		1.5em;
}

.disabled, .readonly
{
	cursor:             not-allowed;
	/*cursor:			url(/images/cursor/unavailable.gif), not-allowed;*/
    /*FIXME: GIF-Grafik für "nicht erlaubt"*/
}

/*******************************************************************
	Allgemeine Textelemente
*******************************************************************/
label
{
	 font-size:			7pt;
	 color:				black;
	 cursor:			pointer;
}

p
{
	margin:				1px;
	padding:			1px;
}

p.left
{
	text-align:			left;
}

span.inputbeschriftung, legend.inputbeschriftung
{
	 font-size:			7pt;
	 color:				black;
}

span.inlineicon
{
	height:				26px;
	line-height:		24px;
}

span.inlineicon *
{
	vertical-align:		middle !important;
}

span.inlineicon img
{
	margin-left:		5px;
	margin-right:		5px;
	cursor:				pointer;
}

span.inlineicon img.nomargin
{
	margin-left:		0px;
	margin-right:		0px;
}

span.inlineicon img.bordered
{
	border:				1px solid black;
}

span.inlineicon img.disabled
{
	cursor:				auto;
}
/* Unfassbar... Das geht sogar im IE7! Sogar mit Bildern über 24px!! GAAH!*/


/*******************************************************************
	Allgemeine Blockelemente
*******************************************************************/
iframe
{
	border:				1px solid midnightblue;
}



/*******************************************************************
	Überschriften
*******************************************************************/



/*******************************************************************
	Formulare
*******************************************************************/

input
{
	font-family:		Arial, Helvetica, sans-serif;
}

input.knopf
{
	cursor:				pointer;
	width:				85px;

	color:				black;
	background:			lightgrey;

	font-size:			8pt;
	text-align:			center;
	font-weight:		bold;

	border:				1px solid black;
}

input.knopf.wichtig
{
	color:				orangered;
}

input.text, select.dropdown, select.dropdown_with_buttons
{
	color:				black;
	background:			white;

	font-size:			8pt;

	border:				1px solid black;
}

input.error, select.error
{
	color:				black !important;
	background:			coral !important;
}

input.datum
{
	color:				black;
	background:			white;

	font-size:			8pt;

	border:				1px solid black;

	width:				75px;
}

input.checkbox
{
	margin-left:		0px;
	margin-right:		2px;
	padding-left:		0px;
	padding-right:		0px;
}

input.text.disabled, select.dropdown.disabled, input.knopf.disabled
{
	color:				dimgrey;
	background:			silver;

	font-style:			italic;
}

input.text.readonly
{
	color:				black;
	background:			gainsboro;
}

input.knopf.disabled
{
	cursor:				auto;
}

div.spalte input.text, div.spalte select.dropdown
{
	width:				150px;
}

div.spalte select.dropdown_with_buttons
{
	width:				110px;
}

div.doppelspalte input.text, div.doppelspalte select.dropdown
{
	width:				330px;
}

div.dreifachspalte input.text, div.dreifachspalte select.dropdown
{
	width:				510px;
}

div.vierfachspalte input.text, div.vierfachspalte select.dropdown
{
	width:				690px;
}

div.spalte_schmal input.text, div.spalte_schmal select.dropdown
{
	width:				114px;
}

div.spalte_schmal select.dropdown_with_buttons
{
	width:				74px;
}

div.doppelspalte_schmal input.text, div.doppelspalte_schmal select.dropdown
{
	width:				258px;
}

div.dreifachspalte_schmal input.text, div.dreifachspalte_schmal select.dropdown
{
	width:				402px;
}

div.vierfachspalte_schmal input.text, div.vierfachspalte_schmal select.dropdown
{
	width:				546px;
}
/*******************************************************************
	Tabellen
*******************************************************************/

table.data
{
	border:				0px none;
	padding:			0px;
	margin:				0px;
	margin-bottom:		10px;
	width:				730px;
}

div.doppelspalte table.data
{
	width:				345px;
	margin-bottom:		5px;
}

div.dreifachspalte table.data
{
	width:				525px;
	margin-bottom:		5px;
}

div.doppelspalte_schmal table.data
{
	width:				273px;
	margin-bottom:		5px;
}

div.dreifachspalte_schmal table.data
{
	width:				417px;
	margin-bottom:		5px;
}

div.vierfachspalte_schmal table.data
{
	width:				561px;
	margin-bottom:		5px;
}

table.data tr.row_odd
{
	background:			lightgrey;
	color:				black;
}

table.data tr.row_even
{
	background:			#E7E7E7;
	color:				black;
}


table.data th
{
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			8pt;
	font-weight:		bold;
	text-align:			left;
	background:			midnightblue;
	color:				white;

	border-right:		1px solid whitesmoke;
	border-bottom:		1px solid whitesmoke;

	padding-left:		5px;
	padding-right:		5px;

	padding-top:		1px;
	padding-bottom:		1px;
}


table.data th span.sortable:hover
{
	color:				orangered;
}


table.data th span.sorted
{
	color:				chartreuse;
}


table.data td
{
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			8pt;
	font-weight:		normal;
	line-height:		12pt;
	text-align:			left;
	vertical-align:		middle;
	background-color:	inherit;
	color:				black;

	border-bottom:		1px solid whitesmoke;
	border-right:		1px solid whitesmoke;

	padding-left:		2px;
	padding-right:		2px;
	padding-top:		1px;
	padding-bottom:		1px;

	empty-cells:		show;
}

table.data td.summe
{
	font-weight:		bold;
}

table.data td.grayed
{
	font-style:			italic;
	color:				dimgrey;
}

table.data td.red
{
	background-color:	orangered !important;
	color:				black !important;
}

table.data td.yellow
{
	background-color:	yellow !important;
	color:				black !important;
}

table.data td.green
{
	background-color:	chartreuse !important;
	color:				black !important;
}


table.data td.workday
{
	background:			#E7E7E7;
}

table.data td.weekend
{
	background:			lightgrey;
}

table.data td.noday
{
	background:			whitesmoke;
}

table.data td.trennlinie_rechts
{
	border-right:		1px solid midnightblue;
}

table.data td.trennlinie_unten
{
	border-bottom:		1px solid midnightblue;
}

table.data td.trennlinie_oben
{
	border-top:			1px solid midnightblue;
}

table.data tr.emphasized td, table.data td.emphasized
{
	font-weight:		bold;
}

table.data tr.special td, table.data td.special
{
	font-style:			italic;
}

div.extrabreit table.data
{
	width:				auto;
}

table.data table.subtable
{
	border:				0px none;
	padding:			0px;
	margin:				5px;
	width:				auto;
}

table.data table.subtable td
{
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			8pt;
	font-weight:		normal;
	line-height:		12pt;
	text-align:			left;
	vertical-align:		middle;
	background-color:	inherit;
	color:				black;

	border:				1px solid midnightblue;
	border-collapse:	collapse;

	padding-left:		2px;
	padding-right:		10px;
	padding-top:		2px;
	padding-bottom:		2px;

	empty-cells:		show;
}

table.data table.subtable td.titel
{
	text-align:			right;
	font-weight:		bold;
	background-color:	inherit;
	color:				black;

	border:				0px none midnightblue;
	border-collapse:	collapse;

	padding-left:		10px;
	padding-right:		2px;
}

/*******************************************************************
	Layout mit DIVs
*******************************************************************/

div.mainleft
{
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			8pt;
	line-height:		10pt;
	font-weight:		normal;
	text-align:			left;
	color:				black;

	position:			static;
	margin-left:        auto;
	margin-right:       auto;
	width:				754px;
	z-index:			1;
}

div.abschnitt
{
	border:				2px solid midnightblue;
	width:				750px;
	background:			transparent;
	color:				black;

	margin-bottom:		20px;
}

div.abschnitt.fehler
{
	border:				2px solid orangered;
	background:			transparent;
	color:				black;
}

div.abschnitt div.ueberschrift
{
	background:			midnightblue;
	width:				100%;

	vertical-align:		middle;
}

div.abschnitt div.unterueberschrift
{
	background:			transparent;
	width:				100%;

	vertical-align:		middle;
}

div.abschnitt div.ueberschrift div.links, div.abschnitt div.unterueberschrift div.links
{
	height:				18px;
	line-height:		16px;

	float:				left;
	text-align:			left;
}

div.abschnitt div.ueberschrift div.links *, div.abschnitt div.unterueberschrift div.links *
{
	vertical-align:		middle !important;
}

div.abschnitt div.ueberschrift div.rechts, div.abschnitt div.unterueberschrift div.rechts
{
	height:				18px;
	line-height:		16px;

	float:				right;
	text-align:			right;
}

div.abschnitt div.ueberschrift div.rechts *, div.abschnitt div.unterueberschrift div.rechts *
{
	vertical-align:		middle !important;
}

div.abschnitt div.ueberschrift div.clear, div.abschnitt div.unterueberschrift div.clear
{
	margin:				0px;
	margin-top:			-2px;

	padding:			0px;
	height:				0px;
	line-height:		0px;
	overflow:			hidden;

	clear:				both;
}

div.abschnitt hr
{
	color:				midnightblue;
	background-color:	midnightblue;
	width:				100%;
	height:				2px;

	border:				0px solid midnightblue;
}

div.abschnitt.fehler hr
{
	color:				orangered;
	background-color:	orangered;
	width:				100%;
	height:				2px;

	border:				0px solid orangered;
}

div.abschnitt.fehler div.ueberschrift
{
	background:			orangered;
}

div.fullcentered
{
	width:				100%;
	text-align:			center;
}

div.autopadding
{
	width:				auto;
}

div.autopadding.padding10px
{
	padding-left:		10px;
	padding-right:		10px;
}

div.autopadding.padding10pxleft
{
	padding-left:		10px;
	padding-right:		0px;
}

div.autopadding.padding20px
{
	padding-left:		20px;
	padding-right:		20px;
}

div.abschnitt div.fullcentered iframe
{
	width:				730px;
	height:				600px;
	margin-top:			10px;
	margin-bottom:		10px;
	padding:			0px;
}

div.spalte
{
	width:				170px;
	margin-right:		10px;
	margin-bottom:		5px;
	float:				left;
}

div.doppelspalte
{
	width:				350px;
	margin-right:		10px;
	margin-bottom:		5px;
	float:				left;
}

div.dreifachspalte
{
	width:				530px;
	margin-right:		10px;
	margin-bottom:		5px;
	float:				left;
}

div.vierfachspalte
{
	width:				710px;
	margin-right:		10px;
	margin-bottom:		5px;
	float:				left;
}

/*FUCK IE! .spalte.schmal won't work!*/
div.spalte_schmal
{
	width:				134px;
	margin-right:		10px;
	margin-bottom:		5px;
	float:				left;
}

div.doppelspalte_schmal
{
	width:				278px;
	margin-right:		10px;
	margin-bottom:		5px;
	float:				left;
}

div.dreifachspalte_schmal
{
	width:				422px;
	margin-right:		10px;
	margin-bottom:		5px;
	float:				left;
}

div.vierfachspalte_schmal
{
	width:				566px;
	margin-right:		10px;
	margin-bottom:		5px;
	float:				left;
}

div.spaltenbegrenzer
{
	clear:				left;
}

/*******************************************************************
	Spezifische Layoutelemente
*******************************************************************/

div.abschnitt div.ueberschrift span
{
	margin-left:		5px;
	margin-right:		5px;

	font-size:			9pt;
	font-weight:		bold;

	color:				white;
}

div.abschnitt div.unterueberschrift span
{
	margin-left:		5px;
	margin-right:		5px;

	font-size:			9pt;
	font-weight:		bold;

	color:				midnightblue;
}

div.abschnitt.fehler div.ueberschrift span
{
	color:				white;
}

div.abschnitt p
{
	color:				black;
}

div.abschnitt.fehler p
{
	font-weight:		bold;
	color:				black;
}

div.infobox
{
	width:				400px;

	margin-left:		auto;
	margin-right:		auto;
	margin-top:			10px;
	margin-bottom:		10px;

	text-align:			left;
	vertical-align:		middle;
	border:				1px solid black;

	background:			white;
}

div.infobox table
{
	width:				100% !important;
	border:				black 0px none !important;
	margin:				5px !important;
}

div.infobox table td.bild
{
	vertical-align:		middle !important;
	text-align:			center !important;
}

div.infobox table td.text
{
	vertical-align:		middle !important;
	text-align:			left !important;

	font-size:			11pt !important;
	line-height:		13pt !important;
	font-weight:		bold !important;
	color:				orangered !important;
}

div.extrabreit
{
	width:				730px;
	overflow:			scroll !important;
}

/* Many thanks to http://www.3dcsstext.com/ */
h2.schatten
{
    font-family:            'Comfortaa', Arial, Helvetica;
    line-height:            1em;
    color:                  #6AFF00;
    font-size:              72px;
    text-shadow:
                            /* Kontur */
                            -1px 0 rgba(-69,80,-175,.5),
                            0 1px rgba(-69,80,-175,.5),
                            1px 0 rgba(-69,80,-175,.5),
                            0 -1px rgba(-69,80,-175,.5),

                            /* 3D-Effekt + Schatten */
                            0px 0px 0 rgb(46,195,-60), /*2EC300*/
                            1px 1px 0 rgb(18,167,-88), /*12A700*/
                            2px 2px 0 rgb(-11,138,-117), /*008A00*/
                            3px 3px 0 rgb(-40,109,-146), /*006D00*/
                            4px 4px 0 rgb(-69,80,-175), /*005000*/
                            5px 5px 4px rgba(0,0,0,0.5),
                            5px 5px 1px rgba(0,0,0,0.5),
                            0px 0px 4px rgba(0,0,0,.2);
}

#zewis_logo {
    width:                  357px;
    height:                 110px;
}

#zewis_logo text { /* Kein Underscore! */
    stroke:                 none;
    font-family:            'Comfortaa', Arial, Helvetica;
    line-height:            1em;
    font-size:              112px;
}

#zewis_logo_text {
    stroke-width:           0.5px;
    font-family:            'Comfortaa', Arial, Helvetica;
    line-height:            1em;
    font-size:              72px;
}

#zewis_logo_hintergrund {
    display:                none;
}
















/********************************** NEUES ZEWIS **********************************/



















/* Von Google händisch heruntergeladen */

/* Passende Größen für Abel: 14px, 16px, 18px, 20px, 24px, 28px, 36px */
@font-face {
    font-family:            'Abel';
    font-style:             normal;
    font-weight:            400;
    src:                    local('Abel'),
                            local('Abel-Regular'),
                            url('/fonts/abel_400.woff') format('woff');
}

/* Passende Größen für Actor: 12px, 13px, 14px, 16px, 24px, 26px, 28px, 32px */
@font-face {
    font-family:            'Actor';
    font-style:             normal;
    font-weight:            400;
    src:                    local('Actor Regular'),
                            local('Actor-Regular'),
                            url('/fonts/actor_400.woff') format('woff');
}

/* Passende Größen für Comfortaa: 13px, 18px, 24px, 28px, 36px */
/*@font-face {
    font-family:            'Comfortaa';
    font-style:             normal;
    font-weight:            300;
    src:                    local('Comfortaa Light'),
                            local('Comfortaa-Light'),
                            url('/fonts/comfortaa_300.woff') format('woff');
}

@font-face {
    font-family:            'Comfortaa';
    font-style:             normal;
    font-weight:            400;
    src:                    local('Comfortaa'),
                            local('Comfortaa-Regular'),
                            url('/fonts/comfortaa_400.woff') format('woff');
}*/

@font-face {
    font-family:            'Comfortaa';
    font-style:             normal;
    font-weight:            700;
    src:                    local('Comfortaa Bold'),
                            local('Comfortaa-Bold'),
                            url('/fonts/comfortaa_700.woff') format('woff');
}

@font-face {
    font-family:            'Dosis';
    font-style:             normal;
    font-weight:            200;
    src:                    local('Dosis ExtraLight'),
                            local('Dosis-ExtraLight'),
                            url('/fonts/dosis_200.woff') format('woff');
}

@font-face {
    font-family:            'Dosis';
    font-style:             normal;
    font-weight:            300;
    src:                    local('Dosis Light'),
                            local('Dosis-Light'),
                            url('/fonts/dosis_300.woff') format('woff');
}

@font-face {
    font-family:            'Dosis';
    font-style:             normal;
    font-weight:            400;
    src:                    local('Dosis Regular'),
                            local('Dosis-Regular'),
                            url('/fonts/dosis_400.woff') format('woff');
}

@font-face {
    font-family:            'Dosis';
    font-style:             normal;
    font-weight:            500;
    src:                    local('Dosis Medium'),
                            local('Dosis-Medium'),
                            url('/fonts/dosis_500.woff') format('woff');
}

@font-face {
    font-family:            'Dosis';
    font-style:             normal;
    font-weight:            600;
    src:                    local('Dosis SemiBold'),
                            local('Dosis-SemiBold'),
                            url('/fonts/dosis_600.woff') format('woff');
}

@font-face {
    font-family:            'Dosis';
    font-style:             normal;
    font-weight:            700;
    src:                    local('Dosis Bold'),
                            local('Dosis-Bold'),
                            url('/fonts/dosis_700.woff') format('woff');
}

@font-face {
    font-family:            'Dosis';
    font-style:             normal;
    font-weight:            800;
    src:                    local('Dosis ExtraBold'),
                            local('Dosis-ExtraBold'),
                            url('/fonts/dosis_800.woff') format('woff');
}

@font-face {
    font-family:            'Open Sans Condensed';
    font-style:             normal;
    font-weight:            300;
    src:                    local('Open Sans Cond Light'),
                            local('OpenSans-CondensedLight'),
                            url(/fonts/open_sans_condensed_300.woff) format('woff');
}

@font-face {
    font-family:            'Open Sans';
    font-style:             normal;
    font-weight:            300;
    src:                    local('Open Sans Light'),
                            local('OpenSans-Light'),
                            url(/fonts/open_sans_300.woff) format('woff');
}

@font-face {
    font-family:            'Open Sans';
    font-style:             normal;
    font-weight:            400;
    src:                    local('Open Sans'),
                            local('OpenSans'),
                            url(/fonts/open_sans_400.woff) format('woff');
}

@font-face {
    font-family:            'Open Sans';
    font-style:             normal;
    font-weight:            600;
    src:                    local('Open Sans Semibold'),
                            local('OpenSans-Semibold'),
                            url(/fonts/open_sans_600.woff) format('woff');
}

@font-face {
    font-family:            'Open Sans';
    font-style:             normal;
    font-weight:            700;
    src:                    local('Open Sans Bold'),
                            local('OpenSans-Bold'),
                            url(/fonts/open_sans_700.woff) format('woff');
}

@font-face {
    font-family:            'Open Sans';
    font-style:             normal;
    font-weight:            800;
    src:                    local('Open Sans Extrabold'),
                            local('OpenSans-Extrabold'),
                            url(/fonts/open_sans_800.woff) format('woff');
}

@font-face {
    font-family:            'Open Sans';
    font-style:             italic;
    font-weight:            300;
    src:                    local('Open Sans Light Italic'),
                            local('OpenSansLight-Italic'),
                            url(/fonts/open_sans_italic_300.woff) format('woff');
}

@font-face {
    font-family:            'Open Sans';
    font-style:             italic;
    font-weight:            400;
    src:                    local('Open Sans Italic'),
                            local('OpenSans-Italic'),
                            url(/fonts/open_sans_italic_400.woff) format('woff');
}

@font-face {
    font-family:            'Open Sans';
    font-style:             italic;
    font-weight:            600;
    src:                    local('Open Sans Semibold Italic'),
                            local('OpenSans-SemiboldItalic'),
                            url(/fonts/open_sans_italic_600.woff) format('woff');
}

@font-face {
    font-family:            'Open Sans';
    font-style:             italic;
    font-weight:            700;
    src:                    local('Open Sans Bold Italic'),
                            local('OpenSans-BoldItalic'),
                            url(/fonts/open_sans_italic_700.woff) format('woff');
}

@font-face {
    font-family:            'Open Sans';
    font-style:             italic;
    font-weight:            800;
    src:                    local('Open Sans Extrabold Italic'),
                            local('OpenSans-ExtraboldItalic'),
                            url(/fonts/open_sans_italic_800.woff) format('woff');
}


* {
    margin:                 0px;
    padding:                0px;
}

html {
    height:                 100%;
}

body {
    border:                 0px;
    overflow:               hidden;

    height:                 100%;

    background:             #EEFFDD url(/images/transparenter_verlauf_100_000000.png) repeat-x;
    background-position:    0px 33px;
    color:                  #000000;

    font-family:            'Actor', Arial, Helvetica, sans-serif;
    font-size:              12px;
}

h1, h2, h3, h4 {
    font-family:            'Abel', Arial, Helvetica, sans-serif;
}

h1 {
    font-size:              32px;
    font-weight:            bold;
}

h2 {
    font-size:              28px;
    font-weight:            bold;
}

h3 {
    font-size:              24px;
    font-weight:            normal;
}

h4 {
    font-size:              18px;
    font-weight:            normal;
}

th {
    font-size:              14px;
}

input {
    box-sizing:             content-box;
}

pre { /* Für Debug-Ausgaben */
    font-family:            'Open Sans', monospace;
    font-weight:            400;
    font-size:              12px;
    line-height:            12px;
}

/***************************************************
  Layout
***************************************************/

/* Ganz obere Leiste ******************************/
#layout_upper_header {
    position:               absolute;
    top:                    0px;
    left:                   0px;

    height:                 32px;
    width:                  100%;

    overflow:               auto;

    background:             #003300;
    color:                  #FFFFFF;

    border-bottom:          1px solid black;

    font-family:            'Abel', Arial;
    font-weight:            400;
    font-size:              18px;
    line-height:            32px;
}

/* Ganz untere Leiste *****************************/
#layout_footer {
    position:               absolute;
    left:                   0;
    bottom:                 0;

    height:                 32px;
    width:                  100%;
    /*width:                  990px;*/

    margin:                 0px;
    padding:                0px;
    overflow:               auto;

    border:                 0px;
    border-top:             1px solid black;

    font-family:            'Abel', Arial;
    font-weight:            400;
    font-size:              14px;
    line-height:            32px;
    text-align:             center;
}

/* Links in den äußersten Leisten *****************/
#layout_upper_header a, #layout_footer a {
    color:                  #FFFFFF;
    text-decoration:        underline;
    text-decoration:        dashed; /* CSS3 */
    padding:                2px;
}

#layout_upper_header a img, #layout_footer a img {
    vertical-align:         middle;
    position:               relative;
    top:                    -1px;
}

#layout_upper_header a span.ui-icon, #layout_footer a span.ui-icon {
    position:               relative;
    top:                    4px;
    padding:                0px;
    display:                inline-block;
    border-bottom:          1px solid #ffffff;
}

#layout_upper_header a:hover, #layout_footer a:hover {
    text-decoration:        underline;
    background-color:       #CFEBF7;
}

#layout_upper_header a:hover span.ui-icon, #layout_footer a:hover span.ui-icon {
    background-color:       #517C8D;
}

/* Eigentliche Seite ******************************/
#layout_wrapper {
    margin:                 0 auto;
    width:                  992px;
    height:                 100%;
}

#layout_header {
    position:               absolute;
    top:                    33px;

    height:                 60px;
    width:                  992px;

    margin:                 0px;
    padding:                0px;
    overflow:               visible;

    background:             #FFFFFF;

    border:                 0px;
}

#layout_header_background {
    height:                 60px;
    width:                  990px;

    border-top:             0px;
}

#logo {
    position:               relative;

    top:                    5px;

    height:                 54px;
    min-width:              50px;
    max-width:              250px;

    margin-left:            23px;
    padding-left:           5px;
    padding-right:          5px;

    background:             #FFFFFF;

    line-height:            54px;
    text-align:             left;
    border:                 1px solid #446622;
    border-bottom:          1px solid white;

    float:                  left;
}

#logo img {
    vertical-align:         bottom;
    border:                 0px;
}

#navigation_wrapper {
    position:               relative;

    top:                    5px;

    margin-left:            23px;

    float:                  left;
}

#navigationsmenu {
    position:               relative;

    top:                    31px;

    margin-left:            0px;
    margin-right:           0px;
}

#sprachauswahl span.ui-icon {
    border-bottom:          1px solid transparent !important;
}

#zu-sprachauswahl .ui-menu-item a img {
    vertical-align:         middle;
    margin:                 0px 0px 0px -0.3em;
}

#layout_inner_wrapper {
    position:               fixed;

    top:                    94px;
    bottom:                 33px;

    width:                  970px;

    margin:                 0px;
    padding:                10px;
    overflow:               auto;

    background:             #FFFFFF;

    text-align:             center;
    border:                 0px;
    border-left:            1px solid #446622;
    border-right:           1px solid #446622;
}

#layout_content_wrapper {
    margin-bottom:          10px;
}

#content_scroll_fader_top {
    position:               fixed;
    display:                block;

    top:                    94px;

    height:                 50px;
    width:                  974px;

    padding:                0px 4px 0px 0px;
    margin-left:            -10px;

    pointer-events:         none;

    z-index:                10002; /* Knapp über .mymodal in js/hrsys/effekte.js */
}

#content_scroll_fader_bottom {
    position:               fixed;
    display:                block;

    bottom:                 33px;

    height:                 50px;
    width:                  974px;

    padding:                0px 4px 0px 0px;
    margin-left:            -10px;

    pointer-events:         none;

    z-index:                10002; /* Knapp über .mymodal in js/hrsys/effekte.js */
}

.layout_column_leftbound {
    float:                  left;
}

.layout_column_rightbound {
    float:                  right;
}

.layout_endcolumns {
    clear:                  both;
}

#hierarchieliste {
    position: absolute;
    top: 10px;
    left: 10px;
    bottom: 10px;
	padding: 5px;
    padding-right: 22px;
	/*padding-bottom: 0px;*/
	border: 1px solid;
    overflow-y: scroll;
    width: 707px;
    text-align: left;
}

.personalinformation {
    position: absolute;
    width: 666px;
    height: 440px;
    border: 1px solid;
    border-color: #517C8D;
    background: #FFFFFF;
    z-index: 200;
}

.personalinformation .ui-widget-header {
    padding-left: 10px;
    margin: -1px;
}

.personalinformation .header {
    line-height: 24px;
}

.personalinformation .ui-widget-content {
    padding: 10px;
    height: 400px;
    width: 630px;
    margin: -1px;
    margin-top: 0px;
    border-top: 0px !important;
    overflow-y: scroll;
}

.personalinformation button {
    float: right;
    height: 26px;
    margin-top: -1px;
    margin-right: -1px;
}

.personalinformation div.ui-tabs {
    padding: 0px 0px 5px 0px;
    height: 410px;
    width: 666px;
    overflow: hidden;
}

.personalinformation .ui-tabs ul.ui-tabs-nav {
    background: #FFFFFF;
    border-width: 0px 0px 1px 0px;
    padding-top: 10px;
    padding-left: 10px;
}

.personalinformation .ui-tabs .ui-tabs-nav li {
    padding-bottom: 1px;
    border-bottom: 0px none;
}

.personalinformation .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    padding-bottom: 2px;
    background: #E7F5FB;
}

.personalinformation .ui-tabs .ui-tabs-nav li a {
    padding: 2px 5px;
}

.personalinformation .ui-tabs .ui-tabs-panel {
    height: 353px;
    margin-top: 1px;
    width: 630px !important;
}

.erweitertes_mitarbeiterpanel {
    padding: 5px;
    background: #CFEBF7;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid;
    border-color: #517C8D;
}

.erweitertes_mitarbeiterpanel.einer,
    .mitarbeiterliste.einer {
    width: 200px;
}

.erweitertes_mitarbeiterpanel.zweier,
    .mitarbeiterliste.zweier {
    width: 395px;
}

.erweitertes_mitarbeiterpanel.dreier,
    .mitarbeiterliste.dreier {
    width: 590px;
}

.erweitertes_mitarbeiterpanel.einer .mitarbeiterpanel_ablage {
    width: 194px;
}

.erweitertes_mitarbeiterpanel.zweier .mitarbeiterpanel_ablage {
    width: 389px;
}

.erweitertes_mitarbeiterpanel.dreier .mitarbeiterpanel_ablage {
    width: 584px;
}

.mitarbeiterliste.einer .mitarbeiterliste_ablage {
    width: 195px;
}

.mitarbeiterliste.zweier .mitarbeiterliste_ablage {
    width: 390px;
}

.mitarbeiterliste.dreier .mitarbeiterliste_ablage {
    width: 585px;
}

.mitarbeiterpanel .loeschknopf {
    position: relative;
    top: 35px;
    float: right;
    margin-right: -1px;
    width: 16px;
    height: 16px;
    background: #00E000;
}

.mitarbeiterpanel_titel {
    margin: -6px;
    margin-bottom: 5px;
    padding: 2px;
    padding-left: 5px;
    font-size: 10px;
    border: 1px solid;
    border-color: #517C8D;
    background: #ABDDF1 url(/images/jquery/ui-bg_highlight-soft_50_abddf1_1x100.png) 50% 50% repeat-x;
}

.mitarbeiterpanel_ablage {
    margin: 0 auto;
    padding: 2px;
    height: 56px;
    border: 1px solid;
    border-top-color: 		#517C8D;
    border-left-color: 		#517C8D;
    border-right-color:		#87CEEB;
    border-bottom-color:	#87CEEB;
    background: #6CA5BC;
    border-radius: 4px;
}

.personalinformation .mitarbeiterliste {
    padding: 5px;
    margin-right: 10px;
    margin-bottom: 10px;
    background: #CFEBF7;
    border: 1px solid;
    border-color: #517C8D;
    float: left;
    /*clear: both;*/
}

.personalinformation .mitarbeiterliste .mitarbeiterliste_titel {
    margin: -6px;
    margin-bottom: 5px;
    padding: 2px;
    padding-left: 5px;
    font-size: 10px;
    border: 1px solid;
    border-color: #517C8D;
    background: #ABDDF1 url(/images/jquery/ui-bg_highlight-soft_50_abddf1_1x100.png) 50% 50% repeat-x;
}

.personalinformation .mitarbeiterliste .mitarbeiterliste_ablage {
    margin: 0 auto 0px;
    padding: 2px 1px 1px 2px;
    min-height: 57px;
    border: 1px solid;
    border-top-color: 		#517C8D;
    border-left-color: 		#517C8D;
    border-right-color:		#87CEEB;
    border-bottom-color:	#87CEEB;
    background: #6CA5BC;
    border-radius: 4px;
}

.personalinformation .mitarbeiterliste .mitarbeiterpanel .normales_panel {
    margin: 0px 1px 1px 0px;
    float: left;
}

.hnr_personal_titel {
    cursor: move;
}

#hierarchie .knoten_editieren {
    margin-left: 5px;
}

#hierarchie .knoten_editieren, #hierarchie .knoten_loeschen {
    margin-top: -3px;
    width: 15px;
    height: 15px;
}

.sortier_platzhalter {
    background-color:       #DBF0F9;
    border:                 1px #517C8D dotted;
    height:                 22px;
    width:                  200px;
}


#mitarbeiterpanelliste_container {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
	padding: 0px;
    width: 222px;
}

#mitarbeiterpanelliste {
    position: absolute;
    top: 25px;
    bottom: 0px;
    right: 0px;
	padding: 5px;
	padding-bottom: 0px;
	border: 1px solid;
    overflow-y: scroll;
    width: 210px;
    margin: 0px;
}

#mitarbeiterpanelliste_container h4 {
    position: absolute;
    left: 0px;
    top: 0px;
    text-align: center;
    width: 195px;
    line-height: 24px;
    background: inherit;
	border: 1px solid;
    border-color: inherit;
}

#mitarbeiterpanelliste_inner {
    border: 0px none;
    padding: 0px;
    margin: 0px;
}

#mitarbeiter_suchen_und_filtern_knopf {
    position: absolute;
    right: 0px;
    width: 24px;
    height: 24px;
    margin: 0px;
}

#mitarbeiter_suchen_und_filtern {
    position: absolute;
    padding: 10px;
    width: 465px;
    height: 230px;
    border: 1px solid;
}

#mitarbeiter_suchen_und_filtern_abschicken {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.mitarbeiterpanel {
    font-family:            'Actor', Arial, Helvetica, sans-serif;
    font-size:              12px;
	border-top: 2px solid;
	border-left: 2px solid;
	border-right: 2px solid;
	border-bottom: 2px solid;
    margin-bottom: 1px;
    margin-right: 1px;
	text-align: left;
	width: 190px;
    float: left;
}

.mitarbeiterpanel .normales_panel {
	width: 190px;
	height: 51px;
}

.mitarbeiterpanel .minipanel {
	height: 16px;
	width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mitarbeiterpanel.vorblendung .normales_panel {
    filter: alpha(opacity=75);
    opacity: 0.75;
}

.vorblendungen_wiederherstellen, .neue_genehmigergruppe_erstellen {
    margin-bottom: 10px;
    /*float: left;*/
}

#mitarbeiterliste .mitarbeiterpanel {
	cursor: move;
}

.mitarbeiterpanel_highlight {
}

.mitarbeiterpanel_active {
}

.mitarbeiterpanel .normales_panel .mitarbeiterfoto {
	width: 48px;
	height: 48px;
	float: left;
	border: 1px solid;
	margin: 1px;
}

.mitarbeiterpanel .minipanel .mitarbeiterfoto {
    font-size: 1px;
	width: 10px;
	height: 10px;
	float: left;
	border: 1px solid;
    padding: 1px;
	margin: 1px;
}

.mitarbeiterpanel .normales_panel .mitarbeiterfoto img {
	width:                  48px;
	height:                 48px;
	vertical-align:         middle;
}

.mitarbeiterpanel .minipanel .mitarbeiterfoto img {
	width:                  10px;
	height:                 10px;
	vertical-align:         middle;
}

/*
.personalinformation .ui-resizable-handle.ui-resizable-s {
    background:             transparent;
    width:                  50px;
    margin:                 0 auto;
    position:               relative;
    bottom:                 -1px;
    -moz-box-shadow:        0 3px 3px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow:     0 3px 3px 0px rgba(0,0,0,0.3);
    box-shadow:             0 3px 3px 0px rgba(0,0,0,0.3);
}

.personalinformation.blurred .ui-resizable-handle.ui-resizable-s {
    -moz-box-shadow:        0 2px 2px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow:     0 2px 2px 0px rgba(0,0,0,0.3);
    box-shadow:             0 2px 2px 0px rgba(0,0,0,0.3);
}
*/

.personalinformation .genehmigung_flowchart_pfeilrunter {
    width:                  600px;
    height:                 40px;
    margin-top:             -10px;
    margin-bottom:          0px;
    padding:                0px;
    text-align:             center;
}

.personalinformation .knopf_als_tabelement {
    margin-bottom:          10px;
}

.personalinformation.blurred {
    -moz-box-shadow:        0 0px 4px rgba(0,0,0,0.5);
    -webkit-box-shadow:     0 0px 4px rgba(0,0,0,0.5);
    box-shadow:             0 0px 4px rgba(0,0,0,0.5);
}

.personalinformation.blurred .hnr_personal_titel {
    background:             gainsboro !important;
}

.personalinformation.blurred .hnr_personal_titel .header {
    color:                  lightslategrey;
}

img.inline {
    display:                inline-block;
    vertical-align:         middle;
    margin-top:             -2px;
}

.personalinformation.blurred .hnr_personal_titel .hnr_personal_close {
    background:             gainsboro !important;
}

.genehmigung_flowchart_pfeilrunter svg {
    margin-top:             -10px;
}

.schliessen_uebergang {
    border:                 2px #517C8D dotted;
    z-index:                1000;
}

.menu_mit_schatten {
    -moz-box-shadow:        0 4px 8px rgba(0,0,0,0.5);
    -webkit-box-shadow:     0 4px 8px rgba(0,0,0,0.5);
    box-shadow:             0 4px 8px rgba(0,0,0,0.5);
    z-index: 1000000; /* Über allem anderen! */
    overflow-x:             hidden;
    overflow-y:             auto;
    max-height:             500px;
}

.mit_schatten {
    -moz-box-shadow:        0 0px 8px rgba(0,0,0,0.5);
    -webkit-box-shadow:     0 0px 8px rgba(0,0,0,0.5);
    box-shadow:             0 0px 8px rgba(0,0,0,0.5);
}

.menu_mit_schatten a {
    padding-right:          16px !important;
    white-space:            nowrap;
}

.mymodal {
    position: absolute !important;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    display: none;
    z-index: 100;
}

.fullmodal_loading {
    /* Automagisches zentrieren: position absolute, margin auto, Zentrierungsgrenzen auf 0 (z.b. top, bottom) und eine Größenangabe (z.B. height) */
    position:               absolute;
    margin:                 auto;
    left:                   0;
    top:                    0;
    bottom:                 0;
    right:                  0;
    height:                 128px;
    width:                  128px;

    overflow:               hidden;
    background:             #E7F5FB;
    border:                 1px solid #517C8D;
    display:                none;

    text-align:             center;
    z-index:                101;
}

.fullmodal_loading.klein {
    height:                 14px;
    width:                  42px;
}


.fullmodal_loading .loading_image {
    position:               absolute;
    left:                   32px;
    top:                    16px;
    height:                 64px;
    width:                  64px;
    text-align:             center;
    background-image:       url(/images/ui/ladeanimation/kaffeetasse_eba487.png);
}

.fullmodal_loading.klein .loading_image {
    left:                   2px;
    top:                    1px;
    height:                 12px;
    width:                  38px;
    background-image:       url(/images/ui/ladeanimation/bloecke_abddf1.gif);
}

.fullmodal_loading .loading_image_caption {
    position:               absolute;
    top:                    64px;
    left:                   -32px;
    width:                  128px;
    text-align:             center;
}

#layout_content_wrapper .inhalt {
	background:             #E7F5FB;
	border:                 1px solid #517C8D;
    font-family:            'Actor',Arial,Helvetica,sans-serif;
    margin-bottom:          10px;
	padding:                10px;
    text-align:             left;
}

#layout_content_wrapper .inhalt.einspaltig {
    left:                   0px;
    right:                  0px;
}

.inhalt .titel {
	background:             #ABDDF1 url(/images/jquery/ui-bg_highlight-soft_50_abddf1_1x100.png) 50% 50% repeat-x;
	border:                 1px solid #517c8d;
	color:                  #1b292f;
    font-size:              13px;
	font-weight:            bold;
    line-height:            24px;
    margin:                 -8px -8px 10px -8px;
    padding-left:           10px;
}

.inhalt .formularfeldspalte {
    float:                  left;
    width:                  155px;
    margin:                 0px;
    padding:                0px;
    border:                 0px none;
}

.inhalt .formularfeldspalte.doppelte_breite {
    width:                  310px;
}

.inhalt .formularfeldspalte.dreifache_breite {
    width:                  465px;
}

.inhalt .formularfeld {
	color:                  #1b292f;
    float:                  left;
    font-size:              13px;
	font-weight:            bold;
    padding:                2px;
    width:                  150px;
    margin-bottom:          1px;
    margin-right:           1px;
}

.inhalt .formularfeld.doppelte_breite {
    width:                  305px;
}

.inhalt .formularfeld.dreifache_breite {
    width:                  460px;
}

.inhalt .formularfeld.rechts {
    float:                  right;
}

.inhalt .formularfeld label.bezeichner {
	color:                  #1b292f;
    font-size:              11px;
	font-weight:            normal;
    padding-left:           5px;
    vertical-align:         middle;
}

.inhalt .formularfeld input[readonly="readonly"] {
	color:                  dimgrey;
	background:             gainsboro;
    cursor:                 not-allowed;
}

.inhalt .formularfeld select,
    .inhalt .formularfeld input[type="text"],
    .inhalt .formularfeld input[type="password"],
    .inhalt .formularfeld input[type="button"],
    .inhalt .formularfeld textarea
{
    border:                 2px solid;
	border-top-color: 		#517C8D;
	border-left-color: 		#517C8D;
	border-right-color:		#87CEEB;
	border-bottom-color:	#87CEEB;
	color:                  #1B292F;
    font-family:            'Actor', Arial, Helvetica, sans-serif;
    font-size:              13px;
    height:                 20px;
    padding:                2px;
    width:                  142px;
}

.inhalt .formularfeld textarea
{
    height: 52px;
}


.inhalt .formularfeld input[type="button"]
{
    width:                  142px;
}

.inhalt .formularfeld.doppelte_breite select,
    .inhalt .formularfeld.doppelte_breite input[type="text"],
    .inhalt .formularfeld.doppelte_breite input[type="password"],
    .inhalt .formularfeld.doppelte_breite textarea
{
    width:                  297px;
}

.inhalt .formularfeld.doppelte_breite input[type="button"]
{
    width:                  305px;
}

.inhalt .formularfeld.dreifache_breite select,
    .inhalt .formularfeld.dreifache_breite input[type="text"],
    .inhalt .formularfeld.dreifache_breite input[type="password"],
    .inhalt .formularfeld.dreifache_breite textarea
{
    width:                  452px;
}

.inhalt .formularfeld.dreifache_breite input[type="button"]
{
    width:                  460px;
}

.inhalt .formularfeld input.hervorgehoben
{
    border-top-color: 		#BAF1AB !important;
	border-left-color: 		#BAF1AB !important;
	border-right-color: 	#5E8D51 !important;
	border-bottom-color: 	#5E8D51 !important;
	background: 			#E1F9DB !important;
}

.inhalt .formularfeld input.warnung
{
	border-top-color: 		#EBA487 !important;
	border-left-color: 		#EBA487 !important;
	border-right-color: 	#8D6251 !important;
	border-bottom-color: 	#8D6251 !important;
	background: 			#F7DBCF !important;
}

.inhalt .formularfeld input[type="checkbox"]
{
    vertical-align:         middle;
}


.inhalt .formularfeld input::-moz-focus-inner /*Remove button padding in FF*/
{
    border: 0;
    padding: 0;
}

.inhalt .formularfeld input[type="button"] {
	background:             #CFEBF7;
	border-top-color:		#87CEEB;
	border-left-color:      #87CEEB;
	border-right-color: 	#517C8D;
	border-bottom-color: 	#517C8D;
    cursor:                 pointer;
    height:                 20px;
    text-align:             center;
}

.inhalt .formularfeld input[type="button"]:active {
	background:             #ABDDF1;
	border-top-color: 		#517C8D;
	border-left-color: 		#517C8D;
	border-right-color:		#87CEEB;
	border-bottom-color:	#87CEEB;
    height:                 20px;
    text-align:             center;
}

.inhalt .formularfeld .selectwrapper {
    background:             white no-repeat;
    background-position:    right 5px center;
    background-image:       url(/images/arrow2_down.png);
    border:                 2px solid;
	border-top-color: 		#517C8D;
	border-left-color: 		#517C8D;
	border-right-color:		#87CEEB;
	border-bottom-color:	#87CEEB;
    float:                  left;
    height:                 24px;
    margin-right:           1px;
    overflow:               hidden;
    padding:                0px;
    width:                  146px;
}

.inhalt .formularfeld.doppelte_breite .selectwrapper {
    width:                  301px;
}

.inhalt .formularfeld.dreifache_breite .selectwrapper {
    width:                  456px;
}

.inhalt .formularfeld .selectwrapper.halbe_breite {
    width:                  70px;
}

.inhalt .formularfeld select {
    background:             transparent;
    border:                 0px none;
    cursor:                 pointer;
    height:                 24px;
    width:                  170px;
    -webkit-appearance:     none;
}

.inhalt .formularfeld.doppelte_breite select {
    width:                  325px;
}

.inhalt .formularfeld.dreifache_breite select {
    width:                  480px;
}

.inhalt .formularfeld .selectwrapper.halbe_breite select {
    width:                  100px;
}

.inhalt .formularfeld option {
    background:             #E7F5FB no-repeat;
    background-position:    right 5px center;
    cursor:                 pointer;
    margin:                 0px;
    padding:                2px 10px;
}

.inhalt .formularfeld option:hover {
    background-color:       #517C8D;
}

.inhalt div.ueberbreite_wrapper {
    height:                 400px;
    left:                   0px; /* für $().position() */
    overflow:               scroll;
    position:               relative; /* für $().position() */
    top:                    0px; /* für $().position() */
}

.ohne_horizontalen_scrollbalken {
    overflow-x:             hidden !important;
}

.ohne_vertikalen_scrollbalken {
    overflow-y:             hidden !important;
}

.ui-menu-item               {
    /* jQueryUI 1.10.2 - IE10 fix
        Wenn 1.10.3 draußen ist, entfernen!
        -> Transparent 1px GIF: http://stackoverflow.com/questions/6018611/smallest-data-uri-image-possible-for-a-transparent-image
        -> Technik: Data URI, http://de.wikipedia.org/wiki/Data-URL
    */
    list-style-image:       url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7') !important;
}

.ui-effects-explode {
    z-index:                1000;
}

.ui-icon.inlineicon {
    display:                inline-block;
    margin-top:             -2px;
    vertical-align:         middle;
}

table.urlaubstabelle {
    background-color:       #E7F5FB;
    border-collapse:        separate;
    border-spacing:         0px;
	color:                  #000000;
    font-family:            'Dosis', Arial, Helvetica, sans-serif;
    font-size:              14px;
    font-weight:            500;
    height:                 100%;
    margin:                 0px;
    table-layout:           fixed;
    text-align:             left;
    width:                  924px;
}

table.urlaubstabelle colgroup col.spalte_tag {
    width: 24px;
}

table.urlaubstabelle colgroup col.spalte_wochentag_0 {
    width: 53px;
}

table.urlaubstabelle colgroup col.spalte_wochentag_1 {
    width: 45px;
}

table.urlaubstabelle colgroup col.spalte_wochentag_2 {
    width: 37px;
}

table.urlaubstabelle colgroup col.spalte_wochentag_3 {
    width: 29px;
}

table.urlaubstabelle colgroup col.spalte_wochentag_4 {
    width: 21px;
}

table.urlaubstabelle colgroup col.spalte_wochentag_5 {
    width: 13px;
}

table.urlaubstabelle colgroup col.spalte_wochentag_6 {
    width: 5px;
}

table.urlaubstabelle colgroup col.spalte_fehlzeit {
    width: 8px;
}

table.urlaubstabelle thead th {
    background-color:       #517C8D;
    border:                 1px solid #36525E;
    color:                  #FFFFFF;
    font-size:              12px;
    font-weight:            500;
    padding:                3px;
    text-align:             center;
}

table.urlaubstabelle tbody {
}

table.urlaubstabelle tbody th {
    background-color:       #517C8D;
    border:                 1px solid #36525E;
    color:                  #FFFFFF;
    font-size:              12px;
    font-weight:            500;
    padding:                3px;
    text-align:             center;
}

table.urlaubstabelle tbody td {
    background-color:       #E7F5FB;
    border:                 0px none #87CEEB;
	color:                  #1B292F;
    font-family:            'Dosis', Arial, Helvetica, sans-serif;
    font-size:              12px;
    font-weight:            500;
    overflow:               hidden;
    padding:                1px;
    text-align:             left;
    text-overflow:          ellipsis;
    -o-text-overflow:       ellipsis;
    white-space:            nowrap;
}

table.urlaubstabelle tbody td.tag {
    border:                 solid #87CEEB;
    border-width:           0px 0px 1px 1px;
    font-size:              16px;
    height:                 22px;
    line-height:            14px;
    padding:                1px 3px 1px 2px;
    text-align:             right;
    vertical-align:         top;
}

table.urlaubstabelle tbody td.wochentag {
    font-size:              10px;
    height:                 12px;
    line-height:            12px;
    padding:                0px 1px 0px 2px;
    vertical-align:         middle;
}

table.urlaubstabelle tbody td.wochenende {
    background-color:       #CFEBF7;
}

table.urlaubstabelle tbody td.heute {
    background-color:       #BAF1AB !important;
    color:                  #5E8D51;
}

table.urlaubstabelle tbody td.feiertag {
    border:                 solid #87CEEB;
    border-width:           0px 0px 1px 0px;
    font-size:              10px;
    height:                 12px;
    line-height:            12px;
    overflow:               hidden;
    padding:                0px 1px 0px 2px;
    text-overflow:          ellipsis;
    -ms-text-overflow:      ellipsis;
    -o-text-overflow:       ellipsis;
    vertical-align:         middle;
}

table.urlaubstabelle tbody td.fehlzeit {
    background-color:       #FFFF00;
    border:                 solid #87CEEB;
    border-width:           0px 0px 1px 1px;
    cursor:                 pointer;
    font-size:              10px;
    vertical-align:         top;
}

table.urlaubstabelle tbody td.leere_fehlzeit {
    border:                 solid #87CEEB;
    border-width:           0px 0px 1px 1px;
}

table.urlaubstabelle tbody td.tag div.neu_knopf {
    /*float:                  left;*/
    height:                 16px;
    /*margin-top:             -12px;*/
    /*margin-left:            1px;*/
    /*position:               relative;*/
    position:               absolute;
    width:                  16px;
}

table.urlaubstabelle tbody td.tag div.neu_knopf span.ui-icon {
    top:                    8px;
    margin-top:             -9px;
}

.feiertag_overlay {
	color:                  #1B292F;
    font-family:            'Dosis', Arial, Helvetica, sans-serif;
    font-size:              10px;
    font-weight:            500;
    height:                 12px;
    line-height:            12px;
    padding:                0px 4px 0px 2px;
    text-align:             left;
    vertical-align:         middle;
    white-space:            nowrap;

    -moz-box-shadow:        0 0px 2px 1px rgba(0,0,0,0.5);
    -webkit-box-shadow:     0 0px 2px 1px rgba(0,0,0,0.5);
    box-shadow:             0 0px 2px 1px rgba(0,0,0,0.5);
}

.fehlzeit_overlay {
	color:                  #1B292F;
    cursor:                 pointer;
    font-family:            'Dosis', Arial, Helvetica, sans-serif;
    font-size:              14px;
    font-weight:            500;
    height:                 auto;
    line-height:            14px;
    padding:                1px 4px 2px 2px;
    text-align:             left;
    vertical-align:         middle;
    white-space:            nowrap;

    -moz-box-shadow:        0 0px 2px 1px rgba(0,0,0,0.5);
    -webkit-box-shadow:     0 0px 2px 1px rgba(0,0,0,0.5);
    box-shadow:             0 0px 2px 1px rgba(0,0,0,0.5);
}


.popup {
    position: absolute;
    width: 502px;
    height: 305px;
    border: 1px solid;
    border-color: #517C8D;
    background: #FFFFFF;
    z-index: 200;
}

.popup .ui-widget-header {
    padding-left: 10px;
    margin: -1px;
}

.popup .header {
    line-height: 24px;
}

.popup .ui-widget-content {
    padding: 10px;
    height: 260px;
    width: 482px;
    margin: -1px;
    border-top: 0px !important;
    overflow-y: scroll;
    position: relative;
}
.popup button {
    float: right;
    height: 26px;
    margin-top: -1px;
    margin-right: -1px;
}

.popup_titel {
    cursor: move;
}

.popup.blurred {
    -moz-box-shadow:        0 0px 4px rgba(0,0,0,0.5);
    -webkit-box-shadow:     0 0px 4px rgba(0,0,0,0.5);
    box-shadow:             0 0px 4px rgba(0,0,0,0.5);
}

.popup.blurred .popup_titel {
    background:             gainsboro !important;
}

.popup.blurred .popup_titel .header {
    color:                  lightslategrey;
}

.popup.blurred .popup_titel .popup_close {
    background:             gainsboro !important;
}

.popup.h400
{
    height:                 400px;
}
.popup.h400 .ui-widget-content {
    height:                 355px;
}

.zewismenu .ui-datepicker th {
    font-size: 13px;
    padding: 5px 0px;
}

.zewismenu .ui-datepicker-today a {
    background: url("/images/jquery/ui-bg_glass_100_baf1ab_1x400.png") repeat-x scroll 50% 50% #BAF1AB !important;
    color: #5E8D51 !important;
}

.zewismenu .titel .ui-button {
    background: transparent;
    border: 1px solid transparent;
    height: 18px;
    margin: -2px 4px 0px;
    width: 16px;
}

.zewismenu .titel .ui-button.ui-state-hover {
	background: #6ca5bc url(/images/jquery/ui-bg_glass_100_6ca5bc_1x400.png) 50% 50% repeat-x;
	border: 1px solid #6ca5bc;
}

.fehler_text {
    color:                  orangered;
}

.ausgabe_tabelle_mit_knoepfen div.knopf {
    background:             transparent !important;
    border:                 1px solid transparent !important;
    height:                 18px !important;
    margin:                 -2px 0px 0px !important;
    width:                  16px !important;
}

.ausgabe_tabelle_mit_knoepfen div.knopf.ui-state-hover {
	background:             #6ca5bc url(/images/jquery/ui-bg_glass_100_6ca5bc_1x400.png) 50% 50% repeat-x !important;
	border:                 1px solid #6ca5bc !important;
}


.ausgabe_tabelle_mit_knoepfen div.knopf_variable_breite {
    height:                 18px !important;
    margin:                 -2px 0px 0px !important;
}

.ausgabe_tabelle_mit_knoepfen span.kleines_ladebild {
    margin-top:             -4px;
}

.ausgabe_tabelle_mit_knoepfen span.ui-button-text {
    font-family:            'Open Sans', Arial, Helvetica, sans-serif;
    font-size:              12px;
    font-weight:            400;
    letter-spacing:         -0.5px;
    padding:                2px 23px 0px 10px !important;
}

.ausgabe_tabelle_mit_knoepfen span.ui-icon {
    margin-top:             -9px;
}

#tickets_tabelle .ticket_beschreibung_anzeigen {
    /*float:                  left;*/
    height:                 16px;
    /*margin-top:             -12px;*/
    /*margin-left:            1px;*/
    /*position:               relative;*/
    position:               absolute;
    width:                  16px;
}

#tickets_tabelle .ticket_beschreibung_anzeigen span.ui-icon {
    top:                    8px;
    margin-top:             -8px;
}

.ticket_versteckte_beschreibung {
    max-width:              300px;
    white-space:            normal;
}

.ui-autocomplete {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}

.ui-autocomplete-loading {
    background: url('/images/ui/ladeanimation/bloecke_abddf1.gif') right center no-repeat;
}

.ui-front {
    z-index:                1000000 !important;
}


/***************************************************
  Druckansicht
***************************************************/

body.druck {
    border:                 0px;
    overflow:               auto;

    height:                 auto;

    background:             transparent;
    background-image:       none;
    color:                  black;

    font-family:            'Actor', Arial, Helvetica, sans-serif;
    font-size:              12px;
    margin:                 10px;
}

body.druck span {
    color:                  black;
}

body.druck thead {
    display:                table-header-group;
}

body.druck th {
    background-color:       white;
    border-bottom-width:    1px;
    border-bottom-color:    black;
    border-bottom-style:    solid;
    color:                  black;
    font-weight:            bold;
    font-size:              14px;
    padding-left:           3px;
    padding-right:          3px;
    white-space:            nowrap;
}

body.druck tbody, body.druck tr, body.druck th, body.druck td {
    page-break-after:       avoid;
    page-break-before:      avoid;
    page-break-inside:      avoid;
    -webkit-column-break-after: avoid;
    break-after:            avoid-page; /* CSS3 draft property, only works in IE10+ and Opera 11.10+ */
}

body.druck td {
    padding-left:           3px;
    padding-right:          3px;
}

body.druck td.ueb_daten_1, body.druck td.ueb_daten_2 {
    background-color:       white;
    color:                  black;
}

body.druck td div {
    background-color:       white;
    color:                  black;
    font-family:            'Actor', Arial, Helvetica, sans-serif;
    font-size:              12px;
}

body.druck td div.ueb_daten_2 {
    font-weight:            bold;
}

body.druck div.neue_seite {
    page-break-after:       always;
    -webkit-column-break-after: always;
    break-after:            page; /* CSS3 draft property, only works in IE10+ and Opera 11.10+ */
}

.alte_tabelle th {
    background-color:       #00009C;
    border-right-color:     white;
    border-right-width:     2px;
    border-right-style:     solid;
    color:                  white;
    font-family:            Arial, Helvetica, sans-serif;
    font-weight:            bold;
    font-size:              8pt;
    padding:                1px;
}



/***************************************************
  Kompaktes Formularlayout
***************************************************/

.inhalt.kompakt .formularfeld {
	color:                  #1b292f;
    float:                  left;
    font-size:              12px;
	font-weight:            bold;
    padding:                0px;
    width:                  131px;
    margin-bottom:          2px;
    margin-right:           1px;
}

.inhalt.kompakt .formularfeld.halbe_breite {
    width:                  65px;
}

.inhalt.kompakt .formularfeld.doppelte_breite {
    width:                  263px;
}

.inhalt.kompakt .formularfeld select,
    .inhalt.kompakt .formularfeld input[type="text"],
    .inhalt.kompakt .formularfeld input[type="password"],
    .inhalt.kompakt .formularfeld input[type="button"]
{
    border:                 1px solid;
	border-top-color: 		#517C8D;
	border-left-color: 		#517C8D;
	border-right-color:		#87CEEB;
	border-bottom-color:	#87CEEB;
	color:                  #1B292F;
    font-family:            'Actor', Arial, Helvetica, sans-serif;
    font-size:              12px;
    height:                 20px;
    padding:                0px;
    width:                  127px;
}

.inhalt.kompakt .formularfeld.halbe_breite select,
    .inhalt.kompakt .formularfeld.halbe_breite input[type="text"],
    .inhalt.kompakt .formularfeld.halbe_breite input[type="password"],
    .inhalt.kompakt .formularfeld.halbe_breite input[type="button"]
{
    width:                  61px;
}

.inhalt.kompakt .formularfeldspalte {
    width:                  132px;
}

.inhalt.kompakt .formularfeld label.bezeichner {
    border-bottom:          1px solid transparent;
	color:                  #1b292f;
    display:                block;
    font-size:              10px;
	font-weight:            normal;
    line-height:            11px;
    margin-bottom:          2px;
    max-width:              127px;
    padding-left:           0px;
    vertical-align:         middle;
    white-space:            nowrap;
}

.inhalt.kompakt .formularfeld.halbe_breite label.bezeichner {
    max-width:              62px;
}

.inhalt.kompakt .formularfeld select {
    background:             transparent;
    border:                 0px none;
    cursor:                 pointer;
    height:                 20px;
    width:                  150px;
    -webkit-appearance:     none;
}

.inhalt.kompakt .formularfeld.halbe_breite select {
    width:                  85px;
}

.inhalt.kompakt .formularfeld .selectwrapper {
    background-position:    right 3px center;
    background-image:       url(/images/ui/ui-icon-triangle-1-s_1b292f.png);
    border:                 1px solid;
	border-top-color: 		#517C8D;
	border-left-color: 		#517C8D;
	border-right-color:		#87CEEB;
	border-bottom-color:	#87CEEB;
    float:                  left;
    height:                 20px;
    margin-right:           1px;
    overflow:               hidden;
    padding:                0px;
    width:                  127px;
}

.inhalt.kompakt .formularfeld .selectwrapper.halbe_breite,
    .inhalt.kompakt .formularfeld.halbe_breite .selectwrapper
{
    background-position:    right top;
    width:                  61px;
}

.inhalt.kompakt .formularfeld .selectwrapper.halbe_breite select,
    .inhalt.kompakt .formularfeld.halbe_breite .selectwrapper select
{
    width:                  80px;
}

.inhalt.kompakt fieldset {
    border:                 1px solid;
	border-top-color: 		#517C8D;
	border-left-color: 		#517C8D;
	border-right-color:		#87CEEB;
	border-bottom-color:	#87CEEB;
    float:                  left;
    height:                 32px; /* Einfache Formularzeile */
    margin:                 0px 1px 2px 0px;
/*    margin-bottom:          3px;
    margin-right:           1px;*/
    padding:                0px 3px 2px 3px;
/*    padding-bottom:         2px;
    padding-left:           3px;
    padding-right:          3px;*/
}

.inhalt.kompakt fieldset.doppelte_hoehe {
    height:                 70px;
}

.inhalt.kompakt fieldset.dreifache_hoehe {
    height:                 108px;
}

.inhalt.kompakt legend {
	color:                  #1b292f;
    font-size:              11px;
	font-weight:            normal;
    padding-left:           2px;
    padding-right:          2px;
    padding-bottom:         2px;
}

.inhalt.kompakt fieldset label {
    vertical-align:         middle;
    font-size:              11px;
}

.inhalt.kompakt fieldset input[type="checkbox"] {
    vertical-align:         middle;
}

.text_mit_info_im_title {
    border-bottom:          1px dotted #1b292f !important;
    cursor:                 help;
}

.massenerfassung_zeile {
	background:             #F3FAFD;
	border:                 1px solid #517c8d;
	color:                  #1b292f;
    min-height:             35px;
    margin:                 0px 1px 1px 0px;
    overflow:               auto;
    padding:                3px 2px 0px 44px;
}

.massenerfassung_zeile:hover,
    .massenerfassung_zeile.aktiv
{
	background:             #E1F9DB;
	border:                 1px solid #5E8D51;
	color:                  #1b292f;
}

.massenerfassung_zeile input:focus,
    .massenerfassung_zeile select:focus
{
	background:             #EBFBE7;
}

.massenerfassung_zeile .knopfleiste {
    float:                  left;
    margin:                 -1px 0px 1px -42px;
    padding:                0px;
}

.massenerfassung_zeile .knopf {
    float:                  left;
    height:                 16px;
    width:                  17px;
    margin-right:           1px;
    margin-bottom:          1px;
}

.massenerfassung_zeile .loeschenknopf.knopf .ui-icon
{
    margin-left:            -9px;
    margin-top:             -9px;
}

.massenerfassung_zeile .speichernknopf.knopf .ui-icon,
    .massenerfassung_zeile .hinzufuegenknopf.knopf .ui-icon,
    .massenerfassung_zeile .abbrechenknopf.knopf .ui-icon
{
    margin-left:            -9px;
}

.ausgeblendet {
    display:                none;
}

.massenerfassung_zeile .info_aktiv {
	border:                 1px solid #446622 !important;
	background:             #aadd88 url(/images/jquery/ui-bg_glass_100_aadd88_1x400.png) 50% 50% repeat-x !important;
	color:                  #1b292f !important;
}

.massenerfassung_zeile .info_aktiv.ui-state-hover, .massenerfassung_zeile .info_aktiv.ui-state-focus {
	border:                 1px solid #669933 !important;
	background:             #99ff22 url(/images/jquery/ui-bg_glass_100_99ff22_1x400.png) 50% 50% repeat-x !important;
	color:                  #000000 !important;
}

.formularfeld.keinmontagefeld {
    height:                 36px;
    line-height:            36px;
    text-align:             center;
}

.kleines_ladebild {
    background-color: transparent;
    background-image: url('/images/unterbrochener_kreis_000000.png');
    display: inline-block;
    height: 16px;
    margin: 0px 5px 0px 0px;
    vertical-align: middle;
    width: 16px;
}

.ui-tooltip, .arrow:after {
    background:             #F3FAFD;
    border:                 1px solid #36525E;
}

.ui-tooltip {
    padding:                3px 5px;
    color:                  #1B292F;
    border-radius:          4px;
    font-family:            'Open Sans', Arial, Helvetica, sans-serif;
    font-size:              12px;
    font-weight:            400;
    -moz-box-shadow:        0px 14px 16px rgba(0,0,0,0.1);
    -webkit-box-shadow:     0px 14px 16px rgba(0,0,0,0.1);
    box-shadow:             0px 14px 16px rgba(0,0,0,0.1);
}

.arrow {
    width:                  70px;
    height:                 16px;
    overflow:               hidden;
    position:               absolute;
    left:                   50%;
    margin-left:            -20px;
    bottom:                 -16px;
}

.arrow.top {
    top:                    -10px;
    bottom:                 auto;
}

.arrow.left {
    left:                   20%;
}

.arrow:after {
    content:                "";
    position:               absolute;
    left:                   12px;
    top:                    -10px;
    width:                  15px;
    height:                 15px;
    -moz-box-shadow:        6px 5px 9px -7px black;
    -webkit-box-shadow:     6px 5px 9px -7px black;
    box-shadow:             6px 5px 9px -7px black;
    -webkit-transform:      rotate(45deg);
    -ms-transform:          rotate(45deg);
    transform:              rotate(45deg);
}

.arrow.top:after {
    bottom:                 -10px;
    top:                    auto;
}

/* Für später: */

/*
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
*/