@charset "utf-8";
/*
V2 29.01.2024 foto-max:img und inschrift width dynamisch per min() 
			  foto-max:img margin-bottom:0.5ch     
V3 30.01.2024 #dkm_stadtwappen eingefügt für evtl., optionale Anzeige des Stadtwappens			  
              sortlink modifiziert; dkm-alphabet word-spacing; col-wappen breiter;
V4 17.02.2024 .dkm-foto-min und .dkm-foto-min img eingefügt, damit Treppenfunktion bei älteren, 225px hohen Querformat-Bildern verhindert werden kann
V5 27.02.2024 test für andere background-color für die Header der Namenstabellen
V6 04.03.2024 Achims Farben: Neues Blau für HeaderZeile und Links sowie Header der Namenstabllen. Neue Farbe für Überschriften der Info-Seiten (anstelle teal)
V7 07.03.2024 Neue Klassen für Farbe von h1 Überschriften auf Übersichtsseiten und h2 Überschriften auf Index-Seiten. Die drei Klassen aus theme-black werden hierher 
              übernommen und in dkm-theme-xyz umbenannt
V8 14.03.2024 Manche grau Schrift wird nur schwarz angezeigt. Dort wo FixPages=77 grey to dkm-grey migriert hat. Es gibt wohl in den 
              alten Beiträgen gray und grey. dkm-grey hinzugefügt
V9 23.03.2024 Neu: dkm-hide-large. Benötigt für Übersicht Deportation 1940
V10 29.04.2024 Neu: dkm-margin-b0 und dkm-margin-t0
			   Neu: line-height:27px für: @media (max-width:360px){.dkm-large{font-size:15px}. TopBar wird durch kleineren
			   Font schmäler als 43px wodurch Spalt zur Navigationsleiste entstand. Durch line-height wird TopBar wieder 43px hoch.
V11 24.05.2024 ul li speziell für die fds Suchergebnisse eingeführt (Zeilenabstand)			   

*/

/* Formatierung Link Buttons auf Seiten - AF: 5.6.2021 */
/* font-size und -weight geändert auf 85/500 - AF: 3.12.2023 */

#navlink {width: 100px; float: left; list-style: none; margin: 0;}
#navlink li a {margin: 2px 5px; display: block; text-decoration: none; padding: 5px; letter-spacing: 0.03em; font-size: 85%; font-weight: 500; color: #434343; background-color: #cbcbcb; text-align:center;}
#navlink li.note a {margin: 2px 5px; display: block; text-decoration: none; padding: 5px; letter-spacing: 0.03em; font-size: 85%; font-weight: 500; color: #434343; background-color: #9ba1ac; text-align:center;}
#navlink li.red a {margin: 2px 5px; display: block; text-decoration: none; padding: 5px; letter-spacing: 0.03em; font-size: 85%; font-weight: 500; color: #434343; background-color: #FF0000; text-align:center;}
#navlink ul {display: block; list-style: none; margin: 0; padding: 0 0 10px 0;}

/* Formatierung Link Buttons auf Index Seiten zu anderen Sortierungen - AF 27.04.2022 */
/* li.note Link-Button mit dunklem Hintergrund für Unterscheidung auf den automatisch erzeugten Seiten der ehemaligen Ostgebiete*/
#sortlink {width: 100%; float: left; list-style: none; margin: 0;line-height:1.2}
#sortlink li a {margin: 5px 0px; display: block; text-decoration: none; padding: 5px; letter-spacing: 0.03em; font-size: 90%; font-weight: 400; color: #434343; background-color: #cbcbcb; text-align:center;}
#sortlink li.note a {margin: 0px 0px; display: block; text-decoration: none; padding: 5px; letter-spacing: 0.03em; font-size: 90%; font-weight: 400; color: #434343; background-color: #9ba1ac; text-align:center;}
#sortlink li.red a {margin: 0px 0px; display: block; text-decoration: none; padding: 5px; letter-spacing: 0.03em; font-size: 90%; font-weight: 400; color: #434343; background-color: #FF0000; text-align:center;}
#sortlink ul {display: block; list-style: none; margin: 0; padding: 0 0 10px 0;}


/*Inline Formatierungen für Index Seiten, ab Vorlage V7 hier zentral - AF 27.04.2022 */

#alphabet td {font-size:16px; font-weight:700; padding-left:0px; padding-right:10px;}
#alphabetlight td {font-size:16px; padding-left:0px; padding-right:10px;}
.linkliste {font-size:13px; font-weight:400;}
.landkreis {font-size:16px; font-weight:700;}

.fotomax img {border:1px solid black; height: auto; width: auto; max-width: 300px; max-height: 300px;}
.foto img {border:1px solid black;}               
               
