@charset "windows-1252";
@import url('zeitplus_print.css');
body {
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 100%;
	margin: 0;
}
html, body {
	height: 100% !important;
}
#wrapper, #wrapper_mitW {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	min-height: 100%;
	height: auto !important; /* moderne Browser */;
	height: 100%; /* IE */;
	border-left: 1px #ddd solid;
}
/* Als Folgeformat woanders her aufgerufen */
#wrapper_mitW   {
	background-color: #f2f2f2;
}
body.zpn0102r, body.zpn0106r, body.zpn0302r, body.zpn0652r, body.zpn0662r    {
	background-color: #f2f2f2;
}
#box {
	margin: 0 auto;
	padding: 0;
	padding-bottom: 28px; /* Reserve fuer Fusszeile buttons */;
	text-align: center;
	min-height: 100%;
	height: auto !important; /* moderne Browser */;
	height: 100%; /* IE */;
	width: 98%;
}
/* Buttons unten fixiert wenn nicht in tabelle */
#dvfussfix {
	position: fixed; height:24px;
	left:1px;
	bottom: 0;
	z-index: 9;
	width: 100%;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 3px;
	background-color: #fbfbfb;
	border-top: 1px #999 solid;
}
* html #dvfussfix {
	/*IE6 only*/
position: relative;
}
* + html #dvfussfix {
	/*IE7 only*/
position: relative;
}
/* Buttons unten innerhalb Tabelle */
td > #dvfussfix {
	position: inherit;
	bottom: auto;
	width: 100%;
	height: 100%;
	padding: 12px 0 6px 0;
	border-top: none;
	background-color: #fff;
}
#dvfussfix > .clsbtn {
	min-width:20%;
	padding: 3px 11px;
}
/* -------------------------------------------------- */
/* Generelle Standardeinstellungen diverse Feldarten  */
/* -------------------------------------------------- */
table {
	font-size: 8pt;
	border-collapse: collapse;
	empty-cells: show;
}
th {
	font-weight: normal;
}
img {
	border: none;
}
label {
	margin-right: 8px;
}
/* Ein und Ausgabefelder und Buttons */
input {
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

input.clssel_head {
	font-size: 18px;
	background-color: #fff;
}
input[type=text]:hover, input[type=text]:focus, select:hover, select:focus, textarea:hover, textarea:focus {
	border-color:#FD9C00; border-style: solid;
}
input[readonly]:hover, input[readonly=readonly]:hover, input[readonly]:focus, input[readonly=readonly]:focus {
	border-color:#fff; border-style: solid;
}
/* Focus-Optik */
input.focused  {
	border-color:#FD9C00;
}
input.clsmini {
	font-size: 10px;
}
input.clsbig {
	font-size: 100%;
}
input.clsbigger {
	font-size: 120%;
}
input.clsradio {
}
input.clspwd {
}
input.clsread {
	/*	background-color: #e5edf5; */
	background-color: #fafafa;
	color: infotext;
	border-width: 1px;
	border-style: solid;
	border-color: #fff; opacity:0.95
}
.clsinfo input, .clsinfo select, .clsinfo textarea, .clsinfo checkbox, .clsauswahl input, .clsauswahl select, .clsauswahl textarea, .clsauswahl checkbox, .clsauswahl {
	color:#064678; /* rgb(79,129,189); */
}
input.clsinputselect {
	margin-left:0;
	display:inline-block;
	width:8px;
 	border:1px transparent solid;
	background-color:transparent;
	background-image: url("../images/arrow-down.gif");
	background-repeat: no-repeat;
	background-position: center center; 	
}
input.clsinputselect:hover {
	border-color: #FD9C00;
	background-color:#fce4b3; 
 	margin-left:0;
}
checkbox {
	font-size: 8pt;
}
select {
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
select.clsantragneu {
	height:26px;
	width:100%;
	background-image:url('../images/New16.png');
	background-repeat:no-repeat; 
	background-position:90% 0%
}
textarea {
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
textarea.clsread {
	background-color: #fafafa;
	color: infotext;
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
}
input.button, input[type=submit], input[type=reset], input[type=button], button {
    border: 1px solid #064678;
    border-radius: 4px;
    padding: 2px 11px;
    outline: none;
    background-color: #FFFFFF;
    background-position: 10px 50%;
    background-repeat: no-repeat;
    background-image: none;
    color: #064678;
    font-weight:bold;
}
input.button.blau, input[type=submit].blau, input[type=reset].blau, input[type=button].blau, button.blau, input.clsbtn.blau {
    background-color:#064678;
	color:#fff;
}
input.button.rot, input[type=submit].rot, input[type=reset].rot, input[type=button].rot, button.rot, input.clsbtn.rot {
    background-color:red;
	color:#fff;
}
input.button:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, button:hover {
    color: #FD9C00;
}
input.button:focus, input[type=submit]:focus, input[type=reset]:focus, input[type=button]:focus, button:focus {
    border-color: #FD9C00;
}
input.clsbtn {
}

/* --------------------------------------------------  */
/* Frame oben ZPN0003R ------------------------------- */
/* --------------------------------------------------  */
body.clsoben {
	color: #a7c8da;
	margin-left: 0;
	margin-top: 0;
	background-color: #064678;
/*	background-image: url("../images/strich.gif");
	background-repeat: repeat-x;
	background-position: left bottom; */
}
div.clsoben {
	font-size:14px;
	height: 42px;
	line-height: 40px;
	width: 100%;
	padding: 0 10px;
	margin: 0 0 0 200px;
}
* html div.clsoben {
	/*IE6 only*/
	display: inline;
}
* + html div.clsoben {
	/*IE7 only*/
	display: inline;
}
div.clsoben div {
	float: left;
}
.clsoben .img_print, .clsoben .img_info, .clsoben .img_help {
	width: 24px;
	height: 24px;
	text-align: center;
	display: inline-block;
	margin: auto 3px;
}
.clsoben .img_print a, .clsoben .img_print a:hover, .clsoben .img_help a, .clsoben .img_help a:hover, .clsoben .img_info a, .clsoben .img_info a:hover  {
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	width: 24px;
	height: 24px;
}
.clsoben .img_print a, .clsoben .img_print a:hover {
	background-image: url("../images/metro/icon_print20_grau.png");
}
.clsoben .img_info a, .clsoben .img_info a:hover {
	background-image: url("../images/metro/icon_info20_grau.png");
}
.clsoben .img_help a, .clsoben .img_help a:hover {
	background-image: url("../images/metro/icon_help20_grau.png");
}
#obenoff, #obenon {
	z-index: 999;
	position: absolute;
	width: 35px;
	height: 17px;
	margin: 0;
	padding: 0;
	bottom: 1px;	
}
#obenoff {
	background-image: url('../images/oben_zu3.png');
	background-repeat: no-repeat;
	background-position: bottom center;
}
#obenon {
	background-image: url('../images/oben_auf3.png');
	background-repeat: no-repeat;
	background-position: top center;
	height:7px;
}
#obenoff:hover {
	background-image: url('../images/oben_zu_hover.png');
	background-repeat: no-repeat;
	background-position: bottom center;
	background-color: #f7c96f;
}
#obenon:hover {
	background-image: url('../images/oben_auf_hover.png');
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #f7c96f;
}

