/**
* CSS für alle Seiten
*
* @site     lz-koeln.de
* @author   Klaus Trapp
* @version  may'24
*/
* {
   margin: 0;
   padding: 0;
}
ul, ol {
   margin-left: .9em;
}
/**
* @section  Schriften
*/
body {
   font-family: Verdana, Geneva, Helvetica, sans-serif;
}
h1 {
   font-family: Georgia, 'Times New Roman', Times, serif;
}
h2, h3, p.ort, p.datum, span.termin, span.werk, span.zitat, span.mail {
   font-family: "Trebuchet MS", Helvetica, sans-serif;
}
nav, p.absage, form p, input.buttons, label  {
   font-family: Verdana, Geneva, Helvetica, sans-serif;
}
address, .mono, input[type="text"], textarea, select, option {
   font-family: 'Courier New', Courier, monospace;
}
/**
* @section   Rahmen
*/
menu li, hr.heading1, footer, form  {
   border-style: outset;
   border-width: medium;
   border-radius: .3em;
   border-color: rgb(237, 237, 237); /* gray93 */
}
nav.select, nav.months a, p.programm_link a, div.monate_select a {
   border-style: solid;
   border-width: thin;
   border-radius: .3em;
   border-color: rgb(0, 0, 139); /* darkblue */
}
/**
* @section   Links
*/
a {
   cursor: pointer;
   text-decoration: none;
}
a:link {
   color: rgb(0, 0, 139);  /* darkblue */
}
a:visited  {
   color: rgb(0, 0, 128);  /* navy */
}
a:hover {
   text-decoration: underline;
}
a:active {
   color: rgb(0, 100, 0);  /* darkgreen */
}
a.fakebutton {
   padding: 0 .3em;
   background-color: rgb(237, 237, 237); /* gray93 */
   cursor: pointer;
   text-decoration: none;
   border-style: solid;
   border-width: thin;
   border-radius: .3em;
}
/**
* @section   Body
*/
body {
   margin: 1em 2%;
   font-size:   .95em;   /* 1em = 100% = 16px, 13px = 81.25%, 10px = 62.5% */
   line-height: 1.6em;
   background-color: rgb(245, 245, 220); /* beige */
}
/**
* @section   Menü
*/
header {
   float: left;
   width: 16%;
   margin: 0 1.5%;
   padding: 0;
}
#logo {
   margin-top: 0;
   width: 100%;
}
menu {
   clear: left;
}
menu li {
   list-style: none;
   margin: .9em 0;
   padding: .6em .5em;
   font-size: .9em;
   font-style: normal;
   font-weight: normal;
   line-height: 1em;
   text-align: center;
   background-color: rgb(255, 248, 220); /* cornsilk */
}
menu li a {
   background-color: transparent;
   border: none;
}
#activepage {
   font-style: italic;
   background-color: rgb(255, 255, 204); /* rgb(244, 245, 189); */
}
/* Inhalt */
#main {
   display: block;
   width: 79%;
   margin-left: 20%;
}
#main ul {
   padding-left: .5em;
}
#main a {
   font-style: italic;
}
/**
* @section   Überschriften
*/
h1, h2, h3 {
   font-style: normal;
   font-weight: bold;
   background: transparent;
   /*color: rgb(0, 0, 0); /* black */
   page-break-after: avoid;
}
h1 {
   padding-top: .2em;
   padding-bottom: .2em;
   font-size: 1.1em;
}
h2 {
   margin-top: .5em;
   margin-bottom: .2em;
   font-size: 1.05em;
}
h3 {
   margin-top: .5em;
   font-size: 1.05em;
}
hr.heading1 {
   margin: .4em 0;
   height: 1em;
}
hr.clear, hr.versteckt {   /* versteckte Hilfsline wg. clear! */
   clear: left;
   visibility: hidden;
}
#prolog p, #epilog p, p.prolog, p.epilog {
   margin: 1em 0;
   font-style: italic;
}
/**
* @section   Navigation in Fußleiste
*/
section.artikel {
   margin-top: 2em;
}
p {
   margin-top: .3em;
}
footer {
   clear: left;
   display: block;
   margin: 1em 0 0 0;
   padding: 0;
   text-align: left;
   font-size: .9em;
   line-height: .9em;
}
footer ul {
   padding: .6em .4em .6em 0;
}
footer ul li {
   display: inline;
   padding-right: 1.8em;
}
footer ul li a {
   font-weight: normal;
   color: black;
   text-decoration: none;
}
/**
* @section   spezielle Absätze
*/
address, p.mono {
   font-size: 1.2em;
   font-style: normal;
   font-weight: normal;
   line-height: 1.3em;
}
address {
   margin-top: 1.2em;
}
p.mono {
   font-size: 1em;
   line-height: 1.1em;
}
p.title, p.titel {
   font-size: 1.1em;
}
p.absage {
   margin-top: .4em;
   font-size: 1.1em;
   font-weight: bold;
   font-stretch: expanded;
   color: rgb(139, 0, 0);  /* darkred */
}
.klein {
   font-size: .8em;
}
.required {
   font-size: .9em;
   font-style: italic;
   color: rgb(0, 100, 0);  /* darkgreen */
}
p.required {
   margin-top: .2em;
}
p.ort { /* nur für Tipptexte */
   font-style: italic;
   font-weight: bold;
}
p.ics {
   margin-top: .8em !important;
   font-size: .8em;
   font-style: italic !important;
}
p.upload_hint {
   font-weight: bold;
}
p.neg_margin {
   margin-top: -15px;
}
/**
* @section   Inline-Elemente
*/
span.func {
   font-weight: bold;
   font-style: italic;
   color: #9400D3; /* dimgray */
}
span.name {
   font-style: italic;
}
span.termin {
   font-weight: bold;
   font-style: italic;
   /* color:  rgb(102, 102, 102); /* gray40 */
}
span.ort {
   font-weight: normal;
   color: rgb(51, 51, 51); /* gray20 */
}
span.ort a {
   text-decoration: underline;
}