/*abgeleitet aus w3.css - AF Dezember 2023 */
a.dkm-trad{background-color:transparent}a.dkm-trad:link{color:#2454de}a.dkm-trad:visited{color:brown}a.dkm-trad:active,a.dkm-trad:hover{outline-width:0}
a.dkm-link{background-color:transparent}a.dkm-link:link{color:#2454de}a.dkm-link:visited{color:brown}a.dkm-link:active,a.dkm-link:hover{outline-width:0}

/*Links zu anderen Teilbeiträgen */
/*Alphabet auf Index Seiten      */
.dkm-link-teile {font-size:18px; font-weight:500; padding:0px; letter-spacing:0.1em; word-spacing:0.5em}
.dkm-alphabet {font-size:16px; letter-spacing:0em; word-spacing:0.5em}
.dkm-alphabet a:link, .dkm-link-teile a:link{color:#2454de} 
.dkm-alphabet a:visited, .dkm-link-teile a:visited{color:brown} 
.dkm-alphabet a:active, .dkm-link-teile a:active, .dkm-link-teile a:hover{outline-width:0}



.dkm-sidebar{height:100%;width:150px;background-color:#fff;position:fixed!important;z-index:3;overflow:auto;top:43px}


/*Tabelle mit Namen */
.dkm-bordered tr,.dkm-table-all tr{border:1px solid #ddd}
.dkm-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.dkm-table td,.dkm-table-all td{padding:2px 8px;display:table-cell;text-align:left;vertical-align:top;border:1px solid #ddd;font-size:13px;line-height:1.5}
.dkm-table th,.dkm-table-all th {padding:8px 8px;display:table-cell;text-align:left;vertical-align:top;border:1px solid #ddd;font-size:15px;line-height:1.5;width:100px;background-color:#f2a100;}

.dkm-table-all{border-collapse:collapse;border-spacing:0;table-layout:fixed;display:table}
.dkm-table-all{border:1px solid #ccc;margin-left:auto;margin-right:auto}

.dkm-inschrift {border:1px solid #000;text-align:center;width:min(100%,375px);margin-left: auto;margin-right: auto;}
.dkm-box-padding {padding:16px 8px}

@media (min-width:993px){.dkm-sidebar.w3-collapse{display:block!important}.dkm-table-all td{font-size:15px;padding:8px 8px}}
@media (max-width:992px){.dkm-sidebar.w3-collapse{display:none}}
@media (max-width:360px){.dkm-large{font-size:15px;line-height:27px}.dkm-inschrift{width:300px}}
@media (min-width:361px){.dkm-large{font-size:18px}}
@media (min-width:600px) {.dkm-hide-large{display:none!important}}

.dkm-ul{list-style-type:none;padding:0;margin:0}
.dkm-ul li{padding:0px}
.dkm-ul li:last-child{border-bottom:none}

.dkm-ul-trad{list-style-type:none;padding:0;margin:0}
.dkm-ul-trad li{padding:0px}
.dkm-ul-trad a{background-color:transparent} 
.dkm-ul-trad a:link{color:#2454de} 
.dkm-ul-trad a:visited{color:brown} 
.dkm-ul-trad a:active, .dkm-ul-trad a:hover{outline-width:0}

.dkm-ul-fds{list-style-type:none;padding-left:0;margin:0}
.dkm-ul-fds li{padding:3px}
.dkm-ul-fds a{background-color:transparent} 
.dkm-ul-fds a:link{color:#2454de} 
.dkm-ul-fds a:visited{color:brown} 
.dkm-ul-fds a:active, .dkm-ul-fds a:hover{outline-width:0}

/*EK in der obersten Zeile aller Seiten */
.dkm-image-ek {padding:2px 16px;float:left;height: auto; width: auto; max-width: 100%; max-height: 43px}
/*EK in der Inschrift */
.dkm-ek{padding:8px;height: auto; width: auto; max-width: 100%; max-height: 46px}
/*Länder Wappen z.B. auf den Index Seiten */
.dkm-image-wappen {width:90px;height:auto;border:0px solid black}

.dkm-flag-fixed-height{height:50px;width:auto}a{color:inherit}
.dkm-flag-max {height: auto; width: auto; max-width: 100%; max-height: 50px}

.dkm-bold{font-weight:700}
.dkm-col-wappen{float:left;width:122px}
.dkm-foto-news{border:0px solid black;height: auto; width: auto;max-width: 200px}
.dkm-foto-max{overflow: hidden}
.dkm-foto-max img{border:1px solid black;margin-bottom:0.5ch;width: auto;max-height: 300px; max-width:min(100%, 600px);height:auto}
.dkm-foto-min{overflow: hidden}
.dkm-foto-min img{border:1px solid black;margin-bottom:0.5ch;width: auto;max-height: 225px; max-width:min(100%, 450px);height:auto}
.dkm-persfoto-max img{border:0px solid black;height: auto;max-width: 100px;}
td.dkm-persfoto-max{padding:2px 2px}

#dkm_stadtwappen{display:none}

.dkm-anker-versatz {visibility: hidden;height: 0px !important;position: absolute;margin: -50px}
.dkm-stichwort-gross{font-size:18px; font-weight:700}

.dkm-col-right{float:left;margin-right:auto}
.dkm-margin-r-t-b {margin-right:15px;margin-top:10px;margin-bottom:10px}
.dkm-margin-t {margin-top:10px}
.dkm-margin-t0 {margin-top:0px}
.dkm-margin-b0 {margin-bottom:0px}

.box {margin: 0 auto; display: block; background-color: #cbcbcb; padding: 0px; text-align:center;}
.w50 {width: 50px;}
.w100 {width: 100px;}
.w200 {width: 200px;}
.bgcblue {background-color: #002147;}


/*die klassischen Farben */
.dkm-fuchsia{color:#ff00ff}
.dkm-green{color:#008000}
.dkm-gray{color:#808080}
.dkm-grey{color:#808080}
.dkm-black{color:#000000}
.dkm-white{color:#ffffff}
.dkm-red{color:#ff0000}
.dkm-gold{color:#ffd700}
.dkm-cyan{color:#00ffff}
/*weitere Farben */
.dkm-blue{color:#2454de}
.blue{color:#2454de}
.dkm-box-blue{color:#4a72e2}
.dkm-h1-uebersicht{color:#de8400}  
.dkm-h2-index{color:#000000}

/*aus w3-theme-black.css übernommen */
.dkm-theme {color:#fff !important; background-color:#4a72e2 !important}
.dkm-theme-l5 {color:#000 !important; background-color:#f0f0f0 !important}





html,body,h1,h2,h3,h4,h5,h6 {font-family: "Roboto", sans-serif;}