#clsobendiffuser{
	background-color: red; 
	color:black;
}

/* ------------------------------------------------------------------------------------ */
/* Menu ein-ausklappen Basisdefinition direkt in html fuer Umschalten was angezeigt wird */
/* ------------------------------------------------------------------------------------ */
#idOn, #idOff {
	width: 28px;
	height:42px;
	padding:2px 6px 2px 6px;
	margin:0;
	background-image: url('../images/modules.png');
	background-position: center center;
	background-repeat: no-repeat;
	float: left;
}
#idOff:hover, #idOn:hover {
	background-color: #f7c96f;
}
/* LOGO ---------------------------------------------- */
/* Wenn Sie es aendern wollen siehe verzeichnis kunde  */
/* --------------------------------------------------  */
.logo, #logo {
	background-color: #064678;
	background-image: url("../images/logo-white.png");
	background-repeat: no-repeat;
	background-position: center 16px;
	border: none;
	text-align: center;
	width: 200px;
	height: 42px;
	float: left;
}
/* ------------------------------------------------------------------------------------ */
/* Usermenu rechts Menu ein-ausklappen Basisdefinition direkt in html  */
/* ------------------------------------------------------------------------------------ */
#usermenuOff, #usermenuOn {
	width: 36px;
	height:42px;
	padding:2px 6px 2px 6px;
	margin:0;
	background-image: url('../images/user_menu.png');
	background-position: center center;
	background-repeat: no-repeat;
	float: right;
	display:block;
	border-left: 2px #a7c8da solid;
}
#idOff:hover, #idOn:hover {
	background-color: #f7c96f;
}
/* eingeblendetes Usermenu */
#usermenu {
	position:absolute;
	right:60px;
	text-align:right;
	margin-top:10px;
	background-color:#fff;
	padding:2px;
	border:1px #a7c8da solid;
}
/* --------------------------------------------------- */
/* ganz oben im mittleren Bild und links über treeview eine headerline Standard: DISPLAY:NONE*/
/* --------------------------------------------------- */
div#dvheaderline {
	display: none /*	display: block;
	width: 100%;
	height: 24px;
	margin: 0;
	padding: 0;
	background-image: url('../images/btn-head.jpg'); */;
}
/* --------------------------------------------------- */
/* Oben Zeilen mit Personalnummer Name etc. ---------- */
/* --------------------------------------------------- */
#dvhead {
	height: 64px; /* höher für rand unten  */;
	width: 100%;
	margin: 0;
	padding: 0;
}
/* .clsworkfloh {
	background-image: url('../images/workfloh.jpg');
	background-position: 90% 50%;
	background-repeat: no-repeat;
} */
#dvhead.clsworkfloh {
	height: 76px; /* höher für rand unten und workfloh */;
	background-position: center bottom;
}
.clshead1, .clshead2, .clshead3 {
	height: 22px;
	padding: 2px 5px;
	margin: 0;
	clear: both;
}
.clshead1 {
	background-color: #bcbcbc;
	color:#fcfcfc
}
.clshead2 {
	background-color:#efefef;
	border-bottom: 1px #ddd solid;
	color: #666;
}
.clshead1 input, .clshead2 input {
	color: #666;
	background: #fff;
	border-radius: 3px;
	margin: 3px;
}
.clshead_l, .clshead_r, .clshead_c {
	width: 30%;
}
.clshead_l {
	float: left;
	text-align: left;
}
.clshead_c {
	float: left;
	text-align: center;
}
.clshead_r {
	float: right;
	text-align: right;
}
.clsmenuleiste {
	/*	background-image: url("../images/btn-inaktiv.jpg");
	background-position: center center; */
	background-color: #fff;
	border: 1px #ccc solid;
	border-radius: 3px;
	font-size: 7pt; /*	border-left: 1px #ddd solid;
	border-right: 1px #aaa solid;
	border-bottom: 1px #888 solid; */;
	margin: 0 2px;
	padding: 1px;
	display: inline-block;
	text-align: center;
	vertical-align: top;
}
/* --------------------------------------------------- */
/* Bilder   ---------------------- */
/* --------------------------------------------------- */
.imgback, .imgnext, .imgdruckoptimiert, .imgnachoben, .imgclose  {
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	width: 26px;
	height: 26px;
	margin:0;
}
.imgback:hover, .imgnext:hover, .imgdruckoptimiert:hover    {
	background-color: #f7b56f;
}
.imgback {
	background-image: url("../images/metro/back26-inf.png");
}
.imgnext {
	background-image: url("../images/metro/next26-inf.png");
}
.imgdruckoptimiert, .imgclose {
	width: 32px;
	height: 32px;
	background-image: url("../images/metro/druckoptimiert32rund_blau.png");
}
.imgnachoben {
	float:right;
	background-image: url("../images/metro/nachoben-inf.png");
}
.imgnachoben:focus {
	border: 2px solid #FD9C00;
	border-radius:13px;
}
.imgclose { 
	z-index:1001; position:fixed; right:20px; bottom:10px;
	background-image: url("../images/metro/close-32.png");
}
.imgclose:hover, .imgclose:focus {
	background-image: url("../images/metro/close-32-hover.png");
}
/* --------------------------------------------------- */
/* Zeilen mit Teilauswahl etc   ---------------------- */
/* --------------------------------------------------- */
.clsauswahl, td.clsauswahl, tr.clsauswahl, div.clsauswahl {
	background-color: #fff;
	border: 1px #ddd solid;
	border-bottom: 2px #fff solid;
}
.clsauswahl > div, .clsauswahl div {
	float: left;
	margin-left: 5px;
	text-align: left;
}
.clsauswahl input.clsread {
	border: 1px #888 solid;
	margin: 0;
	color:#555
}
/* --------------------------------------------------- */
/* Tabellen Listen Datenausgabe ---------------------- */
/* --------------------------------------------------- */
table#tbgrid, table#tbline, table#tbform {
	margin: 0 auto;
	border: 1px #ebe8e8 solid;
	clear: both;
	background-color: #fff;
}
table#tbform {
	background-color: #fff;
}

