/*Tolle Tricks: http://webdeveloperplus.com/css/25-incredibly-useful-css-tricks-you-should-know/*/
/*input[type=reset]:focus,input[type=submit]:focus, input[type=button]:focus {border:2px inset navy;;text-align:center;font-weight:normal}*/
input[type=reset],input[type=submit], input[type=button] {border:3px ridge navy;text-align:center;font-weight:normal}
/* Border-Box-Modell Umschalter: siehe http://quirksmode.org/css/box.html
box-sizing:border-box //== IE
box-sizing:content-box //== Mozilla/FF */
/* hack um zentriert auszurichten
http://perishablepress.com/press/2007/09/25/absolute-horizontal-and-vertical-centering-via-css/
XXXbody{font-family:arial,verdana,sans-serif;font-size:0.8em;color:navy;background:#d6d5ff; text-align:left}
 Ende hack*/
/*html {overflow:hidden;}  Kann bei kleinen BS Probleme geben, da overflow nicht angezeigt wird!*/
/*html{ overflow-y:scroll; }*/

body{font-family:arial,verdana,sans-serif;font-size:0.7em;color:navy;background:#d6d5ff url(../pic/gadacz.jpg) repeat;width:1000px;height:700px;margin:0 auto;overflow:auto; background-image:url(../pic/gadacz.jpg);background-attachment:fixed;}

input:focus {border:2px inset navy;color:white;text-align:left;background:red}
.xxmenu { position: fixed;height:25px;top:0px;left:0px;width:100%;font-size:85%}
.readonly:focus {border:none;color:red;text-align:center;background:transparent}
.readonly {border:none;color:navy;text-align:center;background:transparent}
.readob{border:none;color:navy;text-align:left;background:transparent;font-weight:bold}
.readobr{border:none;color:red;text-align:left;background:transparent;font-weight:bold}
#rahm{z-index:2;position:absolute;margin:1%;padding:1%;width:95%;height:98% }
#top{border:none;position:absolute;right:1%;z-index:9;top:0%;height:3%;width:85%;font-size:1.3em;font-weight:normal;background:transparent;text-align:center}
#xtopmenu{margin-top:0px;margin-bottom:2px;font-size:0.9em;font-weight:bold;width:1020px}
.topmenu{margin:0 auto;font-size:0.9em;text-align:center;vertical-align:middle;overflow:hidden; height:1.1em;z-index:0;width:98%}
.topmenu img{border:0px;vertical-align:top}
a:link{text-decoration:none;}
a:visited{text-decoration:none}
a:active{font-weight:bold}
a:hover{font-weight:bold}
h1{margin-top:0em;margin-bottom:0.1em;font-size:1.2em;font-weight:bold;background:transparent;text-align:center}
h2{margin-top:0px;margin-bottom:0.1em;font-size:1.1em;font-weight:normal;background:transparent;text-align:center}
hr{width:80%;text-align:center;background-color:navy}
table {empty-cells:show}
th{color:white;background-color:navy;text-align:center}
label {text-decoration:none}
acronym {border-bottom:none}
.tf{color:red;background-color:white}
input{text-align:center;font-size:1em}
img{border:none}
sup,small{font-size:75%}
td th{padding:0.1%}
td.datum{text-align:center;font-size:2.1em;font-weight:bold;border-width:1px;width:60%}
td.datumsa{text-align:center;font-size:2.1em;font-weight:bold;border-width:1px;width:60%;color:orange}
td.datumso{text-align:center;font-size:2.1em;font-weight:bold;border-width:1px;width:60%;color:red}
td.nacht{background-color:navy;color:white;text-align:right;padding:0px;border-width:1px;margin:0}
td.tag{background-color:yellow;text-align:right;padding:0px;border-width:1px;margin:0}
td.ssx{text-align:right;padding:0px;border-width:1px;margin:0px;background-color:red}
td.ss{text-align:right;padding:0px;border-width:1px;margin:0px;background-image:url(../pic/su.gif); background-repeat:no-repeat;background-position:center bottom}
td.sr{text-align:right;padding:0px;border-width:1px;margin:0px;background-image:url(../pic/sa.gif); background-repeat:no-repeat;background-position:center top}
.xxtd {white-space:nowrap}
.de{cursor:nw-resize}
.menuflag{width:5%;text-align:center}
.mitte{position:static;top:70%;text-align:center}
#a1 { position:absolute; top:35px; left:240px; width:150px; height:150px;z-index:1; background-color:#ddf; }

#absender{position:absolute;z-index:1;top:2cm;right:0.1cm;width:450px;height:200px;border:dashed 1px black;text-align:right;}
#absender b{font-size:1.3em;font-weight:bold}
#absender small {font-size:0.7em;font-weight:bold}
#datum {position:absolute;z-index:2;top:7.5cm;right:0.1cm;width:150px;border:1px dashed red;text-align:right;font-size:125%}
#adresse {position:absolute;z-index:3;top:5.3cm;border:1px dashed blue;text-align:left;font-size:125%;width:10cm;height:5cm}
#rechnung {position:absolute;z-index:4;top:11.2cm;border:1px dashed red;font-size:125%}
.cr {text-align:center;bottom:0px;font-size:x-small}
.unten{position:absolute;text-align:center;bottom:0px;font-size:x-small}
#auswahl{position:absolute}
@page { size:21.0cm 14.85cm; margin:5.7cm 2cm 1.4cm 1cm; } /* 21.0cm x 29.7cm (i.e., A4) was soll das????? auch nicht CSS 2.1 !
aber http://www.w3.org/TR/css3-page/#page-box-page-rule */
.center {margin-left:auto;margin-right:auto;width:1024px;background-color:#b0e0e6;}
.buha { position:fixed;height:20px;top:0px;left:0px;width:1024px;height:740px;border:2px solid green;text-align:center}
.fixoben { position: fixed;height:20px;top:0px;left:1px;width:1024px;font-size:125%}
.fixkopf  { position: fixed; top:2px;left:1px; height:40px;width:1024px;border:1px solid green;}
/*  cellspacing="0" cellpadding="1" */
.fixmitte { position:absolute;top:70px;height:80px;left:1px;border:1px solid red;overflow:auto;width:1024px;}
.fixunten { position:absolute; bottom:1px;height:150px;left:1px;border:1px solid blue;}
.xcontainer { text-align:center;width:985px;height:600px;margin-left:10px;margin-right:10px;border:0px solid red }
.container {text-align:center;width:985px;height:auto;margin-left:10px;margin-right:10px;border:0px solid red; z-index:2}
.containerm { text-align:center;width:985px;height:auto;z-index:2;color:navy;margin-top:15%}
.reikomitte { height:300px; width:985px; overflow:auto}
.einsatzmitte { height:240px; width:981px; overflow:auto}
.zahlungmitte {height:370px; width:985px; overflow:auto}
.xkundenmitte { height:425px; width:985px; overflow:auto}
.kundenmitte { height:42em; width:985px; overflow:auto}
.xxkuli { width:550px;border:none;empty-cells:show;}
/*<table class='kuli' border="1" cellspacing="0" cellpadding="2" align="left" rules="rows" frame="void">*/


.kundendmitte { height:200px; width:985px; overflow:hidden}
.buhamitte { height:350px; width:986px; overflow:auto}

.normaltag {empty-cells:show;border:0; height:100%;}
.feiertag0 {empty-cells:show;border:2px solid white;height:100%;}
.feiertag3 {empty-cells:show;border:2px solid green;height:100%;}
.feiertag1 {empty-cells:show;border:2px solid red;height:100%;}
.feiertag2 {empty-cells:show;border:2px solid yellow;height:100%;}
/*.mapinpxxx {font-weight:bold;border:1px;background-color:transparent;font-size:1.2em;color:navy;text-align:left }
.mapinp {font-weight:bold;background-color:white;font-size:1.2em; color:navy;overflow:hidden;text-overflow:ellipsis;text-align:left}
.mapinpk,.mapinpk:focus {font-weight:bold;border:0;background:transparent;font-size:0.8em; color:navy;text-align:left }
.mapinp:focus {border:2px inset navy;color:red;text-align:left;background:white}
*/
img.tcalIcon {cursor:pointer;margin-left:1px;vertical-align:middle}/* Kalender icon=Finger */
div#tcal {position:absolute;visibility:hidden;z-index:100;width:158px;padding:2px 0 0 0}/* Kalendercontainer Element */
xdiv#tcal {position:absolute;top:111px;visibility:hidden;z-index:1;width:158px;padding:2px 0 0 0}/* Kalendercontainer Element */
div#tcal table {width:100%;border:1px solid silver;border-collapse:collapse;background-color:white}/*all tables in calendar */
div#tcal table.ctrl {border-bottom:0}/* navigation table */
div#tcal table.ctrl td {width:15px;height:20px}/* navigation buttons */
div#tcal table.ctrl th {background-color:white;color:black;border:0}/* month year header */
div#tcal th {border:1px solid silver;border-collapse:collapse;text-align:center;padding:3px 0;font-size:10px;background-color:gray;color:white}/* week days header */
div#tcal td {border:0;border-collapse:collapse;text-align:center;padding:2px 0;font-size:11px;width:22px;cursor:pointer}/* date cells */
/* date highlight.In case of conflicting settings order here determines the priority from least to most important */
div#tcal td.othermonth {color:silver}
div#tcal td.weekend {background-color:#ACD6F5}
div#tcal td.today {border:1px solid red}
div#tcal td.selected {background-color:#FFB3BE}
/* iframe element used to suppress windowed controls in IE5/6 */
iframe#tcalIF {position:absolute;visibility:hidden;z-index:98;border:0}
div#tcalShade {position:absolute;visibility:hidden;z-index:99}/* transparent shadow */
div#tcalShade table {border:0;border-collapse:collapse;width:100%}
div#tcalShade table td {border:0;border-collapse:collapse;padding:0}