span.werk {
   font-weight: bold;
   font-style: italic;
}
span.thema {
   font-weight: normal;
   font-style: italic;
}
span.rolle {
   font-weight: normal;
   font-style: italic;
}
span.zitat {
   font-style: italic;
}
span.thema::before, span.werk::before, span.zitat:before {
   content: "\00BB";  /* 201E  open-quote; falsche Anzeige im Firefox!*/
}
span.thema::after, span.werk::after, span.zitat:after {
   content: "\00AB"; /* 201C close-quote;*/
}
span.mail {
   font-weight: bold;
   font-style: italic;
   color: rgb(0, 100, 0);  /* darkgreen */
}
span.sum {
   font-weight: bold;
}
p.anmelden a {
   /*font-weight: bold;*/
   font-style: italic;
}
span.anmelden {
   font-weight: bold;
}
span.hidden {
   display: none;
}
/**
* @section   Auswahlleisten Events
*/
nav.select, nav.month {
   font-weight: normal;
   line-height: 1.4em;
}
nav.years {
   margin: 1em 0;
   padding: .3em .2em;
}
nav.years a {
   margin: 0 1em;
}
nav.alpha {
   margin-top: .5em;
   padding: .2em;
}
nav.alpha a {
   margin: .2em .8em;
}
nav.months {
   margin: .2em 0;
   font-size: .8em;
}
nav.months a {
   padding: .1em .5em;
}
/**
* @section   spezielle Seiten
*/
div.media {
   margin: 1.5em 0;
}
div.media p {
   margin: .3em 0 .2em 0;
}
#links h2 {
   margin-top: 2.5em;
   margin-bottom: 0
}
#links p {
   padding-top: .25em;
}
div.links img {
   float: left;
   padding: 1em 1em .5em 0;
}
div.rechts img {
   float: right;
   padding: 1em 0 .5em 1em;
}
#epilog {
   margin-top: 1.5em;
}
#epilog_links {
   margin-top: 3em;
}
p.mail_faq {
   margin-top: 1em;
   font-size: .9em;
   font-style: italic;
}
p.pwd_reset a {
   font-size: .85em;
   color: #000080;
   text-decoration: underline;
}
ul.files li.jahreswechsel {
   margin-top: .5em;
}
/**
* @section   Formulare
*/
form {
   margin-top: 1em;
   padding: 1em 1em .5em 1em;
   background-color: rgb(255, 248, 220);  /* cornsilk */
   border-style: solid;
}
input, textarea {
   font-style: normal;
   font-weight: normal;
}
/* input.[type="submit"] identisch mit .buttons, reset wird nicht benutzt! */
input.buttons {
   margin-top: 1.5em;
   margin-right: 1.5em;
   margin-bottom: .5em;
   padding: .3em .4em;
   font-size: .85em;
   text-align: center;
   background-color: rgb(237, 237, 237);  /* gray93 */
}
input[type="checkbox"], label {
   margin-top: 1.5em;
}
input[type="text"] {
   margin-bottom: 1em;
}
select {
   margin-bottom: .8em;
}
.success {
   color: rgb(0, 100, 0); /* darkgreen */
}
.error {
   color: rgb(255, 0, 0);  /* red */
}
.heavy {
   font-style: italic;
   font-weight: bold;
}
table.login td {
   border: solid .3em transparent;
}
/**
* @section  Namensliste (archiv, rueckblick)
*/
li.namensliste.initial {
   margin-top: .7em;
}
li.namensliste a {
   padding-left: .2em;
   background-color: rgb(255, 255, 204);
}
li.namensliste a.veranstaltung {
   color: rgb(0, 100, 0); /* DarkGreen */
}
p.namesliste.zwischentitel {
   margin-top: .5em;
   margin-bottom: .2em;
}
/**
* @section   Hervorhebungen nach Auswahl per Klick (Alphabet, Name) - Zuweisung per Javascript
*/
.mark_text, .mark_text td, li.mark_text a {
   background-color: rgb(192, 192, 192); /* silver - od. F5F5F5 whitesmoke */
}
/**
* @section  Button gototop (id)
**/
#gototop {
   position: fixed;
   display: block;
   bottom:  .5em;
   right:   5%;
   padding: 2px 5px;
   font-size: 1.5em;
   color: darkred;
   box-sizing: border-box;
   border: none;
   border-radius: 15px;
   outline: none;
   z-index: 99;
   cursor: pointer;
   transition-duration: 0.4s;
   visibility: hidden;
}
#gototop:hover {
   color: darkgreen;
}
#gototop.visible {
   visibility: visible;
   opacity: .7;
}
/**
* @section   Drucken
*/
@media print {
   body {
      margin: 0;
      padding: 0;
      font-size: .8em;
   }
   #main {
      width: 100%;
      margin: 0 3%;
   }
   nav, footer, span.snow, .noprint {
      display: none;
   }
}