#tbgrid > th, #tbline > th, #tbform > th, .tbgrid > th, .tbline > th, .tbform > th, th.tbgrid, tr.tbgrid, th.tbline, th.tbform {
	font-weight: normal;
	background-color: #efefef; /* #ece9d8; */
	color:#064678;
	border: 1px #ebe8e8 solid;
	background-position: left center;
	min-height: 18px;
}
th.tbline, .tbline > th, tr.tbline, tr.tbline > th {
	background-position: left center; 
	background-color: #efefef;
	color:#064678;
	border: 1px #ebe8e8 solid;
/*	border-bottom: 1px #aaa solid; */
	height: 22px;
}
#tbgrid td, #tbline td {
	border-style: solid;
	border-color: #ebe8e8;
}
#tbform td, #tbform th {
	border: none;
}
#tbgrid td, #tbform td {
	border-width: 0 1px 1px 0;
}
#tbline td {
	border-width: 0;
}
.clszebra {
	background-color: #f5f7fa;
/*	background-image: url('../images/tbzebra.jpg'); */
}
#tbgrid tr.clssum, #tbline tr.clssum, #tbform tr.clssum, #tbgrid td.clssum, #tbline td.clssum, #tbform td.clssum {
	line-height: 130%;
	font-weight: bold;
	background-color: #fff;
	color:#064678;
	border-bottom: 2px #eee solid;
}
#tbgrid tr.wosumm, #tbline tr.wosumm, #tbform tr.wosumm, #tbgrid td.wosumm, #tbline td.wosumm, #tbform td.wosumm {
	background-color: #fff;
	color:#444;
	font-weight:bold; 
	border-bottom:2px #bbb solid;
}

/* --------------------------------------------------- */
/* Titelzeile(n) ueber Tabellen ---------------------- */
/* --------------------------------------------------- */
.tdtitle, #tbgrid th.tdtitle, #tbline th.tdtitle, #tbform th.tdtitle {
 	border-top-right-radius: 4px;
	border-top-left-radius: 4px;  
	padding: 0;
	background-color: #fff;
	vertical-align: bottom;
	color: #333;
	font-size: 115%;
}
#dvtitle, #dvtitle_inakt {
	background-color: #fff;
	color: #0b6bb3;
	height: 33px;
	min-width: 30%;
	width: auto !important; /* moderne Browser */;
	width: 30%; /* IE */;
	text-align: left;
	padding: 5px 10px 0 10px;
	margin: 0;
	display: inline-block;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	float: left;
	white-space: nowrap;
	font-size: 150%;
}
#dvtitle.clsgenehm, #dvtitle_inakt.clsgenehm, .clsgenehm {
	background-color: #fff;
}
.clszutritt .tdtitle {
	background-image: url('../images/zutritt-bgr2.png');
	background-repeat: repeat-x;
	background-position: left 37px;
}
.clszutritt #dvtitle {
	background-color: #ffc20f;
	border-bottom:3px solid #000000;
}
.clszutritt #dvtitle_inakt {
	background-color: #999;
	border-bottom:3px solid #666;
}
.zpn0101r #dvtitle, .zpn0105r #dvtitle {
	background-color: #064678;
	color: #fff;
}
#dvtitle_inakt {
	color: #eee;
	background-color: silver;
}
#dvtitle div, #dvtitle div div {
	float: left;
	height: 30px;
	padding-left: 5px;
	padding-right: 5px;
}
#dvtitle div.clsunten, #dvtitle div div.clsunten {
	height: 20px;
	margin-top: 13px;
}

/* .......................... */
/* ---------------------------------   ALT          ------- */
/* Tabellen Sortierwechsel in Liste */
table.clssort {
	border-collapse: separate;
}
th.clssort {
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #7da4cb;
	padding-top: 6px;
	font-weight: bold;
	color: #909090;
}
td.clssort {
	line-height: 150%;
	font-weight: normal;
}
.clssort_foot {
	background-color: #064678;
	color:#fcfcfc;
}
/* Tabellen Datenauswahl in Liste */
.clssel_head_inakt {
	background-image: url("../images/btn-inaktiv.jpg");
}
.clssel, .clssel_foot {
	background-color: #064678;
	color:#fcfcfc;
}
.clswindowtitle {
	background-color: #064678;
	color:#fcfcfc;
	margin-bottom: 30px;
	font-size:120%;
	padding:10px;
}

/* Diverse Sonderformate -------------------------------------  */
/* links center rechts */
.nowrap {
	white-space: nowrap;
}
.clsl {
	text-align: left;
}
.clsc {
	text-align: center;
}
.clsr {
	text-align: right;
}
.clsmini {
	font-size: 7pt;
}
.clsbig {
	font-size: 115%;
}
.clsbiger, clsbigger {
	font-size: 150%;
}
.clszusatz {
	color: #aaa;
	font-size: 7pt;
}
.clsinponoff input {
	width: 15px;
	height: 10px;
}
.zpn0270r .clsinponoff .clstextda input  {
	font-weight:bold;
	min-width:30px;
	color:blue;
}
.zpn0272r .clstextda input, .zpn0274r .clstextda input {
	font-weight:bold;
	width:90%;
	color:blue;
}
.clsblock {
	display: block;
}
.clson {
	display: table-row;
}
.clsoff {
	display: none;
}
.clsrund {
	border-radius: 5px;
	box-shadow: 2px 2px 2px #aaa;
}
/* --------------------------------------------------- */
/* Breite der Tabellen Spalten etc.         ---------- */
/* --------------------------------------------------- */
.clstbbreit {
	min-width: 800px;
}
.zpn0330r .clstbbreit {
	min-width: 950px;
}
.zpn0201r .clstbbreit, .zpn0301r .clstbbreit, .zpn0650r .clstbbreit, .zpn0670r .clstbbreit {
	width: 100%;
	max-width: 1000px;
}
.zpn0102r .clstbbreit, .zpn0106r .clstbbreit {
	width: 780px;
}
.zpn0202r .clstbbreit, .zpn0203r .clstbbreit, .zpn0205r .clstbbreit {
	width: 800px;
}
* html .clstbbreit {
	/*IE6 only*/
	width: 100%;
}
* + html .clstbbreit {
	/*IE7 only*/
	width: 100%;
}
.clsicon {
	width: 28px;
}
.clsdatum {
	/* Datum tt.mm.jj */
	width: 80px;
	white-space: nowrap;
}
.clszartxt {
	/* Zeitartentext */
	width: 120px;
	text-align: left;
}
.clsuhrz {
	/* Uhrzeit hh.mm */
	width: 40px;
	text-align: right;
	padding-right: 5px;
}
.clsistz {
	/* Ergebnis xxx:xx- */
	width: 58px;
	text-align: right;
	white-space: nowrap;
}
.clspausz {
	/* Ergebnis xxx:xx- */
	width: 58px !important;
	text-align: right;
	white-space: nowrap;
}
.clspauszohne {
	/* Ergebnis xxx:xx- */
	width: 1px !important;
}
/* --------------------------------------------------- */
/* speziell für bestimme Formate --------------------- */
/* --------------------------------------------------- */
/* */

