/*----- Farben -----*/
.blau               { color:blue; }
.rot                { color:#DD002C; }
.schwarz            { color:black; }
.sw                 { background-color:#FFFFFF; color:black; }
.weiss              { color:white; }

/*----- Hintergruende -----*/
.hellblau           { background-color:#C3D0E9; }
.hg-blau            { background-color:#8acaec; }
.hg-gelb            { background-color:yellow ; }
.hg-green           { background-color:green  ; }
.hg-rosa            { background-color:#FFA0A0; padding:1mm; }
.hg-rot             { background-color:#DD002C; }
.hg-weiss           { background-color:#FFFFFF; }
.ja                 { background-color:#A8E77A; }
.lindgruen          { background-color:#A8E77A; }
.nein               { background-color:#FFA0A0; padding:1mm; }
.unentschieden      { background-color:yellow ; padding:1mm; }

/*----- spezifische Farben -----*/
.achtung            { color:#DD002C; }
.bestaetigen        { background-color:#32CD32; color:white; font-weight:bold; padding:3px }
.checkFeldRef42     { width:100pt; }
.dibev_genehmigt    { background-color:green; }
.fachkraft          { color:green !important; font-weight:bold; }
.fehler             { background-color:#DD002C; color:white; font-size:120%; font-weight:bold; margin-bottom:1mm; padding:1mm;}
.feldmitfehler      { background-color:#FF9090; }
.feldmithinweis     { background-color:orange; }
.flex               { display: flex; flex-direction:row; align-content:flex-start; align-items:flex-start;}
.geschlossen        { color:gray !important; }
.inArbeit           { color:gray !important; }
.nachmeldung        { color:blue; font-weight:bold; }
.ohnejanein         { background-color:lightgray; }
.hinweis            { background-color:orange ; color:white; font-size:120%; font-weight:bold; margin-bottom:1mm; padding:1mm;}
.inaktiv            { background-color:#E5E5E5; }
.maske              { background-color:#FFF1AF; }
.neuesthema         { background-color:lightgreen !important; }
.neu                { background-color:green; }
.neu:hover          { background-color:darkgreen; }
.ok                 { background-color:green  ; color:white; font-size:120%; font-weight:bold; margin-bottom:1mm; padding:1mm;}
.pflicht            { background-color:#aaffff; }
.speichern          { background-color:green !important; color:white !important; }
.speichern:hover    { background-color:darkgreen !important; }
.gespeichert        { color:green; }
.uvp                { background-color:#C3D0E9; }
.zusatzkraft        { color:orange !important; }

/*----- Sonstiges -----*/
.absolut            { position:absolute; }
.abstandlinks       { font-size:300%;margin-left:4px !important; }
.anklickbar         { cursor:pointer; }
.ausklappbar        { font-size:150%; font-weight:bold; padding-top:10px !important; padding-bottom:3px !important; text-align:left !important; }

/* .blinkend            { text-decoration: blink;} funktioniert nicht */
.button             { background-color:#6D757C; border:1px solid white; border-radius:4px; color:white; cursor:pointer;
                      font-size:10pt; font-weight:normal; margin:2px 5px 2px 0px; padding:3px 7px 3px 7px; text-align:center; text-decoration:none; }
.button:hover       { background-color:#505050; }
.clearing           { clear:both; }
.deaktiviert        { background-color:#AAA !important; }
.deaktivierterText  { color:gray; }
div.dibev_dringend  { background-color:yellow; }
div.dibev_storniert { background-color:lightgray; }
.einruecken1        { margin-left:14px; }
.einruecken2        { margin-left:28px; }
.einruecken3        { margin-left:42px; }
.einruecken4        { margin-left:56px; }
.fett               { font-weight:bold; }
.fixiert            { position:fixed; }

.H16                { height:16px; }
.H32                { height:32px; }
.hilfeflaggen       { position:absolute; z-index:2; top:2px; left:200px;}
.infoicon,
.infoIconBeiKlick   { background-color:#003B79; border:1px solid white; border-radius:4px; color:white; cursor:pointer;
                      font-family:serif; font-size:12px; font-style:normal; font-weight:bold; margin:5px; padding:2pt 4pt 1pt 4pt; }
.infoiconNurKlick   { background-color:#003B79; border:0px; border-radius:0px; color:white; cursor:pointer;
                      font-family:serif; font-size:12px; font-style:normal; font-weight:bold; margin:5px; padding:2pt 4pt 1pt 4pt; position: relative;}
.infotext           { cursor:pointer; font-style:normal; margin:5px; padding:0pt 4pt 1pt 4pt; position: relative; text-decoration:underline; }
.infotext span      { bottom:2em; background-color:#F5F5DC; border: solid 1px #888888; border-radius:0.5em; box-shadow: 0px 0px 4px 4px #aaaaaa; color:#000; display:none; 
                      font-family:Arial,helvetica,sans-serif; font-size:12px; font-style:normal; font-weight:normal; left:-5em; opacity:0; padding:0.5em;
                      pointer-events:none; position:absolute; text-align:left; transition:opacity 0.6s; white-space:normal; max-width:25em; z-index:100; }
.initOnChange       { } /* "onChange" des Elements soll beim Laden der Seite aufgerufen werden */
.inline             { display:inline; }
.hamburger-icon     { border:1px solid black; cursor:pointer; font-size:48px; font-weight:bold; left:calc(100% - 42px); position:fixed; top:10px; z-index:3;}
.hamburger-icon::before { content:"\2261"; }
.klein              { height:22px; }
.Kreis              { border:1px solid black; border-radius:10px; float:left; height:10px; width:10px; }
.links              { float:left; }
.linksbuendig       { text-align:left; }
.noetig:after       { color:#d00; content:"*"; font-weight:bold; font-size:14px; margin-left:5px; position:absolute; }
.normal             { font-weight:normal; }
.nowrap             { white-space:nowrap; }
.ohnerand           { border:0px; margin:0px; padding:0px; }
.ohnerules div div  { border-width: 0; }
.rechts             { float:right; }
.rechtsbuendig      { text-align:right; }
.rotesX             { color:#DD002C; cursor:pointer; border:0px; margin:0px; padding:0px; background-color:transparent; font-size:140%; }
.rotesX:hover       { background-color:transparent; }
.rotesX:after       { content:"\2718";}
.bleistift          { color:black; cursor:pointer; border:0px; margin:0px; padding:0px; background-color:transparent; }
.bleistift:hover    { background-color:transparent; }
.bleistift:after    { content:"\270E";}
.schatten           { border:1px solid black; box-shadow: 0px 0px 20px grey;}
.schmal             { max-width:870px; }
.testflaeche        { border: 1px solid #000000; display:inline; font-size:12px; font-weight:bold; height:20px; margin-left:20px; padding:2px; width:60px;}
#testserver         { color:#DD002C; font-size:11px; left:15px; position:fixed; top:2px; z-index:2; }
.titel              { font-size:large; font-weight:bold; margin-bottom: 15px;}
 
#tooltip            { background-color:#F5F5DC; border: solid 1px #888888; border-radius:0.5em; box-shadow: 2px 2px 4px 3px #aaaaaa; color:#000;
                      font-family:Arial,helvetica,sans-serif; font-size:12px; font-style:normal; font-weight:normal; max-width:290px; padding:0.5em;
                      pointer-events:none; position:absolute; text-align:left; transition:opacity 0.6s; z-index:100; }
#tooltip.mitklicks  { pointer-events:auto; }

.transparent        { background-color:transparent; }
.transparent:hover  { background-color:transparent; }
.ueberschriftklein  { font-size:110%; font-weight:bold; margin-top:10px; }
.ueberschriftmittel { font-size:150%; font-weight:bold; padding-top:10px; }
.ueberschriftnebeneinander { float:left; width:108px; text-align:center; font-weight:bold; }
.ueberschriftnebeneinander_first { float:left; width:85px; text-align:center; margin-right:13px; font-weight:bold; }
.umrandet           { border:1px solid black; padding:10px; }
.unsichtbar         { display:none; }
.unterstrichen      { text-decoration:underline; }
.vergroessert       { font-size:150%; }
.vergroessert20     { font-size:120%; }
.vergroessert40     { font-size:140%; }

.vormerk_abgelehnt  { background-color:#FFD0D0; }
.vormerk_angenommen { background-color:#A9CBA4; }
.vormerk_Anmeldung  { background-color:#A9CBA4; }
.vormerk_Aufnahme   { background-color:#85B581; }
.vormerk_dunkel     { background-color:#DF75A3; }
.vormerk_eigene     { background-color:#87cefa; }
.vormerk_hintergrund{ background-color:#FBCFD0; }
.vormerk_keineZusage{ background-color:#FFB0B0; }
.vormerk_Kontakt    { background-color:#CEC9E0; }
.vormerk_u3         { background-color:#FFFF66; }
.vormerk_verzoegert { background-color:#DDDDDD; } /* hellgrau */
.vormerk_Warteliste { background-color:#F0DB78; }
.vormerk_zurueckgestellt { background-color:#FFCC00 !important; }  /* lindgelb */
.vormerk_Zusage     { background-color:#D5E5D1; }

.warnIcon           { color:#d00; cursor:pointer; font-weight:bold; }
div.whatsapp p      { background:white; border-radius:6px; padding:6pt; }
.whatsappich        { background:#B8FFAA !important; }
.zentriert          { text-align:center; }
.zentriert input    { margin-left:1px !important; margin-right:1px !important; }
.inhaltzentriert    { display:table-cell; }
.z1                 { z-index:1; }
.z2                 { z-index:2; }
.z3                 { z-index:3; }

@media screen and (max-height:600px) {.fixiert  { position:absolute;}}
   
a                   { color:currentcolor; text-decoration:underline;}
a.menue             { background-color:#ffaa10; color:white; font-weight:bold; text-decoration:none;}
a.menue div:hover   { background-color:#ffaa10; color:white; font-weight:bold; text-decoration:none;}

abbr, acronym       { border-bottom:1px dotted black; cursor:help; }

body                { font-family:Arial, helvetica, sans-serif; font-size:12px; margin:0cm; padding:0px; }

/*----- Dialoge -----*/
dialog { background: white; border: 1px solid grey; border-radius: .5em; box-shadow: 0 0 15px 5px #888; display: none; height: auto; padding: 2em; position: relative; width: 100%; z-index: 1002; }
dialog[open] { display: block; }
@media (min-width: 30em) { dialog { position: absolute; top: 50%; margin-top: -20em; left: 50%; margin-left: -30em; width: 60em; } }
dialog::backdrop, #backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.2); z-index: 2; }
dialog .button-row { text-align: center; }
dialog > ul { list-style: none; margin: 0; padding: 0; }
dialog textarea { height: 32em; margin:0; resize: vertical; width: 100%; }

/* fuer Javascript-Funktion "nachfragen" */
div.alert-modal         { background-color:#ccc; height:100%; left:0px; position:fixed; top:0px; opacity:0.5; width:100%; z-index:1000; }
div.alert               { background-color:#f0f0f0; border:1px solid #999; border-radius:4px; display:none; font-family:Arial; position:fixed; z-index:1001; }
div.alert div.title     { background-color:#9e9e9e; color:#fff; font-family:Arial; font-weight:bold; margin:0px; padding:7px; padding-left:15px; }
div.alert div.body      { font-family:Arial; padding:15px; }
div.alert div.buttons   { float:left; padding:15px; }

div.table               { border-collapse:collapse; display:table; }
div.td                  { border: 1px solid #909090; display:table-cell; padding:2px 2px 2px 4px; }
div.th                  { background-color:#CCCCCC; border: 1px solid #909090; display:table-cell; font-weight:bold; padding:4px; vertical-align:middle;}
div.thead               { display:table-header-group; }
div.tr                  { display:table-row; }

div.zentriert           { margin-left:auto; margin-right:auto; }

font.gross          { font-size:11pt; font-weight:bold; }
font.normal         { font-size:12px; font-weight:normal; }

form                { display:inline; }

h1                  { font-size:2.0em; margin-bottom:4pt; margin-top:6pt; }
h2                  { font-size:1.5em; margin-bottom:4pt; margin-top:6pt; }
h3                  { font-size:1.0em; margin-bottom:4pt; margin-top:6pt; }

img                 { border-width:0px; margin:0pt; }

button,
input,
select,
textarea            { border:1px solid #A9D0F5; border-radius:4px; margin:2px 5px 2px 0px; }
input:focus,
select:focus,
textarea:focus      { border-color:#1C8AD9; }

button.klein,
input[type=button].klein,
input[type=submit].klein    { padding-bottom:2px; padding-top:2px; }

button,
input[type=button],
input[type=submit]      { background-color:#6D757C; border:1px solid white; color:white; cursor:pointer; font-weight:normal; padding:4px 8px 4px 8px; text-align:center;}
button.neu,
input[type=button].neu,
input[type=submit].neu  { background-color:green; }
input[type=submit].neu:disabled  { background-color:#DDD !important; }
input[type=submit].neu:hover  { background-color:darkgreen; }

button:hover,
input[type=button]:hover{ background-color:#505050; }

button.loeschen,
input[type=button].loeschen,
input[type=submit].loeschen { background-color:#CD202C; }
button.loeschen:hover,
input[type=button].loeschen:hover,
input[type=submit].loeschen:hover { background-color:#AD0010; }

input                   { padding-left:5px; }
input[type=checkbox]    { margin:2px 5px 2px 0px; vertical-align:middle; }

input[type=file ]       { padding:0pt; }

input[type=image ]      { border-width:0px; margin:0pt; padding:0pt; vertical-align:middle; }

input[type=radio ]      { cursor:pointer; margin-left:5px; margin-right:5px; }

input[type=submit]:hover    { background-color:#505050; }
input[type=submit].reiter-aktiv     { background-color:#006FB4; border-radius:0px; color:white; font-size:12px; }
input[type=submit].reiter-aktiv:hover { background-color:#004F94; }
input[type=submit].reiter-hell      { background-color:#E5E5E5; border-radius:0px; font-size:12px; }
input[type=submit].reiter-hell:hover    { background-color:#C5C5C5; }
input[type=submit].reiter-normal        { background-color:#C3D0E9; border-radius:0px; font-size:12px; }
input[type=submit].reiter-normal:hover  { background-color:#A3C0C9; }
input[type=submit].reiter-notbetreuung  { background-color:#FF8585; border-radius:0px; font-size:12px; }
input[type=submit].reiter-notbetreuung:hover    { background-color:#EE4545; }
input[type=submit].reiter-notbetreuung-aktiv    { background-color:#FF3535; border-radius:0px; font-size:12px; }
input[type=submit].reiter-notbetreuung-aktiv:hover  { background-color:#DE0000; }
input[type=submit].reiter-vormerk       { background-color:#F4B5D0; border-radius:0px; font-size:12px; }
input[type=submit].reiter-vormerk:hover { background-color:#E4A5C0; }
input[type=submit].reiter-vormerk-aktiv { background-color:#DF75A3; border-radius:0px; font-size:12px; }
input[type=submit].reiter-vormerk-aktiv:hover { background-color:#CF6593; }
input.bestaetigen               { padding:1px; vertical-align:middle; }
input.datum                     { width:54pt; }
input.gkz                       { width:37pt; }
input.size1                     { width:15px; }
input.size2                     { width:21px; }
input.size3                     { width:27px; }
input.size4                     { width:33px; }
input.size5                     { width:47pt; }
input.size20                    { width:118pt; }
input.size80                    { width:407pt; }
input.versteckterDefaultButton  { border:0px; display:inline; height:0px; margin:0px; padding:0px; position:absolute; width:0px; }
input.zeit                      { width:30pt; }
input.ziffern2                  { width:15pt; }
input.ziffern3                  { width:22pt; }
input.ziffern4                  { width:40pt; }
input:disabled          { background-color:#DDD; }
input[readonly]         { background-color:#DDD !important; }

label                   { cursor:pointer; white-space:nowrap; }

legend                  { font-weight:bold;}

li                      { margin:4px;}

optgroup                { background-color:lightgray !important; font-style:italic !important; font-weight:bold !important; }

option.loeschen         { background-color:#CD202C; }
option:hover            { background-color:#CCFFCC; }

p.feldueberschrift      { margin-bottom:2px; }

select                  { background-color:white; padding-left:3px; }
select.buttonliste      { background-color:#6D757C; border-color:white; color:white; height:25px; }
select.buttonliste:hover{ background-color:#505050; }
select:disabled         { background-color:#DDD; }
select[readonly]        { background-color:#DDD !important; }

span.mailto             { background-color:#003B79; border:0; border-radius:11px; color:white; cursor:pointer; font-weight:bold; padding:2pt 4pt 2pt 4pt; white-space:nowrap; }
table                   { border-spacing:1px; table-layout:auto;}
table.details tr        { alignment:left}
table.details tr td     { padding:1px 1px 1px 4px; }
table.details tr td:first-of-type { text-align:right; font-weight:bold; padding-right:5pt; }
table.details tr td.linksbuendig:first-of-type  { text-align:left; }
table.details tr td div { margin-bottom:2px; } /* margin-top wuerde mit td.ausgeklappt span img kollodieren */
table.hi tbody tr, .hi .tr      { cursor:pointer; }
table.hi tbody tr:hover,table.hi tbody tr:hover td,.hi .tr:hover    { background-color:#CCFFCC !important;}
.hi .hg-blau .td        { background-color:#8acaec !important; } /* aktuelle Zeile hellblau hinterlegen */
table.Tabelle           { background-color:#909090;} /* fuer Gitterlinien */

table.Tabelle td        { padding:4px; }
td.ausgeklappt          { cursor:pointer; margin-top:10px; }
td.ausgeklappt::before  { content:"\25B2\00a0"; }
td.eingeklappt          { cursor:pointer; margin-top:10px; }
td.eingeklappt::before  { content:"\25BC\00a0"; }

textarea                { padding-left:3px; }

th,.th                  { background-color:#CCCCCC; font-weight:bold; padding:4px; }
th.sortierbar,div.sortierbar    { color:blue; background-color:#DDD; cursor:pointer; }
.sortierbar:hover       { background-color:#CCC; }

tr.aktuell, table.hiprio tbody tr:hover td, table.hiprio tbody tr.aktuell td { background-color:#CCFFCC;} /* aktuell selektierte Zeile */
tr.eingeklappt          { display:none; }
tr.markiert,.hi .markiert   { background-color:#C6D9F1}
tr.markiert:hover       { background-color:#CCFF44}

ul                      { padding:2px; padding-left:15px; margin:2px;}

ul.aufgelockert li               { margin-bottom:8px !important; }

ul.auswahlbuttons                { display:inline; float:left; margin:0px; padding:0px; }
ul.auswahlbuttons li             { background-color:#6D757C; border:1px solid white; border-radius:4px; color:white; cursor:pointer; 
                                   font-weight:normal; list-style:none; margin:1px 5px 0px 0px; padding:5px; }
ul.auswahlbuttons li::after      { content:"\00A0\25BE"; } /* &nbsp; BLACK DOWN-POINTING SMALL TRIANGLE */
ul.auswahlbuttons li:hover       { background-color:#505050; }
ul.auswahlbuttons li ul          { background:#f1f4fa; border:1px solid black; display:none;  margin:4px 0px 0px -5px; overflow: hidden; padding:0px; position:absolute;
                                   transform: scaleY(0); transform-origin: top; transition: transform 0.26s ease; z-index:2; }
ul.auswahlbuttons li ul.istsichtbar { display:block; transform: scaleY(1); }
ul.auswahlbuttons li ul li          { background-color:white; border:0px; border-radius:0px; color:black; cursor:default;
                                      float:none; margin:0px; padding:4px 7px 4px 7px; white-space:nowrap; }
ul.auswahlbuttons li ul li.rot      { color:#DD002C;}
ul.auswahlbuttons li ul li.optgroup { background-color:lightgrey; font-style:italic; font-weight:bold; }
ul.auswahlbuttons li ul li.optgroup:hover { background-color:lightgrey; }
ul.auswahlbuttons li ul li::after   { content:""; } /* uebergeordnete Einstellung zuruecknehmen */
ul.auswahlbuttons li ul li:hover    { background-color:#CCFFCC; }

ul.auswahlliste                     { display:inline; float:left; font-family:Arial, helvetica, sans-serif; font-size:13px; margin: 0px 10px 10px 0px; padding:0px; }
ul.auswahlliste li                  { background-color:white; border:1px solid #A9D0F5; border-radius:4px; color:black; cursor:default; 
                                      font-weight:normal; list-style:none; margin:2px 5px 2px 0px; padding-left:6px; padding-right:3px; }
ul.auswahlliste li::after           { content:"\00A0\25BC"; } /* &nbsp; BLACK DOWN-POINTING SMALL TRIANGLE */
ul.auswahlliste li:hover            { background-color:lightgray; }
ul.auswahlliste li.pflicht          { background-color:#aaffff; }
ul.auswahlliste li.pflicht:hover    { background-color:#aaffff; }
ul.auswahlliste li ul               { border:1px solid black; margin:0px 0px 0px -4px; padding:0px; position:absolute; 
                                      transform: scaleY(0); transform-origin: top; transition: transform 0.26s ease; z-index:2; }
ul.auswahlliste li ul.istsichtbar   { transform: scaleY(1); }
ul.auswahlliste li ul li            { border:0px; border-radius:0px; cursor:default; float:none; font-weight:normal; margin:0px; padding:2px 4px 2px 4px; white-space:nowrap; }
ul.auswahlliste li ul li::after     { content:""; } /* uebergeordnete Einstellung zuruecknehmen */
ul.auswahlliste li ul li:hover      { background-color:#CCFFCC; }
ul.auswahlliste li ul li.zwischenueberschrift   { background-color:#555555; color:white; font-weight:bold; }
ul.auswahlliste li ul li.ausgewaehlt            { background-color:#8acaec; }

ul.auswahllisteCheckboxen               { display:inline; float:left; margin:0px; padding:0px; }
ul.auswahllisteCheckboxen li            { background-color:#6D757C; border:1px solid white; border-radius:4px; color:white; cursor:pointer;
                                          font-weight:normal; list-style:none; margin-bottom:5px; margin-right:5px; padding:4px; }
ul.auswahllisteCheckboxen li::after     { content:"\00A0\25BE"; } /* &nbsp; BLACK DOWN-POINTING SMALL TRIANGLE */
ul.auswahllisteCheckboxen li:hover      { background-color:#505050; }
ul.auswahllisteCheckboxen li ul         { background:#f1f4fa; border:1px solid black; margin:4px 0px 0px -4px; padding:0px; position:absolute; z-index:2; }
                                          /*transform: scaleY(0); transform-origin: top; transition: transform 0.26s ease; }*/
ul.auswahllisteCheckboxen li ul.istsichtbar { } /*transform: scaleY(1); }*/
ul.auswahllisteCheckboxen li ul li          { background-color:white; border:0px; color:black; cursor:default; float:none; margin:0px;
                                              padding:2px 7px 2px 7px; white-space:nowrap; }
ul.auswahllisteCheckboxen li ul li::after   { content:""; } /* uebergeordnete Einstellung zuruecknehmen */
ul.auswahllisteCheckboxen li ul li:hover    { background-color:#CCFFCC; }

ul.buttonliste          { background-color:#E1E4Ea; left:80px; list-style-type:none; opacity:0; padding:6px; position:absolute; transition: opacity 0.4s linear; z-index:2;}

ul.menue                { display:inline; font-size:12px; font-weight:normal; list-style:none; margin:0px; padding:0px; position:absolute; }
ul.menue li             { float:left; margin:0px; margin-top:2px; padding:0px; position:relative; white-space:nowrap; }
ul.menue li a           { background:#E5E5E5; color:black; display: block; padding:.6em .8em .6em .8em; text-decoration:none; }
ul.menue li a.abmelden  { color:#DD002C;}
ul.menue li a.aktiv     { background:#ef6908; color:white; }
ul.menue li a.lindgruen { background-color:#A8E77A; }
ul.menue li a.rot       { color:#DD002C; }
ul.menue li a.vormerk_hintergrund { background:#F4B5D0; }
ul.menue li a:focus,
ul.menue li a:hover, 
ul.menue li ul li a:hover{ background:white; color:black}
ul.menue li ul          { background:#f1f4fa; left:0px; list-style:none; margin:0px; padding:2px; position:absolute; z-index:2;
                          transform: scaleY(0); transform-origin: top; transition: transform 0.26s ease; }
ul.menue li:hover ul    { transform: scaleY(1); }
ul.menue li ul li       { float:none; margin:0px; padding:0px; position:relative;}
ul.menue li ul li a     { background:#E5E5E5; border:1px solid #006FB4; border-bottom-width:0px; border-top-width:0px; color:black; padding:.4em .4em; text-decoration:none; }
ul.menue li ul li a.zwischenueberschrift { background-color:#777777 !important; color:white !important; font-weight:bold !important; }
ul.menue li ul li:first-of-type a { border-top-width:1px}
ul.menue li ul li:last-of-type a { border-bottom-width:1px}
ul.menue li ul li ul    { display:none; left:98%; margin:0px; position:absolute; top:0px; list-style:none; }
ul.menue li ul li:hover ul   { display:block;}
ul.menue li ul li ul li      { float:none; margin:0px; padding:0px;}
ul.menue li ul li ul li ul { display: none !important; }
ul.menue li ul li ul li:hover ul   { display:block !important;}