/* poppins-regular - latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; src: url('../fonts/poppins-v20-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/poppins-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/poppins-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/poppins-v20-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/poppins-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/poppins-v20-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-600 - latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; src: url('../fonts/poppins-v20-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/poppins-v20-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/poppins-v20-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/poppins-v20-latin-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/poppins-v20-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/poppins-v20-latin-600.svg#Poppins') format('svg'); /* Legacy iOS */ } @media screen { html { font-size:12px; padding:0px; margin:0px; height:100%; width:100%; background:rgb(var(--w1)); color:rgb(var(--b)); hyphens: auto; } form { margin:0px; padding:0px; } textarea, input, button, select, option { font-family:Poppins,arial; font-size:12px; } select{ box-sizing:content-box; font-family:Poppins,arial; font-size:12px; } body { padding:0px; margin:0px; xheight:100%; width:100%; font-family:Poppins,arial; font-size:12px; background:rgb(var(--w1)); } img { border:0px; text-decoration:none; } th, td { background-clip: padding-box, } a{ color:rgb(var(--akzent2)); } ul,li{ list-style-position: inside; } .nov{ display:none !important; } .nobr{ white-space: nowrap; } .videoframe{ width:min(100%, 600px); aspect-ratio:1.6; display:block; margin:auto; } .prelative{ position:relative; } .tacenter{ text-align:center !important; } .searchbox{ margin: 1rem .5rem; position:relative; } .searchbox input[type="text"]{ border:0; border-radius:2em; padding:.8em 4em .8em 1em; box-shadow:0 .1em .5em rgba(var(--b),.05); width:calc(100% - 5em); background:rgb(var(--w)); color:rgb(var(--b)); } .searchbox textarea{ border: 0; border-radius: 2em; padding: .8em 4em .8em 1em; box-shadow: 0 .1em .5em rgba(var(--b), .05); width: calc(100% - 5em); background: rgb(var(--w)); color: rgb(var(--b)); height:1.5em; display:block; scrollbar-width: none; position:relative; } .searchbox .searchbutton{ position:absolute; top:0; right:0; width:2em; height:2em; position: absolute; top: 0; right: 0; width: 1.5em; height: 1.5em; border-left: 1px solid rgb(var(--w2)); padding: .8em; z-index: 1; cursor:pointer; } .searchbox .attachbutton{ position:absolute; top:0; right:0; width:2em; height:2em; position: absolute; top: 0; right: 3em; width: 1.5em; height: 1.5em; padding: .8em; z-index: 1; cursor:pointer; } .searchbox .smilebutton{ position:absolute; top:0; right:0; width:2em; height:2em; position: absolute; top: 0; right: 3em; width: 1.5em; height: 1.5em; padding: .8em; z-index: 1; cursor:pointer; } .searchbox .searchbutton svg, .searchbox .attachbutton svg, .searchbox .smilebutton svg{ fill:rgb(var(--a2)); } .searchbox #chatform.emojiPicker textarea{ padding: .8em 4em .8em 3em; width: calc(100% - 7em); } .searchbox #chatform .emojiPicker{ position:absolute; top:1em; left:1em; margin:.8em; } .searchbox #chatform .emojiPickerSelect{ max-height:25vh; overflow:auto; display:none; cursor:pointer; } .searchbox #chatform .emojiPickerSelect.on{ display:block; } .searchbox #chatform .emojiPickerSelect div{ display:inline-block; width:1em; height:1em; display: inline-block; font-size: 1.8em; width: 1.8em; height: 1.8em; line-height: 1.8em; text-align:center; } .searchbox.footersearchbox{ position: sticky; bottom: 0; background: rgb(var(--w1)); box-shadow: 0 -.1em .5em rgba(var(--b), .05); z-index:11500; margin:0 calc(-2em + 1px) calc(-2em + 1px) calc(-2em + 1px); padding: 1em; } .searchbox.footersearchbox input[type="text"]{ width:calc(100% - 6em); } .searchbox.footersearchbox .searchbutton{ top: 1em; right: 2em; } .searchbox.footersearchbox .attachbutton{ top: 1em; right: 5em; } .searchbox.footersearchbox .smilebutton{ top: 1em; right: 7.5em; } .selector{ display:flex; margin:.5em 0; padding:1em; } .selector div{ flex: 1 1 0; width: 0; text-align:center; cursor:pointer; font-size:1.2em; border-bottom:.15em solid rgba(var(--akzent),0.3); padding:.5em; color:rgba(var(--akzent),0.3); } .selector div.active{ border-bottom:.2em solid rgba(var(--akzent),1); color:rgba(var(--akzent),1); } .news{ position:relative; } .news .arrows{ } .news .arrowsR, .news .arrowsL{ position:absolute; top:calc(50% - .4em); left:.2em; color: rgb(var(--akzent)); background: rgba(var(--w3), .6); padding:.8em 1.2em; display:inline-block; border-radius: 0.4em; cursor:pointer; z-index:10;} .news .arrowsR{ right:.2em; left:unset; } .newscards{ width: calc(100%); overflow: auto; -ms-overflow-style: none; scrollbar-width: none; scroll-snap-type: x mandatory; scroll-behavior: smooth; white-space: nowrap; } .newscard{ display:inline-block; background:rgb(var(--w)); margin:1em; width: calc(25% - 2em); vertical-align:top; color:rgb(var(--b)); text-decoration:none; border-radius: .5em; box-shadow: 0 .1em 1em rgba(var(--b), .1); white-space: normal; scroll-snap-align: center; } .newscard .nchead{ padding:.6em; border-bottom:1px solid rgba(var(--b),.05); } .newscard .nchead .ico{ width: 1.5em; float: left; padding: .8em 1.3em .8em .8em; } .newscard .nchead .author{ float:right; line-height:1.1em; text-align:right; } .newscard .nchead .author span{ vertical-align:top; display:inline-block; padding-right:1em;} .newscard .nchead .author img{ width:3em; aspect-ratio:1; object-fit:cover; border-radius:100%; vertical-align:top; } .newscard .nchead .header_i{ } .newscard .nchead .header_i b{ } .newscard .ncbody{ position:relative; } .newscard .ncbody .neu{ position:absolute; top:.8em; right:.8em; display:flex; justify-content: center; align-items: center; background:rgb(var(--akzent2)); color:rgb(var(--w)); aspect-ratio:1; padding:.4em; border-radius:100%; font-size:1.2em; } .newscard .ncbody img{ width:100%; aspect-ratio:1.6; object-fit:contain; } .newscard .ncbody .title{ font-size:1.1em; margin:.6em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height:3em; } .newscard .ncfoot{ padding:.6em; border-top:1px solid rgba(var(--b),.05); text-align:right; font-weight:bold; color:rgb(var(--akzent)); } .newscard .ncfoot span::after{ content:' >'; } .newspage .nchead{ padding:.6em; border-bottom:1px solid rgba(var(--b),.05); } .newspage .nchead .author{ float:right; line-height:1.2em; text-align:right; } .newspage .nchead .author span{ vertical-align:top; display:inline-block; padding-right:1em;} .newspage .nchead .author img{ width:2.5em; aspect-ratio:1; object-fit:cover; border-radius:100%; vertical-align:top; } .newspage .ncfiles{ padding:.6em; border-top:1px solid rgba(var(--b),.05); } .newspage .ncfiles .file{ display:inline-block; margin:1.5em; width:10em; text-align:center; color:rgb(var(--b)); text-decoration:none; } .newspage .ncfiles .file img{ width:100%; aspect-ratio:1; object-fit:contain; } .newspage .ncfiles .file div{ word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 3.7em; line-height: 1.2em; overflow: hidden; } .yah{ margin: 0 1rem 1.5rem 1rem; } .files2{} .files2 div{ display:inline-block; background:rgba(var(--b),.1); border-radius:2em; margin:.5em; padding:.2em .6em; } .htmleditor2{ padding: 0; border-radius: .2em; width: calc(100% - 1em - 2px); border: 1px solid rgb(var(--w2)); margin: 0 .5em; background:rgb(var(--w)); } .htmleditor2 .htmleditor2menu{ position:sticky; top:0; background:rgb(var(--w)); padding:1em .5em .5em .5em; border-bottom:1px solid rgb(var(--w2)); } .htmleditor2 .htmleditor2menu .btn{ display:inline-block; margin:.1em; min-width:1.3em; height:1.5em; line-height:1.5em; background:rgb(var(--akzentalpha)); color:rgb(var(--akzent)); cursor:pointer; text-align:center; border-radius:.2em; padding:.2em .4em; vertical-align: top; } .htmleditor2 .htmleditor2menu .btnjl div, .htmleditor2 .htmleditor2menu .btnjr div, .htmleditor2 .htmleditor2menu .btnjc div{ width:1em; height:1px; background:rgb(var(--b)); margin:.33em; } .htmleditor2 .htmleditor2menu .btnjl div:nth-child(2){ width:.7em; } .htmleditor2 .htmleditor2menu .btnjr div:nth-child(2){ width:.7em; margin-left:.63em; } .htmleditor2 .htmleditor2menu .btnjc div:nth-child(2){ width:.7em; margin-left:.48em; } .htmleditor2 .htmleditor2content{ padding:1em; min-height:10em; } .htmleditor2 .htmleditor2content span { position: unset; z-index: unset; font-size: unset; background: unset; padding: unset; margin: unset; height: unset; } .htmleditor2 .editTable{ border-collapse:collapse; } .htmleditor2 .editTable td{ border:1px solid rgba(var(--b),.2); } .copyico{ position: relative; } .copyico:before{ content: '\1F5CE'; position: absolute; top: 0.1em; left: -0.2em; } .popupDiv{ position:fixed; top:0; left:0; display:flex; align-items: center; justify-content: center; width:100%; height:100dvh; backdrop-filter: blur(0.15em); z-index:99999; background: rgba(var(--b), .05); } .popupDiv2{ background:rgb(var(--w)); max-height:80dvh; max-width: 90%; min-width: 20%; overflow-x:auto; padding:2em; border-radius:.4rem; box-shadow:0 .1em 1em rgba(var(--b3), .3); } .filelink{ color:rgb(var(--akzent2)); } .filePopup ul{ list-style-type: ">"; margin:0; padding:0; } .filePopup li{ margin:1em 0; } .popupDiv h2{ color: rgb(var(--blau)); font-size: 1.4em; font-weight: bold; margin: 0 0 1em 0; } .waitdiv{ text-align:center; position:fixed; z-index:9999999;display:block;top:0; left:0px; width:100%; height:100vh; background:rgba(var(--w),0.1); backdrop-filter:blur(3px); font-size:2em; line-height:100vh; } .cpHint{ z-index:9999; position:absolute; background:rgba(var(--w1),0.9); border:1px solid rgba(var(--b),0.9); color:rgba(val(--b1),0.9); border-radius:3px; padding:6px 12px 6px 12px; } .header{ aspect-ratio:5.5; overflow: hidden; position: relative; margin: 0 -2em; width: calc(100% + 4em); margin-bottom: 2em; } .header img{ width:100%; height:100%; object-fit:cover; position:absolute; filter:brightness(1); } .header .headertxt{ position:absolute; left:1.2em; bottom:1em; width:calc(100% - 2.4em); z-index:9; } .header .name{ font-weight:bold; color:#fff; font-size:1.6em; line-height:1.4em; } .header .name span{ font-size:1.4em; padding:0; } .header .headerBar{ background:rgba(var(--w),.85); color:rgb(var(--b)); border-left: .5em solid rgb(var(--akzent2)); width:calc(100% - 1.5em); padding:.5em; margin:1em 0 0 0; user-select: none; cursor:pointer; } .header .headerBar .headerBartxt{ word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .header .headerBar .headerCTA{ font-weight:bold; text-align:right; } .header .headerBar .headerCTA::after{ content:' >'; } .header .anwesend{ display: flex; align-items: center; justify-content: center; padding:1em; background:rgb(var(--akzent2)); color:rgb(var(--w)); position:absolute; top:1em; right:1em; text-align:center; font-weight:bold; border-radius:5em; line-height:1.2em; aspect-ratio:1; z-index:9; font-size:1.2em; user-select: none; cursor:pointer;} .header::after{ content:' '; display:block; position:absolute; width:100%; height:100%; top:0; left:0; background: linear-gradient(0deg, rgba(var(--akzent), .6) 0%, rgba(var(--akzent), 0.1) 40%); } .files{ } .files .file{ display:inline-block; margin:1.5em; width:10em; text-align:center; color:rgb(var(--b)); text-decoration:none; } .files .file img{ width:100%; aspect-ratio:1; object-fit:contain; } .files .file div{ word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 3.8em; line-height: 1.2em; overflow: hidden; } .busbuch{ display:table; width:100%; line-height:1.5em; } .busbuch .tr{ display:table-row; } .busbuch .td{ display:table-cell; border-bottom:1px solid rgba(0,0,0,.1); padding:1em;} .busbuch .tr:first-child .td{ border-top:1px solid rgba(0,0,0,.1); } .busbuch .h2{ font-size:1.2em; font-weight:bold; } .busbuch .h2 .pic{ height:1.5em; border-radius:.2em; } .busbuch svg { height: 1.6em; vertical-align: middle; cursor:pointer; filter: var(--invert); } .busbuch .anm{ } .busbuch .anm2{ display:inline-block; margin:0 .2em .2em 0; border:1px solid rgba(0,0,0,0); cursor:pointer; } .busbuch .anm2 .ws{ animation-name: anm2ws; animation-duration: 1s; animation-iteration-count: infinite; display:inline-block; } .busbuch .icons img{ width: 2em; margin: 0; border-radius: 0.2em; filter: var(--invert); } @keyframes anm2ws { 0%,100% { transform: scaleX(0); color:#000000; } 50% { transform: scaleX(1); color:#ff0000; } } .imgReg{ max-width:100%; } .Left{ max-width:100%; float:left; } .Right{ max-width:100%; float:right; } .imgSmall{ max-width:33%; } .imgSmallLeft{ float:left; margin:0 1em 1em 0; max-width:33%; } .imgSmallRight{ float:right; margin:0 0 1em 1em; max-width:33%; } .imgSmallLeft2{ float:left; margin:0 1em 1em 0; max-width:25%; } .imgSmallRight2{ float:right; margin:0 0 1em 1em; max-width:25%; } .htmleditor2 .htmleditor2content .hh1, .hh1{ font-weight:bold; font-size:1.4em; margin: 0 0 1.5em 0; padding:0; } .htmleditor2 .htmleditor2content .hh2, .hh2{ font-weight:bold; font-size:1.25em; margin: 0 0 1.5em 0; padding:0; } .htmleditor2 .htmleditor2content .hh3, .hh3{ font-weight:bold; font-size:1.1em; margin: 0 0 1.5em 0; padding:0; } .notice{ position:fixed; top:0;left:0; width:100%; text-align:center; z-index:9999999; animation-name: anmnotice; animation-duration: 1.5s; font-size:1.4em; background: rgb(var(--w)); } @keyframes anmnotice { 0%,100% { opacity:0; } 25%, 75% { opacity:1; } } .notice .err{ color:#ffffff; padding:2em; background:rgb(var(--rot)); } .notice .succ{ color:#ffffff; padding:2em; background:rgb(var(--blau)); } .h2i{ color: rgba(var(--b), .5); border-bottom: 1px solid rgba(var(--b), .08); margin-bottom: .6em; padding-bottom: .2em; } .cb{ display:inline-block; width:1.5em; aspect-ratio:1;border:1px solid rgb(var(--w3)); vertical-align:middle; cursor:pointer; margin: -0.1em 0.2em 0.1em 0.2em; border-radius:100%; } .cb::after{ content: ' '; position:absolute; display:inline-block; width:.4em; height:.7em; border-bottom:2px solid rgb(var(--b)); border-right:2px solid rgb(var(--b)); transform: rotate3d(0,0,1,36deg); margin:.2em 0 0 .5em; } .kacheln { text-align: center; } .kachel { display: inline-block; width: 18em; aspect-ratio: 1; background: rgb(var(--akzent)); position: relative; margin: 1em; border-radius: .5em; box-shadow: 0 .1em 1em rgba(var(--b),.1); background: rgb(var(--w)); } .kachel .title { display: block; position: absolute; bottom: .5em; left: .5em; width: calc(100% - 1em); text-align: center; color: rgb(var(--b)); text-decoration: none; font-weight: bold; font-size: 1.25em; } .kachel .bgi { position: absolute; top: 15%; left: 15%; width: 70%; height: 70%; transition: transform ease 1s; border-radius: 10em; filter:var(--imgbrightness); } .kachel .khint{ position: absolute; top: -.5em; right: -.5em; background: rgb(var(--akzent2)); color: rgb(var(--w)); font-size: 1.3em; width: 3em; height: 3em; line-height: 3em; border-radius: 3em; } .kachel:hover .bgi { transform: rotate(3deg) scale(1.1); } .dbMultiselect{} .dbMultiselect .selection{ padding: 0; border-radius: .2em; width: calc(100% - 1em - 2px); border: 1px solid rgb(var(--w2)); outline: none; margin: 0 .5em; min-height: 4em; background: rgb(var(--w)); color: rgb(var(--b)); } .dbMultiselect .selection .old{ display:inline-block; margin: 1em 0; } .dbMultiselect .selection .old div{ display: inline-block; color: rgb(var(--w)); background: rgb(var(--akzent)); padding: .5em .8em; border-radius: .2em; margin: .4em; cursor: pointer; } .dbMultiselect .selection input{ border:none; outline:none; width:1em; } .dbMultiselect .select{ height:min(10em, 60dvh); overflow:auto; width: calc(100% - 1em - 2px); margin: 0 .5em; border: 1px solid rgb(var(--w2)); cursor:pointer; display:none; } .dbMultiselect .select div{ margin:.4em .6em; } .dbMultiselect .select div.disabled{ display:none; } .dbMultiselect .select div.selected{ background:rgba(var(--b),.05); } .dbMultiselect .formselect{ display:none; } .dbMultiselect .selection span{ position: absolute; z-index: 2; font-size: .85em; background: rgb(var(--w)); padding: 0 .4em; margin: -.35em 0 0 .5em; height: 1em; } .dbMultiselect .add{ display: inline-block; margin: .3em .5em; background: rgb(var(--akzentalpha)); color: rgb(var(--akzent)); padding: .4em .8em; border-radius: .4em; cursor: pointer; } .promptnew{ position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 9999; background: rgba(var(--w2),.7); backdrop-filter: blur(3px); display: flex; align-items: center; justify-content: center; } .busbuch .anm2:hover{ border:1px solid rgba(0,0,0,.5); background:rgba(0,0,0,.1);} .busbuch .res{ opacity:.5; background:#f3f3f3; } .busbuch .trrg{ background:rgba(122,255,122,.2) !important; } .busbuch .fgreen{ display: flex; justify-content: center; align-items: center; color:#fff; width:2em; height:2em; background:#00cc00; border-radius:100%; cursor:pointer; float:left; margin:0 .2em; } .busbuch .fred{ background:#ee0000 !important; } .cpautoc{z-index:1000; width:calc(100% - .4em); cursor:pointer; position:absolute; max-height: 50vh; overflow:scroll; background:rgb(var(--w)); display:none; box-shadow: 0 .1em .5em rgba(var(--b),.1); padding:.2em; } .cpautoc div{ padding:.3em .6em; } .cpautocV{ display:block; } .acselect{ background:rgb(var(--w2)); } .prvvideo{ width:100%; aspect-ratio:1.778; width: 98%; margin: 0.2em 1%; } .vbutton{ cursor:pointer; text-decoration:none; padding: 0.7em 1.2em; display:inline-block; border-radius: 0.4em; font-size: 1.2rem; font-weight:normal; text-align:center; color: rgb(var(--b)); border: 1px solid rgb(var(--w2)); box-shadow: 0 0.1em 0.2em rgba(var(--b),.1); background: rgb(var(--w)); } .vbutton:hover{ text-decoration:underline; } .videobg{ position:fixed; top:0; left:0; height:100vh; width:100%; background:rgba(var(--w),.8); backdrop-filter:blur(2px); z-index:1000; display:flex; align-items: center; justify-content: center; } .videobg video{ max-width:80%; max-height:80%; box-shadow:0 .1em 1em rgba(var(--b),.1); } .videobg iframe{ max-width:80%; max-height:80%; width:min(80vw, 50em); box-shadow:0 .1em 1em rgba(var(--b),.1); border:0; aspect-ratio:1.7; } .videos .video{ cursor:pointer; } .svgh1 svg{ height:1.6em; margin:.2em; } .bg{ display:block; position:fixed; left:0;top:0; width:100%; height:100dvh; object-fit:cover; object-position: right top; } .startlogo{ position: fixed; bottom: 0; right: 0; width: min(50%, 18em); } .StartPopup{ position:fixed; left:0;top:0; width:50%; height:100vh; display: flex; align-items: center; justify-content: center; backdrop-filter: blur(3px); box-shadow: 0.1em 0 0.8em rgba(0,0,0,.4); background: rgba(66,66,66,.5);} .StartPopup2{ background:rgb(var(--w)); padding:2.5em; box-shadow:0 .2em 1em rgba(0,0,0,.3); width:clamp(10em, 50%, 40em); } .StartPopupHead{ font-size:2.5em; margin-bottom:1em; font-size: 1.4em; line-height: 1.2em; font-weight:bold; color:rgb(var(--akzent)); } .StartPopupBody{ } .StartPopup a{ color:rgb(var(--akzent)); } .StartPopup input[type="text"], .StartPopup input[type="password"]{ font-size:1.4em; margin-bottom:1em; padding:.4em; border:1px solid #ccc; border: 1px solid rgba(var(--b),.2); outline: none; background:rgb(var(--w)); color:rgb(var(--b)); width: calc(100% - .8em - 2px); } .StartPopup input[type="submit"]{ border:0; cursor:pointer; padding:.8em 1.5em; text-decoration:none; font-size:1.2em; color: rgb(var(--b)); border: 1px solid rgb(var(--w2)); box-shadow: 0 0.1em 0.2em rgba(var(--b),.1); background: rgb(var(--w)); border-radius: 0.4em; color: rgb(var(--akzent)); border: none; box-shadow: none; background: rgba(var(--akzentalpha)); } .StartPopup input[type="submit"]:hover{ text-decoration:underline; } .StartPopup .h2{ font-size:1.2em; } .StartPopup img{ width: 6em; margin-bottom:1em; } .StartPopup ul{ margin: 0; padding: 0 0 0 2em; } .error2{ border-radius:.2em; border:1px solid rgba(var(--b),.1); border-left:.4em solid rgb(var(--akzent2)); padding:.8em; } .ierror{ outline: 2px solid rgb(var(--rot)) !important; } .bbthird{ width:33%; } .bbthird .tr{ display:block; clear:both; border-bottom:1px solid rgba(0,0,0,.1); position:relative; } .bbthird .td{ display:block; float:left; border-bottom:none; padding:.3em; } .bbthird .tr .td:nth-child(1){ width:calc(100% - 8em); background:rgba(0,0,0,.05); padding-left:8.5em; } .bbthird .tr .td:nth-child(8){ position:absolute; top:0em; right:.1em; } .bbthird .tr .td:nth-child(2){ position:absolute; top:0em; left:.1em; } .bbthird .tr .td:nth-child(3){ width:7.5em; } .bbthird .tr:first-child .td{ border:0; } .bbthird .icon_m{ display:flex; align-items: center; justify-content: center; width:2.8em; height:1.2em; background:#8dd7c0; border-radius:1.2em; font-size:.95em; color:#fff; } .bbthird .icon_k{ display:flex; align-items: center; justify-content: center; width:2.8em; height:1.2em; background:#ff96c6; border-radius:1.2em; font-size:.95em; color:#fff; } .bbthird .icon_s{ display:flex; align-items: center; justify-content: center; width:2.8em; height:1.2em; background:#ff5768; border-radius:1.2em; font-size:.95em; color:#fff; } .bbthird .icon_i{ display:flex; align-items: center; justify-content: center; width:2.8em; height:1.2em; background:#01a5e4; border-radius:1.2em; font-size:.95em; color:#fff; } .dmode{ position: absolute; padding: .5em 1em; left: 0.5em; width: calc(100% - 3em); border-radius: 0.5em; bottom: 1.5em; cursor: pointer; } .lng{ position: absolute; padding: .5em 1em; right: 0.5em; border-radius: 0.5em; bottom: 1.5em; cursor: pointer; } .dmode span, .lng span{ display: inline-block; padding: 0.5em; background: rgba(var(--akzentalpha)); border-radius: 0.5em; vertical-align: middle; } .lng2{ position: absolute; bottom: 3em; background: rgb(var(--akzent)); padding: .5em; border-radius: .5em; right:1em; display:none; } .lng:hover .lng2{ display:block; } .lng2 a{ display:block; color:rgb(var(--w)); text-decoration:none; padding:.5em 1.5em; } .lng2 a:hover{ background:rgba(var(--w),.2); } .diensttable{ width:98%; margin:1em 0 2em 0; } .diensttable tr{} .diensttable td{ border:1px solid #dddddd; background:#f3f3f3; padding:.1em; } .diensttabletr0 td{ background:#e8e8e8; border:1px solid #d3d3d3; } .diensttable th{ border:1px solid #cccccc; background:#dddddd; font-weight:bold; padding:.1em; } .formerror { border:2px solid #ee0000 !important; background:#fff9f9; } strong,b { font-weight:bold; } .cred{ color:rgb(var(--rot)) !important; } .italic{ font-style: italic; } .p_reload{ display:block;position:fixed;bottom:0;left:0;width:100%;height:.2em; } #p_reload{ background:#ff5166;height:100%;width:50%;} .mapbtn{ text-align:center; } .mapbtn img{ max-width:4em; } .outermap{ display:block; position:fixed; top:0; left:0; width:100%; height:100%; background:#f3f3f3; z-index:100; } .omoff{ display:none;width:0;height:0; } .outermap .map{ height:calc(100% - 2.5em); } .outermap .mapclose{ height:1.5em; padding:.5em; text-align:center; cursor:pointer; } .sto td{ text-decoration: line-through; } .sto td:nth-child(5){ text-decoration:none; } .strike{ text-decoration: line-through !important; } .inline{ display:inline-block; text-align:center; } .alert{ display:inline-block;padding: .8em; color: #ffffff; text-decoration: none; background: #4c8ffd; margin: .1em; animation-name: alert2; animation-duration: .5s; animation-iteration-count: infinite; } .alert2{ color: #ffffff; text-decoration: none; background: #dd0000; margin: 0.2em; display: inline-block; padding: 1em 1.4em; border-radius: 0.4em; font-size: 1.2rem; font-weight: normal; text-align: center; animation-name: alert2; animation-duration: .5s; animation-iteration-count: infinite; } @keyframes alert2 { 0%,100% {background-color:#ff0000; } 50% {background-color:#ffaa33; } } .alert3{} .alert3:after{ content: '!'; display:inline-block; font-weight:bold; background:#dd0000; color:#fff; animation-name: alert3; animation-duration: 1s; animation-iteration-count: infinite; width:1.6em; border-radius:100%; text-align:center; margin:0 .5em; } @keyframes alert3 { 0%,100% { transform:scaleX(.4) scaleY(.8); opacity:.4; } 50% { transform:scaleX(1) scaleY(1); opacity:1; } } .rot{ color:#cc0000; background:#fff3f3; } .rot2{ color:rgb(var(--rot)); border:1px solid rgb(var(--rot)); } .tableframesmall tr.rot2 { background: rgba(var(--rot),.1); } .tableframesmall tr:nth-child(2n).rot2 { background: rgba(var(--rot),.15); } #cpclines .rot2 input{ background: rgba(var(--rot),.1); color:rgb(var(--rot)); } .gelb2{ color:rgb(var(--gelb)); border:1px solid rgb(var(--gelb)); } .tableframesmall tr.gelb2 { background: rgba(var(--gelb),.1); } .tableframesmall tr:nth-child(2n).gelb2 { background: rgba(var(--gelb),.15); } #cpclines .gelb2 input{ background: rgba(var(--gelb),.1); color:rgb(var(--gelb)); } .feiertag, .feiertag .fade{ color:rgb(var(--rot)) !important; font-weight:bold; } .ferien{ } .za{ background:rgba(var(--blau),.35) !important; font-weight:bold; } .ueaus{ color:rgb(var(--hellblau)); border:1px solid rgb(var(--hellblau)); } .tableframesmall tr.ueaus { background: rgba(var(--hellblau),.1); } .tableframesmall tr:nth-child(2n).ueaus { background: rgba(var(--hellblau),.15); } .tableframesmall tr.urlaub, .tableframesmall tr.abw2{ background: rgba(var(--hellgruen),.1); } .tableframesmall tr:nth-child(2n).urlaub, .tableframesmall tr:nth-child(2n).abw2 { background: rgba(var(--hellgruen),.15); } .fahrtico{ fill:rgba(51,43,82,1); vertical-align: middle; height: 2.5em; margin: 0 0.5em 0.2em 0; transition: all ease 1s;} .prompt { z-index:2000; position:fixed; background:rgb(var(--w)); padding:0px; box-shadow:0 0.2em 0.4em rgba(rgb(--b),0.5); animation-name: promptani; animation-duration: 0.2s; animation-iteration-count: 1; border-radius: 0.4em; box-shadow: 0 0.1em 0.3em rgba(var(--b),.15); min-width: min(30%, 40em); max-width: 100%; } .prompt h2{ font-size: 1.2em; margin: 1em 0.5em 0 0.5em; } @keyframes promptani { 0%{ transform: scaleX(0) scaleY(0); opacity:0; } 100% { transform: scaleX(1) scaleY(1); opacity:1; } } .promptout{ animation-name: promptani2 !important; animation-duration: 0.2s; animation-iteration-count: 1; opacity:0; } @keyframes promptani2 { 100%{ transform: scaleX(0) scaleY(0); opacity:0; } 0% { transform: scaleX(1) scaleY(1); opacity:1; } } .promptHead { padding:1em 1em; font-size:1.3em; font-weight:bold; } .promptBody { padding:1em 1em; border-radius:8px; overflow:auto; max-height: calc(100dvh - 14em); } .promptBody select { padding: 0 1em; border-radius: 0.2em; border: 1px solid rgb(var(--w2)); outline: none; margin: 0 0.5em; background: rgb(var(--w)); line-height: 2.6em; height: 2.6em; } .promptBody input[type="text"] { padding: 0 1em; border-radius: 0.2em; border: 1px solid rgb(var(--w2)); outline: none; margin: 0 0.5em; background: rgb(var(--w)); line-height: 2.6em; height: 2.6em; color:rgb(var(--b)); } .promptBody input.inputS{ width:2.5em; } .promptBody .inputtime{ width:2.8em; } .promptBody select.inputtime{ width:4em; } .promptBody .inputdate{ width:6em; } .promptBody textarea { height:120px; padding: 0 1em; border-radius: 0.2em; border: 1px solid rgb(var(--w2)); outline: none; margin: 0 0.5em; background: rgb(var(--w)); color:rgb(var(--b)); } .promptBody .show { border-radius:2px; border:1px solid rgb(var(--a1)); padding:0.3em 1% 0.3em 1%; margin:0.2em 0; max-width:96%; } .promptFoot { padding:1em; } .cform input[type="text"]{ width: calc(100% - 1em - 2px); padding: .5em; } .cform textarea{ width: calc(100% - 1em - 2px); padding: .5em; } .promptDateBGL{ float:left; width:70%; } .promptDateBGR{ float:right; width:15%; } .prompt input[type="submit"],.prompt input[type="button"],.cpPrompt input[type="button"] { background:rgb(var(--akzentalpha)); color:rgb(var(--akzent)); box-shadow:none; font-size: 1rem; padding: .7em 1.4em; margin: .2em; cursor: pointer; text-decoration: none; display: inline-block; border-radius: 0.4em; font-weight: normal; text-align: center; line-height: 1.5em; border: none; } .prompt input[type="submit"]:hover ,.prompt input[type="button"]:hover ,.cpPrompt input[type="button"]:hover { background:rgb(var(--akzentalpha)); text-decoration:underline; } .prompt .inputfw{ width: calc(100% - 3em - 2px); } .promptDate{ max-width:30em; background:#ffffff; box-shadow:0px .05em .1em rgba(0,0,0,0.3); position: absolute; z-index: 151000; display: block; left: 50%; transform: translateX(-50%) translateY(-50%); width: 95%; top: 50%; } .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; line-height: 2em; height: 2em; vertical-align: top; } .promptDateBGR .promptDateDiv{ width:calc(100% - 2px); } .promptDateOn{ border:1px solid #dc6248; } .promptDateHead{ font-weight:bold; } .promptDateBGR select{ margin:0; padding:0 .4em; } table.fullw{ width:100%; } .popupmenu { z-index:2000; position:absolute; background:rgb(var(--w)); border:1px solid; border-color:rgb(var(--w2)); padding:10px; border-radius:2px; box-shadow:0 1px 6px rgba(0,0,0,0.25); } .popupmenuHead { padding:5px 5px 5px 5px; color:rgb(var(--w)); text-shadow: 0px 1px 0px rgba(0,0,0,0.2); background:rgb(var(--b2)); border-bottom:1px solid rgb(var(--b2)); } .popupitem { padding:1em 1.5em; background:rgb(var(--w));; font-size:1em; cursor:pointer; } .popupitem:hover { background:rgb(var(--w2)); } .leftmenulogo{ text-align:center; margin:1.5em; } .leftmenulogo img{ max-width:min(14em , 80%); } .fileexplorer,.picexplorer { background:rgb(var(--w)); padding:5px;} .fileexplorer_url { background:rgb(var(--w)); min-width:10em; display:inline-block; vertical-align:middle; margin:0 .5em .5em 0; padding:.2em; cursor:pointer; color:rgb(var(--b)); } .fileexplorer_url img{ margin:3px 5px 3px 5px; vertical-align:middle; } .fileexplorer_menu,.picexplorer_menu { background:##f0f0f0; display:inline-block; margin:0px 10px 10px 0px; vertical-align:middle; } .fileexplorer_menu img,.picexplorer_menu img{ cursor:pointer; vertical-align:middle; } .fileexplorer_menu span { display:inline-block; margin:0px 6px 0px 6px; cursor:pointer; } .fileexplorer_explorer { background:rgb(var(--w)); border:1px solid rgb(var(--w2));; padding:1em; min-height:2em; } .fileexplorer_explorer .file{ display:inline-block; cursor:pointer; text-decoration:none; color:rgba(var(--b)); width:10em; margin:.3em; padding:.3em; vertical-align:top; } .fileexplorer_explorer .file a{color:rgb(var(--b)); text-decoration:none; } .fileexplorer_explorer .file img{ width:10em; aspect-ratio:1; object-fit: contain; } .fileexplorer_explorer .file div{ word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height:3.8em; line-height:1.2em; overflow:hidden; } .fileexplorer_explorer .folder{ display:inline-block; width:300px; 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; } .picexplorer_explorer { background:rgb(var(--w)); border:1px solid rgb(var(--w2)); padding:5px; min-height:20px; } .picexplorer_explorer .pic { width:150px; height:150px; display:inline-block; overflow:hidden; background:#cccccc; padding:2px; margin:2px; cursor:pointer; line-height:150px; text-align:center; position:relative; } .picexplorer_explorer .pic:hover { background:#bbbbbb; } .picexplorer_explorer .pic img { max-width:150px; max-height:150px; vertical-align:middle;} .picexplorer_explorer .pic div { position:absolute; top:0px; left:0px; line-height:1; background:rgba(200,200,200,0.8); padding:2px;} .dbEditorHTML { width:99%;border:0px;height:300px;padding:0px;margin:0px; } .dbEditorPlain { width:99%;border:0px;height:300px;padding:0px;margin:0px;display:none; } .dbEditorHead { display:block; margin:0px; padding:0px; background:#dddddd; border:1px solid #999999; border-bottom:0px; } .dbEditorHead div{ display:inline-block; padding:0px; margin:0px; line-height:27px; } .dbEditorHead img{ border:0px; cursor:pointer; vertical-align:middle; } .dbEditorHead span{ border:0px; cursor:pointer; vertical-align:middle; } .dbEditorHead a{ text-decoration:none; } .dbEditorBody { z-index:1;background:#ffffff;display:block;position:relative;border:1px solid #999999; } .colorpicker { z-index:10;width:100px;background:#cccccc;position:absolute;border:1px solid #999999; display:none;} .dblistblock { cursor:pointer; background:#dddddd; margin:3px; padding:8px; } .dblistblock:hover { background:#e3e3e3; } .caltable { cursor:pointer; margin:.5rem; border-radius:.4em; overflow:hidden; } .caltable tr { } .caltable th { border:0; text-shadow:none; background:rgba(var(--bg1),.8); border-bottom:1px solid rgb(var(--bg1)); border-right:1px solid rgb(var(--bg1)); padding:0.8em; text-align:right; } .caltable td { border-bottom:1px solid rgba(var(--bg1),1); border-right:1px solid rgb(var(--bg1)); background: rgba(var(--bg1),.5) !important; padding:0; text-align:right; } .caltable .on { } .caltable a { text-decoration:none; display:block; width:2.2em; height:1.5em; line-height:1.5em; text-align: right; padding:.3em; color:#000; } .caltable .on a { border:.2em solid rgb(var(--rot)); background:rgba(var(--rot),.1); text-decoration:none; border-radius:.4em; color:#000; } .inpbox{ margin:1.5em 0; width:100%; position:relative; } .inpbox span{ position:absolute;z-index:2; font-size:.85em; background:rgb(var(--w)); padding:0 .4em; margin:-.35em 0 0 1em; height:1em; } .inpbox input[type='text'], .inpbox input[type='number'], .inpbox .input{ padding:0 1em; border-radius:.2em; width:calc(100% - 3em - 2px); border:1px solid rgb(var(--w2)); outline: none; margin:0 .5em; line-height:2.6em; height: 2.6em; color:rgb(var(--b)); background:rgb(var(--w)); } .inpbox select{ padding:0 1em; border-radius:.2em; width:calc(100% - 3em - 2px); border:1px solid rgb(var(--w2)); outline: none; margin:0 .5em; box-sizing: content-box; height: 2.6em; background:rgb(var(--w)); color:rgb(var(--b)); } .inpbox textarea:focus,.inpbox input[type='text']:focus,.inpbox select:focus{ border-color:rgba(51,43,82,1); outline: none; background:rgb(var(--w)); color:rgb(var(--b)); } .inpbox textarea{ padding:1.2em 1em; border-radius:.2em; width:calc(100% - 3em - 2px); border:1px solid rgb(var(--w2)); outline: none; margin:0 .5em; min-height: 4em; background:rgb(var(--w)); color:rgb(var(--b)); } .inpbox .datum{ border-radius:.2em; width:calc(100% - 3em - 2px); border:1px solid rgb(var(--w2)); 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:2.6em; line-height:2.6em; margin: 0; vertical-align: middle; } .inpbox .datum input[type="checkbox"]{ height:2.6em; line-height:2.6em; margin: 0; vertical-align: middle; } .inpbox .checkbox{ line-height: 2.8em; padding:0 1em; } .inpbox .div2M { padding: 1.2em 1em; border-radius: 0.2em; width: calc(100% - 3em - 2px); border: 1px solid rgb(var(--w2)); margin: 0 0.5em; background: rgb(var(--w)); } .inpbox8 svg, .inpbox6 svg{ height:1.3em; vertical-align: middle; } .inpbox .pic{ margin:0 1em 0 0; filter: var(--invert); border-radius: 0.2em; } .bettercb{ position:absolute; opacity:0; } .bettercb2{ width:1.5em; height:1.5em; background:rgb(var(--w)); display:inline-block; vertical-align:middle; border:1px solid rgb(var(--w2)); border-radius:.0em; cursor:pointer; } .bettercb2::after{ width:.4em; height:.8em; border-bottom:.15em solid #00aa00; border-right:.15em solid #00aa00; display:block; content:' '; transform:rotate(45deg); margin:.15em .5em; display:none; } input:checked ~ .bettercb2::after { display: block; } .aktuelles{ display:flex; flex-wrap: wrap; max-width:min(1000px, 100%); margin:auto; } .aktuelles2{ width:100%; margin:1em; background:rgb(var(--w)); border-radius:.4em; box-shadow: 0 0.1em 0.3em rgba(var(--b),.15); position:relative; } .aktuelles2 .ico{ width:4em; height:4em; object-fit:cover; border-radius:.4em; position:absolute; border:1px solid rgb(var(--w2)); left:1em; top:1em; } .aktuelles2 img{ width:min(42%, 20em); aspect-ratio:1.77; object-fit:cover; border-radius:.4em; display:block; margin:0 0 .5em .5em; float:right; } .aktuelles2 .title{ font-wight:bold; font-size:1.4em; margin-bottom:.5em; line-height: 1.2em; color:rgb(var(--b)); } .aktuelles2 .text{ color:rgb(var(--b2)); font-size:1em; margin-bottom:1em; } .aktuelles2 .padding{ padding:1em; } .aktuelles2 hr{ margin:0; padding:0; height:;0; border:0; border-top:1px solid rgb(var(--w2)); clear:both; } .aktuelles2 .author{ font-weight:bold; margin-bottom:.25em; color: rgba(var(--b),.5); } .aktuelles2 .button{ font-size:1.2em; } .aktuelles2 .button{ background:rgb(var(--akzentalpha)); color:rgb(var(--akzent)); box-shadow:none; font-size: 1rem; padding: .7em 1.4em; margin: .2em; cursor: pointer; text-decoration: none; display: inline-block; border-radius: 0.4em; font-weight: normal; text-align: center; line-height: 1.5em; border: none; } .aktuelles2 .button img{ width: unset; aspect-ratio: unset; display: inline-block; height: 1.2em; vertical-align: middle; margin: 0.1em 0 0 0.5em; padding: 0; filter:var(--invert); } .videos.cards{ margin: 0 auto; display:block; max-width:unset; width: 90%; } .videos.cards .video{ break-inside: avoid-column; display: inline-block; width: calc(25% - 2em); } .videos.cards .video.vges{ opacity:.5; } .aktuelles2.video .cover{ width:100%; aspect-ratio:1.77; object-fit:cover; border-radius:.4em; display:block; margin:0 0 1em 0; float:none; filter:saturate(0.3) var(--imgbrightness); transition: filter ease .4s; } .aktuelles2.video:hover .cover{ filter:saturate(1); } .authorimg{ width:4em; aspect-ratio:1; object-fit:cover; border-radius:.4em; display:inline-block; margin:0 1rem 0 0; float:left; } .aktuelles2.video .txt{ width:calc(100% - 6rem); float:left; padding:0 1rem 1rem 1rem; } .aktuelles2.video .author{ font-weight:bold; margin-bottom:0; color: rgb(var(--b3)); } .aktuelles2.video .title{ font-wight:bold; font-size:1.3em; margin:1rem; line-height:1.2em; } .aktuelles2.video .text{ color:rgb(var(--b2)); font-size:1.2em; margin:1rem; } .aktuelles.aktuellesq{ column-count: 3; column-gap: 1em; margin: 0 auto; display:block; max-width:unset; width: 90%; } .aktuelles.aktuellesq .aktuelles2.aktuellesq{ break-inside: avoid-column; display: inline-block; width: calc(100% - 1em); } .aktuelles2.aktuellesq .cover{ width:42%; aspect-ratio:1; object-fit:cover; border-radius:0 .4em 0 .4em; display:block; margin:0 0 1em 1em; float:right; filter:var(--imgbrightness); } .aktuelles2 .authorimg{ width:4em; aspect-ratio:1; object-fit:cover; border-radius:.4em; display:inline-block; margin:0 1rem 0 0; float:left; } .aktuelles2.aktuellesq .txt{ width:calc(100% - 6rem); float:left; padding:0 1rem 1rem 1rem; } .aktuelles2.aktuellesq .author{ font-weight:bold; margin-bottom:0; color: rgb(var(--b3)); } .aktuelles2.aktuellesq .title{ font-wight:bold; font-size:1.3em; margin:1rem; line-height:1.2em; } .aktuelles2.aktuellesq .text{ color:rgb(var(--b2)); font-size:1.2em; margin:1rem; } .aktuelles.aktuelleska{ column-count: 6; column-gap: 1em; margin: 0 auto; display:block; max-width:unset; width: 90%; } .aktuelles.aktuelleska .aktuelles2.aktuelleska{ break-inside: avoid-column; display: inline-block; width: calc(100% - 1em); } .aktuelles2.aktuelleska{ text-decoration:none; } .aktuelles2.aktuelleska .cover{ width:calc(100% - 1em); aspect-ratio:1.2; object-fit:cover; border-radius:.2em; display:block; margin:.5em 0 0 .5em; filter:var(--imgbrightness); float:none; } .aktuelles2.aktuelleska .txt{ width:calc(100% - 6rem); float:left; padding:0 1rem 1rem 1rem; } .aktuelles2.aktuelleska .author{ font-weight:bold; margin-bottom:0; color: rgb(var(--b3)); } .aktuelles2.aktuelleska .title{ font-wight:bold; font-size:1.3em; margin:1rem; line-height:1.2em; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .aktuelles2.aktuelleska .text{ color:rgb(var(--b2)); font-size:1.2em; margin:1rem; } .aktuelles2.aktuelleska .date{ font-size:.9em; margin:1rem; line-height:1em; } .aktuelles2.aktuelleska .preis{ position: absolute; right: 0; background: rgb(var(--akzent)); color: rgb(var(--w)); font-size: 1.25em; padding: .2em .6em; margin-top: -5.5em; } .kaitem{ display:flex; } .kadesc{ width:63%; margin-left:2%; } .kadesc .title{ font-size: 1.3em; font-weight:bold; line-height: 1.2em; } .kadesc .text{ font-size: 1.2em; } .kadesc .preis{ font-size: 1.3em; font-weight:bold; color: rgb(var(--akzent)); line-height: 1.2em; margin-top:.5em; } .chats{ background:rgba(var(--w)); border-radius: .4em; margin: 1rem .5rem 1.5rem .5rem; } .chats a{ border:1px solid rgba(var(--b),.1); border-bottom:0; color:rgb(var(--b)); text-decoration:none; display:flex; padding:1em; } .chats a .date{ } .chats a .title{ font-size:1.35em; font-weight:bold; max-width:100%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; } .chats a .user{ font-size:1.2em; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; } .chats a:first-child{ border-radius:.4em .4em 0 0; } .chats a:last-child{ border-radius:0 0 .4em .4em; border-bottom:1px solid rgba(var(--b),.1); } .chats img{ width: 5em; height: 5em; object-fit: cover; border-radius: .4em; margin:0 1em 0 0; vertical-align:top; } .chat{ text-align:center; font-size: 1.1em; } .chatA{ display:block; margin:1em; text-align:left; } .chatA div{ background:rgb(var(--w)); display:inline-block; padding:0.5em 1em; border-radius:1em; max-width:calc(78% - 2em); } .chatV{ display:block; margin:0.5em; text-align:right; } .chatV div{ background:rgba(var(--akzent),.1); display:inline-block; padding:0.5em 1em; border-radius:1em; max-width:calc(70% - 4em); text-align:left; user-select: none; } .chatV div.selected{ background:rgba(var(--akzent),.4); } .chatD{ display:block; margin:1em auto; text-align:center; background: rgba(var(--akzent), .05); color: rgba(var(--b), .7); display:inline-block; padding:.5em 1em; border-radius:1em; } .chatA span, .chatV span{ display:block; padding:.2em .6em; } .chatV div span{ display:inline-block; text-align:right; white-space: nowrap; float: right; font-size:.9em; padding: .4em 0 0 1em; } .chatA div span{ display:inline-block; text-align:right; white-space: nowrap; float: right; font-size:.9em; padding: .4em 0 0 1em; width: 100%; } .chatA .file, .chatV .file{ display: inline-block; margin: .2em; padding: .2em .8em; background: rgb(var(--akzent)); color: rgb(var(--w)); text-decoration: none; border-radius: 1em; text-align:center; text-overflow: ellipsis; overflow: hidden; max-width: calc(100% - 2em); } .chatA .file img, .chatV .file img{ height:5em; } .chatA i, .chatV i{ font-style: italic; color:rgba(var(--b),.3); } .galleryprvcontainer{ width:35%; margin: 1rem .5rem 1.5rem .5rem; } .gallerycontainer{ width:calc(100%); aspect-ratio:1.5; display:block; position:relative; background:rgb(var(--w)); box-shadow: 0 .1em .5em rgba(var(--b), .02); } .gallery{ display:block; white-space: nowrap; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; scroll-snap-type: x mandatory; overflow-y: hidden; width: 100%; height: 100%; position:relative; } .galleryfs{ position: fixed; background: rgb(var(--w)); width: 100%; height: 100vh; top: 0; left: 0; z-index: 9999; } .gallery::-webkit-scrollbar { display: none; } .gallery .galleryitem{ width:calc(100% - 2em); height:calc(100% - 2em); padding:1em; display:inline-block; scroll-snap-align: start; } .gallery .galleryitem img{ width:100%; height:100%; aspect-ratio:1; display:block; object-fit: contain; } .gallerycontainer .prv{ font-size: 1.2rem; position:absolute; top:calc(50% - 1em); left:.5em; z-index: 11000; background:rgb(var(--akzent)); padding:.5em .6em .5em .8em; cursor:pointer; border-radius: 2em; text-align: center; width: 1.2em; opacity: .7; transition: opacity ease .2s; } .gallerycontainer .nxt{ font-size: 1.2rem; position:absolute; top:calc(50% - 1em); right:.5em; z-index: 11000; background:rgb(var(--akzent)); padding:.5em .8em .5em .6em; cursor:pointer; border-radius: 2em; text-align: center; width: 1.2em; opacity: .7; transition: opacity ease .2s; } .gallerycontainer .prv:hover, .gallerycontainer .nxt:hover{ opacity: 1; } .gallerycontainer .prv.fs{ position:fixed; } .gallerycontainer .nxt.fs{ position:fixed; } .prvcontainer{ width:100%; display:block; white-space: nowrap; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; scroll-snap-type: x mandatory; overflow-y: hidden; } .prvcontainer::-webkit-scrollbar { display: none; } .prvitem{ width:calc(12.5% - .4em); margin:.2em; display:inline-block; box-shadow: 0 0.1em 0.5em rgba(var(--b),.1); scroll-snap-align: start; background:rgb(var(--w)); } .prvitem img{ width:100%; height:100%; aspect-ratio:1; display:block; object-fit: contain; cursor:pointer; transition: opacity ease .2s; } .prvitem.selected img{ opacity:.5 } .arrow{ border: solid rgb(var(--w)); border-width: 0 .2em .2em 0; display: inline-block; padding: .2em; } .arrow.right{ transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .arrow.left{ transform: rotate(135deg); -webkit-transform: rotate(135deg); } .stoerer{ position: absolute; right: -.5em; top: -.5em; display: flex; aspect-ratio: 1; background: rgb(var(--rot)); color: rgb(var(--w)); padding: .7em; font-size: 1.1em; font-weight: bold; justify-content: center; align-items: center; border-radius: 100%; min-width: 2.8em; z-index:10; } .stoerer.gruen{ background:rgb(var(--gruen)); } .stoerer.gelb{ background:rgb(var(--gelb)); } .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 rgb(var(--w2)); outline: none; margin:0 .5em; box-sizing: border-box; } .inpboxi input[type='password']{ border-radius:.2em; border:1px solid rgb(var(--w2)); outline: none; color:rgb(var(--b)); background:rgb(var(--w)); } .inpbox2{ width:50% !important; display:inline-block; vertical-align:top; } .inpbox2 input[type='text'], .inpbox2 .input{ width:calc(100% - 3em - 2px); } .inpbox4{ width:25% !important; display:inline-block; vertical-align:top; } .inpbox4 input[type='text']{ width:calc(100% - 3em - 2px); } .inpbox{ margin:.4em 0; } .inpbox:has(.div2M){ margin:.4em 0; } .inpbox2 .forminputs, .inpbox4 .forminputs{ width:40% !important; } .inpbox4 input[type='text']{ padding:.3em 1em; background:rgb(var(--w)); } .inpbox4 select{ padding:0 1em; background:rgb(var(--w)); } .inpbox4 textarea{ padding:.75em 1em; background:rgb(var(--w)); } .inpbox3{ width:33.33% !important; display:inline-block; vertical-align:top; } .inpbox6{ width:16.66% !important; display:inline-block; vertical-align:top; } .inpbox7{ width:14.28% !important; display:inline-block; vertical-align:top; } .inpbox8{ width:12.5% !important; display:inline-block; vertical-align:top; } .taright{ text-align:right; } .xcheck{ background:#00cc00; color:#fff; border-radius:100%; display:inline-block; width:1.5em; height:1.5em; text-align:center; line-height:1.5em; } .xcheckoff{ background:rgba(0,0,0,.1); color:#fff; border-radius:100%; display:inline-block; width:1.5em; height:1.5em; text-align:center; line-height:1.5em; } .tborder{ border-collapse: separate; border-spacing: 0.4em; } .stickybuttons { background:rgb(var(--w)); position: sticky; bottom: 0; border-top: 1px solid rgb(var(--w1)); z-index: 11; } #body .stickybuttons h3{ font-weight:normal; font-size:1.1em; padding:0; margin:0; } .caldiv { display:inline-block; background:rgb(var(--bg1)); margin:0.4em; padding:0.5em 1em; cursor:pointer; text-decoration:none; color:rgb(var(--b)); border-radius: .4em; } .cdon { border:.2em solid rgb(var(--rot)); background:rgba(var(--rot),.1); color:rgb(var(--b)); } .buttonsel { display:inline-block; cursor:pointer; margin:0.2em; padding:0.6em 1em; background:rgba(var(--a1),.1); border-radius:.4em; } .buttonsel.on { background:rgb(var(--a1)); color:#fff; } .imgdiv { position:relative; float:left; border:1px solid; padding:2px; margin:2px; width:110px; height:130px; overflow:none; text-align:center; border-color:#e3e3e3 #c9c9b9 #c9c9b9 #e3e3e3; background:#1280bc; } .imgdiv img{ max-width:110px;max-height:110px; } .Popup { z-index:2000; position:absolute; background:#ffffff; border:1px solid; border-color:#cccccc; padding:0px; top:50%; margin-top:-120px; left:50%; margin-left:-250px; width:500px; box-shadow:0 0.1em 1.5em rgb(0 0 0 / 15%);; } .Popuptop { z-index:2000; position:absolute; background:#ffffff; border:1px solid; border-color:#cccccc; padding:0px; top:0; width:100%; box-shadow:0 2px 7px rgba(0,0,0,0.5); } .PopupHead { padding:1em 1em; font-size:1.3em; font-weight:bold; } .PopupHeadClose { position:absolute; top:5px; right:5px; padding:2px 12px 2px 12px; background:#a0a0a0; cursor:pointer; } .PopupBody { padding:1em 2em 2em 2em; border-radius:8px; text-shadow: 0px 1px 0px rgba(255,255,255,0.8); } .Popup input[type="submit"] { border:0px; cursor:pointer; padding:7px 16px 7px 16px; color:#fffff5; text-decoration:none; border-radius:2px; text-shadow: 0px 1px 0px rgba(0,0,0,0.2); background: rgb(var(--a1)); } .Popup input[type="submit"]:hover{ background: rgb(var(--a1)); } .cpPopupmenu { z-index:2000; position:absolute; background:#e3e3e3; border:1px solid; border-color:#cccccc; padding:0px; border-radius:2px; box-shadow:0 1px 6px rgba(0,0,0,0.25); } .cpPopupmenuHead { padding:5px 5px 5px 5px; color:#ffffff; text-shadow: 0px 1px 0px rgba(0,0,0,0.2); background:#808080; border-bottom:1px solid #606060; } .cpPopupitem { padding:4px 6px 4px 6px; background:#eeeeee; border-bottom:1px solid #e3e3e3; border-top:1px solid #f3f3f3; font-size:12px; cursor:pointer; } .cpPopupitem:hover { background:#2aabe4; color:#ffffff; } .bar { background:#d5d5d5; border:1px solid; border-color:#c5c5c5 #b5b5b5 #b5b5b5 #c5c5c5;padding:10px; margin:2px; } .Popup input[type="text"], .Popup input[type="password"] { width:140px; border-radius:2px; border:1px solid rgb(var(--a1)); padding:7px 4px 7px 4px; } .aend{} .aend table{ width:100%; border-collapse:collapse; } .aend table td{ border:1px solid rgb(var(--w2)); padding:.2em .4em; } .aend table th{ border: 1px solid rgb(var(--w3)); background: rgb(var(--w2)); } .aend .tred{ color:rgb(var(--rot)); } #head { top: 0; z-index: 100; display: block; height: calc(6em); width: 100%; position: fixed; color:rgb(var(--b)); width:24em; } .headlogo{ width:100%; height:0; text-align:center; } .headlogo img{ height:3em; margin:1.5em; filter:brightness(var(--bright1)); margin:0; background: rgb(255,255,255); padding: 1.5em 3em 1em 3em; border-radius: 0 0 3em 3em; transition: all ease .4s; filter: var(--invert2); } #head_left { height:100%; float:left; color:rgb(var(--rot)); } #head_right { height:100%; position:absolute; top:0; right:0; } #head .loggedindiv { font-size:1.3em; margin: 1em 1em; line-height: 1.2em; text-align: right;} #head .loggedindiv span{ font-size:.8em; } .bgdiv{ position:fixed;z-index:1500;display:block;top:0px;left:0px;width:100%;height:100vh;background:rgba(var(--w2),0.6); backdrop-filter:blur(1px); } .contentdiv{ position: fixed; z-index: 1600; top: 0; left: 0; width: 100dvw; height: 100dvh; display: flex; justify-content: center; align-items: center; } #body { display:block; height: 100%; color:rgb(var(--b)); background:rgb(var(--w)); margin: 0 auto 0 auto; } #body_left { display:block; width:24em; float:left; overflow:auto; position:fixed; height:calc(100vh - 6em); padding-top:6em; background: rgb(var(--w)); height: calc(100dvh - 6em); border-right:1px solid rgb(var(--w2)); } .leftmenu { font-size: 1.2em; line-height: 1.8em; margin:1em 0 0 0; height: calc(100% - 4em); overflow: auto; scrollbar-color: rgb(var(--w2)) rgb(var(--w)); scrollbar-width: thin; } .leftmenu a svg, .leftmenu .a svg{ fill: rgba(var(--akzent),1); vertical-align: middle; height: 1.3em; margin: 0 .5em .2em 0; transition: all ease 1s; } .leftmenu a:hover svg, .leftmenu .a:hover svg{ transform:rotate3d(0,1,0,360deg); } .leftmenu a,.leftmenu div{ cursor:pointer;display:block; padding: .8em 1.2em .6em 1.2em; text-decoration:none; color:rgb(var(--b)); width: calc(100% - 4.4em); margin: 0 0 .2em 1em; border-radius: .3em; position:relative; } .leftmenu a .khint{ display:inline-block; background: rgb(var(--akzent2)); color: rgb(var(--w)); font-size: .8em; min-width: .8em; width: auto; height: 0.8em; line-height: 0.8em; border-radius: 1em; padding: .6em; text-align: center; margin: -.4em 0 -.2em .4em; } .leftmenu a img,.leftmenu div img { vertical-align:middle; } .leftmenu a:hover,.leftmenu div:hover{ text-decoration:underline; } .leftmenu_on,.leftmenu .active { color:rgb(var(--w)); background: rgb(var(--akzent)); } .leftmenu_on svg,.leftmenu .active svg{ fill:rgb(var(--w)); } .leftmenu .hide { display: none !important; } .leftmenu .sub1{ display:block;padding:.8em 1.2em .6em 2.7em; text-decoration:none; font-size:1em; color:rgb(var(--b)); width: calc(100% - 5.9em); margin: 0 0 .2em 1em; border-radius: .3em; } .leftmenu .sub1:hover{ text-decoration:underline; } .leftmenu_on,.leftmenu .sub1.active { color:rgb(var(--w)); background: rgb(var(--akzent)); } .leftmenu_on,.leftmenu .sub1.active svg{ } .leftmenu .sub2{ display:block;padding:8px 10px 8px 50px; text-decoration:none; font-size:12px; color:rgb(var(--b)); border-bottom:1px solid rgb(var(--w2)); border-top:1px solid rgba(var(--w),0.7); text-shadow: 0px -1px 0px rgba(var(--w),0.6); } .leftmenu .sub2:hover{ background:#2aabe4; color:rgb(var(--w1)) !important; text-shadow: 0px 1px 0px rgb(var(--w2)) !important; } .leftmenu .sub2active { color:#2aabe4 !important; font-weight:bold; display:block;padding:8px 10px 8px 50px; text-decoration:none; font-size:12px; } .checkbutton{ display:inline-block; background:#fff; border-radius:.4em; padding:1em; cursor:pointer; background: rgb(var(--bg1)); } .checkbuttonon{ background:rgb(var(--rot)); color:#fff; } .icon_m{ display:flex; align-items: center; justify-content: center; width:2.8em; height:2.8em; background:#8dd7c0; border-radius:100%; font-size:.95em; color:#fff; } .icon_k{ display:flex; align-items: center; justify-content: center; width:2.8em; height:2.8em; background:#ff96c6; border-radius:100%; font-size:.95em; color:#fff; } .icon_s{ display:flex; align-items: center; justify-content: center; width:2.8em; height:2.8em; background:#ff5768; border-radius:100%; font-size:.95em; color:#fff; } .icon_i{ display:flex; align-items: center; justify-content: center; width:2.8em; height:2.8em; background:#01a5e4; border-radius:100%; font-size:.95em; color:#fff; } .tpadding th, .tpadding td{ padding:.5em 1.5em; border-bottom:1px solid rgb(var(--w2)); } .tpadding td:nth-child(2){ text-align:right; } #body_right { display:block; width:calc(100% - 24em); xheight:100%; float:right; position:relative; } #body_right_i { margin:0 1em 1em 1em; padding:0 1em 0 1em; } #body_right_i:has(.footerbuttons) { padding:0 1em 6em 1em; } #body_right_i .h1 { display:block; font-weight:bold; background: rgb(var(--w1)); border-radius: .4rem; margin: 1rem 1rem 1.5rem 1rem; font-size: 2em; margin: 1.5rem 1rem; } #body_right_i .h1 .icoUnbest, #body_right_i .h1 .icoBest{ display: inline-block; color: rgb(var(--w)); background: rgb(var(--rot)); aspect-ratio: 1; height: 1em; text-align: center; font-size: .8em; line-height: 1em; padding: .2em; border-radius: 100%; vertical-align: top; margin: .2em .4em .2em 0; } #body_right_i .h1 .icoBest{ background: rgb(var(--gruen)); } #body_right_i .h1 svg{ fill: rgb(var(--akzent)); height:1.4em; vertical-align:text-top; margin:0 .5em 0 0; } #body_right_i .h1 span.cat{ font-size: .6em; font-weight: normal; line-height: .8em; color: rgba(var(--b), .8); margin:0; padding:0; } .wdiv{ background:rgb(var(--w)); border-radius: .4em; margin: 1rem .5rem 1.5rem .5rem; box-shadow:0 .1em .5em rgba(var(--b),.02); } .wdiv50{ width:calc(50% - 2rem); float:left; } .wdiv hr { border: 0; height: 1px; background:rgb(var(--w2)); margin: 0; } .wdivnoscroll{ width:100%; overflow:auto; height: calc(100dvh - 8em); } .wdivnoscroll table td{ position:relative; background:rgb(var(--w)); } .wdivnoscroll table tr:nth-child(2n) td{ background:rgb(var(--w1)); } #editorWin{ display:none; position:absolute; } #editorWin textarea{ width:calc(100% - 4px - 1em); height:calc(100% - 4px); padding:0; margin:0; border:1px solid rgb(var(--akzent)); outline: none; } .tabsbody .div2, .wdiv .div2 { padding: 0 1em; border-radius: 0.2em; width: calc(100% - 3em - 2px); border: 1px solid rgb(var(--w2)); margin: 0 0.5em; line-height: 2.6em; height: 2.6em; background: rgba(255,255,255,1); } .tabsbody .div2B, .wdiv .div2B{ padding:0 1em; border-radius:.2em; width:calc(100% - 3em - 2px); border:1px solid rgb(var(--w2)); 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 rgb(var(--w2)); margin:0 .5em; padding: 0.7em 1em 0.3em 1em; } .tabsbody h3{ clear:both; } .a1div{ background:rgb(var(--a1)); border-radius: .4em; margin: 1rem 1rem 1.5rem 1rem; color:#fff; } .padding{ padding: 1.5rem; } .flex{ display: flex; justify-content: space-evenly; column-gap: 3em; } .flexchild{ } .flexchild h2{ padding-bottom:1em !important; } .fright { float: right; } .clear { clear: both; } .theader { padding: 1em; } .theader::after { content: ' '; clear: both; display: block; } #body h1 { margin:0px; padding:0px 0px 10px 0px; font-size:18px; } #body h2 { display:block; padding:0; margin:0 0 1em 0; font-weight:normal; font-size:1.4rem; } #body h3 { margin:10px 0px 20px 0px; font-size:16px; } #body h4 { font-size: 1.5em; font-weight: bold; } #body p { margin:0px; padding:0px 0px 10px 0px; } .tableframesmall { width:100%; border-collapse:collapse; } .tableframesmall th { padding:1em 1em; font-weight:bold; text-align:left; border-bottom:1px solid rgb(var(--w2)); } .tableframesmall thead tr{ text-shadow: 0 1px 0 rgba(0,0,0,.1);} .tableframesmall tr:nth-child(2n){ background:rgba(var(--bg1),.3); } .tableframesmall tr.we1{ background:rgba(var(--b),.1); } .tableframesmall tr:nth-child(2n).we1{ background:rgba(var(--b),.15); } .tableframesmall tr.we2{ background:rgba(var(--b),.1); } .tableframesmall tr:nth-child(2n).we2{ background:rgba(var(--b),.15); } .tableframesmall tr td{ border-bottom:1px solid rgba(var(--akzentalpha)); padding:.5em 1em; } .tableframesmall tr:hover td{ background: rgba(var(--b),.05); } .tableframesmall input[type="text"],.tableframesmall input[type="number"] { xxwidth:400px; xxborder-radius:2px; border:0px; xxpadding:2px 4px 2px 4px; border:1px solid rgba(var(--b),.1); max-width:25vw; } .tableframesmall input[type="text"].xs,.tableframesmall input[type="number"].xs{ width:3em; } .tableframesmall select{ border:1px solid rgba(var(--b),.1); max-width:25vw; } .tableframesmall svg{ width:1.4em; } .tableframesmall .fade{ color:rgb(var(--b3)); } .tableframesmall tr.bluerow { background: rgba(var(--hellblau),.1); color: rgb(var(--hellblau)); border: 1px solid rgb(var(--hellblau)); } .tableframesmall tr:nth-child(2n).bluerow { background: rgba(var(--hellblau),.15); } .file1 { display: inline-block; padding: .3em .8em; background: rgba(51,43,82,1); border-radius: 1em; text-decoration: none; margin: .1em .4em; vertical-align: middle; color: rgba(255,255,255,1); cursor:pointer; } .tableframesmall .file1{ display: inline-block; padding: .1em .5em; background: rgba(51,43,82,1); border-radius: 1em; text-decoration: none; margin: .1em .4em; vertical-align: middle; color: rgba(255,255,255,1); } .tableframesmall{ width: 100%; border-collapse: collapse; } .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; fill:rgb(var(--akzent)); } .cpointer svg{ height:1.3em; vertical-align: middle; opacity:.65; } .tableframesmall a:hover svg, .tabsbody span:hover svg{ fill:rgb(var(--akzent));} .tableframesmall .alert{ display:inline-block; padding:.1em; width:1em; height:1em; line-height:1em; text-align:center; border-radius:1em; background:rgba(244,65,51,1); margin:0 .4em; color:rgba(255,255,255,1); float:right; } .tableframesmall .noalert{ display:inline-block; padding:.1em; width:1em; height:1em; line-height:1em; text-align:center; border-radius:1em; background:rgba(51,222,51,1); margin:0 .4em; color:rgba(255,255,255,1); float:right; } .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: 0rem; background:rgb(var(--w)); z-index:999; } .edit_table .tableframesmall th { background:rgba(240,240,240,1); } .edit_table hr{ border: 0; border-bottom: 1px solid rgba(var(--b), .1); margin: 1.5em 0; } .tableframesmall button{ color:#fff; background:#000; border:1px solid rgb(66,66,66); } .tableframesmall.dplan td{ vertical-align:top; } .tableframesmall.dplan td:first-child{ font-weight:bold; } .framesmall { padding:6px 10px 6px 10px; border-width:1px 1px 1px 1px; border-color:#f5f5f5 #d0d0d0 #d0d0d0 #f5f5f5; background:#e5e5e5; border-style:solid; } .xtableframesmall { width:96%; margin:1%; border-spacing:0px; box-shadow:0 0.05em 0.1em rgba(0,0,0,0.5); } .xtableframesmall th { padding:0.6em 0.6em; border-width:1px; color:#ffffff; border: 1px solid #666666; background:#777777; } .xtableframesmall td { padding:0.3em 0.6em; border-width:1px; border-color:#eeeeee; background:#ffffff; border-style:solid; } .xtableframesmall tr:nth-child(2n) td { background:#fcfcfc; border-color:#eeeeee; } .xtableframesmall .tableframesmall_tr_on td{ background:#fff8c8 !important; } .xtableframesmall .tableframesmall_tr_on_r td{ background:#f4dbdb !important; } .xtableframesmall .tableframesmall_tr_off_r td{ background:#f4dbdb !important; } .xtableframesmall .tableframesmall_tr_on_g td{ background:#efec8c !important; } .xtableframesmall .tableframesmall_tr_off_g td{ background:#efec8c !important; } .xtableframesmall .tableframesmall_tr_on_p td{ background:#eddbf4 !important; } .xtableframesmall .tableframesmall_tr_off_p td{ background:#eddbf4 !important; } .xtableframesmall .bg_red td{ background:#ffdddd !important; } .xtableframesmall .bg_green td{ background:#ddffdd !important; } .xtableframesmall .bg_orange td{ background:#ffeedd !important; } .xtableframesmall tr:hover td{ background:#eeeeee !important; border-color:#dddddd !important; } .xtableframesmall .tableframesmall_tr_on a,.tableframesmall .tableframesmall_tr_on a:hover{ } .xtableframesmall input[type="text"] { width:400px; border:0px; padding:2px 4px 2px 4px; } .xtableframesmall .textarea { width:90%; height:150px; border:0px; padding:2px 4px 2px 4px; } .xtableframesmall a { text-decoration:none; color:#000; background:url('../script/writepics/link.gif'); background-repeat:no-repeat; background-position: bottom right; padding-right:9px; } .xtableframesmall a:hover { color:rgb(var(--a1)); } .xtableframesmall .btn { background:#cccccc; display:inline-block; padding:1px; text-align:center; min-width:100px; margin:2px; } .xtableframesmall button { border:0px; cursor:pointer; padding:0.4em 0.8em; color:#ffffff; text-decoration:none; background: rgb(var(--a1)); margin:0.1em; } .xtableframesmall button:hover { background:rgb(var(--a1)); } .cpselector { background:#cccccc; border:1px solid #aaaaaa !important; padding:7px 16px 7px 16px !important; margin:3px !important; text-decoration:none; display:inline-block; cursor:pointer; border-radius:2px;} .buttonr { padding:0.8em 1.5em; margin:0.6em 0.3em; text-decoration:none; display:inline-block; cursor:pointer; text-align:center; background:#d34836; color:#ffffff; } .buttonr:hover { background:#bd3c2c; } .cpbutton1 ,.button ,.promptDate input[type="button"]{ cursor:pointer; text-decoration:none; margin:0.2em; padding: 0.7em 1.2em; display:inline-block; border-radius: 0.4em; font-size: 1.2rem; font-weight:normal; text-align:center; color: rgb(var(--w)); box-shadow: 0 0.1em 0.5em rgba(var(--b),.2); background: rgb(var(--a1)); color: rgb(var(--akzent)); border: none; box-shadow: none; background: rgba(var(--akzentalpha)); } #body_right_i > .button{ margin:1em; } .butto2{ padding:0.4em 0.8em; color:#ffffff; text-decoration:none; background: #4c8ffd; margin:0em 0.1em 0.1em 0.1em; cursor:pointer;} .pkreis { margin: 0.1em .6em 0.1em 0.1em width: 1.2em; height: 1.2em; display: inline-block; line-height: 1.3em; border-radius: 1.2em; padding: 0 !important; } .buttonB:hover{ text-decoration:underline; } .buttonB{ cursor:pointer; text-decoration:none; margin:0.2em; display:inline-block; padding:.7em 1.4em; border-radius: 0.4em; font-weight:normal; text-align: center; font-size:1rem; line-height:1.5em; color: rgb(var(--b)); border: 1px solid rgb(var(--w2)); box-shadow: 0 0.1em 0.2em rgba(var(--b),.1); background:rgb(var(--w)); color: rgb(var(--akzent)); border: none; box-shadow: none; background: rgba(var(--akzentalpha)); } .inpbox .buttonB{ margin:0 .2em; } .buttonC{ cursor:pointer; text-decoration:none; margin:.5em 0; display:inline-block; padding:.5em 1.1em; border-radius: 0.4em; font-weight:normal; text-align: center; font-size:1rem; line-height:1.4em; color: rgb(var(--b)); border: 1px solid rgb(var(--w2)); } .buttonC:hover{ text-decoration:underline; } .cpbutton1:hover,.button:hover, .promptDate input[type="button"]:hover { text-decoration:underline; } .edit_table .button { display:inline-block !important; padding:0.5em 1em !important; } .red{ background:#fe7403; } .green{ background:#61d102; } .button2 { padding:3px 8px 3px 8px !important; margin:2px !important; text-decoration:none; cursor:pointer; background-image:none !important; border-radius:2px; box-shadow:0 0 2px rgba(0,0,0,0.1); background:#e3e3e3 !important; color:#000; border:1px solid; border-color:#eeeeee #cccccc #cccccc #eeeeee; text-shadow: 0px 1px rgba(0,0,0,0.1); } .button2:hover { background:#d3d3d3 !important; color:#000 !important; } .button3 { font-size:12px; padding:2px 6px 2px 6px !important; margin:1px !important; text-decoration:none; cursor:pointer; background-image:none !important; text-decoration:none; display:block; float:left; cursor:pointer; border-radius:2px; box-shadow:0 0 2px rgba(0,0,0,0.1); background:#e3e3e3 !important; color:#000; border:1px solid; border-color:#eeeeee #cccccc #cccccc #eeeeee; text-shadow: 0px 1px rgba(0,0,0,0.1); } .button3:hover { background:#1280bc !important; } .button3_inline { font-size:12px;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; } .seiten{ float:right; } .cppageon { text-decoration:none; padding:0.5em; margin:0.2em; min-width:1.6em; border-radius: 0.4em; display:inline-block; text-align:right; box-shadow: none; color:rgb(var(--a1)); background:rgb(var(--w)); border:1px solid rgb(var(--w1)); } .cppageoff { text-decoration:none; padding:0.5em; margin:0.2em; min-width:1.6em; border-radius: 0.4em; display:inline-block; text-align:right; none; color:rgb(var(--a1)); background:rgb(var(--w1)); border:1px solid rgb(var(--w1)); } .cppageoff:hover { background:rgb(var(--w1)); } .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; background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcxNzQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkRDNjkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFMzY3MTQiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cxNzQpIiAvPgo8L3N2Zz4=); } .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;} .edit_table { margin:1%; border:0px; border-spacing:0px; width:97%; } .edit_table th { font-weight:bold; text-align:left; padding:.5em 1em; border-width:1px; background:rgba(var(--blau),.1); border-left: none; border-right: none; } .edit_left { width:25%; background:#fafafa; text-align:right; padding:0.3em 0.6em; border:1px solid; vertical-align:top; max-width:170px; position:relative; border-color:#eeeeee;} .edit_table td, .edit_right { text-align:left; padding:0.3em 0.6em; border:1px solid; background:#ffffff; border-color:#eeeeee; position:relative; background-clip: padding-box; border-left: none; border-right: none; } .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:#efefef #d3d3d3 #d3d3d3 #efefef; background:#e3e3e3; border-style:solid; } .edit_full:hover { background-color:#2a8bc0 !important; color:#ffffff; cursor:pointer; } .edit_table .head2 td { font-weight:normal;text-align:left; padding:5px 10px 5px 10px; color:#888888; border-width:1px; border-style:solid; border-left: none; border-right: none; } .edit_table .a_new td{ background:#ffe154;border-color:#eed24e; } .edit_table .tdfoot{ font-weight:normal; text-align:center; padding:.2em .4em; color:#ffffff; border-width:1px; border-style:solid; border-color:rgba(0,0,0,.5); background:#3d454b; background-clip: padding-box; vertical-align:middle; } .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; } .tabsbody .tstimage { position:relative;cursor:pointer; background:#f3f3f3; height:170px; display:inline-block; box-shadow:0px 1px 1px rgba(0,0,0,0.2); width:180px; margin:4px; vertical-align:bottom; text-align:center; padding:4px; line-height:170px; } .tabsbody .tstimage img { vertical-align:middle; } .tabsbody .tstimage .title { position:absolute; left:0px; bottom:0px; padding:4px; background:rgba(255,255,255,0.8); width:180px; line-height:1; border-top:1px solid #e3e3e3; } .tabsbody .tstimage .delete { position:absolute; right:0px; top:0px; background:rgba(255,255,255,0.8); width:25px; height:25px; border-bottom:1px solid #e3e3e3; border-left:1px solid #e3e3e3; background:url('trash.png'); background-size:100% 100%;} .tabsbody .tstimage:hover { background:#ffffff; } .tabsbody .tstimageplus { position:relative;cursor:pointer; background:#f3f3f3; width:30px; height:50px; display:inline-block; box-shadow:0px 1px 1px rgba(0,0,0,0.2); width:60px; margin:54px; vertical-align:bottom; text-align:center; padding:4px; line-height:50px; font-size:20px; } .tabsbody .tstdateplus { position:relative;cursor:pointer; background:#f3f3f3;height:20px; display:inline-block; box-shadow:0px 1px 1px rgba(0,0,0,0.2); width:30px; margin:5px; vertical-align:bottom; text-align:center; padding:4px; line-height:20px; font-size:14px; } .tabsbody .headPicsDiv { background:#cccccc; border-bottom:1px solid #aaaaaa; margin:10px 10px 0px 10px; padding:10px; } .tabsbody .selectedPicsDiv { background:#bbbbbb; margin:0px 10px 10px 10px; padding:10px; } .tabsbody .TSTPicsDiv { background:#bbbbbb; margin:0px 10px 10px 10px; padding:10px; position:relative; height:220px; xoverflow:auto; xheight:440px; } .edit_right input[type="text"] { width:98%; border-radius:2px; border:1px solid rgb(var(--blau)); padding:0.3em 1% 0.3em 1%; } .edit_right .forminputs { width:120px !important; border-radius:2px; border:1px solid rgb(var(--blau)); padding:0.3em 1% 0.3em 1%; margin:0.1em; } .edit_right .formchooses { width:120px !important; border-radius:2px; border:1px solid rgb(var(--blau)); padding:0.3em 1% 0.3em 1%; } .edit_right select { width:98%; !important; border:1px solid rgb(var(--blau)); padding:0.3em 1% 0.3em 1%; border-radius:2px; } .edit_right input[type="password"] { width:400px !important; border-radius:2px; border:1px solid rgb(var(--blau)); padding:0.3em 1% 0.3em 1%; } .edit_right textarea { width:98% !important; height:120px; border-radius:2px; border:1px solid rgb(var(--blau)); padding:0.3em 1% 0.3em 1%; } .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; background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcxNzQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkRDNjkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFMzY3MTQiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cxNzQpIiAvPgo8L3N2Zz4=); } .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:#000; 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 { border-radius:.2em; color: rgb(var(--w)); background: rgb(var(--akzent2)); border: 0; width: calc(100% - 3em); margin: .5em; padding: 1em; } .error { color:#ffffff; padding:1em; margin:1em; border:1px solid; border-color:#ff6633 #dd4411 #dd4411 #ff6633; background:#ee5522; border-radius:2px; width:95%; } #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; font-size:12px; position:relative; margin:10px 0px 0px 0px; border-radius:2px; } .registerForm .h1 { font-weight:bold; font-size:14px; padding:4px 8px 8px 8px; position:relative; } .registerForm input[type="text"], .registerFormtextinput{ width:97%; border:1px solid #b1b1b1; padding:4px; font-size:14px; background:#ffffff; display:inline-block; } .registerForm select{ width:97%; border:1px solid #b1b1b1; padding:4px; font-size:14px; background:#ffffff; display:inline-block; } .registerForm textarea { width:97%; height:110px; border:1px solid #b1b1b1; padding:4px; font-size:14px; } .registerForm .feld { margin:0px 0px 6px 6px; float:left; width:520px; position:relative; background:#cccccc; border:1px solid #babcaa; padding:3px; font-size:11px; } .registerForm table { margin:0px; border-collapse:collapse; font-size:12px; 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('admin_logo.png') 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 { font-size:11px; border-spacing:0px; width:90%; cursor:pointer; } .menuedittable thead td{ background:#000; padding:0px 5px 0px 5px; border:1px solid; border-color:#606060 #303030 #303030 #606060; color:#eeeeee; font-size:12px; 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-size:12px; 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; } .buttonG { background:#a0a0a0; display:inline-block; color:#ffffff; padding:2px 6px 2px 6px; text-align:center; cursor:pointer; } .seachDivS { display:block; position:fixed; left:10%; width:80%; background:#cccccc; top:10%; overflow:auto; border:1px solid #888888; } .tstpicsHS { background:#a0a0a0; border:0px; padding:5px 10px 5px 10px; color:#ffffff; text-shadow:0px 1px rgba(0,0,0,0.5);} .tstpicsHS input { border:0px; font-size:12.5px; width:300px; } .tstpicsS { white-space: nowrap; overflow:auto; } .tableS { border-collapse:collapse; width:100%; } .tableS th{ background:#a0a0a0; border:0px; border:1px solid #a0a0a0; } .tableS td{ background:#ffffff; border:1px solid #a0a0a0; padding:1px; } .tableS .td2 input[type="text"],.tableS .td1 input[type="text"]{ margin:0px; border:0; width:100%; } .tableS .td3 input[type="text"]{ margin:0px; border:0; } .divInputS { display:inline-block; font-size:11px; margin:5px 5px 5px 5px; color:#888888; line-height:10px; } .divInputS input[type="text"]{ border:0px; font-size:12.5px; border-bottom:1px solid #aaaaaa; } .divEditorS { margin:5px 5px 5px 5px; } .selectS { padding:2px 6px 2px 6px !important; margin:0px 2px 0px 2px !important; text-decoration:none; display:inline-block; cursor:pointer; text-shadow: 0px 1px 0px rgba(0,0,0,0.3); border-radius:2px; text-align:center; box-shadow:0 0 2px rgba(0,0,0,0.1); background:#2aabe4; color:#ffffff; border:1px solid; border-color:#49c0f4 #1992c8 #1992c8 #49c0f4; box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; min-width:300px; position:relative; padding-right:15px; } .selectS_box { width:15px; height:15px; background:#ffffff; position:absolute; right:1px; top:1px; border:1px solid; border-color:#49c0f4 #1992c8 #1992c8 #49c0f4; } .selectS_arrow { width:0px; height:0px; border-left: 5px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #2aabe4; position:absolute; left:3px; top:5px; } .selectDropdownS { left:0px; top:20px; cursor:pointer; text-shadow: 0px 1px 0px rgba(0,0,0,0.3); position:absolute; background:#2aabe4; width:100%; max-height:320px; overflow:auto; z-index:100;} .selectDropdownSitem{ text-align:left; padding:1px 6px 1px 6px;background:#2aabe4; color:#ffffff; border:1px solid; border-color:#49c0f4 #1992c8 #1992c8 #49c0f4; text-decoration:none; display:block; } .selectDropdownSitem:hover{ background:#1a9bd4; } .buttonS { min-width:1em; padding:2px 6px 2px 6px !important; margin:0px 2px 0px 2px !important; text-decoration:none; display:inline-block; cursor:pointer; text-align:center; background:rgb(var(--rot)); color:#ffffff;} .buttonS:hover { background:rgb(var(--rot)); } .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; background-image:url(data:image/svg+xml;base64,CTxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4NCjxsaW5lYXJHcmFkaWVudCBpZD0iZzU0MCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4NCjxzdG9wIHN0b3AtY29sb3I9IiNmM2YzZjMiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNkZGRkZGQiIG9mZnNldD0iMSIvPg0KPC9saW5lYXJHcmFkaWVudD4NCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzU0MCkiIC8+DQo8L3N2Zz4J); color:#333333; border:1px solid; border-color:#eeeeee #cccccc #cccccc #eeeeee; } .searchblock input[type="submit"]:hover { color:#ffffff !important; background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczNTgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMyRjlERDkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMyNDc3QTMiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2czNTgpIiAvPgo8L3N2Zz4=); } .tabs { border:0px; margin:0%; } .tabshead { padding:8px 8px 0px 8px; } .tabshead_i, .tabshead_i_on { background:rgb(var(--w2)); padding:.7em 1.2em; cursor:pointer; color:rgb(var(--b)); display:inline-block; margin:0 .2em; vertical-align:bottom; border:1px solid rgb(var(--w2)); border-bottom:0; border-radius: 0.4em 0.4em 0 0; } .tabshead_i_on { background:rgb(var(--w)); cursor:pointer; font-weight:bold; padding:.8em 1.2em; border-bottom: 1px solid rgb(var(--w)); margin-bottom: -1px; } .tabshead_i:hover { background:rgb(var(--w)); cursor:pointer; } .tabsbody { clear:both; background:rgb(var(--w)); border: 1px solid rgb(var(--w2)); border-radius: 0.4em; overflow: hidden; } .mal{ width: 22em; display:inline-block; } .tabsbody .edit_table { margin:0; border:0px; border-spacing:0px; width:97%; box-shadow:0px 0px 0px rgba(0,0,0,0); } .tabsbody .edit_table .th { font-weight:normal;text-align:left; padding:5px 10px 5px 10px; color:#ffffff; border-width:1px; border-style:solid; border-color:#909090 #707070 #707070 #909090; background:#808080; text-shadow:0px 1px rgba(0,0,0,0.5); } .tabsbody .edit_left { color:#ffffff; background:#a0a0a0; text-shadow:0px 1px rgba(0,0,0,0.5); font-size:12px; text-align:right; padding:2px 4px 2px 4px; border:1px solid; vertical-align:top; max-width:170px; position:relative; border-color:#a7a7a7 #979797 #979797 #a7a7a7;} .tabsbody .edit_right { text-align:left; padding:2px 4px 2px 4px; border:1px solid; background:#e5e5e5; border-color:#eeeeee #dddddd #dddddd #eeeeee; position:relative; } .tabsbody .edit_space { padding:4px 10px 4px 10px; background:#d4d4d4; border:1px solid; border-color:#e5e5e5 #c3c3c3 #c3c3c3 #e5e5e5; border-style:solid; } .tabsbody .edit_full { padding:7px 10px 7px 10px; border-width:1px 1px 1px 1px; border-color:#efefef #d3d3d3 #d3d3d3 #efefef; background:#e3e3e3; border-style:solid; } .tabsbody .edit_full:hover { background-color:#2a8bc0 !important; color:#ffffff; cursor:pointer; } .tabsbody .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; } .tabsbody .edit_table tr:first-child td:first-child{ border-top-left-radius:2px; } .tabsbody .edit_table tr:first-child td:last-child{ border-top-right-radius:2px; } .tabsbody .edit_table tr:last-child td:first-child{ border-bottom-left-radius:2px; } .tabsbody .edit_table tr:last-child td:last-child{ border-bottom-right-radius:2px; } .tabsbody .headDiv { background:#cccccc; border-bottom:1px solid #aaaaaa; margin:10px 10px 0px 10px; padding:10px; } .tabsbody .bodyDiv { background:#bbbbbb; margin:0px 10px 10px 10px; padding:10px; } .tabsbody .reiseEditDatum { background:#f3f3f3; padding:2px; margin:5px; box-shadow:0px 1px 1px rgba(0,0,0,0.2); } .tabsbody .reiseEditLine { background:#f3f3f3; padding:2px; margin:5px; box-shadow:0px 1px 1px rgba(0,0,0,0.2); } .tabsbody h3{ font-weight:bold; } .popupDiv .tabs { border:0px; margin:0%; } .popupDiv .tabshead { padding:.5em 1em 0px 1em; margin-bottom: -1px; } .popupDiv .tabshead_i { background:#ddd; padding:.5em 1em; cursor:pointer; font-weight:normal; color:#000; display:inline-block; vertical-align:bottom; border:1px solid rgb(204,204,204); border-bottom:none; margin:0 .2em; } .popupDiv .tabshead_i_on { background:#fff; padding:.6em 1em; cursor:pointer; font-weight:bold; color:#000; display:inline-block; vertical-align:bottom; border:1px solid rgb(204,204,204); border-bottom:none; margin:0 .2em; } .popupDiv .tabshead_i:hover { background:#fff; padding:.6em 1em; cursor:pointer; font-weight:bold; color:#000; display:inline-block; vertical-align:bottom; border:1px solid rgb(204,204,204); border-bottom:none; margin:0 .2em; } .popupDiv .tabsbody { clear:both; padding:1.5em 1em 1em 1em; background:#fff; border:1px solid rgb(204,204,204); border-radius: 0.2em; box-shadow:none;} .popupDiv .tabsbody .edit_table { margin:0; border:0px; border-spacing:0px; width:auto; box-shadow:none; } .popupDiv .tabsbody .edit_table th { font-weight:normal;text-align:left; padding:5px 10px 5px 10px; color:#ffffff; border-width:1px; border-style:solid; border-color:#909090 #707070 #707070 #909090; background:#808080; text-shadow:0px 1px rgba(0,0,0,0.5); } .popupDiv .tabsbody .edit_left { color:#ffffff; background:#a0a0a0; text-shadow:0px 1px rgba(0,0,0,0.5); font-size:12px; text-align:right; padding:2px 4px 2px 4px; border:1px solid; vertical-align:top; max-width:170px; position:relative; border-color:#a7a7a7 #979797 #979797 #a7a7a7;} .popupDiv .tabsbody .edit_right { text-align:left; padding:2px 4px 2px 4px; border:1px solid; background:#e5e5e5; border-color:#eeeeee #dddddd #dddddd #eeeeee; position:relative; } .popupDiv .tabsbody .edit_space { padding:4px 10px 4px 10px; background:#d4d4d4; border:1px solid; border-color:#e5e5e5 #c3c3c3 #c3c3c3 #e5e5e5; border-style:solid; } .popupDiv .tabsbody .edit_full { padding:7px 10px 7px 10px; border-width:1px 1px 1px 1px; border-color:#efefef #d3d3d3 #d3d3d3 #efefef; background:#e3e3e3; border-style:solid; } .popupDiv .tabsbody .edit_full:hover { background-color:#2a8bc0 !important; color:#ffffff; cursor:pointer; } .popupDiv .tabsbody .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; } .popupDiv .tabsbody .edit_table tr:first-child td:first-child{ border-top-left-radius:2px; } .popupDiv .tabsbody .edit_table tr:first-child td:last-child{ border-top-right-radius:2px; } .popupDiv .tabsbody .edit_table tr:last-child td:first-child{ border-bottom-left-radius:2px; } .popupDiv .tabsbody .edit_table tr:last-child td:last-child{ border-bottom-right-radius:2px; } .popupDiv .tabsbody .headDiv { background:#cccccc; border-bottom:1px solid #aaaaaa; margin:10px 10px 0px 10px; padding:10px; } .popupDiv .tabsbody .bodyDiv { background:#bbbbbb; margin:0px 10px 10px 10px; padding:10px; } .popupDiv .tabsbody .reiseEditDatum { background:#f3f3f3; padding:2px; margin:5px; box-shadow:0px 1px 1px rgba(0,0,0,0.2); } .popupDiv .tabsbody .reiseEditLine { background:#f3f3f3; padding:2px; margin:5px; box-shadow:0px 1px 1px rgba(0,0,0,0.2); } .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; background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPg0KPGxpbmVhckdyYWRpZW50IGlkPSJnNTQwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPg0KPHN0b3Agc3RvcC1jb2xvcj0iI2FhYWFhYSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzg4ODg4OCIgb2Zmc2V0PSIxIi8+DQo8L2xpbmVhckdyYWRpZW50Pg0KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNTQwKSIgLz4NCjwvc3ZnPg==); } .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; font-size:12px; } .formblock textarea, .formblock input[type="text"]{ border:1px solid #aaaaaa; font-size:12px; } .fixedButtons { position:fixed; left:0px; width:100%; bottom:0px; z-index:1400; background:rgba(217,217,207,0.8);padding:5px 20px 5px 20px; border-top:1px solid rgba(0,0,0,0.1); text-align:center; } .fixedButtons .button { border:0px; cursor:pointer; padding:0.8em 1.6em !important; color:#ffffff; text-decoration:none; background: rgb(var(--rot)); margin:0.1em; display:inline-block; } .fixedButtons .button:hover { background:rgb(var(--rot)) !important; } .cplistitem { display:block; width:180px; background:#e3e3e3; border-radius:4px; margin:1px 0px 0px 0px; padding:2px 4px 2px 4px; border-bottom:1px solid rgba(0,0,0,0.05); cursor:pointer; } .cplistitemo { display:block; width:180px; background:#1280bc; border-radius:4px; margin:1px 0px 0px 0px; padding:2px 4px 2px 4px; border-bottom:1px solid rgba(0,0,0,0.05); cursor:pointer; } .help { background:#ffff55; border:1px solid #aaaa00; font-weight:bold; color:#666600; display:inline-block; border-radius:3px; width:16px; text-align:center; padding:1px; cursor:pointer; margin:0px 10px 0px 10px; } .cpAlert2 { box-shadow: 0px 1px 30px rgba(0,0,0,0.8); background:#dddddd; } .cpAlert2i { padding:4px; margin:4px; } .cpAlert2ii { padding:0; margin:5px; } .cpAlert2 h1 { padding:4px; margin:0px; color:#808080; font-weight:normal; font-size:14px;} .cpAlert2 table { width:98%; border-spacing:0px; margin:5px; } .cpAlert2 tr { background:#ebe7de; } .cpAlert2 th { padding:2px 8px 2px 8px; border:1px solid; border-color:#d2cec2 #b8b2a2 #b8b2a2 #d2cec2; font-weight:normal; background:#c5c0b2; } .cpAlert2 td { padding:2px 8px 2px 8px; border:1px solid; border-color:#f1eee7 #e4dfd5 #e4dfd5 #f1eee7; } .cpAlert2 .close2 { background:#808080; cursor:pointer; padding:2px 0px 2px 0px; width:25px; text-align:center; border-radius:3px; position:absolute; top:3px; right:3px; font-weight:bold; color:#ffffff; font-size:0.9em; } .cpAlert2 .close { background:#808080; cursor:pointer; padding:2px 0px 2px 0px; width:200px; text-align:center; border:1px solid #c5c0b2; border-radius:3px; position:absolute; bottom:-10px; left:210px; width:218px; color:#de8128; font-weight:bold; font-size:12px;} .cpAlert2 .close:hover { background:#a0a0a0; } .dragdropDiv { display:block; cursor:pointer; border:1px solid; border-color:#dddddd #bbbbbb #bbbbbb #dddddd; background:#cccccc; padding:2px 10px 2px 10px; margin:1px; } .tableedit { background:#dddddd; border:1px solid; border-color:#aaaaaa #777777 #777777 #aaaaaa; z-index:10; width:175px; position:absolute; display:none;} .tableedit a { font-size:12px; padding:5px; display:block; color:#000000; } .tableedit a:hover { background:#00236a; color:#ffffff; } .greenButton { color:#ffffff;display:block; width:18px; text-align:center; padding:6px; margin:2px; cursor:pointer; background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1NDAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM1NTU1NTUiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMxMTExMTEiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c1NDApIiAvPgo8L3N2Zz4=); } .greenButton_on { color:#ffffff; display:block; width:18px; text-align:center; padding:6px; margin:2px; cursor:pointer; background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcyNDEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMyRENDNDUiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMyMzlFMzYiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cyNDEpIiAvPgo8L3N2Zz4=); } .redButton { color:#ffffff; display:block; width:18px; text-align:center; padding:6px; margin:2px; cursor:pointer; background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1NDAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM1NTU1NTUiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMxMTExMTEiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c1NDApIiAvPgo8L3N2Zz4=); } .redButton_on { color:#ffffff; display:block; width:18px; text-align:center; padding:6px; margin:2px; cursor:pointer; background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5NDUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNEQjI5MjkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNBRDIxMjEiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c5NDUpIiAvPgo8L3N2Zz4=); } .redButtonS { font-size:12.5px; color:#000000; display:inline-block; text-align:center; padding:2px 6px 2px 6px; margin:1px; cursor:pointer; background:#dddddd; border:1px solid #999999; border-width:0px 1px 1px 0px;} .redButtonS_on,.redButtonS:hover { font-size:12.5px; color:#000000; display:inline-block; text-align:center; padding:2px 6px 2px 6px; margin:1px; cursor:pointer; background:#ff7777; border:1px solid #999999; border-width:0px 1px 1px 0px;} .greenButtonS { font-size:12.5px; color:#000000; display:inline-block; text-align:center; padding:2px 6px 2px 6px; margin:1px; cursor:pointer; background:#dddddd; border:1px solid #999999; border-width:0px 1px 1px 0px;} .greenButtonS_on,.greenButtonS:hover { font-size:12.5px; color:#000000; display:inline-block; text-align:center; padding:2px 6px 2px 6px; margin:1px; cursor:pointer; background:#44ff44; border:1px solid #999999; border-width:0px 1px 1px 0px;} .grayButton { color:#ffffff; display:block; width:18px; text-align:center; padding:6px; margin:2px; cursor:pointer; background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1NDAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM1NTU1NTUiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMxMTExMTEiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c1NDApIiAvPgo8L3N2Zz4=); } .grayButton_on { color:#ffffff; display:block; width:18px; text-align:center; padding:6px; margin:2px; cursor:pointer; background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczNTgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMyRjlERDkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMyNDc3QTMiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2czNTgpIiAvPgo8L3N2Zz4=); } .grayButtonS { font-size:12.5px;color:#000000; display:inline-block; text-align:center; padding:2px 6px 2px 6px;; margin:1px; cursor:pointer; background:#dddddd; border:1px solid #999999; border-width:0px 1px 1px 0px;} .grayButtonS_on,.grayButtonS:hover { font-size:12.5px;color:#000000; display:inline-block; text-align:center; padding:2px 6px 2px 6px; margin:1px; cursor:pointer; background:#cccccc; border:1px solid #999999; border-width:0px 1px 1px 0px;} .cpDbpicSearch { display:block; width:99%; overflow:scroll; } .KalkulationDIV { position:relative; } .KalkulationMENU { position:relative; background:#00236a; z-index:3; } .KalkulationMENU div, .KalkulationMENU .off { cursor:pointer; background:#00236a; color:#eeeeee; font-weight:bold; float:left; padding:8px 10px 8px 10px; border:1px solid #00236a; margin:4px 0px -1px 0px; } .KalkulationMENU .on { background:#f5f5f5 !important; color:#00236a !important; border:1px solid #aaaaaa; border-bottom:1px solid #f5f5f5; padding:10px !important; margin:0px 0px -1px 0px !important; } .KalkulationMENU .br { clear:both; float:none !important; } .KalkulationCONTENT { position:relative; background:#f5f5f5 !important; border: 1px solid #aaaaaa; padding:10px; clear:both; margin:0px 0px 0px 0px; z-index:2; } .calkTable,.calkTable2 { border-collapse:collapse; } .calkTable tr,.calkTable2 tr{ } .calkTable td,.calkTable2 td{ background:#e3e3e3; padding:2px 10px 2px 10px; border:1px solid #aaaaaa; vertical-align:center; } .calkTable2 input { width:45px; } .innerBlock { margin:4px;padding:4px; border:1px solid #c5c5c5; background:#d5d5d5; } .innerBlock table { border-spacing:0px; } .innerBlock table th { color:#ffffff; background:#000; border:1px solid; border-color:#505050 #303030 #303030 #505050; padding:4px 6px 4px 6px; background-image:none; font-weight:normal; } .innerBlock table tbody tr td { background:#cccccc; border:1px solid; border-color:#dddddd #bbbbbb #bbbbbb #dddddd; padding:3px 2px 3px 2px; } .innerBlock table tbody tr:nth-child(2n) td { background:#dddddd; border:1px solid; border-color:#eeeeee #cccccc #cccccc #eeeeee; } .calcbg { cursor:pointer;position:fixed;top:10px;right:20px;background:#cccccc;box-shadow:0px 1px 10px rgba(0,0,0,0.2);text-align:left; width:230px; height:225px; display:none; } .calcbg input { width:200px; padding:6px 4px 6px 4px; margin:10px; border:0px; } .calcbutton { position:absolute;background:#f3f3f3; text-align:center; } .calcbutton:hover { background:#e3e3e3; } .m_main { margin:10px 0px; cursor:pointer; } .m_title { padding:3px; display:inline-block; font-size:12px; } .m_button { padding:3px 5px; display:inline-block; background:#cccccc; cursor:pointer; font-size:11px; margin:0px 2px; color:#444444; text-decoration:none; } .m_button:hover { background:#dddddd; } .m_block { margin:3px;margin-left:30px; background:#777777; color:#ffffff; padding:2px; border-radius:2px; } .m_block:hover { } .m_block .m_block { background:#808080; } .m_block .m_block .m_block { background:#888888; } .m_block .m_block .m_block .m_block { background:#909090; } .m_block .m_block .m_block .m_block .m_block { background:#999999; } .m_block .m_block .m_block .m_block .m_block .m_block { background:#a0a0a0; } .m_block .m_block .m_block .m_block .m_block .m_block .m_block { background:#aaaaaa; } .m_off { height:20px; overflow:hidden; } .bgred { background:#aa0000; } .bgyellow { background:#aa6600; } .artikelSort{} .artikelSort div{ display:block; margin:1px; background:#eeeeee; padding:1px 3px; cursor:pointer; } .artikelSort div:hover { background:#e3e3e3; } .artikelSort div span{ display:inline-block; width:10px; height:10px; background:#888888; border-radius:5px; vertical-align:middle; margin:0px 5px 0px 0px; } .artikelSort div span:hover { background:#bbbbbb; } .artikelSort div .on { background:#00aa00; } .overlay{ background:#ffffff; padding:20px; bottom:50px; right:10px; position:fixed; border-radius:5px; box-shadow:0px 1px 5px rgba(0,0,0,0.4); } .hstable td{ padding:0.2em 2em; border:1px solid #cccccc; background:#ffffff; } .ldiv { margin:0.5em; border-bottom:1px solid #eeeeee; } .ldiv .h{ font-weight:bold;display:block; cursor:pointer; background:#808080; color:#ffffff; padding:0.3em 0.5em; margin:0 0.1em; } .ldiv .f{ cursor:pointer; margin:0 1em; } .cured{ color:#cccccc; } .cugreen{ color:#00aa00; font-weight:bold; } .ldiv .u{ cursor:pointer; margin:0.2em 2em 0.4em 2em; } .cutable { color:#000; font-weight:normal; margin:0.2em; } .cutable td { padding:0.2em 0.5em; border:1px solid #eeeeee; background:#fafafa;} .storno { opacity:.2 !important; text-decoration: line-through !important; } .storno div{ text-decoration: line-through !important; } #menubutton { display:none; } #feedbackbutton { display:none; } #menubutton2 { display:none; } .feedbackForm{ box-shadow: 0 .1em 1em rgba(var(--b), .1); display: block; position: fixed; z-index: 9999; width: 80%; left: 10%; top: 50%; background: rgb(var(--w)); transform: translate(0, -50%); } .feedbackForm .h1{ font-weight: bold; font-size: 2em; margin: 0 1rem 1.5rem 1rem; } .prompttable { } .prompttable td{ padding:0.2em 1em; border:1px solid #f3f3f3; } .waHeader{ display:block; padding:.5em; cursor:pointer; color:rgb(var(--b)); background: rgb(var(--w)); position: sticky; top: 0; margin: calc(-2em + 1px) calc(-2em + 1px) 0 calc(-2em + 1px); } .waHeader img{ width:4em; height:4em; border-radius:2.5em; object-fit:cover; vertical-align:middle; } .waHeader .back{ width:0; height:0; display:inline-block; vertical-align:middle; border-top: .5em solid transparent; border-bottom: .5em solid transparent; border-right: 1em solid rgba(var(--b),1); margin:1em 1em 1em 0; } .waHeader .waContactDesc { width:calc(100% - 9em); } .waHeader .tools{ position:absolute; display:flex; height:100%; right:0; top:0; align-items: center; } .waHeader .tbtn{ width:2.3em; height:2.3em; margin:0 1em; } @supports ( appearance: none ) or ( -moz-appearance: none ) or ( -webkit-appearance: none ) { .bettercheck input[type="checkbox"] { appearance: none ; -moz-appearance: none ; -webkit-appearance: none ; border: 2px solid rgb(var(--w3)); border-radius: 1em; box-sizing: content-box ; color: rgb(var(--w3)); height: 1em ; padding: .1em; transition-duration: 300ms ; transition-property: border-color, color; transition-timing-function: ease ; width: 2.5em ; cursor:pointer; } .bettercheck input[type="checkbox"]:checked { color: rgb(var(--akzent)); border: 2px solid rgb(var(--akzent2)); } .bettercheck input[type="checkbox"]::after { background-color: rgb(var(--w3)); border-radius: .9em; content: "" ; display: block ; height: 1em ; transform: translateX(0px) ; transition: transform 300ms ease ; width: 1.5em; } .bettercheck input[type="checkbox"]:checked::after { transform: translateX(.9em); background-color: rgb(var(--akzent2)); } } .waContact{ display:block; padding:.5em; cursor:pointer; color:rgb(var(--b)); background: rgb(var(--w)); position:relative; } .waContact.selected{ background:rgba(var(--akzent),.4); } .waContact img{ width:4em; height:4em; border-radius:2.5em; object-fit:cover; vertical-align:middle; } .waContact .bettercheck{ width:4em;display:inline-block; text-align:center; vertical-align:middle; padding: .7em 0; } .waContactDesc{ display:inline-block; line-height:1.2em; width:calc(100% - 6em); vertical-align: middle; margin:0 1em; } .waContact:has(.bettercheck) .waContactDesc{ width:calc(100% - 10em); } .waContactDesc1 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; font-weight:bold; font-size:1.1em; } .waContactDesc2 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; } .waContact .newc{ position:absolute; bottom:0; left:3.4em; background:rgb(var(--akzent)); color:rgb(var(--w)); display:flex; width:2em; height:2em; border-radius:2em; justify-content: center; align-items: center; } } @media print { html { font-size:8px; padding:0px; margin:0px; font-family:Poppins,arial; } form { margin:0px; padding:0px; } textarea, input { font-family:Poppins,arial; font-size:8px; } select{ box-sizing:content-box; font-family:Poppins,arial; font-size:8px; } body { padding:0px; margin:0px; font-family:Poppins,arial; font-size:8px; } img { border:0px; text-decoration:none; } th, td { background-clip: padding-box, } strong,b { font-weight:bold; } .fileexplorer,.picexplorer { display:none; } .dbEditorHTML { display:none; } .dbEditorPlain { display:none; } .dbEditorHead { display:none; } .dbEditorBody { display:none; } #body_left { display:none; } #body_right { } #body_right_i { margin:15px; padding:10px 10px 60px 10px; } #body_right_i .h1 { display:block; padding:0 0 1em 0; margin:0 0 1em 0; letter-spacing:0.05em; font-weight:bold; font-size:1.4em; border-bottom: 1px solid #dddddd; } #body h1 { margin:0px; padding:0px 0px 10px 0px; font-size:1.5em; } #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; } .framesmall { padding:6px 10px 6px 10px; border-width:1px 1px 1px 1px; border-color:#f5f5f5 #d0d0d0 #d0d0d0 #f5f5f5; background:#e5e5e5; border-style:solid; } .xtableframesmall { width: 100%; border-collapse: collapse; } .xtableframesmall th { padding:0.6em 0.6em; border-width:1px; border: 1px solid #000000; } .xtableframesmall td { padding:0.3em 0.6em; border-width:1px; border-color:#000000; border-style:solid; } .xtableframesmall input[type="text"] { width:400px; border:0px; padding:2px 4px 2px 4px; } .xtableframesmall .textarea { width:90%; height:150px; border:0px; padding:2px 4px 2px 4px; } .xtableframesmall a { text-decoration:none; color:#000; background:url('../script/writepics/link.gif'); background-repeat:no-repeat; background-position: bottom right; padding-right:9px; } .xtableframesmall a:hover { color:rgb(var(--a1)); } .xtableframesmall .btn { background:#cccccc; display:inline-block; padding:1px; text-align:center; min-width:100px; margin:2px; } .xtableframesmall button { border:0px; cursor:pointer; padding:0.4em 0.8em; color:#ffffff; text-decoration:none; background: rgb(var(--a1)); margin:0.1em; } .xtableframesmall button:hover { background:rgb(var(--a1)); } .cpselector { background:#cccccc; border:1px solid #aaaaaa !important; padding:7px 16px 7px 16px !important; margin:3px !important; text-decoration:none; display:inline-block; cursor:pointer; border-radius:2px;} .buttonr { padding:0.8em 1.5em; margin:0.6em 0.3em; text-decoration:none; display:inline-block; cursor:pointer; text-align:center; background:#d34836; color:#ffffff; } .buttonr:hover { background:#bd3c2c; } .cpbutton1 ,.button ,.promptDate input[type="button"]{ border:0px; cursor:pointer; padding:0.4em 0.8em; color:#ffffff; text-decoration:none; background: rgb(var(--a1)); margin:0.1em; display:inline-block; } .cpbutton1:hover,.button:hover, .promptDate input[type="button"]:hover { background:rgb(var(--a1)) !important; } .edit_table .button { display:inline-block !important; padding:0.5em 1em !important; } .button2 { padding:3px 8px 3px 8px !important; margin:2px !important; text-decoration:none; cursor:pointer; background-image:none !important; border-radius:2px; background:#e3e3e3 !important; color:#000; border:1px solid; border-color:#eeeeee #cccccc #cccccc #eeeeee; } .button2:hover { background:#d3d3d3 !important; color:#000 !important; } .button3 { font-size:12px; padding:2px 6px 2px 6px !important; margin:1px !important; text-decoration:none; cursor:pointer; background-image:none !important; text-decoration:none; display:block; float:left; cursor:pointer; border-radius:2px; background:#e3e3e3 !important; color:#000; border:1px solid; border-color:#eeeeee #cccccc #cccccc #eeeeee; } .button3:hover { background:#1280bc !important; } .button3_inline { font-size:12px;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; } .cppageon { background:#d34836; color:#ffffff; text-decoration:none; padding:0.5em 0.7em; margin:0.15em; } .cppageoff { background:#dddddd; color:#ffffff; text-decoration:none; padding:0.5em 0.7em; margin:0.15em; } .cppageoff:hover { background:#bd3c2c; } .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; background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcxNzQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkRDNjkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFMzY3MTQiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cxNzQpIiAvPgo8L3N2Zz4=); } .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;} .edit_table { margin:1%; border:0px; border-spacing:0px; width:97%; } .edit_table th { font-weight:normal;text-align:left; padding:5px 10px 5px 10px; border-width:1px; border-style:solid; border-color:#000000; } .edit_left { width:25%; text-align:right; padding:0.3em 0.6em; border:1px solid; vertical-align:top; max-width:170px; position:relative; border-color:#000000;} .edit_table td, .edit_right { text-align:left; padding:0.3em 0.6em; border:1px solid; border-color:#000000; position:relative; background-clip: padding-box;} .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:#efefef #d3d3d3 #d3d3d3 #efefef; background:#e3e3e3; border-style:solid; } .edit_full:hover { background-color:#2a8bc0 !important; color:#ffffff; cursor:pointer; } .edit_table .head2 td { font-weight:normal;text-align:left; padding:5px 10px 5px 10px; color:#888888; border-width:1px; border-style:solid; } .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; } .edit_right input[type="text"] { width:98%; border-radius:2px; border:1px solid rgb(var(--a1)); padding:0.3em 1% 0.3em 1%; } .edit_right .forminputs { width:120px !important; border-radius:2px; border:1px solid rgb(var(--a1)); padding:0.3em 1% 0.3em 1%; margin:0.1em; } .edit_right .formchooses { width:120px !important; border-radius:2px; border:1px solid rgb(var(--a1)); padding:0.3em 1% 0.3em 1%; } .edit_right select { width:98%; !important; border:1px solid rgb(var(--a1)); padding:0.3em 1% 0.3em 1%; border-radius:2px; } .edit_right input[type="password"] { width:400px !important; border-radius:2px; border:1px solid rgb(var(--a1)); padding:0.3em 1% 0.3em 1%; } .edit_right textarea { width:98% !important; height:120px; border-radius:2px; border:1px solid rgb(var(--a1)); padding:0.3em 1% 0.3em 1%; } .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; border-width:1px 1px 1px 1px; border-color:#000000; border-right:0px; 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:#000; 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 { color:#000; padding:1em; margin:1em; border:1px solid; border-color:#e3e3e3 #c9c9b9 #c9c9b9 #e3e3e3; background:#ffff99; border-radius:2px; width:95%; } .error { color:#ffffff; padding:1em; margin:1em; border:1px solid; border-color:#ff6633 #dd4411 #dd4411 #ff6633; background:#ee5522; border-radius:2px; width:95%; } #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; font-size:12px; position:relative; margin:10px 0px 0px 0px; border-radius:2px; } .registerForm .h1 { font-weight:bold; font-size:14px; padding:4px 8px 8px 8px; position:relative; } .registerForm input[type="text"], .registerFormtextinput{ width:97%; border:1px solid #b1b1b1; padding:4px; font-size:14px; background:#ffffff; display:inline-block; } .registerForm select{ width:97%; border:1px solid #b1b1b1; padding:4px; font-size:14px; background:#ffffff; display:inline-block; } .registerForm textarea { width:97%; height:110px; border:1px solid #b1b1b1; padding:4px; font-size:14px; } .registerForm .feld { margin:0px 0px 6px 6px; float:left; width:520px; position:relative; background:#cccccc; border:1px solid #babcaa; padding:3px; font-size:11px; } .registerForm table { margin:0px; border-collapse:collapse; font-size:12px; 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('admin_logo.png') 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 { font-size:11px; border-spacing:0px; width:90%; cursor:pointer; } .menuedittable thead td{ background:#000; padding:0px 5px 0px 5px; border:1px solid; border-color:#606060 #303030 #303030 #606060; color:#eeeeee; font-size:12px; 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-size:12px; 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; } .buttonG { background:#a0a0a0; display:inline-block; color:#ffffff; padding:2px 6px 2px 6px; text-align:center; cursor:pointer; } .seachDivS { display:block; position:fixed; left:10%; width:80%; background:#cccccc; top:10%; overflow:auto; border:1px solid #888888; } .tstpicsHS { background:#a0a0a0; border:0px; padding:5px 10px 5px 10px; color:#ffffff; } .tstpicsHS input { border:0px; font-size:12.5px; width:300px; } .tstpicsS { white-space: nowrap; overflow:auto; } .tableS { border-collapse:collapse; width:100%; } .tableS .td2 input[type="text"],.tableS .td1 input[type="text"]{ margin:0px; border:0; width:100%; } .tableS .td3 input[type="text"]{ margin:0px; border:0; } .divInputS { display:inline-block; font-size:11px; margin:5px 5px 5px 5px; color:#888888; line-height:10px; } .divInputS input[type="text"]{ border:0px; font-size:12.5px; border-bottom:1px solid #aaaaaa; } .divEditorS { margin:5px 5px 5px 5px; } .selectS { padding:2px 6px 2px 6px !important; margin:0px 2px 0px 2px !important; text-decoration:none; display:inline-block; cursor:pointer; text-shadow: 0px 1px 0px rgba(0,0,0,0.3); border-radius:2px; text-align:center; box-shadow:0 0 2px rgba(0,0,0,0.1); background:#2aabe4; color:#ffffff; border:1px solid; border-color:#49c0f4 #1992c8 #1992c8 #49c0f4; box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; min-width:300px; position:relative; padding-right:15px; } .selectS_box { width:15px; height:15px; background:#ffffff; position:absolute; right:1px; top:1px; border:1px solid; border-color:#49c0f4 #1992c8 #1992c8 #49c0f4; } .selectS_arrow { width:0px; height:0px; border-left: 5px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #2aabe4; position:absolute; left:3px; top:5px; } .selectDropdownS { left:0px; top:20px; cursor:pointer; text-shadow: 0px 1px 0px rgba(0,0,0,0.3); position:absolute; background:#2aabe4; width:100%; max-height:320px; overflow:auto; z-index:100;} .selectDropdownSitem{ text-align:left; padding:1px 6px 1px 6px;background:#2aabe4; color:#ffffff; border:1px solid; border-color:#49c0f4 #1992c8 #1992c8 #49c0f4; text-decoration:none; display:block; } .selectDropdownSitem:hover{ background:#1a9bd4; } .buttonS { min-width:1em; padding:2px 6px 2px 6px !important; margin:0px 2px 0px 2px !important; text-decoration:none; display:inline-block; cursor:pointer; text-align:center; background:rgb(var(--a1)); color:#ffffff;} .buttonS:hover { background:rgb(var(--a1)); } .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; background-image:url(data:image/svg+xml;base64,CTxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4NCjxsaW5lYXJHcmFkaWVudCBpZD0iZzU0MCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4NCjxzdG9wIHN0b3AtY29sb3I9IiNmM2YzZjMiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNkZGRkZGQiIG9mZnNldD0iMSIvPg0KPC9saW5lYXJHcmFkaWVudD4NCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzU0MCkiIC8+DQo8L3N2Zz4J); color:#333333; border:1px solid; border-color:#eeeeee #cccccc #cccccc #eeeeee; } .searchblock input[type="submit"]:hover { color:#ffffff !important; background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczNTgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMyRjlERDkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMyNDc3QTMiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2czNTgpIiAvPgo8L3N2Zz4=); } .tabs { border:0px; margin:0%; } .tabshead { padding:8px 8px 0px 8px; } .tabshead_i { background:#a0a0a0; padding:6px 7px 6px 7px; cursor:pointer; font-weight:bold; color:#ffffff; border-bottom:1px solid #909090; display:inline-block; margin:2px 1px 0px 1px; vertical-align:bottom; } .tabshead_i_on { background:#a0a0a0; padding:7px; cursor:pointer; font-weight:bold; color:#ffffff; border-bottom:1px solid #a0a0a0; display:inline-block; margin:0px 1px 0px 1px; vertical-align:bottom; } .tabshead_i:hover { background:#a0a0a0; padding:7px; cursor:pointer; font-weight:bold; color:#ffffff; border-bottom:1px solid #a0a0a0; display:inline-block; margin:0px 1px 0px 1px; vertical-align:bottom; } .tabsbody { clear:both; padding:10px 2px 2px 2px; background:#a0a0a0; box-shadow:0px 1px 3px rgba(0,0,0,0.2); } .tabsbody .edit_table { margin:0; border:0px; border-spacing:0px; width:97%; box-shadow:0px 0px 0px rgba(0,0,0,0); } .tabsbody .edit_table th { font-weight:normal;text-align:left; padding:5px 10px 5px 10px; color:#ffffff; border-width:1px; border-style:solid; border-color:#909090 #707070 #707070 #909090; background:#808080; text-shadow:0px 1px rgba(0,0,0,0.5); } .tabsbody .edit_left { color:#ffffff; background:#a0a0a0; text-shadow:0px 1px rgba(0,0,0,0.5); font-size:12px; text-align:right; padding:2px 4px 2px 4px; border:1px solid; vertical-align:top; max-width:170px; position:relative; border-color:#a7a7a7 #979797 #979797 #a7a7a7;} .tabsbody .edit_right { text-align:left; padding:2px 4px 2px 4px; border:1px solid; background:#e5e5e5; border-color:#eeeeee #dddddd #dddddd #eeeeee; position:relative; } .tabsbody .edit_space { padding:4px 10px 4px 10px; background:#d4d4d4; border:1px solid; border-color:#e5e5e5 #c3c3c3 #c3c3c3 #e5e5e5; border-style:solid; } .tabsbody .edit_full { padding:7px 10px 7px 10px; border-width:1px 1px 1px 1px; border-color:#efefef #d3d3d3 #d3d3d3 #efefef; background:#e3e3e3; border-style:solid; } .tabsbody .edit_full:hover { background-color:#2a8bc0 !important; color:#ffffff; cursor:pointer; } .tabsbody .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; } .tabsbody .edit_table tr:first-child td:first-child{ border-top-left-radius:2px; } .tabsbody .edit_table tr:first-child td:last-child{ border-top-right-radius:2px; } .tabsbody .edit_table tr:last-child td:first-child{ border-bottom-left-radius:2px; } .tabsbody .edit_table tr:last-child td:last-child{ border-bottom-right-radius:2px; } .tabsbody .headDiv { background:#cccccc; border-bottom:1px solid #aaaaaa; margin:10px 10px 0px 10px; padding:10px; } .tabsbody .bodyDiv { background:#bbbbbb; margin:0px 10px 10px 10px; padding:10px; } .tabsbody .reiseEditDatum { background:#f3f3f3; padding:2px; margin:5px; box-shadow:0px 1px 1px rgba(0,0,0,0.2); } .tabsbody .reiseEditLine { background:#f3f3f3; padding:2px; margin:5px; box-shadow:0px 1px 1px rgba(0,0,0,0.2); } .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; background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPg0KPGxpbmVhckdyYWRpZW50IGlkPSJnNTQwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPg0KPHN0b3Agc3RvcC1jb2xvcj0iI2FhYWFhYSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzg4ODg4OCIgb2Zmc2V0PSIxIi8+DQo8L2xpbmVhckdyYWRpZW50Pg0KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNTQwKSIgLz4NCjwvc3ZnPg==); } .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; font-size:12px; } .formblock textarea, .formblock input[type="text"]{ border:1px solid #aaaaaa; font-size:12px; } .fixedButtons { position:fixed; left:0px; width:100%; bottom:0px; z-index:1400; background:rgba(217,217,207,0.8);padding:5px 20px 5px 20px; border-top:1px solid rgba(0,0,0,0.1); text-align:center; } .fixedButtons .button { border:0px; cursor:pointer; padding:0.8em 1.6em !important; color:#ffffff; text-decoration:none; background: rgb(var(--a1)); margin:0.1em; display:inline-block; } .fixedButtons .button:hover { background:rgb(var(--a1)) !important; } .cplistitem { display:block; width:180px; background:#e3e3e3; border-radius:4px; margin:1px 0px 0px 0px; padding:2px 4px 2px 4px; border-bottom:1px solid rgba(0,0,0,0.05); cursor:pointer; } .cplistitemo { display:block; width:180px; background:#1280bc; border-radius:4px; margin:1px 0px 0px 0px; padding:2px 4px 2px 4px; border-bottom:1px solid rgba(0,0,0,0.05); cursor:pointer; } .help { background:#ffff55; border:1px solid #aaaa00; font-weight:bold; color:#666600; display:inline-block; border-radius:3px; width:16px; text-align:center; padding:1px; cursor:pointer; margin:0px 10px 0px 10px; } .cpAlert2 { box-shadow: 0px 1px 30px rgba(0,0,0,0.8); background:#dddddd; } .cpAlert2i { padding:4px; margin:4px; } .cpAlert2ii { padding:0; margin:5px; } .cpAlert2 h1 { padding:4px; margin:0px; color:#808080; font-weight:normal; font-size:14px;} .cpAlert2 table { width:98%; border-spacing:0px; margin:5px; } .cpAlert2 tr { background:#ebe7de; } .cpAlert2 th { padding:2px 8px 2px 8px; border:1px solid; border-color:#d2cec2 #b8b2a2 #b8b2a2 #d2cec2; font-weight:normal; background:#c5c0b2; } .cpAlert2 td { padding:2px 8px 2px 8px; border:1px solid; border-color:#f1eee7 #e4dfd5 #e4dfd5 #f1eee7; } .cpAlert2 .close2 { background:#808080; cursor:pointer; padding:2px 0px 2px 0px; width:25px; text-align:center; border-radius:3px; position:absolute; top:3px; right:3px; font-weight:bold; color:#ffffff; font-size:0.9em; } .cpAlert2 .close { background:#808080; cursor:pointer; padding:2px 0px 2px 0px; width:200px; text-align:center; border:1px solid #c5c0b2; border-radius:3px; position:absolute; bottom:-10px; left:210px; width:218px; color:#de8128; font-weight:bold; font-size:12px;} .cpAlert2 .close:hover { background:#a0a0a0; } .dragdropDiv { display:block; cursor:pointer; border:1px solid; border-color:#dddddd #bbbbbb #bbbbbb #dddddd; background:#cccccc; padding:2px 10px 2px 10px; margin:1px; } .tableedit { background:#dddddd; border:1px solid; border-color:#aaaaaa #777777 #777777 #aaaaaa; z-index:10; width:175px; position:absolute; display:none;} .tableedit a { font-size:12px; padding:5px; display:block; color:#000000; } .tableedit a:hover { background:#00236a; color:#ffffff; } .greenButton { color:#ffffff;display:block; width:18px; text-align:center; padding:6px; margin:2px; cursor:pointer; background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1NDAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM1NTU1NTUiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMxMTExMTEiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c1NDApIiAvPgo8L3N2Zz4=); } .greenButton_on { color:#ffffff; display:block; width:18px; text-align:center; padding:6px; margin:2px; cursor:pointer; background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcyNDEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMyRENDNDUiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMyMzlFMzYiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cyNDEpIiAvPgo8L3N2Zz4=); } .redButton { color:#ffffff; display:block; width:18px; text-align:center; padding:6px; margin:2px; cursor:pointer; background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1NDAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM1NTU1NTUiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMxMTExMTEiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c1NDApIiAvPgo8L3N2Zz4=); } .redButton_on { color:#ffffff; display:block; width:18px; text-align:center; padding:6px; margin:2px; cursor:pointer; background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5NDUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNEQjI5MjkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNBRDIxMjEiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c5NDUpIiAvPgo8L3N2Zz4=); } .redButtonS { font-size:12.5px; color:#000000; display:inline-block; text-align:center; padding:2px 6px 2px 6px; margin:1px; cursor:pointer; background:#dddddd; border:1px solid #999999; border-width:0px 1px 1px 0px;} .redButtonS_on,.redButtonS:hover { font-size:12.5px; color:#000000; display:inline-block; text-align:center; padding:2px 6px 2px 6px; margin:1px; cursor:pointer; background:#ff7777; border:1px solid #999999; border-width:0px 1px 1px 0px;} .greenButtonS { font-size:12.5px; color:#000000; display:inline-block; text-align:center; padding:2px 6px 2px 6px; margin:1px; cursor:pointer; background:#dddddd; border:1px solid #999999; border-width:0px 1px 1px 0px;} .greenButtonS_on,.greenButtonS:hover { font-size:12.5px; color:#000000; display:inline-block; text-align:center; padding:2px 6px 2px 6px; margin:1px; cursor:pointer; background:#44ff44; border:1px solid #999999; border-width:0px 1px 1px 0px;} .grayButton { color:#ffffff; display:block; width:18px; text-align:center; padding:6px; margin:2px; cursor:pointer; background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1NDAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM1NTU1NTUiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMxMTExMTEiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c1NDApIiAvPgo8L3N2Zz4=); } .grayButton_on { color:#ffffff; display:block; width:18px; text-align:center; padding:6px; margin:2px; cursor:pointer; background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczNTgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMyRjlERDkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMyNDc3QTMiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2czNTgpIiAvPgo8L3N2Zz4=); } .grayButtonS { font-size:12.5px;color:#000000; display:inline-block; text-align:center; padding:2px 6px 2px 6px;; margin:1px; cursor:pointer; background:#dddddd; border:1px solid #999999; border-width:0px 1px 1px 0px;} .grayButtonS_on,.grayButtonS:hover { font-size:12.5px;color:#000000; display:inline-block; text-align:center; padding:2px 6px 2px 6px; margin:1px; cursor:pointer; background:#cccccc; border:1px solid #999999; border-width:0px 1px 1px 0px;} .cpDbpicSearch { display:block; width:99%; overflow:scroll; } .KalkulationDIV { position:relative; } .KalkulationMENU { position:relative; background:#00236a; z-index:3; } .KalkulationMENU div, .KalkulationMENU .off { cursor:pointer; background:#00236a; color:#eeeeee; font-weight:bold; float:left; padding:8px 10px 8px 10px; border:1px solid #00236a; margin:4px 0px -1px 0px; } .KalkulationMENU .on { background:#f5f5f5 !important; color:#00236a !important; border:1px solid #aaaaaa; border-bottom:1px solid #f5f5f5; padding:10px !important; margin:0px 0px -1px 0px !important; } .KalkulationMENU .br { clear:both; float:none !important; } .KalkulationCONTENT { position:relative; background:#f5f5f5 !important; border: 1px solid #aaaaaa; padding:10px; clear:both; margin:0px 0px 0px 0px; z-index:2; } .calkTable,.calkTable2 { border-collapse:collapse; } .calkTable tr,.calkTable2 tr{ } .calkTable td,.calkTable2 td{ background:#e3e3e3; padding:2px 10px 2px 10px; border:1px solid #aaaaaa; vertical-align:center; } .calkTable2 input { width:45px; } .innerBlock { margin:4px;padding:4px; border:1px solid #c5c5c5; background:#d5d5d5; } .innerBlock table { border-spacing:0px; } .innerBlock table th { color:#ffffff; background:#000; border:1px solid; border-color:#505050 #303030 #303030 #505050; padding:4px 6px 4px 6px; background-image:none; font-weight:normal; } .innerBlock table tbody tr td { background:#cccccc; border:1px solid; border-color:#dddddd #bbbbbb #bbbbbb #dddddd; padding:3px 2px 3px 2px; } .innerBlock table tbody tr:nth-child(2n) td { background:#dddddd; border:1px solid; border-color:#eeeeee #cccccc #cccccc #eeeeee; } .calcbg { cursor:pointer;position:fixed;top:10px;right:20px;background:#cccccc;box-shadow:0px 1px 10px rgba(0,0,0,0.2);text-align:left; width:230px; height:225px; display:none; } .calcbg input { width:200px; padding:6px 4px 6px 4px; margin:10px; border:0px; } .calcbutton { position:absolute;background:#f3f3f3; text-align:center; } .calcbutton:hover { background:#e3e3e3; } .m_main { margin:10px 0px; cursor:pointer; } .m_title { padding:3px; display:inline-block; font-size:12px; } .m_button { padding:3px 5px; display:inline-block; background:#cccccc; cursor:pointer; font-size:11px; margin:0px 2px; color:#444444; text-decoration:none; } .m_button:hover { background:#dddddd; } .m_block { margin:3px;margin-left:30px; background:#777777; color:#ffffff; padding:2px; border-radius:2px; } .m_block:hover { } .m_block .m_block { background:#808080; } .m_block .m_block .m_block { background:#888888; } .m_block .m_block .m_block .m_block { background:#909090; } .m_block .m_block .m_block .m_block .m_block { background:#999999; } .m_block .m_block .m_block .m_block .m_block .m_block { background:#a0a0a0; } .m_block .m_block .m_block .m_block .m_block .m_block .m_block { background:#aaaaaa; } .m_off { height:20px; overflow:hidden; } .bgred { background:#aa0000; } .bgyellow { background:#aa6600; } .artikelSort{} .artikelSort div{ display:block; margin:1px; background:#eeeeee; padding:1px 3px; cursor:pointer; } .artikelSort div:hover { background:#e3e3e3; } .artikelSort div span{ display:inline-block; width:10px; height:10px; background:#888888; border-radius:5px; vertical-align:middle; margin:0px 5px 0px 0px; } .artikelSort div span:hover { background:#bbbbbb; } .artikelSort div .on { background:#00aa00; } .overlay{ background:#ffffff; padding:20px; bottom:50px; right:10px; position:fixed; border-radius:5px; box-shadow:0px 1px 5px rgba(0,0,0,0.4); } .hstable td{ padding:0.2em 2em; border:1px solid #cccccc; background:#ffffff; } .caltable { border:2px solid rgb(var(--a1)); xbox-shadow:0 2px 2px rgba(0,0,0,0.3); cursor:pointer; margin:.5em; } .caltable tr { } .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;} .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; } .caltable .on { background:rgb(var(--a1)) !important; color:#ffffff; } .caltable a { text-decoration:none; color:#444444; display:block; } .caltable .on a { text-decoration:none; color:#ffffff; } .caldiv { display:inline-block; background:#eeeeee; margin:0.2em; padding:0.2em 0.5em; cursor:pointer; text-decoration:none; color:#444444; } .cdon { background:rgb(var(--a1)) !important; color:#ffffff; } .ldiv { margin:0.5em; border-bottom:1px solid #eeeeee; } .ldiv .h{ font-weight:bold;display:block; cursor:pointer; background:#808080; color:#ffffff; padding:0.3em 0.5em; margin:0 0.1em; } .ldiv .f{ cursor:pointer; margin:0 1em; } .cured{ color:#cccccc; } .cugreen{ color:#00aa00; font-weight:bold; } .ldiv .u{ cursor:pointer; margin:0.2em 2em 0.4em 2em; } .cutable { color:#000; font-weight:normal; margin:0.2em; } .cutable td { padding:0.2em 0.5em; border:1px solid #eeeeee; background:#fafafa;} .storno { color:#dddddd; text-decoration: line-through; } } @media only screen and (max-width:1300px) { html, body, input, textarea, select { font-size:14px; } #head { top: 0; z-index: 1000; display: block; height: calc(6em); width: 100%; position: fixed; background:none; color:rgb(var(--b)); box-shadow: none; } #body_right { display:block; width:100%; xheight:100%; float:right; position:relative;} #body_left{ display:block; width:100%; height:calc(100%); padding-top:0; top:0; overflow:auto; background:rgb(var(--w1)); border:unset; position:fixed; left:-105%; z-index:12000; margin-top:0; transition: left ease .4s; border-radius: 0; } .menu_on{ left:0% !important; } #menubutton { display:block; width:4em; height:4em; position:absolute; top:1em; left:1em; background-image:url('../login_pics/menu.png'); z-index:100; filter:var(--invert); background-size: 70%; background-repeat: no-repeat; background-position: center; background-color:rgb(255,255,255); border-radius:2em; } #menubutton2 { padding:0; display:block; position:absolute; top:1em; background-image:url('../login_pics/menu2.png'); z-index:100; filter:var(--invert); background-size: 70%; background-repeat: no-repeat; background-position: center; background-color:rgb(255,255,255); border-radius:2em; top: calc(50% - 2em); right: .4em; height: 3rem; width: 3rem; } #feedbackbutton{ display: block; width: 4em; height: 4em; position: absolute; top: 1em; left: 6em; background-image: url('../login_pics/feedback.png'); z-index: 100; filter: var(--invert); background-size: 70%; background-repeat: no-repeat; background-position: center; background-color: rgb(255, 255, 255); border-radius: 2em; } #body_right_i{ margin:0; padding:0; } #body_right_i:has(.footerbuttons) { padding:0 0 6em 0; } .tableframesmall th { top: 4.8rem; } .header{ margin: 0; width: calc(100%); } .videos.cards .video{ width: calc(33.3% - 2em); } .aktuelles.aktuelleska{ column-count: 2; } .aktuelles.aktuellesq{ column-count: 3; } .newscard{ margin:1em; width:calc(33.33% - 2em); } .feedbackForm{ width: 85%; top: 5em; transform:unset; left:2%; } } @media only screen and (max-width:800px) { html,body, input, textarea, select { font-size: 14px; } #head{ font-size:.8em; height: calc(4.8rem); transition: all ease .4s; } .header{ aspect-ratio:1.5; } #head.scrolltopOn{ background:rgb(var(--w2)); box-shadow: 0 0.1em 0.3em rgba(var(--b),.15); } .headlogo img{ height:2.2em; margin:0; background: rgb(255,255,255); padding: .5em 3em 1em 3em; border-radius: 0 0 3em 3em; transition: all ease .4s; filter: var(--invert2); } #head.scrolltopOn .headlogo img{ background:none; padding: 1.7em 3em 1.5em 3em; } #body { } .StartPopup{ width:100%; height:100dvh; padding-top: 2em; padding-top:0;} .StartPopup2{ width:calc(90% - 5em); max-height: calc(100% - 6em); overflow: auto; } .inpbox2{ width:100% !important; } .inpbox4{ width:100% !important; } #body_right_i .h1 { font-size: 1.6em; } #body_right_i .h1 svg{ margin:0; } #body_right_i:has( .footerbuttons ) { padding-bottom: 6em; } .cpbutton1 ,.button ,.promptDate input[type="button"]{ font-size: 1rem; padding:.7em 1.4em; } #body_right_i > .button{ margin:.5em; } .tableframesmall tr td { padding: .2em .3em; } .tableframesmall tr th { padding: .2em .3em; } .nomobile{ display:none; } .promptBody select { padding: 0 .5em; margin: 0 0.2em; } .promptBody input[type="text"] { padding: 0 .5em; margin: 0 0.2em; } .promptBody textarea{ margin: 0.02em; } .footerbuttons{ position: fixed; bottom: 0; width: 100%; background: rgb(var(--w)); text-align:center; display:flex; left:0; box-shadow: 0 -.1em .5em rgba(var(--b), .05); z-index:1000; } .footerbuttons.fright{ float:unset; } .footerbuttons .button{ padding:0; margin:0; border:none; border-radius:0; text-align:center; flex-basis: 100%; color:rgb(var(--b)); background:rgb(var(--w)); box-shadow:none; border-left: 1px solid rgb(var(--w2)); padding:.4em; font-size:.6em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .footerbuttons .button:first-child{ border-left:0; } .footerbuttons .button .pkreis{ display:block; width:100%; margin:0; padding:0; font-size:1.2em; height:auto; margin-bottom:.2em;} .searchbox.footersearchbox{ position: sticky; bottom: 0; background: rgb(var(--w1)); box-shadow: 0 -.1em .5em rgba(var(--b), .05); z-index:11500; margin:0; padding: 1em; width: calc(100% - 2em); } .searchbox.footersearchbox input[type="text"]{ width:calc(100% - 6em); } .searchbox.footersearchbox .searchbutton{ top: 1em; right: 2em; } .searchbox.footersearchbox .attachbutton{ top: 1em; right: 5em; } .searchbox.footersearchbox .smilebutton{ top: 1em; right: 7.5em; } .aktuelles2 { margin: .5em; } #body_right_i .h1 svg, .footerbuttons .button .pkreis svg{ fill:rgb(var(--a1)); } .aktuelles2 .padding { padding: 1em; } .wdiv, .galleryprvcontainer{ max-width: 100%; overflow-x: clip; margin: .5rem .5rem 1rem .5rem; } .videos.cards .video{ width: calc(50% - 2em); } .aktuelles.aktuellesq{ column-count: 2; } .aktuelles.aktuelleska{ column-count: 1; } .kaitem{ display:block; } .galleryprvcontainer{ width:calc(100% - 1rem); } .kadesc{ width:100%; margin:0; } .prvcontainer{ display:none; } .promptBody textarea { height: 7em; } .scrollx{ position: relative; overflow: scroll; } .tableframesmall th { position:unset; } .waHeader{ position:sticky; top: 4.8em; margin: 0; } .newscard{ margin:.5em; width:calc(100% - 1em); } } @media only screen and (max-width:600px) { .kachel { width: calc(50% - 1em); margin: .5em; display: block; float: left; } .videos.cards .video{ width: calc(100% - 2em); } .aktuelles.aktuellesq{ column-count: 1; } .imgReg{ max-width:100%; } .Left{ max-width:100%; float:left; } .Right{ max-width:100%; float:right; } .imgSmall{ max-width:100%; } .imgSmallLeft{ float:left; margin:0 0 1em 0; max-width:100%; } .imgSmallRight{ float:right; margin:0 0 1em 0; max-width:100%; } .imgSmallLeft2{ float:left; margin:0 0 1em 0; max-width:100%; } .imgSmallRight2{ float:right; margin:0 0 1em 0; max-width:100%; } .header .name{ font-size:1.3em; } } @media (min-resolution: 120dpi) { html,body, input, textarea, select { font-size: 12px; } }