body#zpn0004r {
}

.startlogo {
	background-image: url('../images/start.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	height: 500px;
	margin-top: 100px;
}

/* Anmeldemaske */
body#zpn0011r {
	background-repeat: no-repeat;
	background-position: center top;
}
body#zpn0011r div#box {
	padding-top:60px;
}

/* Anmeldemaske */
body#zpn0017r {
	background-repeat: no-repeat;
	background-position: center top;
}
body#zpn0017r div#box {
	padding-top:60px;
}

#bgsignon {
	background-image: url('../images/bg_signon_neu.png');
	background-position: 1px 1px;
	background-repeat: no-repeat;		
	border: 1px solid #aaa;
/*	margin-top: 60px; */
	height: 413px;
	width: 900px;
}
#bgsignon td {
	padding-right: 60px;
}
/* Bildschirmstempeln  --------------------------------- */
/* Hintergrundbild */
#bgbildschirmstempeln {
	height: 400px;
	width: 600px;
/*	background-image: url('../images/bildschirmstempeln.jpg');
	background-position: center center;
	background-repeat: no-repeat; */
	margin: 20px auto 0 auto; 
	border-radius:7px;
	background-color: #064678;
}
#bgbildschirmstempeln .clsdate, #bgbildschirmstempeln .clstime {
	font-size: 24px;
	color: #fff;
	padding-top: 40px;
}
#bgbildschirmstempeln .clsdate {
	margin-left: 20px;
	padding-left: 120px;
	float: left;
}
#bgbildschirmstempeln .clstime {
	margin-left: 50px;
	float: left;
}
#bgbildschirmstempeln .clsanabw {
	font-size: 16px;
	color: #fff;
	padding: 20px 0 0 0;
	clear: both;
}
#bgbildschirmstempeln .clskostkotr {
	padding: 10px;
	margin: 6px 2px 6px 2px;
	display: inline-block;
	background-color: #fff;
	color: #333;
}
#bgbildschirmstempeln .clskostkotr div {
	margin: 5px;
	float: left;
}
#bgbildschirmstempeln .clsleerz {
	height: 20px; margin-bottom:25px;margin-top:20px;
	background-color: #fff;
}
/* Tasten */
#bgbildschirmstempeln .clstaste {
	margin-left: 40px;
}
#bgbildschirmstempeln .clstaste div {
	width: 140px;
	margin: 10px;
	display: inline-block;
}
/* IE7 */
* + #bgbildschirmstempeln .clstaste div {
	float:left
}
#bgbildschirmstempeln #button01, #bgbildschirmstempeln #button04, #bgbildschirmstempeln #button07 {
	clear: both;
}
	
#bgbildschirmstempeln .clstaste input {
	font-size: 125%;
	width: 100%;
	height: 44px;
	border-radius:4px;
	background-color:#eee;
	border: 2px #fff solid;
}
#bgbildschirmstempeln .clstaste input.clskommt {
	background-color: rgb(112,173,71);
	opacity:0.9;
	background-image: url("../images/ws_kommt.png");
	background-position: 5px center;
	background-repeat: no-repeat;
}
#bgbildschirmstempeln .clstaste input.clsgeht {
	background-color: rgb(250,40,40);
	opacity:0.9;
	background-image: url("../images/ws_geht.png");
	background-position: 5px center;
	background-repeat: no-repeat;
}
#bgbildschirmstempeln .clstaste input:hover {
	background-color: #f7b56f;
	color:#fff;
	font-weight:bold;
	opacity:0.8
}


/* ---------------------------------  */
#warten {
	position: absolute;
	top: 300px;
	left: 360px;
	z-index: 100;
	display: block;
	height: 32px;
	width: 306px;
	background-color: rgb(161,0,25);
	background-color: rgba(161,0,25,0.8);
	background-image: url('../images/progress_bar.gif');
	background-repeat: no-repeat;
	background-position: center center;
}

