/*
 * SQLite - Nachrichten - style.css
 */


body {
 /*font-family: Verdana, Arial, Tahoma, Sans-Serif;*/
 font-family: 'Rubik', sans-serif;
 font-size: 1rem;
 background-color: #F5F5F5;
 font-style: normal;
 color: #767676;
 line-height: 1.5;
 background-color: #F5F5F5;
 margin: 25px 10px 25px 35px;
 cursor: Default;
}

/* Link */
a:link, a:visited {
 color: #4169E1;
 text-decoration: None;
}

a:hover {
 color: #4169E1;
 text-decoration: Underline;
}

h3 {
 font-weight: Normal;
}

hr {
 border: 0px;
 border-top: Solid 1px #C0C0C0;
 margin: 25px;
}

/* Navigation */
nav {
}

/* Nachricht */
dt.zeit {
 font-size: 0.80rem;
 letter-spacing: 1px;
}

dd.titel {
 font-size: 1.3rem;
 letter-spacing: 1px;
 margin-left:0;
}

dd.inhalt {
  width: 95%;
  margin-left:0;
}

/* Bild */
img.bild {
  display: Block;
  max-width: 90%;
  height: Auto;
  object-fit: Fill;
}

.schatten {
  border: 1px solid #999999;
  border-radius: 5px;
  -moz-box-shadow: 2px 2px 3px #999999;
  -webkit-box-shadow: 2px 2px 3px #999999;
  box-shadow: 2px 2px 3px #999999;
}  

/* Statusmeldung */
p.status_ok {
 color:#009D27;
}

p.status_ko {
 color:#EA0000;
}

/* Formularfelder */
input, textarea {
 font-family: Verdana, Arial, Tahoma, Sans-Serif;
 font-size: 1rem;
  max-width: 95%;
}

textarea {
 max-width: 95%;
}

input[type="checkbox"]:checked + label,
input[type="radio"]:checked + label {
 color: #4169E1;
}

input[type="radio"]#delete:checked + label {
 color: #EA0000;
}

input[type="number"] {
 width: 60px;
 padding-left: 5px;
}

/* Formularfelder - Pflichteingabe */
input:required:invalid,
textarea:required:invalid {
 outline: Solid 1px #00CC33;
}

/* Navigation: Vor und Zurück */
.seite {
 padding: 10px;
}

.seite:hover {
 text-decoration: None;
 outline: Solid 1px #4169E1;
}

.seite_:hover {
 outline: none;
}

/* Aktive Nachricht */
.aktiveNachricht {
 background-color: #E8E8E8;
 padding: 5px;
}

/* Nachricht anzeigen */
span.anzeigen {
 font-size: 1.150rem;
 color: #009B00;
 font-weight: Bold;
 cursor: Help;
}

span.nichtanzeigen {
 font-size: 1.150rem;
 color: #EE0000;
 font-weight: Bold;
 cursor: Help;
}