wird horizontal zentriert, */
width: 100%; /* - nimmt bei kleinen Displays volle Breite ein, */
max-width: 580px; /* - wird bei sehr breiten Fenstern aber höchstens 580px breit. */
min-width: 350px;
background: #ffffff;
}
/* SCHRIFTFORMATIERUNGEN (ARTICLE) */
article p {
margin: 0px 5px 6px 5px; /* Absätze haben links/rechts 5px Luft, was dem Tabellenrahmen entspricht. */
font-family: calibri,helvetica,arial,sans-serif;
font-size: 1em;
color: #222222; /* Schrift nicht ganz schwarz (sonst zu hoher Kontrast) ... vgl. Tabelle */
}
article h1 { /* Haupt-Überschrift */
margin: 24px 5px 12px 5px; /* top 24px, links/rechts 5px (wie alles), unten 12px */
padding: 3px 0px 3px 3px; /* für einen kleinen Innenabstand zum farbigen Umfeld */
line-height: 1.5;
font-family: calibri,helvetica,arial,sans-serif;
font-size: 1.2em;
font-weight: bold;
color: #b40000;
background-color: #ffc335;
border-left: 4px solid;
border-color: #c10000;
}
article h2 { /* Unter-Überschrift */
margin: 15px 5px 6px 5px; /* top 15px, links/rechts 5px (wie alles), unten 6px */
font-family: calibri,helvetica,arial,sans-serif;
font-size: 1.1em;
font-weight: bold;
color: #b80000;
}
article a { /* Layout für Links STANDARD */
font-family: calibri,helvetica,arial,sans-serif;
font-size: 0.95em;
font-weight: bold;
color: #b80000;
text-decoration: underline dotted #b80000;
-webkit-text-decoration: underline dotted #b80000;
-ms-text-decoration: underline dotted #b80000;
}
article a:visited {color: #b80000;}
article a:hover {color: #fa0000;}
article a:active {color: #eea700;}
article a.gelb { /* Layout für Links GELB */
font-family: calibri,helvetica,arial,sans-serif;
font-size: 1.25em;
font-weight: bold;
color: #eba400;
text-decoration: underline dotted #eb7f00;
-webkit-text-decoration: underline dotted #eb7f00;
-ms-text-decoration: underline dotted #eb7f00;
}
article a.gelb:visited {color: #dd7800;}
article a.gelb:hover {color: #fa0000;}
article a.gelb:active {color: #dd7800;}
/* TABELLEN ALLGEMEIN */
table {
width: 100%; /* Tabelle geht zunächst grundsätzlich über die ganze Breite von article. */
table-layout: fixed; /* Tabellenbreite hängt NUR von der definerten table-width (und ggf. den Spaltenbreiten) ab. */
border-collapse: collapse; /* Aufeinanderstoßende Ränder fallen zu seinem zusammen. */
}
td { /* Grundsätzliches Layout für Tabellenzellen */
padding: 3px;
border-style: solid;
border-width: 5px; /* Diese 5px haben Tabellen auch außenrum, weshalb z.B. auch 5px margin haben. */
border-color: #ffffff;
vertical-align: middle;
font-family: calibri,helvetica,arial,sans-serif;
font-size: 0.9em; /* Schrift ist bei Tabellen aus Platzgründen etwas kleiner. */
color: #000000; /* Da der Hintergrund grau ist, wird die Schrift bei Tabellen dann ganz schwarz. */
background-color: #dadada;
}
/* GRAFIKEN ALLGEMEIN */
img {
border: none; /* Grafiken grundsätzlich ohne Rand */
}
/* SPEZIELLES */
ul {
list-style-type: square;
padding-left: 18px;
margin: 9px 5px 9px 5px;
font-family: calibri,helvetica,arial,sans-serif;
font-size: 0.95em;
color: #222222;
}
li {
margin-bottom: 9px;
}
/* input[type="radio"] { */
/* visibility: hidden; Sorgt dafür, dass Radiobuttons gar nicht angezeigt werden. */
/* } */
label {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
border-radius: 7px;
padding: 1px 3px 1px 3px;
}
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: #444444;
cursor: pointer;
border: 4px solid #cccccc;
background-color: #eeeeee;
font-family: calibri,helvetica,arial,sans-serif;
font-size: 0.95em;
padding: .3em;
line-height: 130%;
}
input:checked + label {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #ffc335;
color: #aa0000;
box-shadow: none;
}
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: text;
border: 1px solid #111111;
background-color: #eeeeee;
font-family: calibri,helvetica,arial,sans-serif;
font-size: 0.95em;
padding: .3em;
line-height: 130%;
resize: none;
overflow: hidden;
}
.rotfett { /* rote, fette Schrift als */
font-family: calibri,helvetica,arial,sans-serif;
font-weight: bold;
color: #b40000;
}
.nurmini { /* in Relation zur Umgebung kleinere Schrift als */
font-family: calibri,helvetica,arial,sans-serif;
font-size: 0.9em;
}