/* -------------------------------------------------- */
/* Hilfeformate */
/* -------------------------------------------------- */
body.help {
	margin:0 20px;
	color:#444;
}
body.help hr {
	color: #eee
}
body.help table {
	border-color: #ccc
}
body.help td {
	padding: 5px
}
body .button {
	background-color: #fff;
	border: 1px #064678 solid;
	border-radius: 5px;
	padding: 5px;
	display: inline-block;
	text-align: center;
	vertical-align: top;
}
body .button:hover {
	background-color: #bbb;
}
body.help h1 {
	font-family: 'Segoe UI Light', Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
/* Ueberschriften (nur in Hilfe)  */
h1, h2, h3, h4, h5, h6 {
	color: gray;
	font-weight: bold;
}
h1 {
	font-size: 200%;
	margin-top:20px;
}
h2 {
	font-size: 150%;
}
h3 {
	font-size: 120%;
}
/* ---------- ganz oben fix -------------------*/
.div_oben { 
	position:fixed; top:0; left: 0;
	z-index:99;
	display:block;
	max-heigth:20px;
	margin: 0; 
	padding-left: 3px;
	padding-right: 3px;
	border-bottom: 1px #999 solid;
	background-color: #efefef;
	width:100%;
}
.div_oben > #dvtitle {
	background-color: transparent;
	color: #0b6bb3;
	height: auto;
	min-width: auto;
	width: auto !important; /* moderne Browser */;
	width: auto; /* IE */;
	text-align: left;
	padding: 2px;
	margin: 0;
	display: inline-block;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	float: left;
	white-space: auto;
	font-size: 150%;
}
/* ---------- Favoriten in Planung -------------------*/
.clsfav { 
	padding: 1px;
	text-align:left;
}
#vorlageaktiv {
	z-index:999;
	position:fixed;
	right:2px;
	top:-4px;
	padding:3px;
}
body.zpn0270r table.tbplanung  {
	padding-top: 70px; background-color:#fff;
}
body.zpn0272r table.tbplanung {
	padding-top: 50px; background-color:#fff;
} 
body.zpn0274r table.tbplanung  {
	padding-top: 40px; background-color:#fff;
}
body.zpn0270r #druckversion table.tbplanung, body.zpn0272r #druckversion table.tbplanung, body.zpn0274r #druckversion table.tbplanung {
	padding-top: 1px;
}
/* .zpn0270r td.wot6, .zpn0270r th.wot6, .zpn0272r td.wot6, .zpn0272r th.wot6, .zpn0274r td.wot6, .zpn0274r th.wot6 {
	background-color: rgb(224,231,236);
} */
.zpn0270r td.wot7, .zpn0270r th.wot7, .zpn0272r td.wot7, .zpn0272r th.wot7, .zpn0274r td.wot7, .zpn0274r th.wot7 {
	border-right: 3px solid #666;;
/*	background-color: rgb(180,200,219); */
}
.zpn0270r th.FTG, .zpn0272r th.FTG, .zpn0274r th.FTG,
.zpn0270r th.wot7, .zpn0272r th.wot7, .zpn0274r th.wot7 {
	font-weight:bold;
}
.zpn0270r td.wot6 input, .zpn0272r td.wot6 input, .zpn0274r td.wot6 input {
	border: 3px solid #777;
}
.zpn0270r td.wot7 input, .zpn0272r td.wot7 input, .zpn0274r td.wot7 input {
	border: 3px solid #444;
}
.zpn0270r td.FTG input, .zpn0272r td.FTG input, .zpn0274r td.FTG input {
	border: 3px solid #777;
}
body.zpn0274r input.clsread {
	color:#777;
}
.clsfav input { 
	margin-bottom:2px;
}
#fav99 { 
	background-color:#dedede;
	background-image: url("../images/icon_fav992.png");
	background-repeat: no-repeat;
	background-position: center center; 
}
#dvdruckoptimiert { 
	float:right; 
	margin:1px;
}
#dvvorlage { 
	float:left; 
	margin:10px;
	z-index:10
}
/* -------------------------------------------------- */
/* Farben-------------------------------------------- */
/* -------------------------------------------------- */
/* JQuery-Tooltip ------------------------- */
#tooltip {
	position: absolute;
	z-index: 999;
}
#tooltip, .clstooltip {
	padding: 8px;
	background-color: #F59D1D;
	opacity:0.85;
	color:#fff;
	border: 1px #fff solid;
 	box-shadow: 1px 1px 2px #aaa; 
 	font-size:120%; 
}
input.clstooltip {
	background-color: #F59D1D;
	opacity:0.85;
	color:#fff;
	box-shadow: none; 
 	font-size:100%; 
}
/* Fehler ------------------------------ */
.clserror, .clserror61 {
	background-color: #db0000;
	color: #fcfcfc;
	padding-left:14px; 
	background-image: url("../images/err.png");
	background-repeat: no-repeat;
	background-position: 1px center; 
}
td.clserrorp, .clserrorp, .clserrorp a {
	border:2px red solid; 
}
.clserror61 {
	background-color: #db6200;	
}
.clserror2, input.clserror2, .clserror2 :hover, input[type=text].clserror2:hover, input[type=text].clserror2:focus {
	border-width: 2px;
	border-style: solid;
	border-color: red; 
	text-align:center;
}
.clserrorOk, .clserrorok {
	background-color: #bed2e5;
	color: #fcfcfc;
	padding-left:14px; 
	background-image: url("../images/errok.png");
	background-repeat: no-repeat;
	background-position: 1px center; 	
}
.clserrnotok, .clserrnotOk {
	background-color: #fff;
	color: rgb(59,109,189);
	padding-left:25px; 
	background-image: url("../images/status_A.gif");
	background-repeat: no-repeat;
	background-position: 1px center; 	
}
/* Update ---------------------------- */
.clsupdate {
	color: rgb(59,109,189);
}
.clsupd2, .input {
	border: 2px #044b88 dashed;
}
.clsdefault {
}
/* Infozeilen ------------------------ */
.clsinfo, .clsinfoborder {
	background-color: #fff;
	color: #0b6bb3;
	font-style: normal;
	font-weight: normal;
}
.clsinfoborder, .clsinfoborder input {
	border: 1px #064678 solid;
}
.clsinfo2 {
	background-color: #bed2e5;
	font-style: normal;
	font-weight: normal;
}
.clsinfo3, .clsinfo3 input {
	background-color: #cbdbea;
	font-style: normal;
	font-weight: normal;
	border: 1px #fff solid;
}
.clsinfo5 {
	background-color: #e5edf5;
}
.clsinfo9 {
	color: #7da4cb;
	font-size: 85%;
}
.clsinforead {
	background-color: #C9C9C9;
}
/* Salden und Planer ------------------------ */
.clsplanplus {
	background-color: blue; color:#fcfcfc
}
.clsplanplus44 {
	background-color: green; color:#fcfcfc; font-weight:bold;
}
.clsplanminus {
	background-color: red; color: #fcfcfc
}
/* Summe */
.clsplanplus.clssel_foot {
	background-color: blue; color:#fcfcfc;
}
.clsplanminus.clssel_foot {
	background-color: red; color: #fcfcfc;
}
.clssalplus {
	background-color: #FFCCCC;
}
.clssalminus {
	background-color: #FFCCCC;
}
.clssalwplus {
	background-color: rgb(250,242,167);
}
.clssalwminus {
	background-color: rgb(250,242,167);
}
.clssalnorm {
}
.clssoli0, input.clssoli0 {
/*	background-color: rgb(234,241,246); */
	background-color: #eee;
	border:none;
	border-width:0;
	}
