@charset 'UTF-8'; a { color:#FF8800; /* text-decoration:underline; */ } /* ohne href="..." */ a:link { color:#FF8800; } /* orange */ a:hover { color:#FF0000; } /* rot */ a:active { color:#FFFFFF; } /* weis */ a:active:hover { color:#FFFFFF; } /* weis */ a:visited { color:#FF5500; } /* dunkel orange */ a:visited:hover { color:#FF0000; } /* rot */ a:visited:active { color:#FFFFFF; } /* weis */ a:visited:active:hover { color:#FFFFFF; } /* weis */ a[target='_blank'] { background-color:rgba(136,0,0, 0.5) } a[href^='http://'] { background-image:url('./../Grafik/http.png'); background-repeat:no-repeat; background-position:left center; padding-left:18px; background-size:contain; } a[href^='https://'] { background-image:url('./../Grafik/https.png'); background-repeat:no-repeat; background-position:left center; padding-left:18px; background-size:contain; } a[href^='ftp://'] { background-image:url('./../Grafik/ftp.png'); background-repeat:no-repeat; background-position:left center; padding-left:18px; background-size:contain; } a[href^='#'] { background-image:url('./../Grafik/anker.png'); background-repeat:no-repeat; background-position:left center; padding-left:18px; background-size:contain; } a[href^='mailto:'] { background-image:url('./../Grafik/epost.png'); background-repeat:no-repeat; background-position:left center; padding-left:18px; background-size:contain; } a[href^='javascript:']:before { content:'[Du hast leider einen Fehler eingebaut: HREF ist kein HTML-Ereignis!] '; } abbr { text-decoration:underline; } /* im IE nur unterstrichen */ abbr:hover { text-decoration:none; color:#FF8800; } abbr.Versteckt { text-decoration:none; } html, body { margin: 0; padding: 0; } body { background-image: url('./../Grafik/Format_1/hintergrund.jpg'); background-repeat: repeat; background-color: #000; background-attachment: scroll; /* WICHTIG für Firefox Android */ color: #FFFF00; font-family: Arial, Verdana; font-size: 14px; } body, html { cursor:url('./../Grafik/zeiger.gif') 1 1, auto; animation:Zeiger 800ms infinite; } @supports (-ms-ime-align:auto) /* NUR Edge 12+ */ { body, html { cursor:url('./../Grafik/zeiger.ani'), auto; animation:none; } } @media all and (-ms-high-contrast: active), (-ms-high-contrast: none) /* NUR IE 10+ */ { body, html { cursor:url('./Grafik/zeiger.ani'), auto; animation:none; } } @keyframes Zeiger { 0% { cursor:url('./../Grafik/zeiger1.png') 1 1, auto; } 33.33% { cursor:url('./../Grafik/zeiger2.png') 1 1, auto; } 66.66% { cursor:url('./../Grafik/zeiger3.png') 1 1, auto; } 100% { cursor:url('./../Grafik/zeiger4.png') 1 1, auto; } } /* Ziehleiste NUR IE */ @media all and (-ms-high-contrast: active), (-ms-high-contrast: none) /* NUR IE 10+ */ { @-ms-viewport { width:device-width; } /* transparent und versteckt */ body { scrollbar-arrow-color: #CC5500; scrollbar-face-color: #000000; scrollbar-track-color: #303030; scrollbar-highlight-color: #FF5500; scrollbar-3dlight-color: #FF5500; scrollbar-shadow-color: #FF5500; scrollbar-darkshadow-color: #FF5500; } } /* Ziehleiste NUR Webkit */ @media all and (-webkit-min-device-pixel-ratio:0) /* NUR Chrome oder Safari */ { ::-webkit-scrollbar { width:16px; height:16px; border:0px; } ::-webkit-scrollbar-button { background:rgba(0,0,0, 0.5); width:16px; height:16px; } /* Zieher */ ::-webkit-scrollbar-thumb { background:rgba(0,0,0, 0.5); border:1px solid #FF5500; border-radius:8px; background-clip:padding-box; } ::-webkit-scrollbar-thumb:hover { background:rgba(10,10,10, 0.5); } ::-webkit-scrollbar-thumb:active { background:rgba(20,20,20, 0.5); } /* Unterschiedliche Farben - deaktiviert */ /* ::-webkit-scrollbar-button:decrement:start { } ::-webkit-scrollbar-button:increment:start { } ::-webkit-scrollbar-button:decrement:end { } ::-webkit-scrollbar-button:increment:end { } ::-webkit-scrollbar-track-piece:decrement { } ::-webkit-scrollbar-track-piece:increment { } */ /* Pfeile */ ::-webkit-scrollbar-button:single-button { border-style:solid; height:16px; width:16px; background-color:rgba(0,0,0, 0.5); } ::-webkit-scrollbar-button:single-button:vertical:decrement { border-color:transparent transparent #FF5500 transparent; border-width:0 8px 8px 8px; } ::-webkit-scrollbar-button:single-button:vertical:decrement:hover { border-color:transparent transparent #FFFF00 transparent; } ::-webkit-scrollbar-button:single-button:vertical:decrement:active { border-color:transparent transparent #FFFFFF transparent; } ::-webkit-scrollbar-button:single-button:vertical:increment { border-color:#FF5500 transparent transparent transparent; border-width:8px 8px 0 8px; } ::-webkit-scrollbar-button:single-button:vertical:increment:hover { border-color:#FFFF00 transparent transparent transparent; } ::-webkit-scrollbar-button:single-button:vertical:increment:active { border-color:#FFFFFF transparent transparent transparent; } ::-webkit-scrollbar-button:single-button:horizontal:decrement { border-color:transparent #FF5500 transparent transparent; border-width:8px 8px 8px 0; } ::-webkit-scrollbar-button:single-button:horizontal:decrement:hover { border-color:transparent #FFFF00 transparent transparent; } ::-webkit-scrollbar-button:single-button:horizontal:decrement:active { border-color:transparent #FFFFFF transparent transparent; } ::-webkit-scrollbar-button:single-button:horizontal:increment { border-color:transparent transparent transparent #FF5500; border-width:8px 0 8px 8px; } ::-webkit-scrollbar-button:single-button:horizontal:increment:hover { border-color:transparent transparent transparent #FFFF00; } ::-webkit-scrollbar-button:single-button:horizontal:increment:active { border-color:transparent transparent transparent #FFFFFF; } /* Bahn */ ::-webkit-scrollbar-track { background:rgba(0,0,0, 0.5); border:0px; } ::-webkit-scrollbar-track:hover { background:rgba(102,102,102, 0.5); } ::-webkit-scrollbar-track:active { background:rgba(153,153,153, 0.5); } /* Ecke */ ::-webkit-scrollbar-corner { background:rgba(0,0,0, 0.5); } } datalist { display:none; } /* ausblenden für ältere Browser */ details > summary { color:#FF8800; } details > div { margin-top:4px; margin-bottom:4px; } div, span { margin:0px; padding:0px; } /* Centriert funktioniert korrekt nur mit einer Tabelle! */ div.C > table { margin-left:auto; margin-right:auto; } h1, h2, h3, h4, h5, h6 { margin:8px 0px 4px 0px; } h1 { font-size:26px; } h2 { font-size:20px; } h3 { font-size:16px; } h4 { font-size:14px; } h5 { font-size:12px; } h6 { font-size:10px; } hr { height:1px; border:0px; border-top:1px dashed #FFFF00; } /* Markierung */ ::selection { color:rgba(255,0,0, 0.99); background:rgba(255,255,0, 0.99); } /* chromium fix mit alpha */ img::selection { background:rgba(255,255,0, 0.5); } @-moz-document url-prefix() /* NUR FF */ { :-moz-selection { color:#FF0000; background:#FFFF00; } ::-moz-selection { color:#FF0000; background:#FFFF00; } img:-moz-selection { background:rgba(255,255,0, 0.5); } img::-moz-selection { background:rgba(255,255,0, 0.5); } } iframe { border:0px; margin:0px; padding:0px; } iframe.O { overflow-x:hidden; overflow-y:hidden; } img.Sicherheitskode { width:300px; height:50px; cursor:pointer; box-sizing:border-box; border:#FF0000 1px solid; border-radius:20px; box-shadow:4px 4px 8px 8px rgba(255,0,0, 0.5), 2px 2px 2px 2px rgba(0,0,0, 0.3) inset; margin:8px 0px 0px 0px; } /* der Rahmen skalliert die Grafik runter */ input[type='text'], input[type='password'], input[type='date'], input[type='email'], input[type='number'], input[type='button'], input[type='submit'], input[type='file'], input[type='reset'], select, textarea { width:300px; height:24px; padding-left:12px; padding-right:12px; box-sizing:border-box; border:1px solid #FF0000; border-radius:20px; box-shadow:4px 4px 8px 8px rgba(255,0,0, 0.5), 2px 2px 2px 2px rgba(0,0,0, 0.3) inset; } input[type='text'], input[type='password'], input[type='date'], input[type='email'], input[type='number'], input[type='button'], input[type='submit'], input[type='file'], input[type='reset'], select, textarea { color:#000000; background-color:#FFFFCC; } input[type='text']:hover, input[type='password']:hover, input[type='date']:hover, input[type='email']:hover, input[type='number']:hover, input[type='button']:hover, input[type='submit']:hover, input[type='file']:hover, input[type='reset']:hover, select:hover, textarea:hover { color:#FF0000; background-color:#FFFFCC; } /* über */ input[type='text']:focus, input[type='password']:focus, input[type='date']:focus, input[type='email']:focus, input[type='number']:focus, input[type='button']:focus, input[type='submit']:focus, input[type='file']:focus, input[type='reset']:focus, select:focus, textarea:focus { color:#000000; background-color:#FFFFFF; } /* fokus */ input[type='text']:active, input[type='password']:active, input[type='date']:active, input[type='email']:active, input[type='number']:active, input[type='button']:active, input[type='submit']:active, input[type='file']:active, input[type='reset']:active, select:active, textarea:active { color:#000000; background-color:#FFFFFF; } /* aktiv */ input[type='text']:focus:hover, input[type='password']:focus:hover, input[type='date']:focus:hover, input[type='email']:focus:hover, input[type='number']:focus:hover, input[type='button']:focus:hover, input[type='submit']:focus:hover, input[type='file']:focus:hover, input[type='reset']:focus:hover, select:focus:hover, textarea:focus:hover { color:#000000; background-color:#FFFFFF; } /* über und fokus */ input.K, select.K { width:150px; } /* klein */ input[type='button'], input[type='submit'], input[type='reset'] { color:#000000; background-color:#FFFF88; } input[type='button']:hover, input[type='submit']:hover, input[type='reset']:hover { color:#000000; background-color:#FF8888; } input[type='button']:focus, input[type='submit']:focus, input[type='reset']:focus { color:#000000; background-color:#FF8888; } input[type='button']:active, input[type='submit']:active, input[type='reset']:active { color:#000000; background-color:#FF4444; } input[type='button']:focus:hover, input[type='submit']:focus:hover, input[type='reset']:focus:hover { color:#000000; background-color:#FF8888; } input[type='button']:hover:active, input[type='submit']:hover:active, input[type='reset']:hover:active { color:#000000; background-color:#FF4444; } input[type='button']:focus:active, input[type='submit']:focus:active, input[type='reset']:focus:active { color:#000000; background-color:#FF4444; } input[type='button']:focus:hover:active, input[type='submit']:focus:hover:active, input[type='reset']:focus:hover:active { color:#000000; background-color:#FF4444; } /* Korrektur */ input[type='checkbox'], input[type='radio'], input[type='checkbox']:hover, input[type='radio']:hover, input[type='checkbox']:focus, input[type='radio']:focus, input[type='checkbox']:active, input[type='radio']:active { background-color:transparent; } /* IE, EDGE Dateiauswahl */ @media all and (-ms-high-contrast: active), (-ms-high-contrast: none) /** NUR IE 10+ **/ { input[type='file']::-ms-browse { color:#000000; background-color:#FFFF88; border-top-left-radius:10px 28px; border-bottom-right-radius:20px 28px; } input[type='file']::-ms-browse:hover { color:#000000; background-color:#FF8888; } input[type='file']::-ms-browse:focus { color:#000000; background-color:#FF8888; } input[type='file']::-ms-browse:active { color:#000000; background-color:#FF4444; } input[type='file']::-ms-browse:focus:hover { color:#000000; background-color:#FF8888; } input[type='file']::-ms-browse:hover:active { color:#000000; background-color:#FF4444; } input[type='file']::-ms-browse:focus:active { color:#000000; background-color:#FF4444; } input[type='file']::-ms-browse:focus:hover:active { color:#000000; background-color:#FF4444; } input[type='file']::-ms-value { background-color:transparent; border:0px; } input[type='file']::-ms-value:hover { color:#FF0000; } } @supports (-ms-ime-align:auto) /** NUR Edge 12+ **/ { input[type='file']::-ms-browse { color:#000000; background-color:#FFFF88; border-top-left-radius:10px 28px; border-bottom-right-radius:20px 28px; } input[type='file']::-ms-browse:hover { color:#000000; background-color:#FF8888; } input[type='file']::-ms-browse:focus { color:#000000; background-color:#FF8888; } input[type='file']::-ms-browse:active { color:#000000; background-color:#FF4444; } input[type='file']::-ms-browse:focus:hover { color:#000000; background-color:#FF8888; } input[type='file']::-ms-browse:hover:active { color:#000000; background-color:#FF4444; } input[type='file']::-ms-browse:focus:active { color:#000000; background-color:#FF4444; } input[type='file']::-ms-browse:focus:hover:active { color:#000000; background-color:#FF4444; } input[type='file']::-ms-value { background-color:transparent; border:0px; } input[type='file']::-ms-value:hover { color:#FF0000; } } /* Chromium */ @media all and (-webkit-min-device-pixel-ratio:0) /* NUR Chrome oder Safari */ { input[type='file']::-webkit-file-upload-button { color:#000000; background-color:#FFFF88; border-top-left-radius:10px 28px; border-bottom-right-radius:20px 28px; } input[type='file']::-webkit-file-upload-button:hover { color:#000000; background-color:#FF8888; } input[type='file']::-webkit-file-upload-button:focus { color:#000000; background-color:#FF8888; } input[type='file']::-webkit-file-upload-button:active { color:#000000; background-color:#FF4444; } input[type='file']::-webkit-file-upload-button:focus:hover { color:#000000; background-color:#FF8888; } input[type='file']::-webkit-file-upload-button:hover:active { color:#000000; background-color:#FF4444; } input[type='file']::-webkit-file-upload-button:focus:active { color:#000000; background-color:#FF4444; } input[type='file']::-webkit-file-upload-button:focus:hover:active { color:#000000; background-color:#FF4444; } } /* FireFox Stil fehlt! */ @-moz-document url-prefix() /* NUR FF */ { } input[type='number'] { font-family:'Arial', 'Verdana'; } /* getrennt wegen kompatibilität */ input::placeholder, textarea::placeholder { color:#909090; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#909090; } input::-ms-input-placeholder, textarea::-ms-input-placeholder { color:#909090; } input:-moz-placeholder, textarea:-moz-placeholder { color:#909090; opacity:1; } input::-moz-placeholder, textarea::-moz-placeholder { color:#909090; opacity:1; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#909090; } label { color:#FFFF00; display:inline; width:100%; } label:hover { color:#FF0000; } label:active { color:#FFFFFF; } s, strike { text-decoration:line-through; text-decoration-color:#FF0000; } @supports (-ms-ime-align:auto) /** NUR Edge 12+ **/ { s, strike { color:#FF0000; } s > span, strike > span { color:#FFFF00; } } @media all and (-ms-high-contrast: active), (-ms-high-contrast: none) /* NUR IE 10+ */ { s, strike { color:#FF0000; } s > span, strike > span { color:#FFFF00; } } select { appearance:none; -moz-appearance:none; -webkit-appearance:none; } /* stil entfernen */ /* für IE */ select:focus::-ms-value { background-color:transparent; color:#000000; } /* farbkorrektur für dropdown */ select::-ms-expand { display:none; } /* pfeil entfernen */ /* Der Pfeil muss extra eingefügt werden. Es kann nicht automatisch unterschieden werden zwichen dropdown und mehrfach-auswahl */ select.Pfeil { background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J2JsYWNrJyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAyNCAyNCc+CjxwYXRoIGQ9J003IDEwbDUgNSA1LTV6Jy8+CjxwYXRoIGQ9J00wIDBoMjR2MjRIMHonIGZpbGw9J25vbmUnLz4KPC9zdmc+'); background-repeat:no-repeat; background-position:263px 50%; } select.PfeilK { background-position:122px 50%; } select.H { height:100%; } select optgroup { background-color:transparent; color:#000000; } /* Standardwert */ select option { background-color:transparent; color:#000000; } /* Standardwert */ select option:hover { background-color:transparent; color:#FF0000; } /* bei Drüberfahren */ select option:active { background-color:#FF0000; color:#000000; } /* bei Drücken und Halten */ select option:checked { background-color:#FF8888; color:#000000; } /* ausgewählte Option */ select option:checked:hover { background-color:#FF8888; color:#000000; } /* ausgewählte Option bei Drüberfahren */ select option:checked:active { background-color:#FF0000; color:#000000; } /* ausgewählte Option bei Drücken und Halten */ /* chromium hack */ select option:checked { box-shadow: 0px 0px 8px 2px #FF0000, 0px 0px 0px 12px #FF8888 inset; } /* blaue/graue auswahl durch rote/weisse ersetzt */ span.K { font-size:12px; } /* Klein */ span.Proportional { font-family:'Consolas', 'Courier New'; } span.O { color:#FF8800; } /* Orange - stilbezogene Farbe */ span.R { color:#FF0000; } /* Rot */ span.G { color:#00FF00; } /* Grün */ span.B { color:#0000FF; } /* Blau */ span.Y { color:#FFFF00; } /* Y= gelb */ span.M { color:#FF00FF; } /* Magenta */ span.T { color:#00FFFF; } /* Türkis */ span.Z { color:#000000; } /* swarZ */ span.W { color:#FFFFFF; } /* Weiss */ /* Standard Tabelle hat einen Rahmen und kann Datenzeilen beinhalten */ table { border-collapse:separate; border:1px solid #FFFF00; caption-side:top; border-spacing:0px; } table > caption { color:#FF8800; font-size:16px; font-weight:bold; margin-top:4px; white-space:nowrap; text-align:center; } tr.D:hover > td { background-color:rgba(96,96,96, 0.5); } /* #606060 */ tr.D:hover > td.KD { background-color:transparent; } th, td { border:1px solid #FFFF00; padding:2px 4px; } /* Name: Rund 1? 2? 3? 1 => Kopf: Ohne, Kopf 2 => Spalte: Letzte, 2-Letzte, 3-Letzte 3 => Zeile: Letzte, 2-Letzte, 3-Letzte */ table.RundOLL { border:0px; } table.RundOLL th, table.RundOLL td { border:0px; } table.RundOLL > tbody > tr:first-child > td { border-top:1px solid #FFFF00; } /* Linie oben nur wenn erste Zeile */ table.RundOLL > tbody > tr > td:first-child { border-left:1px solid #FFFF00; } /* Linie links nur wenn erste Zelle */ table.RundOLL > tbody > tr > td { border-right:1px solid #FFFF00; border-bottom:1px solid #FFFF00; } /* Linie unten und rechts */ /* Rundungen */ table.RundOLL > tbody > tr:first-child > td:first-child { border-top-left-radius:12px; } table.RundOLL > tbody > tr:first-child > td:last-child { border-top-right-radius:12px; } table.RundOLL > tbody > tr:last-child > td:first-child { border-bottom-left-radius:12px; } table.RundOLL > tbody > tr:last-child > td:last-child { border-bottom-right-radius:12px; } table.RundKLL { border:0px; } table.RundKLL th, table.RundKLL td { border:0px; } table.RundKLL > thead > tr:first-child > th, table.RundKLL > tbody > tr:first-child > td { border-top:1px solid #FFFF00; } table.RundKLL > thead > tr > th:first-child, table.RundKLL > tbody > tr > td:first-child { border-left:1px solid #FFFF00; } table.RundKLL > thead > tr > th, table.RundKLL > tbody > tr > td { border-right:1px solid #FFFF00; border-bottom:1px solid #FFFF00; } /* Rundungen */ table.RundKLL > thead > tr:first-child > th:first-child { border-top-left-radius:12px; } table.RundKLL > thead > tr:first-child > th:last-child { border-top-right-radius:12px; } table.RundKLL > tbody > tr:last-child > td:first-child { border-bottom-left-radius:12px; } table.RundKLL > tbody > tr:last-child > td:last-child { border-bottom-right-radius:12px; } table.RundKL2 { border:0px; } table.RundKL2 th, table.RundKL2 td { border:0px; } table.RundKL2 > thead > tr:first-child > th:nth-last-child(1n+2), table.RundKL2 > tbody > tr:first-child > td:nth-last-child(1n+2) { border-top:1px solid #FFFF00; } table.RundKL2 > thead > tr > th:first-child, table.RundKL2 > tbody > tr > td:first-child { border-left:1px solid #FFFF00; } table.RundKL2 > thead > tr > th:nth-last-child(1n+2), table.RundKL2 > tbody > tr > td:nth-last-child(1n+2) { border-right:1px solid #FFFF00; border-bottom:1px solid #FFFF00; } /* Rundungen */ table.RundKL2 > thead > tr:first-child > th:first-child { border-top-left-radius:12px; } table.RundKL2 > thead > tr:first-child > th:nth-last-child(2) { border-top-right-radius:12px; } table.RundKL2 > tbody > tr:last-child > td:first-child { border-bottom-left-radius:12px; } table.RundKL2 > tbody > tr:last-child > td:nth-last-child(2) { border-bottom-right-radius:12px; } table.RundK2L { border:0px; } table.RundK2L th, table.RundK2L td { border:0px; } table.RundK2L > thead > tr:first-child > th, table.RundK2L > tbody > tr:first-child > td { border-top:1px solid #FFFF00; } table.RundK2L > thead > tr > th:first-child, table.RundK2L > tbody > tr:nth-last-child(1n+2) > td:first-child { border-left:1px solid #FFFF00; } table.RundK2L > thead > tr > th, table.RundK2L > tbody > tr:nth-last-child(1n+2) > td { border-right:1px solid #FFFF00; border-bottom:1px solid #FFFF00; } /* Rundungen */ table.RundK2L > thead > tr:first-child > th:first-child { border-top-left-radius:12px; } table.RundK2L > thead > tr:first-child > th:last-child { border-top-right-radius:12px; } table.RundK2L > tbody > tr:nth-last-child(2) > td:first-child { border-bottom-left-radius:12px; } table.RundK2L > tbody > tr:nth-last-child(2) > td:last-child { border-bottom-right-radius:12px; } table.RundK22 { border:0px; } table.RundK22 th, table.RundK22 td { border:0px; } table.RundK22 > thead > tr:first-child > th:nth-last-child(1n+2), table.RundK22 > tbody > tr:first-child > td:nth-last-child(1n+2) { border-top:1px solid #FFFF00; } table.RundK22 > thead > tr > th:first-child, table.RundK22 > tbody > tr:nth-last-child(1n+2) > td:first-child { border-left:1px solid #FFFF00; } table.RundK22 > thead > tr > th:nth-last-child(1n+2), table.RundK22 > tbody > tr:nth-last-child(1n+2) > td:nth-last-child(1n+2) { border-right:1px solid #FFFF00; border-bottom:1px solid #FFFF00; } /* Rundungen */ table.RundK22 > thead > tr:first-child > th:first-child { border-top-left-radius:12px; } table.RundK22 > thead > tr:first-child > th:nth-last-child(2) { border-top-right-radius:12px; } table.RundK22 > tbody > tr:nth-last-child(2) > td:first-child { border-bottom-left-radius:12px; } table.RundK22 > tbody > tr:nth-last-child(2) > td:nth-last-child(2) { border-bottom-right-radius:12px; } table.RundK23 { border:0px; } table.RundK23 th, table.RundK23 td { border:0px; } table.RundK23 > thead > tr:first-child > th:nth-last-child(1n+3), table.RundK23 > tbody > tr:first-child > td:nth-last-child(1n+3) { border-top:1px solid #FFFF00; } table.RundK23 > thead > tr > th:first-child, table.RundK23 > tbody > tr:nth-last-child(1n+2) > td:first-child { border-left:1px solid #FFFF00; } table.RundK23 > thead > tr > th:nth-last-child(1n+3), table.RundK23 > tbody > tr:nth-last-child(1n+2) > td:nth-last-child(1n+3) { border-right:1px solid #FFFF00; border-bottom:1px solid #FFFF00; } /* Rundungen */ table.RundK23 > thead > tr:first-child > th:first-child { border-top-left-radius:12px; } table.RundK23 > thead > tr:first-child > th:nth-last-child(3) { border-top-right-radius:12px; } table.RundK23 > tbody > tr:nth-last-child(2) > td:first-child { border-bottom-left-radius:12px; } table.RundK23 > tbody > tr:nth-last-child(2) > td:nth-last-child(3) { border-bottom-right-radius:12px; } tr.RundO > th:first-child { border-top-left-radius:12px; } tr.RundO > th:last-child { border-top-right-radius:12px; } tr.RundU > td:first-child { border-bottom-left-radius:12px; } tr.RundU > td:last-child { border-bottom-right-radius:12px; } /* Tabelle: Unsichtbar (Ohne Rahmen), Breit oder beides Zellen können Centriert, Unsichtbar oder beides sein */ table.U { border:0px; } table.B { width:100%; } table.C { margin-left:auto; margin-right:auto; } tr.U > td, tr.U > th { border:0px; } table.GU { border:0px; } table.GU > thead > tr > th, table.GU tr > td { border:0px; } th.U, td.U { border:0px; } th.L, td.L { text-align:left; } /* standard */ th.R, td.R { text-align:right; } th.C, td.C { text-align:center; } td.O { vertical-align:top; } /* Inhalt Oben ausrichten */ td.A { margin:0px; padding:0px; } /* Abstandslos */ /* Teilränder werden derzeit nicht genutzt */ td.RandO { border-top:1px solid #FFFF00; border-right:0px; border-bottom:0px; border-left:0px; } td.RandR { border-top:0px; border-right:1px solid #FFFF00; border-bottom:0px; border-left:0px; } td.RandU { border-top:0px; border-right:0px; border-bottom:1px solid #FFFF00; border-left:0px; } td.RandL { border-top:0px; border-right:0px; border-bottom:0px; border-left:1px solid #FFFF00; } textarea { font-family:'Arial', 'Verdana'; font-size:13.3333px; } /* Standard nachahmen aber mit Arial */ textarea.Z { width:300px; height:52px; } /* zweizeiler */ textarea.S { width:300px; height:100px; } /* sehr klein */ textarea.K { width:450px; height:150px; } /* klein */ textarea.M { width:600px; height:200px; } /* mittel */ textarea.G { width:900px; height:300px; } /* groß */ textarea.R { width:1200px; height:450px; } /* rießig */ textarea.E { width:1800px; height:600px; } /* extrem */ textarea.Kode { width:550px; height:70px; font-family:'Consolas', 'Courier New'; } textarea.Zwischenablage { width:50px; opacity:0; color:transparent; background-color:transparent; border:0px; overflow:hidden; box-shadow:none; } textarea.Zwischenablage:hover { color:transparent; background-color:transparent; } textarea.Zwischenablage:focus { color:transparent; background-color:transparent; } textarea.Zwischenablage:active { color:transparent; background-color:transparent; } textarea.Zwischenablage::selection { background:rgba(0,0,0, 0); } textarea.Zwischenablage:-moz-selection { background:rgba(0,0,0, 0); } textarea.Zwischenablage::-moz-selection { background:rgba(0,0,0, 0); } ul { margin:0px; padding:0px; } li { margin:0px 0px 0px 20px; padding:0px; } /* Navigation Menu */ table.NX { position:fixed; z-index:1000; width:100%; margin:0px 24px 0px 0px; width:calc(100% - 24px); } /* fix im vordergrund */ table.NX, table.NU { border:0px; background-color:transparent; } table.N { border-collapse:separate; border:0px; background-color:#000000; } /* schwarz - nicht durchsichtig! */ td.NU { border:0px; vertical-align:top; margin:0px; padding:0px; } /* Inhalt oben ausrichten */ th.N, th.NA { border:0px; padding:4px; color:#FF8800; } tr.N > td, tr.NA > td { color:#FF8800; padding:0px; } tr.N > td { border:1px solid #000000; } tr.N, tr.NA { display:table-row; } /* sichtbar */ tr.N, tr.NA { display:none; padding:0px; } /* versteckt */ th.NA { background-color:#600000; } tr.NA > td { background-color:#600000; border:1px solid #600000; } tr.N > td > a.N, tr.NA > td > a.N { display:inline-block; width:100%; text-decoration:none; padding:0px 4px; } /* breite textfläche */ /* O R U L */ table.N:hover tr.N, table.N:hover tr.NA { display:table-row; } /* sichtbar */ tr.N:hover > td { background-color:#400000; border:1px solid #FF0000; } /* über */ tr.NA:hover > td { background-color:#600000; border:1px solid #FF0000; } /* über aktiv */ /* Elemente ein und ausblenden */ form.V, div.V, span.V, table.V, tbody.V, tr.V, th.V, td.V, a.V, input.V { display:none; } form.S, div.S { display:block; } span.S, a.S, input.S { display:inline; } table.S { display:table; } tbody.S { display:table-row-group; } tr.S { display:table-row; } th.S, td.S { display:table-cell; } /* Infotexte (Tooltip) */ .Info { position:relative; } span.Info { display:inline-block; } td.Info { display:table-cell; } .Info .Infotext { visibility:hidden; position:absolute; text-align:center; font-size:12px; padding:4px; border-radius:6px; background-color:#000000; border:1px solid #FFFF00; z-index:1; opacity:0; transition:opacity 1.2s; } .Info:hover .Infotext { visibility:visible; opacity:1; color:#FFFF00; } .InfoL { top:0px; right:100%; margin-right:10px; } .InfoR { top:0px; left:100%; margin-left:10px; } .InfoO { bottom:100%; left:0px; margin-right:0px; margin-bottom:8px;} .InfoU { top:100%; left:0px; margin-left:0px; margin-top:8px; } .InfoL::after { content:""; position:absolute; top:50%; left:100%; margin-top:-8px; border-width:8px; border-style:solid; border-color:transparent transparent transparent #FFFF00; } .InfoR::after { content:""; position:absolute; top:50%; right:100%; margin-top:-8px; border-width:8px; border-style:solid; border-color:transparent #FFFF00 transparent transparent; } .InfoO::after { content:""; position:absolute; top:100%; left:50%; margin-left:-5px; border-width:8px; border-style:solid; border-color:#FFFF00 transparent transparent transparent; } .InfoU::after { content:""; position:absolute; bottom:100%; left:50%; margin-left:-5px; border-width:8px; border-style:solid; border-color:transparent transparent #FFFF00 transparent; }