@font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 400; src: url('../font/Ubuntu-Regular.eot') format('embedded-opentype'); }
@font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 700; src: url('../font/Ubuntu-Bold.eot') format('embedded-opentype'); }
@font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 400; src: url('../font/Ubuntu-Regular.woff') format('woff'); }
@font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 700; src: url('../font/Ubuntu-Bold.woff') format('woff'); }

@font-face { font-family: 'Volte'; font-style: normal; font-weight: 400; src: url('../font/Volte.eot') format('embedded-opentype'); }
@font-face { font-family: 'Volte'; font-style: normal; font-weight: 700; src: url('../font/Volte Semibold.eot') format('embedded-opentype'); }
@font-face { font-family: 'Volte'; font-style: normal; font-weight: 400; src: url('../font/Volte.woff') format('woff'); }
@font-face { font-family: 'Volte'; font-style: normal; font-weight: 700; src: url('../font/Volte Semibold.woff') format('woff'); }

* { font-family:Ubuntu,arial,sans-serif; }
img { -ms-interpolation-mode: bicubic; }
button, textarea, input, select { font-family:Ubuntu,arial,sans-serif; font-size:inherit; outline: none; }
html {  font-size:14px; padding:0px; margin:0px; height:100%; width:100%; xbackground:#f0f0f0; color:#212e35;  }
body{ background:#f0f0f0; color:#212e35; letter-spacing:-.01em; background-size: cover; background-attachment: fixed; }
img { border:0px; text-decoration:none; max-width:100%; max-height:100%; object-fit:contain; }
table{ font-size:1em; }
.clear{ clear:both; }
.fright{ float:right; }
.fleft{ float:left; }
.taright{ text-align:right !important; }
.taleft{ text-align:left !important; }
.pkreis{ border: 1px solid #fff; width: 1.2em; height: 1.2em; display: inline-block; line-height: 1.3em; border-radius: 1.2em; margin: .1em; padding:0 !important; }

#body_right hr{ height:0; border:0; border-top:1px solid rgba(0,0,0,.1); margin:1.5em 0 }

.topnote {position: fixed; top: .2em; left: 25em; right: 25em; z-index: 101; height: 3.1em; overflow: auto; line-height:1em; color:#fff; }
.topnote .edit { width: 2.5em; height: 2.5em; position: absolute; z-index: 102; background: #fff no-repeat center; bottom: .3em; right: 0; background-image: url(../pics/edit.png); background-size: 70%; border-radius: 2.5em; cursor: pointer; }

#onlinebuchung{ display: block; position: fixed; top: 0.4em; left: 50%; z-index: 10000; background: #ff0000; color: #fff; padding: 0.3em 0.9em; border-radius: 0.5em; transform: translateX(-50%); text-decoration:none; }

.tableframesmall span.ralert{ display: inline-block; width: 1em; aspect-ratio: 1; text-align: center; color: #fff; background: #aa0000; padding: 0; border-radius: 1em; line-height: 1em; margin: 0 0 0 .4em; }

.hidden { display: none;}

.expand{  }
.expand h2{ cursor:pointer; }
.expandoff{ height:3em; overflow:hidden; }
.expand .expandbtn{ float:right; transform: rotate(180deg); }
.expandoff .expandbtn{ transform: rotate(90deg); }

#cal{ position:absolute; width:100%; height:100vh; overflow:auto; color:#000; background:#fff;}
#cal .monatH{ position:absolute; left:0; top:0; border-bottom:1px solid #ddd; background:#f3f3f3; z-index:3; text-align:center; }
#cal .monatBG{ position:absolute; top:0; background:#f6f6f6; }
#cal .tagH{ position:absolute; left:0; border-bottom:1px solid #ddd; background:#f3f3f3; z-index:3; text-align:center; }
#cal .nameBar{ position:absolute; left:0; border-bottom:1px solid #eee; }
#cal .nameL{ z-index:2;background:#f3f3f3; border-bottom:1px solid #ddd; position:absolute; left:0; border-right:1px solid #ddd; }
#cal .urlaubBar{ letter-spacing:-.05em;position:absolute; background:#aaccff; box-shadow:0 .1em .5em rgba(170,204,255,.66); border-radius: .2em; }
#cal .krankBar{ letter-spacing:-.05em;position:absolute; background:#ffccaa; box-shadow:0 .1em .5em rgba(255,205,170,.66); border-radius: .2em; }
#cal .marked{ background:#ddffdd; }
#cal .todayBar{ position:absolute; background:#ff0000; top:0; width:1px; z-index:3;  }

.i_prn{ background:url('../login_pics/auftrag_print.png'); width:1.4em; height:1.4em; background-size:cover; margin:.05em; display:inline-block; vertical-align:bottom; }
.i_rs{ background:url('../login_pics/auftrag_rs.png'); width:1.4em; height:1.4em; background-size:cover; margin:.05em; display:inline-block; vertical-align:bottom; }
.i_kw{ background:url('../login_pics/auftrag_kw.png'); width:1.4em; height:1.4em; background-size:cover; margin:.05em; display:inline-block; vertical-align:bottom; }
.i_ks{ background:url('../login_pics/auftrag_ks.png'); width:1.4em; height:1.4em; background-size:cover; margin:.05em; display:inline-block; vertical-align:bottom; }
.i_bem{ background:url('../login_pics/auftrag_bem.png'); width:1.4em; height:1.4em; background-size:cover; margin:.05em; display:inline-block; vertical-align:bottom; }
.i_tsmit{ background:#ff9900; width:1.4em; height:1.4em; margin:.05em; display:inline-block; vertical-align:bottom; line-height:1.4em; color:#fff; border-radius:2em; letter-spacing:-.1em; }
.i_drv{ background:url('../login_pics/auftrag_drv.png'); width:1.4em; height:1.4em; background-size:cover; margin:.05em; display:inline-block; vertical-align:bottom; }
.i_op{ background:url('../login_pics/auftrag_op.png'); width:1.8em; height:1.8em; background-size:cover; display:inline-block; vertical-align:bottom; }
.i_check{ background:url('../login_pics/auftrag_check.png'); width:1.4em; height:1.4em; background-size:cover; display:inline-block; vertical-align:bottom; }

.invisible{ display:none; }
.fplus{ font-size:1.2em; }
.crot{ color: #b63d3d; }

.scrolltop{ position:fixed;bottom:.2em; right:.2em; padding:1em; background:#dc6248; color:#fff; cursor:pointer; }

.cpatableerr{ color:#bb0000 !important; }

.btn_note{ fill:rgba(0,0,0,.9); }
.btn_note_off{ fill:rgba(0,0,0,.2); }

.cpatable{ width:100%; cursor:pointer; }
.tableframesmall .cpatableerr{color:#dd0000 !important;}
.tableframesmall .alarm td{ background:#ffcccc; }
.tableframesmall .done td{ background:#ccffcc; }
.tableframesmall .lserb td{ color:#003399; }
.tableframesmall .uerb td{ color:#aa00ff; }
.tableframesmall .ondemand td{ color:#ff00aa; }
.tableframesmall .storno { text-decoration: line-through; opacity:.5; }
.tableframesmall .alarm:hover td{ background:#eebbbb; }
.tableframesmall .em3{ width:3em !important; }
.tableframesmall .tgreen, .tableframesmall tr:hover .tgreen{ background:rgba(0,255,0,.4) !important; }
.tableframesmall .serende{ font-weight:bold; color:#dd0000; }

.daylabel{ width:10em; display:inline-block; }
.daylabel.ferien{ background:rgba(128,128,0,.2); }
.daylabel.ferienft{ background:rgba(255,128,0,.2); }
.daylabel.ft{ background:rgba(255,0,0,.2); }



.call{ display: inline-block; color: #fff; background: #332b52; border-radius: .5em; padding: .3em 2em .3em .5em; background-image: url('../login_pics/ico_phone.svg'); background-size: 1.4em; background-repeat: no-repeat; background-position: right .2em top .15em; cursor: pointer; }

.achtung::after{ content:'!'; background:#eeee22; color:#333; width:1.2em; border-radius:.75em; text-align:center; display:inline-block; margin-left:.25em; font-weight:bold;  }

.margin3 { margin: 1em; }
.notextsh{ text-shadow:none !important; }

.cBox{ cursor:pointer; display:inline-block; width:1.4em; height:1.4em; border:1px solid #aaa; margin:.2em; border-radius:.2em; }
.cBoxON{ box-shadow:0 .05em .35em rgba(128,200,255,.8);}

.achtung2{ xfloat:right; position:absolute; top:0; right:0; opacity:.9; }
.achtung2 div{ width:1.3em; color:#000; border-radius:1em; margin:.1em; font-weight: bold; line-height: 1em; padding: .2em 0; color:#fff; }

.arrow { border: solid black; border-width: 0 .2em .2em 0; display: inline-block; padding: .1em; width:.1em; height:.1em; vertical-align:middle; }
.aright{  transform: rotate(-45deg);margin-right:.2em; }
.aleft{  transform: rotate(135deg);margin-left:.2em; }
.check{ display:inline-block; }
.check::after{ width:.4em; height:.8em; border-bottom:.15em solid #00aa00; border-right:.15em solid #00aa00; display:block; content:' '; transform:rotate(45deg); margin:0 .3em; }
.nocheck{ border:.15em solid #aa0000; display:inline-block; border-radius:1em; height:.94em; width:.95em; }
.nocheck::after{ width:1.1em; height:.5em; border-bottom:.15em solid #aa0000; display:block; content:' '; transform:rotate(45deg); margin:0 .15em; }

.tableB{ padding: 1.2em 1em; border-radius: .2em; width: calc(100% - 3em - 2px); border: 1px solid #ccc; margin: 0 .5em; border-collapse:collapse; }
.tableB td{ background:#f3f3f3; border:1px solid #e3e3e3; border-bottom:1px solid #ccc; padding:.6em 1em; border-radius: .2em; }
.tableB th{ padding:.6em 1em; border-radius: .2em; border:1px solid #f3f3f3; border-bottom:1px solid #ccc; border-top:1px solid #ccc; }
.tableB tr td:first-child,.tableB tr th:first-child{ border-left:1px solid #ccc; }
.tableB tr td:last-child,.tableB tr th:last-child{ border-right:1px solid #ccc; }

.linkneutral a{ text-decoration:none; color:#212e35; }

.fzlistimg{ max-width:15em; }
.fzlegende{ display: inline-block; padding: .5em; margin: 1em .5em; border-radius: .2em; box-shadow: 0 0.04em 0.15em rgba(0,0,0,.1); }
.fzlegende3, .zfstatus3 .kfz{ color:#dd0000 !important; background:#ffeeee; }
.fzlegende4, .zfstatus4 .kfz{ color:#dd7700 !important; background:#fff3f3ee; }
.fzlegende5, .zfstatus5 .kfz{ color:#dd0000 !important; font-weight:bold; background:#ffeeee; }

.fzanaus{ color:#000; text-decoration:none;  width:9em; display:inline-block; background:#fff; text-align:center; border-radius:.2em; border:1px solid #ddd; box-shadow: 0 0.1em 0.4em rgba(0,0,0,.1); cursor:pointer; margin:.2em; border-left:.7em solid #ddd; }
.fzanaus .chk{ display:none; }
.fzanaus .kfz{ font-size:1.2em; padding:.2em; border-bottom:1px solid #ddd; }
.fzanaus .datum{ padding:.2em;  }
.fzan{ border-left:.7em solid #77dd77; }

.table_strecke{ border-collapse:collapse; }
.table_strecke td{ padding:.2em .4em; border-bottom:1px solid #ddd; }
.table_strecke tr{  }
.table_strecke tr:nth-child(2n){ background:#eee; }

.mapdiv{ position:fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 1000; }
.mapdiv #map{ width:100%; height:100%; }
.closemap{ text-align:center; background:#332b52; color:#fff; border-bottom:1px solid #aaaaaa;cursor:pointer;height:2em; line-height:2em; }

.fz{ display: inline-block; background: #fff; border-radius: .2em; box-shadow: 0 0.1em 0.4em rgba(0,0,0,.1); padding:.2em; margin:.2em; color:#000; text-align:center; cursor:pointer; vertical-align:top; border:1px solid #ddd;}
.fz:hover{ background:#eee; }
.fz img{ float:left; height:3.2em; }
.fz div{ display:inline-block; width:10em; }
.fz div .kfz{ font-size:1.3em; display:block; }

.fzhead{ float:right; max-width:22em; margin:.5em; }

.uldd{ position:absolute; max-height:25em; overflow:auto; z-index:100; left:.5em; background:#fff;border:1px solid #ccc; width:calc(100% - 1em - 2px); padding:0; margin:0; list-style: none; top:3.5em; display:none; }
.uldd li{ padding:.2em; cursor:pointer; }
.uldd li img{ max-height:2em; vertical-align:middle; }
.uldd li:hover{ background:#eee; }

.inlineblock{ display: inline-block; vertical-align: top; }

.utheme{ bottom: 0; position: fixed; color: #444; background: #eee; padding: .5em; cursor: pointer; width: calc(13% - 1em); }

.tacenter{ text-align:center !important; }
.cpointer{ cursor:pointer; }

.hintOnTop{ position:fixed; top:0; width:calc(100% - 9em); background: #555; color:#fff; padding:1.5em 7.5em 1.5em 1.5em; box-shadow:0 0.1em 0.8em rgba(0,0,0,.15); z-index:10000; }
.hintOnTop .close{ position:absolute; top:.5em; right:.5em; cursor:pointer; }

.cpform{ padding:1em; width:calc(100% - 2em); font-size:calc( ( .4vmax + .5em ) * .91 ); }
.cpformi{ background:#fff; border-radius:.2em; box-shadow:0 .05em .1em rgba(0,0,0,.2); padding:1em; }
.cpform h1{ font-size:1.3em; font-weight:bold; margin:0 0 1em 0; }
.cpformi h2{ font-size:1.15em; font-weight:bold; margin:3em 0 1em 0; }
.cpformi .cpformt{ width:calc(100% - 2em); line-height:1.3em; float:left; vertical-align:top; margin:1em; }
.cpformi .cpformt tr{ border-bottom:1px solid #eee; }
.cpformi .cpformt tr:hover{ background:#f3f3f3; }
.cpformi .cpformt td{ padding:.2em .4em; vertical-align:middle; }
.cpformi .cpformt td:first-child{ text-align:right; width:15em; font-weight:bold; }
.cpformi .cpformt input[type="text"]{ border-radius:.2em; border:1px solid #ddd; width:calc(100% - 2em); padding:.5em 1em; }
.cpformi .cpformt select{ border-radius:.2em; border:1px solid #ddd; width:calc(100% - 2em); padding:.5em 1em; }
.cpformi .cpformt textarea{ border-radius:.2em; border:1px solid #ddd; width:calc(100% - 2em); padding:.5em 1em; height:5em; }
.cpformi .cpformt .em3{ width:3em !important; }
.cpformi .cpformt .h2{ font-size:1.15em; font-weight:bold; margin:3em 0 1em 0; text-align:left !important; }
.cpformi .notice{ margin:0 0 1em 0; padding:1em; border-radius:1em; background:#ffffaa; border:1px solid #eeee99; }
.cpformi .author{ background:#c10a1d; color:#fff; margin:-1em -1em 1em -1em; border-radius:.2em; padding:.5em; text-align:center; font-weight:bold; }
.zzs td:nth-child(2n){ padding:.5em !important; }
.cpform hr{ border:0; border-top:1px solid rgba(0,0,0,.1); }

.BGDiv{ position: fixed; z-index: 1500; display: block; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(125,125,125,0.6); }

.table3{ background:#fff; padding:1em; position:relative; box-shadow:0 0.1em 0.2em rgba(0,0,0,0.3); margin:1em; display:inline-block; vertical-align:top;  }
.table3	.tableframesmall3{ margin:0; border-spacing:0;  }
.table3	.tableframesmall3 th { padding:.6em .8em; border:0; background:#333; font-weight:bold; color:#fff; vertical-align:middle; }
.table3	.tableframesmall3 td { padding:.4em .6em; border:0; background:none; vertical-align:middle;}
.table3	.tableframesmall3 tr:nth-child(2n) td { background:#f3f3f3; }
.table3	.tableframesmall3 tr td:first-child { text-align:right; }
.table3	.tableframesmall3 .lasttr td { background:#fff !important; border-bottom:none; }
.table3	.tableframesmall3 td a{ cursor: pointer; padding: .5em 1em; color: #fff; text-decoration: none; background: #332b52; margin: 0.1em; display: inline-block; border: 0; border-radius: .2em; box-shadow: 0 0.1em 0.2em rgba(0,0,0,0.3); }
.table3	.tableframesmall3 td a:hover{ background:#1f5abc; }
.table3	.tableframesmall3 tr:hover td{ background:#ddd !important; }
.table3	.tableframesmall3 .lasttr:hover td{ background:none !important; }
.table3 .tableframesmall3 button { display:inline-block; border:1px solid #bbb; ; cursor:pointer; padding:.3em .5em; color:#444; text-decoration:none; background: #ddd; margin:0.1em; }
.table3	.tableframesmall3 button:hover { background:#555; color:#fff; }
.table3 pre{ padding:0; margin:0; }
.bigger{ font-size:1.12em; }
.smaller{ font-size:.95em; }
.bold{ font-weight:bold; }

.cbtn{ position: absolute; bottom: .8em; right: .8em; cursor:pointer; }
.cbtn svg{ fill:#888; }
.cbtn:hover svg{ fill:#332b52; }

.calendar{ margin-bottom:75vh; user-select: none; }
.calendar_i{ white-space:nowrap; }
.calendar_table{ border-collapse:collapse; box-shadow: 0 0.05em 0.02em rgba(0,0,0,.05); background:#f6f6f6; margin:1em; }
.calendar_table tr{  }
.calendar_table td{ border:1px solid rgb(225,225,225); text-align:center; min-width:4em; padding:.2em; line-height:1.3em; cursor:pointer; position:relative; }
.calendar_table td:first-child{ font-weight:bold; min-width:2em; background:rgb(233,233,233); border:1px solid #bbb; border-left:.4em solid #bbb; }
.calendar_table tr:first-child td{ font-weight:bold; background:rgb(233,233,233); border:1px solid #bbb; }
.calendar_table tr:first-child td:first-child{ border-left:.4em solid #555; }
.calendar_table .noservice{ background:rgb(233,233,233); border:rgb(233,233,233); cursor:default; }
.calendar_table .fahrzeug{ color: #444; }

.waitDiv{ font-size: 2em; width: 100vw; height: calc(50vh + 1em); position: fixed; top: 0; left: 0; background: rgba(211,211,211,.9); color: #000; text-align: center; z-index: 1000; padding-top: calc(50vh - 1em); }

.allefahrer{ user-select: none; position:fixed; bottom:0;right:0; background:#fff; z-index:100; width:calc(100% - 2em); white-space: normal; box-shadow:0 0 1em rgba(0,0,0,.2); max-height: 0; padding: 0; transition: all ease .5s; }
.allefahrerv{ max-height: 100vh; padding: 1em; z-index:101; }
.allefahrer .btn{ position:absolute; top:-3em; right:1em; background: #332b52; padding: .5em 1.2em; color: #fff; cursor: pointer; border-radius: .2em; box-shadow: 0 0.1em 0.1em rgba(0,0,0,.4); border: 1px solid #332b52; text-shadow: 0 1px 0 rgba(0,0,0,.1); }
.allefahrer .btn span{ display:inline-block; transform:rotate(0deg); transition: all ease .5s; }
.allefahrerv .btn span{ transform:rotate(180deg); }
.allefahrer .fahrer{ display:inline-block; background:#f3f3f3; margin:.3em; padding:.3em; cursor:pointer; border:1px solid #e3e3e3; border-left:.4em solid #e3e3e3; }
.allefahrer .fahrer1{ border-left:.4em solid #eec3c3; }
.allefahrer .fahrer2{ border-left:.4em solid #c3eec3; }
.allefahrer .fahrer6{ border-left:.4em solid #c3c3ee; }
.allefahrer .legende{ display:inline-block; background:#e3e3e3; margin:.4em; padding:.4em; cursor:pointer; float:right; }
.allefahrer .legende1{ background:#eec3c3; }
.allefahrer .legende2{ background:#c3eec3; }
.allefahrer .legende6{ background:#c3c3ee; }
.allefahrer .fahrer .svg{ display:inline-block; height:1em; fill:#888; vertical-align: top; }
.allefahrzeuge .fahrzeug .svg{ display:inline-block; height:1em; fill:#aaa; vertical-align: top;}
.calendar_table .svg{ display:inline-block; height:1.2em; fill:#888; vertical-align: top; }

.allefahrzeuge{ user-select: none; position:fixed; bottom:0;right:0; background:#fff; z-index:100; width:calc(100% - 2em); white-space: normal; box-shadow:0 0 1em rgba(0,0,0,.2); max-height: 0; padding: 0; transition: all ease .5s; }
.allefahrzeugev{ max-height: 100vh; padding: 1em; z-index:101; }
.allefahrzeuge .btn{ position:absolute; top:-3em; right:9em; background: #332b52; padding: .5em 1.2em; color: #fff; cursor: pointer; border-radius: .2em; box-shadow: 0 0.1em 0.1em rgba(0,0,0,.4); border: 1px solid #332b52; text-shadow: 0 1px 0 rgba(0,0,0,.1); }
.allefahrzeuge .btn span{ display:inline-block; transform:rotate(0deg); transition: all ease .5s; }
.allefahrzeugev .btn span{ transform:rotate(180deg); }
.allefahrzeuge .fahrzeug{ display:inline-block; background:#f3f3f3; margin:.3em; padding:.3em; cursor:pointer; border:1px solid #e3e3e3; border-left:.4em solid #e3e3e3; }
.allefahrzeuge .fahrzeug1{ border-left:.4em solid #eec3c3; }
.allefahrzeuge .fahrzeug2{ border-left:.4em solid #c3eec3; }
.allefahrzeuge .fahrzeug5{ border-left:.4em solid #c3eec3; }
.allefahrzeuge .fahrzeug3{ border-left:.4em solid #c3c3ee; }
.allefahrzeuge .fahrzeug8{ border-left:.4em solid #eec3ee; }
.allefahrzeuge .fahrzeug9{ border-left:.4em solid #d399ee; }
.allefahrzeuge .fahrzeug111{ border-left:.4em solid #c88931; }
.allefahrzeuge .legende{ display:inline-block; background:#e3e3e3; margin:.4em; padding:.4em; cursor:pointer; float:right; }
.allefahrzeuge .legende1{ background:#eec3c3; }
.allefahrzeuge .legende2{ background:#c3eec3; }
.allefahrzeuge .legende5{ background:#c3eec3; }
.allefahrzeuge .legende3{ background:#c3c3ee; }
.allefahrzeuge .legende8{ background:#eec3ee; }
.allefahrzeuge .legende9{ background:#d399ee; }
.allefahrzeuge .legende111{ background:#c88931; }

.allefahrzeugefrei .fahrer{ display:inline-block; background:#f3f3f3; margin:.3em; padding:.3em; cursor:pointer; border:1px solid #e3e3e3; border-left:.4em solid #e3e3e3; }
.allefahrzeugefrei .fahrer1{ border-left:.4em solid #eec3c3; }
.allefahrzeugefrei .fahrer2{ border-left:.4em solid #c3eec3; }
.allefahrzeugefrei .fahrer6{ border-left:.4em solid #c3c3ee; }
.allefahrzeugefrei .legende{ display:inline-block; background:#e3e3e3; margin:.4em; padding:.4em; cursor:pointer; float:right; }
.allefahrzeugefrei .legende1{ background:#eec3c3; }
.allefahrzeugefrei .legende2{ background:#c3eec3; }
.allefahrzeugefrei .legende6{ background:#c3c3ee; }
.allefahrzeugefrei .fahrer .svg{ display:inline-block; height:1em; fill:#888; vertical-align: top; }

.allefahrzeugefrei{ user-select: none; position:fixed; bottom:0;right:0; background:#fff; z-index:100; height:100vh; white-space: normal; box-shadow:0 0 1em rgba(0,0,0,.2); max-width: 0; padding: 0; transition: all ease .5s; }
.allefahrzeugefreiv{ max-width: 44vw;min-width: 22vw; padding: 1em; z-index:101; height:calc(100vh - 2em); }
.allefahrzeugefrei .btn{ position:absolute; top:4em; left:-12em; background: #332b52; padding: .5em 1.2em; color: #fff; cursor: pointer; border-radius: .2em; box-shadow: 0 0.1em 0.1em rgba(0,0,0,.4); border: 1px solid #332b52; text-shadow: 0 1px 0 rgba(0,0,0,.1); }
.allefahrzeugefrei .btn span{ display:inline-block; transform:rotate(0deg); transition: all ease .5s; }
.allefahrzeugefreiv .btn span{ transform:rotate(180deg); }
.allefahrzeugefrei .fahrzeug{ display:inline-block; background:#f3f3f3; margin:.3em; padding:.3em; cursor:pointer; border:1px solid #e3e3e3; border-left:.4em solid #e3e3e3; }
.allefahrzeugefrei .fahrzeug1{ border-left:.4em solid #eec3c3; }
.allefahrzeugefrei .fahrzeug2{ border-left:.4em solid #c3eec3; }
.allefahrzeugefrei .fahrzeug5{ border-left:.4em solid #c3eec3; }
.allefahrzeugefrei .fahrzeug3{ border-left:.4em solid #c3c3ee; }
.allefahrzeugefrei .fahrzeug8{ border-left:.4em solid #eec3ee; }
.allefahrzeugefrei .fahrzeug9{ border-left:.4em solid #d399ee; }
.allefahrzeugefrei .fahrzeug111{ border-left:.4em solid #c88931; }
.allefahrzeugefrei .legende{ display:inline-block; background:#e3e3e3; margin:.4em; padding:.4em; cursor:pointer; float:right; }
.allefahrzeugefrei .legende1{ background:#eec3c3; }
.allefahrzeugefrei .legende2{ background:#c3eec3; }
.allefahrzeugefrei .legende5{ background:#c3eec3; }
.allefahrzeugefrei .legende3{ background:#c3c3ee; }
.allefahrzeugefrei .legende8{ background:#eec3ee; }
.allefahrzeugefrei .legende9{ background:#d399ee; }
.allefahrzeugefrei .legende111{ background:#c88931; }
.allefahrzeugefrei .fahrzeug .svg{ display:inline-block; height:1em; fill:#aaa; vertical-align: top;}

.allefahrzeugefrei .wtbtn{ display:inline-block; background: #332b52; padding: .5em 1.2em; margin: .3em; color: #fff; cursor: pointer; border-radius: .2em; text-align: center; box-shadow: 0 0.1em 0.1em rgb(0 0 0 / 40%); border: 1px solid #332b52; text-shadow: 0 1px 0 rgb(0 0 0 / 10%); }
.allefahrzeugefrei .wtbtnon{ text-decoration:underline; font-weight:bold; }
.allefahrzeugefrei .wt{ display:none; }

.fahrer .fdouble{ color:#dd7700; }
.fahrzeug .fdouble{ color:#cc6600; }

.fahrer .ftriple{ animation: 1s ftriple ease-in-out infinite; }
.fahrzeug .ftriple{ animation: 1s ftriple ease-in-out infinite; }
@keyframes ftriple { 0% { background: rgba(255,0,0,0); } 50% { background: rgba(255,0,0,.3); } 100% { background: rgba(255,0,0,0); } }


.dsmall{ border-collapse:collapse; }
.dsmall td{ padding:0 1.5em 0 .5em; }
.dsmall td:nth-child(2n+1){ padding:0 .5em 0 1.5em; }

.dsmallfiles{ list-style: none; }
.dsmallfiles li{ margin:.5em; }
.dsmallfiles a{ color:#333; }
.dsmallfiles .svgc{ height: 1.6em; vertical-align:middle; fill:#333; }

.dsmalltable{border-collapse:collapse;}
.dsmalltable td{ border:1px solid #666; padding:0 .5em; text-align:center; }

.pDiv{ z-index: 5000; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #000; background: #eee; padding: 1em; border: 1px solid #aaa; box-shadow: 0 0.1em 2em rgba(0,0,0,.3); min-width: 20em; min-height: 5em; font-size:.95em; }
.pDiv .close{ display: inline-block; background: #3d50fa; padding: .5em 1.2em; color: #fff !important; text-decoration: none !important; cursor: pointer; border-radius: .2em; text-align: center; box-shadow: 0 0.1em 0.1em rgba(0,0,0,.4); border: 1px solid #3d50fa !important; text-shadow: 0 1px 0 rgba(0,0,0,.1); position: absolute; right: -.5em; top: -.5em; }
.pDiv .pDivI{ padding-top:1em;max-height:75vh; overflow:auto; }
.pDivI::-webkit-scrollbar { width: .8em !important; }
.pDivI:hover::-webkit-scrollbar { width: .8em !important; }

.noteschecksbox{ width: calc(100% - 12em); float: right; background: rgba(255,255,255,1); box-shadow: 0 0.05em 0.02em rgba(0,0,0,.05); border: 1px solid rgba(221,221,221,1); border-radius: .2em; margin: 1em 0; }
.notesbox,.checksbox{ width:50%; display: inline-block; vertical-align: top; position:relative }
.noteschecksbox .btn{ background: rgba(87,79,237,1);color: #fff;right: 1.5em;bottom: -1em;width: 1em;height: 1em;display: block;padding: .5em;text-align: center;border-radius: 1em;line-height: 1em;cursor: pointer; }
.notesbox span, .checksbox span{ position: absolute; z-index: 2; font-size: .85em; color: rgba(136,136,136,1); background: rgba(255,255,255,1); padding: 0 .4em; margin: -.75em 0 0 1em; height: 1em; }
.notesbox textarea{ padding: 1.2em 1em; border-radius: .2em; width: calc(100% - 3em - 2px); border: 1px solid rgba(204,204,204,1); outline: none; margin: 0 .5em; height: 4em; background: rgba(255,255,255,1); }
.checksbox textarea{ display:none; }
.checksbox div{ padding: 1.2em 1em; border-radius: .2em; width: calc(100% - 3em - 2px); border: 1px solid rgba(204,204,204,1); outline: none; margin: 0 .5em; height: 4em; background: rgba(255,255,255,1); overflow:auto; }
.checksbox label{ margin:0 2em 0 0; }



div::-webkit-scrollbar { width: 0; }
div::-webkit-scrollbar-track { background: #f0f0f0;  }
div::-webkit-scrollbar-thumb { background: #ccc; border-radius: .8em; }
div::-webkit-scrollbar-thumb:hover { background: #bbb; }

div:hover::-webkit-scrollbar { width: .8em; }
div:hover::-webkit-scrollbar-track { background: #f0f0f0;  }
div:hover::-webkit-scrollbar-thumb { background: #ccc; border-radius: .8em; }
div:hover::-webkit-scrollbar-thumb:hover { background: #bbb; }

.stickybuttons{ background: #fff; position: sticky; bottom: 0; border-top: 1px solid rgb(225,225,225); z-index:11; }
.stickybuttons2{ background: #fff; position: sticky; bottom: 0; border: 1px solid rgb(225,225,225); z-index:11; }

#dailyDays{ white-space:nowrap; overflow:auto; }
#dailyDays .day{ display:inline-block; padding:.3em .6em; margin:.1em; color:#000; background:#ddd; border-radius:.2em; cursor:pointer; }
#dailyDays .dayon{ color:#fff; background:#332b52; }
#dailyDay .box5{ width:calc(20%) !important; display:inline-block; vertical-align:top; padding:.5em 0; position:relative; }
#dailyDay .box4{ width:calc(25%) !important; display:inline-block; vertical-align:top; padding:.5em 0; position:relative; }
#dailyDay .box3{ width:calc(33.333%) !important; display:inline-block; vertical-align:top; padding:.5em 0; position:relative; }
#dailyDay .box2{ width:calc(50%) !important; display:inline-block; vertical-align:top; padding:.5em 0; position:relative; }
#dailyDay .box1{ width:calc(100%) !important; display:inline-block; vertical-align:top; padding:.5em 0; position:relative; }

.margin2{ margin:2em !important; }
.attachment{ background:#fff; box-shadow:0 0.05em 0.02em rgba(0,0,0,.05); border: 1px solid rgb(225,225,225); border-radius:.2em; margin:.2em; display:inline-block; color:#000; text-decoration:none; padding:.5em 1em; }
.attachment:hover{ background:#f3f3f3; }
.attachment svg{ height: 1.4em; vertical-align: middle; margin-right:.3em; }

.c_cust{ fill:#fff; background: #88aa88; padding: .2em; border-radius: 1em; }
.c_sub{ fill:#fff; background: #ccaa88; padding: .2em; border-radius: 1em; }
.c_mailout{ fill:#fff; background: #8877aa; padding: .2em; border-radius: 1em; }
.c_mailin{ fill:#fff; background: #aa7788; padding: .2em; border-radius: 1em; }
.c_phone{ fill:#fff; background: #66aaaa; padding: .2em; border-radius: 1em; }
.c_files{ fill:#fff; background: #aa66aa; padding: .2em; border-radius: 1em; }
.c_note{ fill:#fff; background: #6666aa; padding: .2em; border-radius: 1em; }
.c_changes{ fill:#fff; background: #999999; padding: .2em; border-radius: 1em; }
.svgl{ height: 1.6em; vertical-align:middle }

.inpbox svg{ height: 1.4em; vertical-align: middle; }

.mail h2{ margin:0; }
.mail h2 input[type="text"]{ border: 1px solid #ddd; padding: .2em; width: calc(100% - 20em); }
.mail .date{ font-size:1.1em; color:#888; margin-bottom:1em; }
.mail .from{ margin:.5em 0; }
.mail .from::before{content:'From:';display:inline-block; width:4em; font-weight:bold; }
.mail .to{ margin:.5em 0; }
.mail .to::before{content:'To:';display:inline-block; width:4em; font-weight:bold;}

.mailbuttons{ position:sticky; top:0; background:#f0f0f0; border-bottom:1px solid #ddd; padding:.5em; text-align:right; z-index:99; }

#mailiframe{ border:0; width:100%; }
#mailtextarea{ display:none; }

.cpEditor_menu { border-radius: .2em .2em 0 0; background:#ddd; padding:.2em; position:relative; xbackground-image: linear-gradient(to top, #ccc 0%, #eee 100%); }
.cpEditor_menu .buttons{ background-image: linear-gradient(to top, #e3e3e3 0%, #fff 100%); display:inline-block; white-space:nowrap; vertical-align:middle; margin:.2em; border:1px solid #ddd; box-shadow:0 .04em .1em rgba(0,0,0,.1); }
.cpEditor_menu .buttons svg{ height: 1em; padding: .3em .8em .3em .8em; vertical-align: middle; cursor:pointer; }
.cpEditor_menu .buttons svg:hover{ background:rgba(87,79,237,1); fill:#fff; }
.cpEditor_menuitem { cursor:pointer; position:relative; padding:.2em .8em; display:inline-block; }
.cpEditor_menuitem:hover{ background:rgba(87,79,237,1); color:#fff; }
.cpEditor_menu .mode{ display:inline-block; vertical-align:middle; font-size:.9em; color:rgba(0,0,0,.75) }

.cpEditor_body { background:#ffffff; border:1px solid #ccc; border-top:0;position:relative; border-radius: 0 0 .2em .2em; }
.cpEditor_iframe { width:100%; height:350px; }
.cpEditor_textarea { width:100% !important; height:350px; border:0px !important; padding:0px !important; display:none; }
.cpEditor_sep { width:0px; float:left; margin:.2em .4em; border:1px solid; border-color:rgba(0,0,0,0) rgba(255,255,255,.2) rgba(0,0,0,0) rgba(0,0,0,.2); height:1.5em; position:relative; vertical-align:middle; }
.cpEditorHTML { width:99%;border:0px;height:300px;padding:0px;margin:0px; }
.cpEditorPlain { width:99%;border:0px;height:300px;padding:0px;margin:0px;display:none; }

.nobr{ white-space:nowrap; }

.paddingH{ padding:.5em; }
.marginH{ margin:.5em; !important; }
.margin1{ margin:1em; !important; }

.theader{ padding:1em; }
.theader::after{ content:' ';clear:both; display:block; }
.seiten{ float:right; }
.cppageon { text-decoration:none; border:1px solid #ccc; color:#fff; min-width:2.2em; text-align:center; display:inline-block; border-radius:.2em; margin:.2em; background:#332b52; padding:.5em 0; }
.cppageoff { text-decoration:none; border:1px solid #ccc; color:#000; min-width:2.2em; text-align:center; display:inline-block; border-radius:.2em; margin:.2em; padding:.5em 0; }
.cppageoff:hover { background:rgba(0,0,0,.1); }

.fremdinfo{ display:none; position:fixed;bottom:.5em; right:.5em; z-index:1000; background:#ffffff; color:#000000; padding:.5em; border-radius:.2em; }
.fremdmap{ display:none; position:fixed;width:calc( 50% ); height:100vh; top:0; right:0; box-shadow:-.5em 0 1em rgba(0,0,0,0.5); z-index:999 !important; background:#fff; }

.fsuche h3{ font-size:1.2em; font-weight:bold; border-bottom:1px solid #ccc; margin:0; padding: 1.5em 0 0 0; }
.fsuche:first-child h3{ padding: 0;  }
.fsuche a{ color:#000; text-decoration:none; display:block; padding:.1em; margin:.1em; }
.fsuche a:hover{ background:#eee; text-decoration:underline; }
.fsuche .hint{ background: #f44133; color: #ffffff; border-radius: .2em; width: 1em; height: 1em; display: inline-block; line-height: 1em; text-align: center; padding: .2em .1em 0 .1em; margin: 0 .2em; }

.logselector{ background:#eee; border-radius:1em; display:inline-block; margin:.4em; padding:.1em .1em .1em .3em; }

.Centerbox{ z-index:100; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); }
.PopupLogo{ text-align:center; }
.PopupLogo img{ max-width:9em; }
.Popup { background:#fff; border:1px solid #ccc; width:20em; border-radius:.2em; }
.PopupHead { padding:7px 8px 7px 8px; color:#ffffff; background:#2a8bc0; }
.PopupBody { padding:1.2em; border-radius:.2em; }
.Popup input[type="text"], .Popup input[type="password"] { border:1px solid #ccc; border-radius:.2em; padding:.8em 1em; width:calc(100% - 2em - 2px); margin-bottom:.5em;}
.Popup select { border:1px solid #ccc; border-radius:.2em; padding:.8em 1em; width:calc(100% - 2px); margin-bottom:.5em; box-sizing:border-box;}
.Popup input[type="submit"] { background:#332b52; border-radius:.2em; cursor:pointer; padding:1em; color:#ffffff; text-decoration:none; display:block; border:0; width:calc(100%); }
.Popup input[type="submit"]:hover{}
.Popup .title{ font-size:.85em; }

#head { top:0; z-index:100;background:#332b52; display:block; height:calc(3em); width:100%; position:fixed; }
#head .togglemenu{ float:left; line-height:1em; margin: .2em; cursor:pointer; }
#head .togglemenu svg{ fill: #ffffff; height: 2.6em; margin: 0 1em 0 1em; }
#head .loggedindiv { float:left; color:#fff; text-align:center; font-weight:bold; line-height:1em; margin: .2em; padding: .9em 1em .8em 1em; }
#head .tasks{ float:right; color:#332b52; text-align:center; font-weight:bold; line-height:1em; margin: .2em; padding: .9em 1em .8em 1em; border-radius: .2em; background:#fff; cursor:pointer; }
#head .chats{ float:right; color:#332b52; text-align:center; font-weight:bold; line-height:1em; margin: .2em; padding: .9em 1em .8em 1em; border-radius: .2em; background:#fff; cursor:pointer; }
#head .tasks .nr, #head .chats .nr{ background:#ff0000; color:#fff; width:1.8em; line-height:1.8em; text-align:center; display: inline-block; border-radius: 1.8em; font-size: .8em; vertical-align: top; margin: -.4em -.3em -.4em .2em; padding:.1em; }
#head .tasks .nr2, #head .chats .nr2{ background:#ff7700; color:#fff; width:1.8em; line-height:1.8em; text-align:center; display: inline-block; border-radius: 1.8em; font-size: .8em; vertical-align: top; margin: -.4em -.3em -.4em .2em; padding:.1em; }

#head.alarm{ animation: 2s headalarm ease-in-out infinite; }
@keyframes headalarm {
	0% { background: #332b52; }
	50% { background: #b63d3d; }
	100% { background: #332b52; }
}

.tableframesmall .nr{ background:#ff0000; color:#fff; width:1.8em; line-height:1.8em; text-align:center; display: inline-block; border-radius: 1.8em; font-size: .8em; vertical-align: top; margin: -.2em -.3em -.2em .2em; padding:.1em; }
.tableframesmall .bgred{ background:#ffbbbb; }
.tableframesmall tr:nth-child(2n) .bgred{ background:#ffaaaa; }
.tableframesmall .bggreen{ background:#bbffbb; }
.tableframesmall tr:nth-child(2n) .bggreen{ background:#aaffaa; }
.tableframesmall .th2{ background: #ccc; }
.tableframesmall .mapico img{ width: 1.4em; height: 1.4em; margin: .05em; }
.tableframesmall .mapico{ float: right; }
.tableframesmall tr.done td, .tableframesmall tr.done:hover td{ background:rgba(0,255,0,.35) !important; border-bottom: 1px solid rgba(0,255,0,.4) !important; }
.tableframesmall tr:nth-child(2n).done td, .tableframesmall tr:nth-child(2n).done:hover td{ background:rgba(0,255,0,.3) !important; border-bottom: 1px solid rgba(0,255,0,.4) !important; }
.tableframesmall tr.alarm td, .tableframesmall tr.alarm:hover td{ background:rgba(255,0,0,.35) !important; border-bottom: 1px solid rgba(255,0,0,.4) !important; }
.tableframesmall tr:nth-child(2n).alarm td, .tableframesmall tr:nth-child(2n).alarm:hover td{ background:rgba(255,0,0,.3) !important; border-bottom: 1px solid rgba(255,0,0,.4) !important; }

.tableframesmall.linkneutral tr:hover td{ background:none; }
.tableframesmall.linkneutral td{ border:1px solid rgba(0,0,0,.05); }

.dispotable{ width:100%; cursor:pointer; border-collapse:collapse; }
.dispotable tr{ border-bottom:1px solid #ddd; }
.dispotable td{ padding:.2em; position:relative; }
.dispotable tr:nth-child(2n) td{ background:#f3f3f3; }
.dispotable td:first-child{ text-align:right; width:12em; }
.dispotable .dispoblock{ opacity:.6; background:#00aaff; display:block; height:1em; position:absolute; color:#fff; text-align:center; overflow:hidden;}
.dispotable .dispodz{ display:inline-block;position:absolute;background:#00ff00;height:1em; opacity:.3; }
.dispotable #dispo00 .dispoblock{ position:relative; margin:.1em 0; background:#ff4400; }

.chat{ height:calc(100vh - 10em); background:#332b52;}
.chatL{ width:20em; display:inline-block; overflow:auto; vertical-align:bottom; max-height:100%; }
.chatL a{ display:block; margin:.4em; padding:.4em; text-decoration:none; color:#fff; }
.chatL a:hover{ background:rgba(255,255,255,.2); }
.chatL .active{ background:rgba(255,255,255,.2); }
.chatL .user{ color:#fff; width:2.5em;line-height:2.5em;display:inline-block;text-align:center;background:#444; border-radius:1.25em; font-size:.85em; }
.chatL .nr{ background:#ff0000; color:#fff; width:1.8em; line-height:1.8em; text-align:center; display: inline-block; border-radius: 1.8em; font-size: 1em; vertical-align: top; margin:0 1em; padding:.1em; }
.chatR{ width:calc(100% - 20em); display:inline-block; height:100%; vertical-align:top; background:#fff; }
.chatR .read{ height:calc(100% - 11em); overflow:auto; }
.chatR .write{ height:10em; background:#000; padding:.5em; background:rgba(87,79,237,.2); }
.chatR .write textarea{ height:7em; width:calc(100% - .5em); padding:.25em; margin:0; border:0; }
.chatR .writeBtn{ text-align:center; font-weight:bold; color:#fff; background:#332b52; margin:0; padding:.5em; cursor:pointer; }

.chatR .message{ margin:1em; }
.chatR .useri{ width:3em; display:inline-block; vertical-align:top; }
.chatR .usert,.chatR .user2t{ max-width:calc(100% - 8em); display:inline-block; vertical-align:top; background:#fff; border:1px solid #ddd; box-shadow:0 .04em .04em rgba(0,0,0,.1); padding:.4em 1em; border-radius:1em; }
.chatR .user{ color:#fff; width:2.5em;line-height:2.5em;display:inline-block;text-align:center;background:#444; border-radius:1.25em; font-size:.85em; }
.chatR .bold{ font-weight:bold; }
.chatR .date{ font-size: .85em; font-weight: bold; color: #aaa; margin-bottom: .1em; }
.chatR svg{ height: 1.4em; vertical-align: middle; fill: #aaa; cursor:pointer; }

.calc_table{ border-collapse:collapse; display:block; margin:auto; }
.calc_table td{ background:#f3f3f3; padding:.5em; border:1px solid #ddd; }
.calc_table td:first-child{ background:#e3e3e3; text-align:right; }
.calc_table input[type='text']{ border:0; padding:.5em; width:100%; box-sizing:border-box; }
.calc_table select{ border:0; padding:.5em; width:100%; }


#headtimedate{ float:right; color:#ddd; text-align:center; height:2em; margin:.3em 1em 0 0;}
#headtime{ line-height:1.2em; font-size:1.7em; display:inline-block; }
#headdate{ line-height:1.2em; font-weight:bold; font-size:1.1em; display:inline-block; margin:0 1em; }
#headmail{ float:right; color:#ddd; text-align:right; height:2em; margin:.3em 1em 0 0; background-image:url('../login_pics/mail.png'); width:3.8em; background-size: 2em; background-position:bottom; background-repeat:no-repeat; cursor:pointer;}
#headmailc{ background:#332b52; color:#fff; display:inline-block; padding:.2em .5em; border-radius:.2em; line-height:1.4em; font-size:.9em; }

.inpbox{ margin:1.5em 0; width:100%; position:relative; }
.inpbox span{ position:absolute;z-index:2; font-size:.85em; color:#888; background:#fff; padding:0 .4em; margin:-.75em 0 0 1em; height:1em; }
.inpbox input[type='text']{ padding:0 1em; border-radius:.2em; width:calc(100% - 3em - 2px); border:1px solid #ccc; outline: none; margin:0 .5em; line-height:3.6em; height: 3.6em; }
.inpbox .forminputtime{ width:2em !important; }
.inpbox select{ padding:0 1em; border-radius:.2em; width:calc(100% - 3em - 2px); border:1px solid #ccc; outline: none; margin:0 .5em; box-sizing: content-box; height: calc(3.6em - 2px); }
.inpbox select option{ background:#f3f3f3; }
.inpbox textarea:focus,.inpbox input[type='text']:focus,.inpbox select:focus{ border-color:#332b52; outline: none; }
.inpbox textarea{ padding:1.2em 1em; border-radius:.2em; width:calc(100% - 3em - 2px); border:1px solid #ccc; outline: none; margin:0 .5em; min-height: 4em; }
.inpbox .datum{ border-radius:.2em; width:calc(100% - 3em - 2px); border:1px solid #ccc; outline: none; margin:0 .5em; padding:0 1em; }
.inpbox .datum select{ border:0; padding:.6em 0; width:calc(33% - 1em); }
.inpbox4 .datum select{ border:0; padding:0; width:calc(33% - 1em); }
.inpbox .datum label{ font-size:.8em; }
.inpbox .datum input[type="file"]{ height:3.6em; line-height:3.6em; margin: 0; vertical-align: middle; }
.inpbox .datum input[type="checkbox"]{ height:3.6em; line-height:3.6em; margin: 0; vertical-align: middle; }
.inpbox .checkbox{ line-height: 3.8em; padding:0 1em; }

.cpPrompt .inpbox{ margin:1em 0; }
.cpPrompt .inpbox input[type='text']{ padding:0 1em; }
.cpPrompt .inpbox select{ padding:0 1em; }
.cpPrompt .inpbox textarea{ padding:0 1em; }

.inpboxi { padding:1.2em 1em; border-radius:.2em; width:calc(100% - 1em - 2px); border:1px solid #ccc; outline: none; margin:0 .5em; box-sizing: border-box; }
.inpboxi input[type='password']{ border-radius:.2em; border:1px solid #ccc; outline: none; }
table.inpboxi { font-size:1em; }
table.inpboxi .forminputs{ padding:.2em; }
.inpbox2{ width:50% !important; display:inline-block; vertical-align:top; }
.inpbox2 input[type='text']{ width:calc(100% - 1em - 2em); }
.inpbox4{ width:25% !important; display:inline-block; vertical-align:top; }
.inpbox4 input[type='text']{ width:calc(100% - 1em - 2em); }
.inpbox{ margin:1em 0; }
.inpbox4 input[type='text']{ padding:0 1em; }
.inpbox4 select{ padding:0 1em; }
.inpbox4 textarea{ padding:.75em 1em; }
.inpbox3{ width:33.33% !important; display:inline-block; vertical-align:top; }
.inpbox6{ width:16.66666% !important; display:inline-block; vertical-align:top; }
.inpbox7{ width:14.28% !important; display:inline-block; vertical-align:top; }
.inpbox72{ width:28.56% !important; display:inline-block; vertical-align:top; }

.prompt { z-index:2000; position:absolute; background:#ffffff; padding:0; box-shadow:0 0.2em 0.4em rgba(0,0,0,0.5); }
.prompt .promptHead { padding:1em 1em; font-size:1.3em; font-weight:bold; }
.prompt .promptBody { padding:1em 1em; border-radius:8px; }
.prompt .promptBody select { border:1px solid #3473db; padding:0.3em 1% 0.3em 1%; border-radius:.1em; max-width:96%; margin:0.2em 0;}
.prompt .promptBody input[type="text"] { border:1px solid #3473db; padding:0.3em 1% 0.3em 1%; border-radius:.1em; margin:0.2em 0; max-width:96%; }
.prompt .promptBody textarea { height:3em; border-radius:2px; border:1px solid #3473db; padding:0.3em 1% 0.3em 1%; margin:0.2em 0; max-width:96%; border-radius:.1em; }
.prompt input[type="submit"],.prompt input[type="button"],.cpPrompt input[type="button"] { border:0; cursor:pointer; padding:0.4em 0.8em; color:#fff; text-decoration:none; background:#332b52; margin:0.1em; border-radius:.2em; box-shadow:0 0.1em 0.2em rgba(0,0,0,0.3);}
.prompt input[type="submit"]:hover ,.prompt input[type="button"]:hover ,.cpPrompt input[type="button"]:hover { background:#332b52; }

.searchtable input[type="text"] { border: 1px solid #332b52 !important; }
.searchtable select { border: 1px solid #332b52 !important; }

.confirmBG{ position:fixed; top:0; z-index:6000; background:rgba(211,211,211,.8); width:100%; height:100vh; display: flex; justify-content: center; align-items: center; }
.cpPrompt { z-index:6001; background: #fff; box-shadow: 0 0.3em 2em rgba(0,0,0,.2); border: 1px solid rgb(225,225,225); border-radius:.2em; }
.cpPromptHead { padding:.5em 1em; border-bottom:1px solid rgb(225,225,225);  font-size:1.2em; font-weight:bold; }
.cpPromptBody { padding:1em 1em; min-width:min(20em, 33vw);}
.cpPrompt .buttons{ padding:.5em 1em; border-top:1px solid rgb(225,225,225); }

.cpPromptDate { border:1px solid; border-color:#aaaaaa #777777 #777777 #aaaaaa; background:#dddddd; padding:1px;  }
.cpPromptDateBG select{ width: calc(100%); border: 0; padding: .5em; border-bottom: 1px solid #ddd; }
.cpPromptDateBG select option{ background:#f3f3f3; }
.cpPromptDateBG { background: #f3f3f3; margin: 1em; width: calc(21em); clear:both; cursor:pointer;  }
.cpPromptDateOn { width:calc(2.8em - 2px); border:1px solid #009900; height:1em; line-height:1em; height:calc(2.8em - 2px); line-height:calc(2.8em - 2px); text-align:center; float:left; border-radius: 2em; font-weight: bold; color: #fff; background: #00aa00; margin:.1em; }
.cpPromptDateMed { width:calc(2.8em - 2px); border:1px solid #ddd; height:1em; line-height:1em; height:calc(2.8em - 2px); line-height:calc(2.8em - 2px); text-align:center; float:left; border-radius: 2em; font-weight: bold; background: #ffffe8; margin:.1em; }
.cpPromptDateOff { width:calc(2.8em - 2px); background:#fff; border:1px solid #ddd; height:calc(2.8em - 2px); line-height:calc(2.8em - 2px); text-align:center; float:left; border-radius: 2em; margin:.1em;  }
.cpPromptDatePH { width:calc(3em); height:calc(3em - 2px); line-height:calc(3em - 2px); float:left; }


.promptDate{ max-width:30em; background:#ffffff; box-shadow:0px .05em .1em rgba(0,0,0,0.3); position: absolute; z-index: 1510; display: block; }
.promptDate .cancelbtn{ position:absolute; padding: .1em .5em; right:0; cursor:pointer; }
.datediv{ text-align:center; }
.promptYear{ background:#fff; border:0; display:inline-block; padding:.5em; }
.promptMonth{ background:#fff; border:0; display:inline-block; padding:.5em; }
.promptDateDiv{ width:calc(14% - 2px); display:inline-block; cursor:pointer; border-bottom:1px solid #ddd; padding:.4em 0; }
.promptDateOn{ border:1px solid #dc6248; }
.promptDateHead{ font-weight:bold; }

.taxok,.taxnok{ display:block; margin:1em; padding:.5em;background:#00aa00; color:#fff; text-align:center;text-decoration:none;font-weight:bold; border-radius:.2em; text-shadow:0 1px 0 rgba(0,0,0,.2); }
.taxnok{ background:#aa0000; }

.leftmenulogo{ text-align:center; margin:1em; }
.leftmenulogo a{ background:url('../login_pics/logo.png'); background-size: contain; width:11em; height:5em; display:inline-block; background-repeat:no-repeat; background-position:center; }
.leftmenulogo img{ max-width:4em; }

.wdiv{ background:#fff; box-shadow:0 .05em .02em rgba(0,0,0,.05); border:1px solid rgb(225,225,225); border-radius:.2em; margin:1em 0; }
.wdiv .padding,.padding{ padding:1em; }
.wdiv hr{ border:0; height:1px; background:rgb(225,225,225); margin:0; }

.wdiv2l{ float:left; width:calc(49.5% - 2px); vertical-align:top; }
.wdiv2r{ float:right; width:calc(49.5% - 2px); vertical-align:top; }
.wdiv2r h3,.wdiv2l h3{margin: 0; padding: .5em 0;}

.bb1{ border-bottom:1px solid #ddd; padding:.4em; }
.bb1 hr{ margin:.3em 0; }
.bb1:nth-child(2n){ background:#eee; }
.bb1 .date{ font-weight:bold; }
.bb1 .tour{ font-weight:bold; }
.bb1 a{ text-decoration:none; font-size:1.1em; color:#332b52; }
.bb1 .fremd{ color:#332b52; cursor:pointer; font-weight:bold;}

.tabsbody .div2, .wdiv .div2{ padding:0 1em; border-radius:.2em; width:calc(100% - 3em - 2px); border:1px solid #ccc; margin:0 .5em; line-height: 3.6em; height: 3.6em; }
.tabsbody .div2B, .wdiv .div2B{ padding:0 1em; border-radius:.2em; width:calc(100% - 3em - 2px); border:1px solid #ccc; margin:0 .5em; }
.inpbox .div2 input[type='text']{ width:auto; border:0; }
.tabsbody .div2M, .wdiv .div2M{ padding:1.2em 1em; border-radius:.2em; width:calc(100% - 3em - 2px); border:1px solid #ccc; margin:0 .5em; }
.tabsbody h3{ clear:both; }

.buchungsdiv{ position:fixed; top:0; left:0; z-index:1000; width:90vw; height:100vh; background:#fff; border-left: 5vw solid #f0f0f0; border-right: 5vw solid #f0f0f0; opacity:1; transition: all ease .5s; }
.buchungsdivoff{ opacity:0; left:-100vw; }
.buchungsdiv iframe{ width:90vw; height:100vh; border:0; }
.buchungsdivH{ position:fixed; top:0; right:0vw; z-index:1001; width:50vw; height:100vh; background:#fff; border-left: 1px solid #ccc; opacity:1; transition: all ease .5s; box-shadow: -1em 0 4em rgba(0,0,0,0.25); }
.buchungsdivH iframe{ width:50vw; height:100vh; border:0; }

.bettercb{ position:absolute; opacity:0; }
.bettercb2{ width:1.5em; height:1.5em; background:#fff; display:inline-block; vertical-align:middle; border:1px solid #ccc; border-radius:.2em; cursor:pointer; }
.bettercb2::after{ width:.4em; height:.8em; border-bottom:.15em solid #332b52; border-right:.15em solid #332b52; display:block; content:' '; transform:rotate(45deg); margin:.15em .5em; display:none; }
input:checked ~ .bettercb2::after { display: block; }

.imgdiv { position:relative; float:left; border:1px solid; border-color: #f4f4f4 #bbbbbb #bbbbbb #f4f4f4; padding:2px; margin:2px; background:#dddddd; width:110px; height:130px; overflow:none; text-align:center; }
.imgdiv  img{ max-width:110px;max-height:110px; }

.cpPopupmenu { z-index:100; position:absolute; background:#fff; border:1px solid #ccc; padding:0; border-radius:.2em; box-shadow:0 .1em .4em rgba(0,0,0,.2); }
.cpPopupmenuHead { padding:.5em 1em; color:#ffffff; background:#332b52; }
.cpPopupitem { padding:.5em 1em; cursor:pointer; border-left:.4em solid #fff; }
.cpPopupitem:hover { border-left:.4em solid #332b52; background:#eee; }
.cpPopupitem hr{ margin: 0; padding: 0; border: 0; border-bottom: 1px solid #ddd; }


.bar { background:#d5d5d5; border:1px solid; border-color:#c5c5c5 #b5b5b5 #b5b5b5 #c5c5c5;padding:10px; margin:2px; }
form { margin:0px; padding:0px; }
body { padding:0px; margin:0px; width:100%; font-family:Volte, Helvetica, sans-serif; font-size: calc( .4vmax + .5em ); }
#body { display:block; height:calc(100% - 3em); margin-top:3em; font-size:calc( 1em * ( 100vw / 1 ) ); }

#body.body_off #body_left{ margin-left:-18% !important; }
#body.body_off #body_right{ width:100% !important; }


#body_left { display:block; width:13%; height:calc(100% - 3em); float:left; overflow:auto; background:#f0f0f0; position:fixed; background: #fff; box-shadow: 1px 0 1em rgba(0,0,0,.2); transition: all ease .5s; }
.leftmenu { text-shadow:0 1px 0 rgba(255,255,255,1); }
.leftmenu a svg{ fill: #858da6; vertical-align: middle; height: 1.3em; margin: 0 0 .2em 0; transition: all ease 1s; }
.leftmenu a:hover svg{ fill: #fff; transform:rotate3d(0,1,0,360deg); }
.leftmenu a,.leftmenu div{ cursor:pointer;display:block;padding:.35em 1.2em .1em 1.2em; text-decoration:none; color:#858da6; }
.leftmenu a img,.leftmenu div img { vertical-align:middle; }
.leftmenu a:hover,.leftmenu div:hover{ background:#332b52; color:#fff !important; text-shadow:0 1px 0 rgba(0,0,0,.1); }
.leftmenu_on,.leftmenu .active { color:#332b52 !important; font-weight:bold; }
.leftmenu_on svg,.leftmenu .active svg{ fill:#332b52; }

.leftmenu .sub1{ display:block;padding:.35em 1.2em .1em 2.2em; text-decoration:none;  color:#858da6;  }
.leftmenu .sub1:hover{ background:#332b52; color:#fff !important; text-shadow:0 1px 0 rgba(0,0,0,.1); }
.leftmenu_on,.leftmenu .sub1active { display:block;padding:8px 10px 8px 30px; text-decoration:none;  border-bottom:1px solid #d4d4d4; border-top:1px solid #eeeeee; color:#332b52 !important; }

#body_right { display:block; width:87%; xheight:100%; float:right; xoverflow:auto; position:relative; font-size: .91em; transition: all ease .5s; }
#body_right_i { margin:15px; padding:10px; border-radius:10px; }
#body_right_i .h1 { display:block; font-weight:bold; color:#858da6; text-shadow: 0 1px 0 rgba(255,255,255,.8);  }
#body_right_i .h1 a{ text-decoration:none; color:#858da6; }
#body_right_i .h1 a::before{ content:'>'; margin:0 .3em; }
#body_right_i .h1 a:first-child::before{ display:none !important; }
#body_right_i .h1 svg{ fill: #858da6; height: 1.3em; vertical-align: middle; margin: 0 0 .2em 0; }


#body h1 { margin:0px; padding:0px 0px 10px 0px; }
#body h2 { margin:0; padding:.5em 0; text-shadow:0 -1px 0 rgba(255,255,255,1), 0 1px 0 rgba(0,0,0,.1); color:#444; }
#body p { margin:0px; padding:0px 0px 10px 0px; }

.kuerzel{ width: 2.5em; height: 2.5em; background: #332b52; border-radius: 1.5em; text-align: center; color: #fff; line-height: 2.7em; }

.framesmall { padding:6px 10px 6px 10px; border-width:1px 1px 1px 1px; border-color:#f5f5f5 #d0d0d0 #d0d0d0 #f5f5f5; background:#e5e5e5; border-style:solid;  }

.lineheightxs td{ line-height:1.15em; max-width:25em; }

.tableframesmall { width:100%; border-collapse:collapse; }
.tableframesmall th { padding:1em 1em; font-weight:bold; text-align:left; border-bottom:1px solid #ddd; }
.tableframesmall.tacenter th { text-align:center; }
.tableframesmall thead tr{box-shadow:0 0.2em 0.2em rgba(0,0,0,.1); text-shadow: 0 1px 0 rgba(0,0,0,.1);}
.tableframesmall  tr:nth-child(2n){ background:#f6f6f6; }
.tableframesmall  tr td{ border-bottom:1px solid #ddd; padding:.5em 1em; }
.tableframesmall  tr:hover td{ background:rgba(255,255,180,.3); }
.tableframesmall input[type="text"] { width:400px; border-radius:2px; border:0px; padding:2px 4px 2px 4px; }

.tableframesmall  tr.trhighlight{ background:rgba(255,222,222,1); font-weight:bold; }
.tableframesmall  tr.trhighlight:nth-child(2n){ background:rgba(255,233,233,1); font-weight:bold; }

.tableframesmalldplan td, .tableframesmalldplan th{ border:1px solid rgba(0,0,0,.1); padding:.2em !important; text-align:center; }
.tableframesmalldplan td:first-child{ text-align:left; }
.tableframesmalldplan .dark1{ background:rgba(0,0,0,.05); }
.tableframesmalldplan .dark2{ background:rgba(0,0,0,.1); }
.tableframesmalldplan th.dark1{ background:#f3f3f3; }
.tableframesmalldplan th.dark2{ background:#eeeeee; }

.dpfarbe1{ background:#ffff00 !important; }
.dpfarbe2{ background:#ff3399 !important; }
.dpfarbe3{ background:#00b050 !important; }
.dpfarbe4{ background:#f6750a !important; }
.dpfarbe5{ background:#0070c0 !important; }
.dpfarbe6{ background:#864199 !important; }
.dpfarbe7{ background:#974706 !important; }
.dpfarbe8{ background:#ff0000 !important; }
.dpfarbe9{ background:#93cddd !important; }
.dpfarbe10{ background:#66ff66 !important; }
.dpfarbe11{ background:#808080 !important; }

.file1 { display: inline-block; padding: .3em .8em; background: #332b52; border-radius: 1em; text-decoration: none; margin: .1em .4em; vertical-align: middle; color: #fff; }
.tableframesmall .file1{ display: inline-block; padding: .1em .5em; background: #332b52; border-radius: 1em; text-decoration: none; margin: .1em .4em; vertical-align: middle; color: #fff; }

.cchart{ width:1.6em; height:1.6em; position:relative; display:inline-block; margin:0; vertical-align:middle; margin:.2em .4em; }
.cchart svg{ width: 100%; height: 100%; }
.cchart .bg{ r: 75px; cx: 50%; cy: 50%; fill: none; stroke: rgb(222,0,0); stroke-width: 50px; }
.cchart .fg{ r: 75px; cx: 50%; cy: 50%; fill: none; stroke: rgb(255,0,0); stroke-width: 50px; stroke-dasharray: 220px 440px; stroke-linecap: round; transform-origin: 50% 50%; transform: rotate(-90deg); }

h2 .user{ color:#fff; width:2em;line-height:2em;display:inline-block;text-align:center;background:#444; border-radius:1.25em; font-size:.85em; margin:.2em .05em; }
h2 svg{ font-size:.85em; margin:.2em .05em; }
.bb1 .user,.tableframesmall .user{ color:#fff; width:2.5em;line-height:2.5em;display:inline-block;text-align:center;background:#444; border-radius:1.25em; font-size:.85em; }
.bb1 .svgc{ float:right; cursor:pointer; margin:0 0 .5em .5em; height:1.5em; }
.bb1 .text{ width:calc(100% - 8em); margin:0 1em; display:inline-block; vertical-align:top; }

.ftable{ border-collapse:collapse; margin:1em .5em; }
.ftable td{ padding:0 .2em; border: 1px solid #bbb; border-left:0; border-right:0;}
.ftable tr{  }
.ftable tr:nth-child(2n){ background:rgba(0,0,0,.05); }
.ftable .svgc{ cursor:pointer; margin:0 0 .5em .5em; height:1.5em; }
.ftable input{ width:7em; padding:.2em; }
.ftable textarea{ padding: 0; height: 4em; width:calc(100% - 2px); min-width: 25em; }

.tableframesmall a,.tableframesmall span, .tabsbody span{ padding:0 .5em; cursor:pointer; }
.tableframesmall a svg,.tableframesmall span svg, .tabsbody span svg{ height:1.3em; vertical-align: middle; }

.cpointer svg{ height:1.3em; vertical-align: middle; opacity:.65; }

.tableframesmall a:hover svg, .tabsbody span:hover svg{ fill:#332b52;}
.tableframesmall .alert{ display:inline-block; padding:.1em; width:1em; height:1em; line-height:1em; text-align:center; border-radius:1em; background:#ff7777; margin:0 .4em; color:#fff; }

.tableframesmall tr:last-child td:first-child { border-bottom-left-radius:2px; }
.tableframesmall tr:last-child td:last-child { border-bottom-rightradius:2px; }

.tableframesmall th:first-child { border-top-left-radius:2px; }
.tableframesmall th:last-child { border-top-right-radius:2px; }

.tableframesmall th { position: sticky; top: 3em; background:#fff; box-shadow:0 0.2em 0.2em rgba(0,0,0,.1); }
.edit_table .tableframesmall th { background:#f3f3f3; }

.cpselector { background:#2a8bc0; border:0px solid !important; border-color:#014286 !important; padding:7px 16px 7px 16px !important; margin:3px !important; color:#ffffff !important; text-decoration:none; display:block; float:left; cursor:pointer; 
border-radius:2px;
}

.cpbutton1 ,.button { border:0; display:inline-block; background:#332b52; padding:.5em 1.2em; margin:.3em; color:#fff; text-decoration:none; cursor:pointer; border-radius:.2em; text-align:center; box-shadow:0 .1em .1em rgba(0,0,0,.4); border:1px solid #332b52; text-shadow:0 1px 0 rgba(0,0,0,.1); }
.cpbutton1:hover,.button:hover { background:#332b52; }
.cpbutton1_on,.button_on { background:#332b52; }
.boff{opacity: .4;}
.tableframesmall .button { padding:.5em 1.2em !important; }
.buttonselect{ width: auto !important; box-shadow:0 .1em .1em rgba(0,0,0,.4); border:1px solid #332b52 !important; cursor: pointer; padding: .5em 1.2em; color: #ffffff; text-decoration: none; background: #332b52; margin: 0.3em; display: inline-block; height:2.1em !important; }
.buttonselect option{ color:#000; }

.bcolor3,.bcolor3:hover{ color:#fff;background:#ff9999; box-shadow:none; border:0; }
.bcolor2,.bcolor2:hover{ color:#fff;background:#54d454; box-shadow:none; border:0; }
.bcolor1,.bcolor1:hover{ color:#fff;background:#9999ff; box-shadow:none; border:0; }
.bcolor4,.bcolor4:hover{ color:#fff;background:#dddd44; box-shadow:none; border:0; }
.bcolor5,.bcolor5:hover{ color:#fff;background:#44dddd; box-shadow:none; border:0; }
.bocolor3{ border-left:1em solid #ff9999; }
.bocolor2{ border-left:1em solid #54d454; }
.bocolor1{ border-left:1em solid #9999ff; }
.bocolor4{ border-left:1em solid #dddd44; }
.bocolor5{ border-left:1em solid #44dddd; }

.draghint{ position:absolute; background:rgba(255,255,255,.8); padding:.5em; z-index:1000; }
.draghint::after{ content:''; display:block; border:3px solid #000; border-right:0; border-bottom:0; height:.5em; width:.5em; position:absolute; top:-5px; left:-5px;  }

.buttonB { border:0; display:inline-block; background:#fff; padding:.5em 1.2em; margin:.2em; color:#000; text-decoration:none; cursor:pointer; border-radius:.2em; text-align:center; box-shadow:0 .1em .1em rgba(0,0,0,.4); border:1px solid #ccc;}
.buttonB:hover { background:#f3f3f3; }


.button2{ border:0; display:inline-block; background:#332b52; padding:.3em .6em !important; margin:.1em; color:#fff; text-decoration:none; cursor:pointer; border-radius:.2em; text-align:center; box-shadow:0 .1em .1em rgba(0,0,0,.4); border:1px solid #332b52; text-shadow:0 1px 0 rgba(0,0,0,.1); }
.button2:hover { background:#332b52 !important; }

.button3 { background:#fff !important; border:0 !important; padding:0 !important; margin:-.25em -.25em -.25em .5em !important; color:#000 !important; text-decoration:none; display:block; float:left; cursor:pointer; 
border-radius:2em; width: 1.5em; height: 1.5em;  line-height: 1.5em; text-align: center; }

.button3:hover { background:#ccc !important; }

.button3_inline { background:#cccccc !important; border:1px solid !important; border-color:#eeeeee #aaaaaa #aaaaaa #eeeeee !important; padding:2px 6px 2px 6px !important; margin:1px !important; color:#222222 !important; text-decoration:none; cursor:pointer; 
border-radius:2px; display:inline;
}
.button3:hover { background:#bbbbbb !important; }

.edit_list { background:#444444; }
.edit_list .head{ text-align:left;padding:7px 10px 7px 10px; color:#ffffff; border-width:1px 1px 1px 1px; border-color:#555555 #222222 #222222 #555555; border-right:0px; background:#014286; border-style:solid;}
.edit_list .body { padding:4px 10px 4px 10px; border:1px solid rgba(0,0,0,0.1); background:#d4d4d4; border-color:#e5e5e5 #c3c3c3 #c3c3c3 #e5e5e5;}


.xedit_table { margin:1em; border:0px; border-spacing:0px; width:calc(100% - 2em); }
.xedit_table th { text-align:left; padding:5px 10px 5px 10px; color:#ffffff; border-width:1px; background:#014286; border-style:solid; border-color:#aaaaaa #888888 #888888 #aaaaaa;}

.tabsbody .xedit_table { margin:0; border:0px; border-spacing:0px; width:100%;}
.tabsbody hr{     margin: 2em -1em; height: 0px; background: #fff; border: 0; border-top: 1px solid #ccc; }
.tabsbody h3{ font-size:1.2em; margin:0; padding:.2em 0; }
.tabsbody h4{ font-size:1.05em; margin:0; padding:.5em 0; }


.edit_left {  text-align:right; padding:2px 4px 2px 4px; border:1px solid; background:#dddddd;  vertical-align:top; border-color:#e4e4e4 #d4d4d4 #d4d4d4 #e4e4e4; max-width:22%; min-width:22%; width:22%; position:relative; }
.edit_right { text-align:left; padding:2px 4px 2px 4px; border:1px solid; background:#eeeeee;  border-color:#f4f4f4 #e4e4e4 #e4e4e4 #f4f4f4; position:relative; }
.edit_space { padding:4px 10px 4px 10px; background:#d4d4d4; border:1px solid; border-color:#e5e5e5 #c3c3c3 #c3c3c3 #e5e5e5; border-style:solid; }
.edit_full { padding:7px 10px 7px 10px; border-width:1px 1px 1px 1px; border-color:#d5d5d5 #b3b3b3 #b3b3b3 #d5d5d5; background-color:#014286; border-style:solid; background:#c4c4c4; background-image:url('../pics/down.png'); background-repeat:no-repeat; background-position: top right;}
.edit_full:hover { background-color:#2a8bc0 !important; color:#ffffff; cursor:pointer; }

.edit_div { padding:10px 16px 10px 16px; border:1px solid rgba(0,0,0,0.1); background:#d4d4d4; border-color:#e5e5e5 #c3c3c3 #c3c3c3 #e5e5e5; margin:5px 0px 5px 0px; }

.xedit_table tr:first-child td:first-child{ border-top-left-radius:2px; }
.xedit_table tr:first-child td:last-child{ border-top-right-radius:2px; }

.xedit_table tr:last-child td:first-child{ border-bottom-left-radius:2px; }
.xedit_table tr:last-child td:last-child{ border-bottom-right-radius:2px; }

.edit_right input[type="text"] { width:99%; border-radius:2px; border:0px; padding:2px 4px 2px 4px; }
.edit_right .forminputs { width:120px !important; border-radius:2px; border:0px; padding:2px 4px 2px 4px; }
.edit_right .forminputs { width:120px !important; border-radius:2px; border:0px; padding:2px 4px 2px 4px; }
.edit_right .formchooses { width:120px !important; border-radius:2px; border:0px; padding:2px 4px 2px 4px; }
.edit_right select { width:99% !important; }
.edit_right input[type="password"] { width:400px !important; border-radius:2px; border:0px; padding:2px 4px 2px 4px; }
.edit_right textarea { width:99% !important; height:120px; border-radius:2px; border:0px; padding:2px 4px 2px 4px;}

.edit_table2 { border:0px; border-spacing:0px; }
.edit_table2 tr:first-child td{ font-weight:bold; }
.edit_table2 td{ padding:1px 5px 1px 5px; border:1px solid; border-color:#e5e5e5 #c3c3c3 #c3c3c3 #e5e5e5; background:#d4d4d4; }

.show_table { margin:1%; border:0px; border-spacing:0px; width:97%; }
.show_table th { padding:7px 10px 7px 10px; color:#ffffff; border-width:1px 1px 1px 1px; border-color:#555555 #222222 #222222 #555555; border-right:0px; background:#014286; border-style:solid;}
.show_left { text-align:right; padding:4px 10px 4px 10px; border:1px solid rgba(0,0,0,0.1); background:#d4d4d4;  vertical-align:top; border-color:#e5e5e5 #c3c3c3 #c3c3c3 #e5e5e5; width:200px; }
.show_right { text-align:left; padding:4px 10px 4px 10px; border:1px solid rgba(0,0,0,0.1); background:#e5e5e5;  border-width:1px; border-color:#f5f5f5 #d0d0d0 #d0d0d0 #f5f5f5; border-style:solid; }

.show_table tr:first-child td:first-child{ border-top-left-radius:2px; }
.show_table tr:first-child td:last-child{ border-top-right-radius:2px; }

.show_table tr:last-child td:first-child{ border-bottom-left-radius:2px; }
.show_table tr:last-child td:last-child{ border-bottom-right-radius:2px; }

.show_right input[type="text"] { width:400px; border-radius:2px; border:0px; padding:2px 4px 2px 4px; }
.show_right .forminputs { width:120px !important; border-radius:2px; border:0px; padding:2px 4px 2px 4px; }
.show_right .formchooses { width:120px !important; border-radius:2px; border:0px; padding:2px 4px 2px 4px; }
.show_right select { width:400px !important; }
.show_right input[type="password"] { width:400px !important; border-radius:2px; border:0px; padding:2px 4px 2px 4px; }
.show_right textarea { width:400px !important; height:120px; border-radius:2px; border:0px; padding:2px 4px 2px 4px;}

.show_table a { text-decoration:none; color:#404040; background:url('../script/writepics/link.gif'); background-repeat:no-repeat; background-position: bottom right; padding-right:9px; }

xinput[type="submit"] { background:#bbbbbb; border:1px solid; border-color:#aaaaaa #777777 #777777 #aaaaaa; padding:6px 16px 6px 16px; color:#000000; text-decoration:none; }
xinput[type="reset"] { background:#bbbbbb; border:1px solid; border-color:#aaaaaa #777777 #777777 #aaaaaa; padding:6px 16px 6px 16px; color:#000000; text-decoration:none; margin:0px 0px 0px 5px; }

.info { padding: 1em 1.5em; margin: 1em 0; border: 1px solid #a0c4d8; background: #b0d4e8; border-radius: 2px; }


#body_full { display:block; width:100%;  height:100%; overflow:auto; position:relative; }
#body_full_i { margin:0px; padding:30px 0px 30px 0px; margin-left:50%; left:-450px; position:relative; }

#body_full_i .infoblock { border:1px solid #cccccc; background:#dddddd; margin:10px; }

.registerForm .block { position:relative; width:867px; padding:5px 8px 5px 8px; background:#dddddd; border:1px solid #b1b1b1;  position:relative; margin:10px 0px 0px 0px; border-radius:2px; }
.registerForm .h1 { font-weight:bold;  padding:4px 8px 8px 8px; position:relative; }
.registerForm input[type="text"], .registerFormtextinput{ width:97%; border:1px solid #b1b1b1; padding:4px;  background:#ffffff; display:inline-block; }
.registerForm select{ width:97%; border:1px solid #b1b1b1; padding:4px;  background:#ffffff; display:inline-block; }
.registerForm textarea { width:97%; height:110px; border:1px solid #b1b1b1; padding:4px;  }
.registerForm .feld { margin:0px 0px 6px 6px; float:left; width:520px; position:relative; background:#cccccc; border:1px solid #babcaa; padding:3px; }
.registerForm table { margin:0px; border-collapse:collapse;  width:650px; }
.registerForm table th { text-align:left; }
.registerForm table td { border:1px solid #f6a800; background:#f8cc77; padding:1px 4px 1px 4px; }
.registerForm .reisende { clear:both; margin:0px 0px 6px 6px; }
.registerForm .button_wide3 { background:#caccba; border:1px solid #888888; border-radius:5px; color:#222222; padding:4px 16px 4px 16px; cursor:pointer; margin:2px; }

#admin_logo { width:90%;min-height:10%; display:block; background:url('../pics/admin_logo.jpg') no-repeat center center;  margin:3% 0px 0px 5%; 
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}

.menuedittable { border-spacing:0px; width:90%; cursor:pointer; }
.menuedittable thead td{ background:#404040; padding:0px 5px 0px 5px; border:1px solid; border-color:#606060 #303030 #303030 #606060; color:#eeeeee;  font-weight:bold; padding:3px 5px 3px 5px; }
.menuedittable tbody tr{  }
.menuedittable tbody td{ background:#eeeeee; padding:0px 5px 0px 5px; border:1px solid; border-color:#f3f3f3 #d3d3d3 #d3d3d3 #f3f3f3; }
.menuedittable tbody td:first-child { text-align:right; }
.menuedittable tbody tr:nth-child(2n) td { background:#e2e2e2; padding:0px 5px 0px 5px; border:1px solid; border-color:#eeeeee #cacaca #cacaca #eeeeee; }
.menuedittable .depth0 {  font-weight:bold; padding:3px 5px 3px 5px; }
.menuedittable .depth1 { padding:0px 5px 0px 20px !important; }
.menuedittable .depth2 { padding:0px 5px 0px 35px !important; }
.menuedittable .depth3 { padding:0px 5px 0px 50px !important; }
.menuedittable .depth4 { padding:0px 5px 0px 65px !important; }
.menuedittable .depth5 { padding:0px 5px 0px 80px !important; }

.buttonS { background:#2a8bc0; border:0px solid !important; padding:3px 6px 3px 6px !important; margin:1px !important; color:#ffffff !important; text-decoration:none; display:block; float:left; cursor:pointer; min-width:20px; text-align:center;
border-radius:2px; }
.buttonS:hover {}

.fixedMenu {position:fixed; right:30px; bottom:10px; background:rgba(211,211,211,0.7); padding:8px 12px 8px 12px; border:1px solid rgba(88,88,88,0.7); border-radius:3px; }

.moveObj { background:#e3e3e3; border:1px solid; border-color:#f3f3f3 #d3d3d3 #d3d3d3 #f3f3f3; padding:1px 10px 1px 10px; width:80%; cursor:pointer; }
.moveObjon { background:#e3e3e3; border:1px solid; border-color:#f3f3f3 #d3d3d3 #888888 #f3f3f3; padding:1px 10px 1px 10px; width:80%; cursor:pointer; }

.searchblock { background:#eeeeee; margin:1%; width:94%; padding:8px 1% 8px 1%; border:1px solid #cccccc; }
.searchblock input[type="submit"] { cursor:pointer; text-decoration:none; border-radius:2px; background:#2a8bc0; padding:4px 10px 4px 10px !important; margin:2px !important;color:#333333; border:1px solid; border-color:#eeeeee #cccccc #cccccc #eeeeee;
}
.searchblock input[type="submit"]:hover {
color:#ffffff !important;}

.tabs { }
.tabshead { padding:0 1em; background:linear-gradient(0deg, rgba(0,0,0,.2) 0%, rgba(0,0,0,0) 2%); }
.tabshead_i { padding:1em 1.5em; cursor:pointer; font-weight:bold; display:inline-block; background:#e3e3e3; border-top:.4em solid #f0f0f0; margin:0 .1em;  }
.tabshead_i_on { padding:1em 1.5em; cursor:pointer; font-weight:bold; display:inline-block; background:#fff; border-top:.4em solid #332b52; margin:0 .1em; box-shadow: 0 -0.05em 0.05em rgba(0,0,0,.7); } 
.tabshead_i:hover { border-top:.3em solid #332b52;  }
.tabsbody { background:#fff; clear:both; padding:1em; box-shadow:0 .05em .02em rgba(0,0,0,.05); border:1px solid rgb(225,225,225); border-radius:.2em; border-top:0; }
.tabtable{ width:100%; border-collapse:collapse; }
.tabtable tr{}
.tabtable th{ border:1px solid #ccc; padding:.8em; text-align:left; background:#eee; }
.tabtable td{ border:1px solid #ccc; padding:.8em; text-align:left; }


.formblockhead { background:#cccccc; border:1px solid; margin:1% 1% 0% 1%; padding:10px 1% 10px 1%; width:95%; border-color:#aaaaaa #aaaaaa #777777 #aaaaaa; color:#ffffff; font-weight:bold;}
.formblock { background:#dddddd; border:0px; margin:0% 1% 1% 1%; padding:1%; width:95%; border:1px solid; border-color:#cccccc #aaaaaa #aaaaaa #aaaaaa; }
.formblock_h1 { background:#999999; border:1px solid #888888; padding:4px 8px 4px 8px; margin:10px 0px 5px 0px; border-radius:1px; color:#ffffff; float:left; clear:both; }
.formblock_p { clear:both;  }
.formblock textarea, .formblock input[type="text"]{ border:1px solid #aaaaaa;  }

.fixedButtons { position:fixed; right:0px; bottom:0px;z-index:40; background:rgba(188,188,188,0.8);padding:10px 20px 8px 20px; border:1px solid rgba(122,122,122,0.8); border-radius:2px 0px 0px 0px; border-bottom:0px; border-right:0px; }


.inputDiv { margin:0px 5px 10px 5px; display:inline-block; }
.inputDiv div{ color:#808080;  }
.inputDiv input { border:0px; border-bottom:1px solid #404040; background:#dddddd; width:200px; }
.inputDiv textarea { border:0px; background:#dddddd; width:200px; }

.fileexplorer { background:##f0f0f0; padding:5px;}
.fileexplorer_url { background:#ffffff; min-width:300px; display:inline-block; vertical-align:middle; margin:0px 10px 10px 0px; padding:2px; cursor:pointer; }
.fileexplorer_url img{ margin:3px 5px 3px 5px; vertical-align:middle; }
.fileexplorer_menu { background:##f0f0f0; display:inline-block; margin:0px 10px 10px 0px; vertical-align:middle; }
.fileexplorer_menu img{ cursor:pointer; vertical-align:middle; }
.fileexplorer_menu span { display:inline-block; margin:0px 6px 0px 6px; cursor:pointer; }
.fileexplorer_explorer { background:#ffffff; border:1px solid #f0f0f0; padding:5px; min-height:20px; }
.fileexplorer_explorer .file{ display:inline-block; min-width:28em; background:url('../login_pics/file.gif') no-repeat !important; background-position:left center !important; margin:0px 10px 0px 0px; padding:3px 0px 3px 20px; cursor:pointer; overflow:hidden; text-decoration:none; color:#333333; height:18px; white-space:nowrap; }
.fileexplorer_explorer .file a{ text-decoration:none; color:#333333; white-space:nowrap; }
.fileexplorer_explorer .folder{ display:inline-block; min-width:28em; background:url('../login_pics/folder.gif') no-repeat; background-position:left center; margin:0px 10px 0px 0px; padding:3px 0px 3px 20px; cursor:pointer; overflow:hidden; height:18px; }
.fileexplorer_explorer .file:hover, .fileexplorer_explorer .folder:hover { background-color:#ecf4fd !important; }

.fileexplorer_menu svg{ fill: #666; vertical-align: middle; height: 1.5em; cursor:pointer; display:inline-block; }
.fileexplorer_menu svg:hover{ fill: #332b52; }

.calctable { width:96%; border-spacing:0px;  border-collapse:collapse; }
.calctable td { padding:3px 5px 3px 5px; border-width:1px; border-color:#888888; background:#dddddd; border-style:solid; }
.calctable th { padding:3px 5px 3px 5px; color:#ffffff; border-width:1px 1px 1px 1px; background:#999999; border-style:solid; border-color:#777777;}
.calctable input[type="text"] { width:99%; border-radius:0px; border:0px; padding:0px; }

.calctableAus{ border-left:.5em solid #ffaaaa; }
.calctableEin{ border-left:.5em solid #88ee88; }

.subselected td{ background:#ffffdd !important; }

.calctableB { border-collapse:collapse; width:98%; margin:0 0 1em 0; }
.calctableB .button { display:inline-block; background:#cccccc; float:none; border:none; box-shadow:none; padding:0; margin:0;  }

.calctableB th{ background:#f3f3f3; color:#444444; font-weight:bold; padding:0.2em 0.6em; border:1px solid #cccccc; text-align:left; }
.calctableB .th{ background:#332b52; color:#fff; }
.calctableB input[type="text"]{ border:1px solid #ddd; }

.calctableB td{ background:#ffffff; color:#444444; padding:0.2em 0.6em; border:1px solid #cccccc; }

.calctableB .day{background: #eee; padding: .15em .4em; border-radius: .2em; display: inline-block; margin:0 .1em;}

.button4 { display:inline-block; background:#cccccc; padding:0.3em 0.8em; margin:0.2em 0.6em; cursor:pointer; }
.edit_right hr { border:0; height:0; border-bottom:1px solid #cccccc; margin:1em 0; }

.progressdiv { padding:5px 10px 5px 10px; width:250px; background:#ffffff; margin:5px; border-radius:2px; display:inline-block; }
progress{ width: 100%; height: 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
progress::-webkit-progress-bar {  background-color: #eee;  border-radius: 2px;  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25) inset, 0 1px 5px rgba(0, 0, 0, 0.15); }
progress::-moz-progress-bar {  background-color:#b0d4e8; border-radius: 2px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15) inset; }
progress::-webkit-progress-value { background-color:#b0d4e8; border-radius: 2px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15) inset; }

.cpAlert2 { box-shadow:0px 0px 15px rgba(0,0,0,0.6); }
.cpAlert2table { margin:0px !important; width:100% !important; } 
.cpAlert2tr { background:none !important; }
.cpAlert2td1 { border:0px !important; border-right:1px solid #e3e3e3 !important; background:#dddddd; vertical-align:top; min-width:50px; padding: 0px 0px 0px 0px !important; border-radius: 0px 0px 0px 4px; }
.cpAlert2td2 { border:0px !important; border-left:1px solid #c3c3c3 !important; background:rgba(255,255,255,0.5); vertical-align:top; padding: 10px 20px 30px 20px !important; border-radius: 0px 0px 4px 0px; }
.cpAlert2 h1 { padding:8px 16px 8px 16px; margin:0px; font-weight:normal; color:#ffffff; border-bottom:1px solid #eeeeee; border-radius: 4px 4px 0px 0px; background:#aaaaaa;}
.cpAlert2 table { width:98%; border-spacing:0px; margin:5px; }
.cpAlert2 tr { background:#dddddd; }
.cpAlert2 th { padding:2px 8px 2px 8px; border:1px solid; border-color:#dddddd; font-weight:normal; background:#aaaaaa;color:#ffffff; }
.cpAlert2 td { padding:2px 8px 2px 8px; border:1px solid; border-color:#eeeeee #cccccc #cccccc #eeeeee; }
.cpAlert2 .close2 { background:#bbbbbb; cursor:pointer; padding:5px 0px 5px 0px; width:26px; text-align:center; border:1px solid #aaaaaa; border-radius:3px; position:absolute; top:6px; right:6px; font-weight:bold;  color:#ffffff; }
.cpAlert2 .close2:hover { background:#cccccc; }
.cpAlert2 .close { background:#bbbbbb; cursor:pointer; padding:2px 0px 2px 0px; width:200px; text-align:center; border:1px solid #aaaaaa; border-radius:3px; position:absolute; bottom:-10px; left:210px; width:218px; color:#ffffff; font-weight:bold; }
.cpAlert2 .close:hover { background:#cccccc; }
.cpAlert2 p { margin:0px; padding:0px 0px 10px 0px; }
.cpAlert2 textarea { border:1px solid #aaaaaa; border-radius:2px; width:98%; height:80px; background:#eeeeee;}
.cpAlert2 input[type="text"]{ border:1px solid #aaaaaa; border-radius:2px; width:98%; background:#eeeeee; }
.cpAlert2 input[type="submit"] { margin:10px 0px 0px 0px; color:#ffffff; border:1px solid #aaaaaa; padding:5px 10px 5px 10px; background:#dddddd;}
.cpAlert2 a { color:#555555; }


.deckblatt	body { font-family:arial;  }
.deckblatt	table { border-collapse:collapse; }
.deckblatt	.fullw { max-width:1000px; }
.deckblatt	.center { text-align:center; }
.deckblatt	.headimg img{ max-height:50px; }
.deckblatt	.border { border:1px solid #000000; }
.deckblatt	.nbu { border-bottom:0px; }
.deckblatt	.nbo { border-top:0px; }
.deckblatt	.p100 { width:100%; }
.deckblatt	.p100 td { width:50%; padding:0.2em 0.3em; }
.deckblatt	.box { display:inline-block; width:1.5em; overflow:hidden; text-align:center; vertical-align:middle; margin:0.1em; font-weight:bold; padding:0.2em; white-space: nowrap; min-height:1.2em; }
.deckblatt	.big { font-weight:bold; }
.deckblatt	b { font-weight:bold; }
.deckblatt	.thead { background:#eeeeee; font-weight:bold; text-align:center;}
.deckblatt	textarea { width:90% !important; }
.deckblatt	input [type='text']{ width:90% !important; }

.futable { border-collapse:collapse; }
.futable tr { }
.futable td { padding:0.1em 0.5em; border:1px solid #cccccc; background:#dddddd; }

.bcal .caltable { border:2px solid #332b52; xbox-shadow:0 2px 2px rgba(0,0,0,0.3); cursor:pointer; margin:1em; }
.bcal .caltable tr {  }
.bcal .caltable th { border:0; text-shadow:none; background:#ffffff; border-bottom:1px solid #eeeeee; border-right:1px solid #eeeeee; padding:0.2em 0.5em; text-align:right; color:#aaaaaa;}
.bcal .caltable td { border-bottom:1px solid #eeeeee; border-right:1px solid #eeeeee; background:#ffffff !important; padding:0.2em 0.5em; text-align:right; font-size:1.2em; }
.bcal .caltable .on { background:#332b52 !important; color:#ffffff; }
.bcal .caltable a { text-decoration:none; color:#444444; display:block; }
.bcal .caltable .on a { text-decoration:none; color:#ffffff; }
.bcal .caldiv { display:inline-block; background:#eeeeee; margin:0.2em; padding:0.2em 0.5em; cursor:pointer; text-decoration:none; color:#444444; }
.bcal .cdon { background:#332b52 !important; color:#ffffff; }

.tcal .caltable { border:2px solid #332b52; xbox-shadow:0 2px 2px rgba(0,0,0,0.3); cursor:pointer; margin:1em; }
.tcal .caltable tr {  }
.tcal .caltable th { border:0; text-shadow:none; background:#ffffff; border-bottom:1px solid #eeeeee; border-right:1px solid #eeeeee; padding:0.2em 0.5em; text-align:right; color:#aaaaaa;}
.tcal .caltable td { border-bottom:1px solid #eeeeee; border-right:1px solid #eeeeee; background:#ffffff !important; padding:0.2em 0.5em; text-align:right; }
.tcal .caltable .on { background:#332b52 !important; color:#ffffff; }
.tcal .caltable a { text-decoration:none; color:#444444; display:block; }
.tcal .caltable .on a { text-decoration:none; color:#ffffff; }
.tcal .caldiv { display:inline-block; background:#eeeeee; margin:0.2em; padding:0.2em 0.5em; cursor:pointer; text-decoration:none; color:#444444; }
.tcal .cdon { background:#332b52 !important; color:#ffffff; }

.lltable{ width:100%; }
.lltable th{ background:#ddd; font-weight:bold; padding:.5em; text-align:left; }
.lltable td{ padding:.5em; }

@media only screen and (max-width:1024px) {
	body { font-size: calc( .4vmax + .9em ); }
	#body_left{ width: 15em; }
	#body_right{ width: calc(98% - 15em); }
	#body.body_off #body_left{ margin-left:-17em !important; }
	#body.body_off #body_right{ width:100% !important; }
}

@media (min-resolution: 120dpi) {
	html{ font-size: 9px; }
}



@media print {
	*{ box-shadow:none !important; line-height:1.1em; }
	html,body{ background:none !important; width:17.5cm; }
	table{ border-collapse:collapse !important; line-height:1.1em;}
	.noprint{ display:none; }
	.z13{ font-size:1.25em; }
	.mapico{ display:none; }
	a{ text-decoration:none; }
	.printfw2{ width:1000px; font-size:2em; }
	.printfw2 td{ border:1px solid #777; padding:.3em; }
	#head, #body_left{ display:none; }
	.h1 img{ display:none; }
	.h1{ padding:1em 0; background:#fff !important; color:#000; font-size:1.6em; }
	tr{ page-break-inside:avoid; page-break-after:auto; }
	.cpformt{ font-size:10px !important; }
	.cpformt tr{ padding:.4em; font-weight:bold; }
	.cpformt td{ padding:.4em; }
	.tbordered tr{ border:1px solid #aaa; }
	.tbordered td{ border:1px solid #aaa; }
	html {  font-size:8px; padding:0px; margin:0px; font-family:tahoma,arial; }
	form { margin:0px; padding:0px; }
	textarea, input { font-family:tahoma,arial; font-size:8px; }
	select{ box-sizing:content-box; font-family:tahoma,arial; font-size:8px; }
	body { padding:0px; margin:0px; font-family:tahoma,arial; font-size:8px; }
	img { border:0px; text-decoration:none; }
	th, td { background-clip: padding-box, }
	.mapico { float:right; }
	.mapico img{ width: 1.4em;height: 1.4em;margin: .05em;}
	.button{ display:none; }
	strong,b { font-weight:bold; }
	.fileexplorer,.picexplorer { display:none; }
	.dbEditorHTML { display:none; }
	.dbEditorPlain { display:none; }
	.dbEditorHead { display:none; }
	.dbEditorBody { display:none;  }
	h1 { margin:0px; padding:0px 0px 10px 0px; font-size:1.6em; font-weight:bold; text-align:center; }
	.cpformi { border-bottom:1px solid #aaa; margin-bottom:1em; padding:.5em; }
	.h2{ display:block; font-size:1.4em; margin:.5em 0; } 
	#body h2 { display:block; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; letter-spacing:1px; font-weight:normal; font-size:1.4em; color:#808080; }
	#body h3 { margin:10px 0px 20px 0px; font-size:1.3em; }
	#body h4 { margin:2em 0px 1em 0px; font-size:1.3em; }
	#body p { margin:0px; padding:0px 0px 10px 0px; }
	.cpformi .cpformt td:first-child{ text-align:right; width:auto; font-weight:bold; }
}