/* Diese Klassen werden fuer Sa. So und FTG verwendet */
.TAG, .tag {
}
.TAG01, .tag01 {
	/* background-color: rgb(229,237,245); */
	background-color:#f5f7fa;
}
.TAG02, .tag02 {
	background-color: rgb(255,255,255);
}
.tagheute, .TAGHEUTE {
	border: 2px rgb(255,192,0) solid;
	font-weight: bold;
}
td.tagheute, td.TAGHEUTE {
	background-color: rgb(255,192,0);
}
.SO, .So, .so, .wot7 {
	/* background-color: rgb(217,229,239); */
	background-color: rgb(180,200,219);
}
.SA, .Sa, .sa, .wot6 {
	/* background-color: rgb(234,241,246); */
	background-color: rgb(224,231,236)
}
.Mo, .Di, .Mi, .Do, .Fr, .wot1, .wot2, .wot3, .wot4, .wot5 {
}
.FTG, .Ftg, .ftg {
	background-color: rgb(250,242,167);
}
.ung {
        background-image: url("../images/bgr-ung.png");
}
th.SO, th.So, th.so, th.wot7 {
	background-color: rgb(190,210,229);
}
th.SA, th.Sa, th.sa, th.wot6 {
	background-color: #cbdbea;
}
th.FTG, th.Ftg, th.ftg {
	background-color: rgb(250,242,167);
}
/* Farbcodes lt. Zeitart ----------------- */
.zart_b, .zart_B {
	color: blue;
}
.zart_bb, .zart_BB {
	color: black;
	background-color: rgb(102,153,255); opacity:0.85;
}
.zart_g, .zart_G {
	color: black;
}
.zart_gg, .zart_GG {
	color: black;
	background-color: rgb(141,199,077); opacity:0.85;
}
.zart_p, .zart_P {
	color: fuchsia;
}
.zart_pp, .zart_PP {
	color: black;
	background-color: fuchsia; opacity:0.85;
}
.zart_r, .zart_R {
	color: red;
}
.zart_rr, .zart_RR {
	color: black;
	background-color: rgb(235,040,019); opacity:0.85;
}
.zart_t, .zart_T {
	color: rgb(0,161,148);
}
.zart_tt, .zart_TT {
	color: black;
	background-color: aqua; opacity:0.85;
}
.zart_w, .zart_W {
	color: #999;
}
.zart_ww, .zart_WW {
	color: #fff;
	background-color: silver; opacity:0.85;
}
.zart_y, .zart_Y {
	color: #DEB303;
}
.zart_yy, .zart_YY {
	color: black;
	background-color: yellow; opacity:0.85;
}
.zart_1 {
	background-color: #000066; opacity:0.85;
	color:#ccc;
}
.zart_2 {
	background-color: green; opacity:0.85;
	color:#eee;
}
.zart_3 {
	background-color: fuchsia; opacity:0.85;
	color:#333;
}
.zart_4 {
	background-color: red; opacity:0.85;
	color:#eee;
}
.zart_5 {
	background-color: rgb(0,161,148); opacity:0.85;
	color:#eee;
}
.zart_6 {
	background-color: #777; opacity:0.85;
	color:#eee;
}
.zart_7 {
	background-color: #deb303; opacity:0.85;
	color:#333;
}
.zart_8 {
	background-color: black; opacity:0.85;
	color:red;
}
.zart_9 {
	background-color: silver; opacity:0.85;
	color:#800000;
}
.zart_0 {
	background-color:#800000; opacity:0.85;
	color: #eee;
}
.zart_plan {
	background-image: url("../images/bgr-plan.gif");
}
/* Status An Abwesend verdichtet */
.status_unentsch, .status_abwesend, .status_anwesend {
	display:block; border: 1px #bbb solid; padding:0; margin:3px;min-height:18px; min-width:200px; font-weight:bold;border-radius: 3px;
	padding:8px 3px 3px 5px;
}
.status_unentsch span, .status_abwesend span, .status_anwesend span {
	font-size:85%;color:#555; font-weight:normal;
}
.status_unentsch a, .status_abwesend a, .status_anwesend a, .status_unentsch a:visited, .status_abwesend a:visited, .status_anwesend a:visited {
	display:block; height:18px; /* color:#333; padding:8px 3px 3px 5px; */
}
.status_unentsch {
	background-color: #e8c4c0;	
}
.status_abwesend {
	background-color: #ffffd0;	
}
.status_anwesend {
	background-color: #a1c2e3;
}
/* Farbcodes heller */
.zart_b_hell, .zart_B_hell, .zart_bb_hell, .zart_BB_hell {
	background-color: #a1c2e3;
}
.zart_g_hell, .zart_G_hell, .zart_gg_hell, .zart_GG_hell {
}
.zart_p_hell, .zart_P_hell, .zart_pp_hell, .zart_PP_hell {
	background-color: #ffdfff;
}
.zart_r_hell, .zart_R_hell, .zart_rr_hell, .zart_RR_hell {
	background-color: #e8c4c0;
}
.zart_t_hell, .zart_T_hell, .zart_tt_hell, .zart_TT_hell {
	background-color: #c6f7f7;
}
.zart_ww_hell, .zart_WW_hell, .zart_w_hell, .zart_W_hell {
	background-color: #ececec;
}
.zart_w_hell2, .zart_W_hell2, .zart_ww_hell2, .zart_WW_hell2 {
	color: #aaa;
}
.zart_y_hell, .zart_Y_hell, .zart_yy_hell, .zart_YY_hell {
	background-color: #ffffd0;
}
.zart_1_hell {
	background-color: #eaf1ff;
	text-decoration:underline;
}
.zart_2_hell {
	text-decoration:underline;
}
.zart_3_hell {
	background-color: #ff8274;
	text-decoration:underline;
}
.zart_4_hell {
	background-color: #ff8274;
	text-decoration:underline;
}
.zart_5_hell {
	background-color: #c6f7f7;
	text-decoration:underline;
}
.zart_6_hell {
	background-color: #ececec;
	text-decoration:underline;
}
.zart_7_hell {
	background-color: #ffffd0;
	text-decoration:underline;
}
.zart_8_hell {
	background-color: #ff7274;
	text-decoration:underline;
}
.zart_9_hell {
	background-color: #ff5774;
}
.zart_0_hell {
	background-color: #ff2774;
}
/* Tuerstatus ------------------------------ */
.tuer_offen {
	background-color: #e8c4c0; 
}
.tuer_zu {
	background-color: rgb(226,240,214);
}
/* Farbcodes lt. Tagesmodell --------------------------- */
.tmod_b, .tmod_B, #tbgrid td.tmod_b, #tbgrid td.tmod_B {
	border-width: 1px;
	border-style: solid;
	border-color: blue;
	padding: 0;
	margin: 0;
}
.tmod_g, .tmod_G, #tbgrid td.tmod_g, #tbgrid td.tmod_G {
	border-width: 1px;
	border-style: solid;
	border-color: black;
	padding: 0;
	margin: 0;
}
.tmod_p, .tmod_P, #tbgrid td.tmod_p, #tbgrid td.tmod_P {
	border-width: 1px;
	border-style: solid;
	border-color: magenta;
	padding: 0;
	margin: 0;
}
.tmod_r, .tmod_R, #tbgrid td.tmod_r, #tbgrid td.tmod_R {
	border-width: 1px;
	border-style: solid;
	border-color: red;
	padding: 0;
	margin: 0;
}
.tmod_t, .tmod_T, #tbgrid td.tmod_t, #tbgrid td.tmod_T {
	border-width: 1px;
	border-style: solid;
	border-color: cyan;
	padding: 0;
	margin: 0;
}
.tmod_w, .tmod_W, #tbgrid td.tmod_w, #tbgrid td.tmod_W {
	border-width: 1px;
	border-style: solid;
	border-color: #888;
	padding: 0;
	margin: 0;
}
.tmod_y, .tmod_Y, #tbgrid td.tmod_y, #tbgrid td.tmod_Y {
	border-width: 1px;
	border-style: solid;
	border-color: yellow;
	padding: 0;
	margin: 0;
}
.tmod_plan, .tmod_plantafel {
/*	background-image: url("../images/bgr-plan.gif"); */
}
.tmod_plan {
/*	background-color: rgb(102,153,255);  
	padding: 1px; */
}
.tmod_plantafel {
	background-color: #cbdbea;
}
.tmod_plan > input {
    font-weight:bold; color:rgb(0,51,204);
}
.spalte2o {
	color: #777; font-size:90%;
}
.clsabwtag {
    color:#eee; 
}
.clsabwtag > input {
    color:#bbb; border:none;
}
.clsabwtag > input:hover, .clsabwtag > input[type=text]:hover, .clsabwtag > input[type=text]:focus {
    color:#333; border-color:organe;
}

.zpn0270r td.clsabwtag input, .zpn0272r td.clsabwtag input {
	 border:none;
}

