html, body         {height: 100%;}
html, body, form   {margin: 0em; padding: 0em;}
/* html               {background-color: DarkBlue; background-image: url('/templates/oeffentlich/images/page.png'), linear-gradient(black, darkblue); margin: 0em; padding: 0.5em; width: 99vw; height: 100hw; border: 1px solid white;} */
/* html               {background-color: DarkBlue; background-image: url('/templates/oeffentlich/images/page.png'), linear-gradient(black, darkblue); border: 0px solid black;} */
html               {background-color: DarkBlue; background-image: url('/samichlaus-spreitenbach/templates/oeffentlich/images/page.png'), linear-gradient(black, darkblue); border: 0px solid black;}
body               {text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: transparent; background-color: transparent; border: 0px solid yellow;}
#Seite             {position: relative; min-height: 100%; margin:0 auto; padding-bottom: 0em; border: 0px solid yellow;}
#Inhalt            {height: 95vh; overflow: auto; margin: 0; padding: 0 1em 0 1em;}
#field_id_Anmeldedatum {width:6em;}
.Form_SNG          {margin: 0em; padding: 0em;}
.Fusszeile         {position: fixed; bottom: 0; width: 100%; height: 5vh; border-top: 2px solid white; display: flex; align-items: center; justify-content: center;}
.custom            {width: 100%;}
select, button, .input-append, .input-prepend, input[type="text"], input[type="time"] {margin-top:2px; margin-bottom: 2px;}
input[type="password"] {margin-top: 2px; margin-bottom: 2px;}
input[type="radio"] {margin: 0px;}
input[type="checkbox"]:checked {border-color: white; border-radius: unset;}
legend             {float: none; width: auto; padding: 0em 0em 0em 0em; font-size: 16px; color: yellow;}
fieldset           {border: 2px solid; border-color: yellow; padding: 0em .5em .5em .5em; margin-bottom: 1em;}
.login-description, .logout-description {font-family: 'Times New Roman', Georgia, Times, Serif; font-weight: bold; font-style: italic; color: #FB6E28; font-size: 2em;}
h1                 {margin: 0; padding: 0; font-family: 'Times New Roman', Georgia, Times, Serif; font-style: italic; color: #FB6E28; font-size: 2.5em; text-align: center;}
h2                 {margin: 0; padding-top: 0.5em; font-family: 'Times New Roman', Georgia, Times, Serif; font-style: italic; color: #FB6E28; font-size: 1.5em; font-weight: bold; text-align: center;}
h3                 {margin: 0.5em 0 0.3em 0; padding: 0; font-family: 'Arial', Georgia, Times, Serif; color: #FB6E28; font-size: 1.3em; text-align: left;}
hr                 {border-top: 2px solid white; opacity: 1;}
table              {width: 100%; outline: thin none yellow; border-width: thin; border-style: none; border-color: red;}
td, th, label      {border: thin solid  white; font-family:"Arial"; font-size:small; padding:1px; padding-left:5px; padding-right:5px; color: white;}
th                 {color: yellow;}
tfoot              {text-align: center;}
.Flex              {display: flex; justify-content: flex-start;}
.Flex-Spalten      {display: flex; flex-direction: column;}
.Rand-tfoot        {padding-bottom: 1em;}
.kein-border       {border-style: none;}
.h-v-zentriert     {display: flex; align-items: center; justify-content: center; width: 100%;}
.flex-zentriert    {justify-content: center;}
.flex-rechts       {justify-content: flex-end;}
.links             {text-align: left;}
.zentriert         {text-align: center;}
.rechts            {text-align: right;}
.fett              {font-weight:bold;}
.fc_weiss          {color: white;}
.fc_schwarz        {color: black;}
.fc_gelb           {color: yellow;}
.fc_blau           {color: blue;}
.bc_weiss          {background-color: white;}
.bc_hellergrau     {background-color: gainsboro;}
.bc_silber         {background-color: silver;}
.bc_rot            {background-color: red;}
.bc_orange-rot     {background-color: OrangeRed;}
.bc_orange         {background-color: Orange;}
.bc_grau           {background-color: gray;}
.boc_weiss         {border-color: white;}
.kleiner           {font-size: x-small;}
.gross             {font-size: large;}
.grösser           {font-size: x-large;}
.h-0              {height: 0px;}
.w-a               {width: auto;}
.w-10              {width: 10%;}
.w-20              {width: 20%;}
.w-30              {width: 30%;}
.w-40              {width: 40%;}
.w-50              {width: 50%;}
.w-60              {width: 60%;}
.w-70              {width: 70%;}
.w-80              {width: 80%;}
.w-90              {width: 90%;}
.w-95              {width: 95%;}
.w-100             {width: 100%;}
.unsichtbar        {display: none;}
.Admin-Feiern-Format-ein-Klaus {padding-top: 0; padding-bottom: 0; min-height : 0;}
p, li              {color: white; margin: 0em; padding: 0em;}
.p_articleBody     {margin:0; padding:0;}
p.dummy            {height:0px; margin:0; padding:0;}
img                {border-style: solid; border-color: white; border-width: 1px;}
.login-greeting    {text-align: left; font-weight:bold; color: blue;}
label              {margin: 0px; padding: 10px; border: 0px; display: inline;}

.Anmeldeformular {background-color: rgba(220, 220, 220, 0.4);}
/*
.Anmeldeformular .form-floating:focus-within {z-index: 2;}
.Anmeldeformular input#Benutzername {margin-bottom: -1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.Anmeldeformular input#Passwort {margin-bottom: 10px; border-top-left-radius: 0; border-top-right-radius: 0;}
*/

joomla-alert[type="warning"], joomla-alert[type="danger"] {border-radius: 0.5rem;}

/*
a, li             {transition: all; transition-duration: 0.3s; transition-timing-function: ease-in;}
a                 {text-decoration: none; border-bottom: 0px; color: red; transition: all 0.5s ease-in;}
*/
a                  {text-decoration: none; border-bottom: 0px; color: red;}
a:active, a:hover, a:focus {}
/* div.Titel          {margin: 2em 0 0 0;} */
/* div.Titel-Detail   {padding: 1em 0 1em 0; margin: 1em 0 1em 0; border-top: 2px solid red; border-bottom: 2px solid red;} */
div.login-description {font-size: 2em; color: #FB6E28;}
code               {font-family:'Arial';}
.clear             {clear:both;}
.slider_top        {border: 2px solid white;}
.titel             {margin: 0; padding-top: 0; padding-bottom: 0; font-family: 'Times New Roman', Georgia, Times, Serif; font-weight: bold; font-style: italic; text-align: center; vertical-align: middle; text-shadow: 0px 0px 30px rgb(255, 255, 255);}
.titel_1           {margin: 0; font-size: 3em; color: #FB6E28;}
.titel_2           {margin: 0; font-size: 2em; color: #FB6E28;}
.titel_3           {margin: 0 0 0 0;}
#Titel_Auswahlbox  {text-align: center;}
#Button_Auswahlbox {text-align: center; padding: 0.5em;}
.Tabelle           {border: 0px solid  white; border-collapse: collapse; margin-bottom: 10px;}
.hover             {}
.hover:hover       {background-color:RoyalBlue; cursor:pointer;}
.Cursor_verboten   {cursor: not-allowed;}
.Cursor_Hand              {cursor: pointer;}

/* START Overlays boostrap.css */
.form-control[readonly] {background-color: silver;}
/* ENDE  Overlays boostrap.css */

/* .Mitgliederverwaltung-Container {height:500px; display: flex; border:0px solid red; padding: 1em;} */
/* .Mitgliederverwaltung-Container {height:600px; display: flex; border:0px solid red; padding: 1em; display: grid; grid-template-columns: max-content max-content;} */
.Container-Mitglieder {height: 70vh; display: flex; border: 0px solid red; padding: 0em; display: grid; grid-template-columns: max-content max-content;}
.Container {height: 67vh; display: flex; border: 0px solid red; padding: 0em; display: grid; grid-template-columns: max-content max-content;}
.Tabellen-Item-links       {width: auto; border: 2px solid yellow; margin: 1em 0 0 0; padding: 0em; overflow:auto;} 
.Tabellen-Item-rechts      {width: auto; border-style: none; margin: 1em; padding: 1em; overflow:auto;} 
.Spalte-Name               {width: 10em;}
.Spalte-Vorname            {width: 10em;}
.Spalte-Strasse            {width: 15em;}
.Spalte-PLZ                {width: 3em;}
.Spalte-Mitgliedschaft     {width: 10em;}
.Spalte-Familie            {width: 15em;}
.Spalte-PDF                {width: 3em;}
.Spalte-Strasse            {width: 15em;}
.Spalte-Ort                {width: 10em;}
.Spalte-Klaus              {width: 9em;}
.Spalte-Klaus-ein-Klaus    {width: 11em;}
.Spalte-Dienerin           {width: 1em;}
.Spalte-Schmutzli          {width: 1em;}
.Spalte-DatumZeit-ein-Klaus {width: 13.5em;}
.Spalte-DatumZeit          {width: 8.5em;}
.Spalte-Besuchsnummer      {width: 1em;}
.Spalte-Institution        {width: 19em;}
.Spalte-Besuchauswahl      {width: 8em;}
.Spalte-Anzahl_Kinder      {width: 5em;}
.Spalte-Wunschdatum        {width: 3em;}
.Spalte-Zeit               {width: 5em;}

.Kalender-Tag           {}
.Kalender-FeldTag       {color:black; background-color:yellow;}
.Kalender-FeldTag:hover {background-color:red; cursor:pointer;}
.Kalender-Tagh          {}
.Kalender-Tagh:hover    {color:black; background-color:red; cursor:pointer;}

.nav           {height: 2.5em; border: 0px solid white; padding-top: 0; padding-right: 0; padding-bottom: 1em; padding-left: 0; margin: 0 0 1em 0;}
.nav:after     {clear: left; content: "";}
/*
.nav a         {background-color: royalblue; border: 1px solid blue; border-radius: 10px 10px 0 0; box-shadow: 0px 5px 10px white inset; color: gold; display: block;
                font-family: 'Times New Roman', Georgia, Times, Serif; font-size: 1.2em; font-weight: bold; font-style: italic;
                margin: 0.6em 0 0 0; padding: 0.4em; text-decoration: none; width: 12em; transition: all 0.5s ease-in;}
*/
/* Breite Menupunkt hier anpasswn (war width: 10em) */
.nav a         {background-color: royalblue; border: 1px solid blue; border-radius: 10px 10px 0 0; box-shadow: 0px 5px 10px white inset; color: gold; display: block;
                font-family: 'Times New Roman', Georgia, Times, Serif; font-size: 1.2em; font-weight: bold; font-style: italic;
                margin: 0.6em 0 0em 0; padding: 0.4em 0.4em 0.4em 0.4em; text-decoration: none; width: 10em;}
.nav li        {float: left; list-style: none; margin: 0; padding: 0; position: relative; text-align: center;}
.nav a:focus, .active a, .nav a:hover   {color: royalblue; background-color: gold; margin-top: 0; padding: 1em 0.4em 0.4em;}
.nav a:hover   {transition: all 0.5s ease-in;}

/* Slideshow */
#camera_wrap_87 {width: 100vw; padding: 1em 0 0 0.5em;}
/* weisser Rahmen um Slideshow */
.camera_fakehover {border: solid white 2px; width: 90%;}

#float_rechts {float: right; margin: 2em 0 2em 2em;}
#float_links  {float: left;  margin: 2em 2em 2em 0;}

header        {border: 0px solid white}

#main{padding:10px;}

#left{float:left; width:300px; padding:10px; border:1px solid #ddd;}

#content{float:left; padding:10px 20px; width:695px;}

footer{padding:10px 10px 0;}