/* Planungsformate */
.tbplanung {
	empty-cells: show;
	border-spacing: 0;
	table-layout: auto;
	border-collapse: separate;
}
#tbline td {
	padding: 4px 3px;
}
.tbplanung td {
	padding: 1px;
}
/* .tbplanung input.clsread {
	background-color: transparent;
	border: none;
	margin: 0;
} */
.tbplanung input[readonly], .tbplanung input[readonly]:hover, .tbplanung input[readonly=readonly]:hover, .tbplanung input[readonly]:focus, .tbplanung input[readonly=readonly]:focus {
	border:none
}

/* rechts Platz am So */
.tbplanung .So, #tbgrid td.tmod_b + .So, #tbgrid td.tmod_B + .So, #tbgrid td.tmod_g + .So, #tbgrid td.tmod_G + .So, #tbgrid td.tmod_p + .So, #tbgrid td.tmod_P + .So, #tbgrid td.tmod_r + .So, #tbgrid td.tmod_R + .So, #tbgrid td.tmod_t + .So, #tbgrid td.tmod_T + .So, #tbgrid td.tmod_w + .So, #tbgrid td.tmod_W + .So, #tbgrid td.tmod_y + .So, #tbgrid td.tmod_Y + .So {
	border-right-style: double;
	border-right-width: 3px;
}
/* Suchformate zpn08xxx ----------------- */
#tbline.clsmatch  {
	width:96%;
}
#tbline.clsmatch tr.zebra:hover {
	background-color: #F59D1D;
	color:#fcfcfc;
}
#tbline.clsmatch th.tdtitle {
	height:26px;
	text-align:left;
	color:#333;
	font-size:130%;
	border-bottom:none;
	background-color: #ebebeb;
}
#tbline.clsmatch th, #tbline.clsmatch td {
	padding: 4px 6px;
}
#tbline.clsmatch td.clsmatch {
	padding: 0;
}
#tbline.clsmatch td.clsmatch a {
	padding: 4px 6px;
	display: block;
}
#tbline.clsmatch .clszebra {
	background-color: rgb(255,247,225);
}
/* -------------------------------------------------- */
/* Links -------------------------------------------- */
/* -------------------------------------------------- */
.clsw100 {
	width: 100%;
}
* html .clsmenuleiste .clsw100 {
	/*IE6 only*/
width: auto;
}
* + html .clsmenuleiste .clsw100 {
	/*IE7 only*/
width: auto;
}
* html .clsmenuleiste {
	/*IE6 only*/
display: inline;
}
* + html .clsmenuleiste {
	/*IE7 only*/
display: inline;
}
a {
	font-size: 8pt;
	text-decoration: none;
}
a.link {
	color: rgb(27,107,214);
	font-size: 8pt;
	text-decoration: underline;
}
a:visited {
	color: rgb(135,0,196);
}
.clsmenuleiste a, .clsmenuleiste a:visited {
	/*	color: rgb(27,107,184); */
	color: #666;
	font-size: 95%;
}
a:hover, .clshover:hover, #fav99:hover {
	background-color: #f7b56f; 
	background-image: url('../images/hover.jpg');
	background-repeat: repeat;
	background-position: bottom center;
}
.clshover2:hover {
	background-color: transparent;
}
a.clsw100 {
	display: inline-block;
}
* html .clsmenuleiste a.clsw100 {
	/*IE6 only*/
display: inline;
	font-size: 95%;
}
* + html .clsmenuleiste a.clsw100 {
	/*IE7 only*/
display: inline;
	font-size: 95%;
}
/* -------------------------------------------------- */
/* Zeilenfinder  lt. tbfixedheader */
/* -------------------------------------------------- */
.tbfixedheader {
}
/* nur für jquery-steuerung verwendet */
.highlight {
	background-color: #444;
	color: #fcfcfc;
}
.highlight a {
	background-color: #111;
	color: orange;
}

/* ------------------------------------------------------------------ */
/* Ausnahmen fuer Druck s. auch extra stylesheet */
/* ------------------------------------------------------------------ */
@media print
{
.clsnoprint, #fixedtableheader0.tbfixedheader th {
	display: none;
}
#wrapper, #wrapper_mitW {
	border-left: none;
}
/* ------------------ */
}

/* ------------------------------------------------------------------ */
/* Mobil
/* ------------------------------------------------------------------ */
/* html {
	font-size: 100%;
} */
/* ,
*/
body.mobile,
.mobile input,
.mobile select,
.mobile textarea,
.mobile  {
	font-size: 1em;
	line-height: 1.3em;
	font-family: Roboto,Verdana,Tahoma,Arial,Helvetica,sans-serif;
}
.mobile #wrapper,
.mobile #wrapper_mitW,
.mobile #box {
	margin: 0;
	width: 100%;
}
.mobile #wrapper,
.mobile #wrapper_mitW {
	border-left: 2px solid #bbb;
}
.mobile input[type=text],
.mobile input[type=url],
.mobile input[type=email],
.mobile input[type=password],
.mobile input[type=tel] {
	font-family: Roboto,Verdana,Tahoma,Arial,Helvetica,sans-serif; 
	height: 2em;
	line-height: 2em;
	font-size: 1em;
	border: 3px solid #3388cc;
}
.mobile input.clsread {
	font-size: 1em;
	height: 100%;
	line-height: 100%;
	border: 1px solid #f5f5f5;
}
.mobile input[type=checkbox] {
	width: 54px;
	height: 54px;
	-webkit-border-radius: .1875em;
	border-radius: .1875em;
	border: 3px solid #3388cc;
}
.mobile button[type=submit],
.mobile input.clsbtn,
.mobile input[type=button],
.mobile select {
	display: inline-block;
	font-size: 1.8em;
	font-weight: bold;
	height: 2em;
	line-height: 2em;
	background-color: #bbb;
	border: 1px solid #3388cc;
}
/* Personalnummer Name Firma */
.mobile .clshead_l,
.mobile .clshead_r,
.mobile .clshead_c {
	width: auto;
	font-size: .5em;
}
/* Tabellen */
.mobile table#tbgrid,
.mobile table#tbline,
.mobile table#tbform,
body.mobile .clstbbreit,
body.zpn0201r.mobile .clstbbreit,
body.zpn0301r.mobile .clstbbreit,
body.zpn0102r.mobile .clstbbreit,
body.zpn0106r.mobile .clstbbreit,
body.zpn0202r.mobile .clstbbreit,
body.zpn0203r.mobile .clstbbreit,
body.zpn0205r.mobile .clstbbreit {
	width: 100%;
}
.mobile table#tbgrid td,
.mobile table#tbline td,
.mobile table#tbform td {
	line-height: 2em;
}
.mobile .clstbbreit {
	min-width: 100%;
	width: 100%;
}
/*Auswahlzeilen title */
.mobile #dvtitle,
.mobile #dvtitle_inakt {
	font-size: 2.3em;
	height: 2.6em;
	line-height: 2.6em;
}
.mobile .clsauswahl input {
	font-size: 1.8em;
	line-height: 38px;
	min-height: 38px;
}
.mobile .clsauswahl img {
	width: 38px;
	height: 38px;
	background-size: 100% 100%;
}
.mobile .imgback,
.mobile .imgnext,
.mobile #dvtitle img,
.mobile #dvtitle a img {
	width: 2.3em;
	height: 2.3em;
	background-size: 100% 100%;
}
.mobile td img {
	min-width: 1.4em;
	min-height: 1.4em;
	background-size: 100% 100%;
}
.mobile .clsmenuleiste a {
	font-size: 1.2em;
	display: block;
}
/* speziell für bestimme Formate */
.mobile .startlogo {
	background-image: none;
}
.mobile #bgsignon {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	background-color: #fff;
	color: #666; /*	background-size: 100% 35%; */;
	background-image: none;
	font-size: 3.7em;
}
.mobile #bgsignon td {
	margin-right: 90px;
}
.mobile #bgsignon img {
	display: none;
}
.mobile #bgsignon input {
	font-size: 1.5em;
	margin-bottom: 12px;
}
.mobile #bgbildschirmstempeln {
	background-image: none;
	height: 90%;
	width: 98%;
	margin: 0;
	text-align: left;
	font-size: 2em;
}
.mobile #bgbildschirmstempeln .clsdate,
.mobile #bgbildschirmstempeln .clstime,
.mobile #bgbildschirmstempeln .clsanabw,
.mobile #bgbildschirmstempeln .clskostkotr {
	color: #777;
	margin: 0;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0;
	text-align: center;
	width: 100%;
	font-size: 1.4em;
	line-height: 1.6em;
}
.mobile #bgbildschirmstempeln .clskostkotr div.nowrap {
	margin: 0;
	margin-bottom: 15px;
	color: #000;
	font-size: 125%;
	height: auto;
	float: none;
	white-space: normal;
}
.mobile #bgbildschirmstempeln .clsinputselect {
	width: 100px;
	height: 100px;
	background-color: #555;
	border: 1px solid #fff;
	border-radius: 12px;
}
.mobile #bgbildschirmstempeln div.clstaste {
	width: 98%;
	height: 95%;
	background-image: none;
	margin: 0;
}
.mobile #bgbildschirmstempeln #button01,
.mobile #bgbildschirmstempeln #button02,
.mobile #bgbildschirmstempeln #button03,
.mobile #bgbildschirmstempeln #button04,
.mobile #bgbildschirmstempeln #button05,
.mobile #bgbildschirmstempeln #button06,
.mobile #bgbildschirmstempeln #button07,
.mobile #bgbildschirmstempeln #button08,
.mobile #bgbildschirmstempeln #button09 {
	width: 98%;
}
.mobile #bgbildschirmstempeln #button01 input,
.mobile #bgbildschirmstempeln #button02 input,
.mobile #bgbildschirmstempeln #button03 input,
.mobile #bgbildschirmstempeln #button04 input,
.mobile #bgbildschirmstempeln #button05 input,
.mobile #bgbildschirmstempeln #button06 input,
.mobile #bgbildschirmstempeln #button07 input,
.mobile #bgbildschirmstempeln #button08 input,
.mobile #bgbildschirmstempeln #button09 input {
	height: 140px;
	font-size: 1.8em;
}
.mobile tr.clsinfo.clsnoprint {
	display: none;
}
/* Matchformate */
.mobile .clsmatch input {
	font-size: 2.2em;
	width: 75%;
}
.mobile .clsmatch input[type=button] {
	width: 100%;
}
.mobile #tbline.clsmatch {
	font-size: 1.5em;
	width: auto;
}
.mobile #tbline.clsmatch td.clsmatch a {
	line-height: 2em;
	font-size: 1.8em;
}
.mobile select.clsantragneu {
	height: 2.2em;
	background-image: none;
}
body.zpn0810r.mobile  table#tbline td:nth-child(1),
body.zpn0870r.mobile  table#tbline th:nth-child(1),
body.zpn0870r.mobile  table#tbline td:nth-child(1),
body.zpn0025r.mobile  table#tbline td:nth-child(1),
body.zpn0031r.mobile  table#tbline td:nth-child(1),
body.zpn0101r.mobile  table#tbgrid td:nth-child(1) {
	display:none;
}
.mobile .imgclose {
		display:none;
}
body.zpn0031r.mobile table#tbline td a {
	font-size: 1em;
	line-height: 2.2em;
}
/* essen bestellen */
body.zpn0080r.mobile table#tbgrid td,
body.zpn0080r.mobile table#tbgrid tr.tbgrid th {
	font-size: 2.2em;
}
/* Mitarbeiter Antraege */
body.zpn0101r.mobile table#tbgrid td,
body.zpn0101r.mobile table#tbgrid td a,
body.zpn0101r.mobile table#tbgrid tr.tbgrid th {
	font-size: 1.5em;
	line-height: 2.2em;
}
body.zpn0102r.mobile .clsbiger,
body.zpn0302r.mobile .clsbiger {
	font-size: 3.5em;
	display: block;
	background-color: #fff;
}
body.zpn0102r.mobile #dvtitle {
	display: block;
	position: relative;
	top: -100px;
	background-color: #fff;
}
body.zpn0102r.mobile .clssel {
	background-color: #fff;
}
body.zpn0102r.mobile table {
	font-size: 2em;
}
body.zpn0102r.mobile th.tdtitle,
body.zpn0302r.mobile th.tdtitle {
	display: none;
}
body.zpn0102r.mobile input[type=text] {
	font-size: 1.6em;
	height: 1.5em;
	width: 70%;
	border: 3px solid #bbb;
}
body.zpn0102r.mobile textarea,
body.zpn0302r.mobile textarea {
	font-size: 1.6em;
	width: 85%;
}
body.zpn0102r.mobile input.clsmini,
body.zpn0302r.mobile input.clsmini {
	display: none;
}
body.zpn0102r.mobile input[type=button],
body.zpn0302r.mobile input[type=button] {
	font-size: 2em;
	min-width: 100%;
}
body.zpn0102r.mobile td img.clshover {
	min-width: 80px;
	min-height: 80px;
	background-size: 100% 100%;
}
body.zpn0302r.mobile input[type=text] {
	font-size: 2em;
	height: 2em;
	width: 70%;
	border: 3px solid #bbb;
}
body.zpn0302r.mobile input[type=button],
body.zpn0302r.mobile input.clsbtn {
	font-size: 4em;
	height: 3em;
}
body.zpn0610r.mobile td a img {
	min-width: 80px;
	min-height: 80px;
	background-size: 100% 100%;
}