html, body{
	background-color: #EEEEEE;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	}

h1{

}

#main{
	width: 100%;
}

#content{
	max-width: 1000px;
	margin: 10px auto 10px auto;
	padding: 15px;
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	border-radius: 5px;
}

#contentuhr{
	margin: 10px;
	padding: 15px;
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	border-radius: 5px;
}

.floatleft{
	float: left;
}

.clear{
	clear: both;
}

.clearleft{
	clear: left;
}

.foto{
	padding-left: 20px;
	width: 500px;
	max-width: calc(100% - 20px);
}

/* Textformatierung */

h1{
	font-size: 30px;
	padding: 2px;
	margin: 0;
}
h2{
	font-size: 26px;
	padding: 2px;
	margin: 0;
}
h3{
	font-size: 22px;
	padding: 2px;
	margin: 0;
}
h4{
	font-size: 18px;
	padding: 2px;
	margin: 0;
}
h5{
	font-size: 16px;
	text-transform: uppercase;
	padding: 2px;
	margin: 0;
}
h6{
	font-size: 14px;
	text-transform: uppercase;
	padding: 2px;
	margin: 0;
}
p{
	padding-left: 10px;
	margin: 5px;
	line-height: 1.3;
}
a{
	text-decoration: none;
	color: #332244;
	font-weight: bold;
}
a:hover{
	color: #8811DD;
}
h1 .titelueberschrift{
	padding: 0px 2px 0px 2px;	
}

.linksbuendig{
	text-align: left;
}
.mittig{
	text-align: center;
}
.rechtsbuendig{
	text-align: right;
}
.fettschrift{
	font-weight: bold;
}
.etwaskleiner{
	font-size: 0.85em;
}
.kleiner{
	font-size: 0.7em;
}

/* Bilder ohne Rand und Zeichnungen ohne Abstand */

img{
	border: none;
}
svg, rect{
	margin: 0;
	padding: 0;
}

/* Meldungen einblenden */
		
.Fehlermeldung{
	display: block;
	background-color: #CC6666;
	padding: 5px 20px;
	border-radius: 3px;
}
.Warnmeldung{
	display: block;
	background-color: #CCCC66;
	padding: 5px 20px;
	border-radius: 3px;
}
.Erfolgsmeldung{
	display: block;
	background-color: #66CC66;
	padding: 5px 20px;
	border-radius: 3px;
}

/* -------------------------------------------------- */
/* für Tabellen */

table{
	border-spacing: 0px;
}

.AllgemeinesFeld{
	background-color: #DDCCAA;
	padding: 0.2em;
	border-style: solid;
	border-width: 1px;
	border-color: #FFFFFF;
}

/* -------------------------------------------------- */
/* für Weltzeituhr */

/* Uhren auf der Startseite */

.StartBoxen{
	border: 0.5px solid;
	border-radius: 5px;
	float: left;
	margin: 3px;
}

.StartName{
	font-weight: bold;
	background-color: #CCCCCC;
	border-radius: 5px 5px 0px 0px;
	padding: 3px;
}

.StartZeit{
	font-size: 180%;
	font-weight: bold;
	padding: 3px;
}

.StartDatum{
	font-weight: bold;
	border-radius: 0px 0px 5px 5px;
	padding: 3px;
}

/* Länderauswahl */

.AuswahlBuchstabenpaket{
	float: left;
	width: 300px;
}

.AuswahlLand{
	width: 20px;
	height: 20px;
	margin: 0.2em;
	padding: 0.2em;
	background-color: #444444;
	text-decoration: none;
	font-size: 120%;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
}

.Laendernamelink{
	color: #000000;
	text-decoration: none;
	font-size: 110%;
}

/* Uhren auf den Länderseiten */

.UhrenLaendertabelle{
	border: 0.5px solid;
	border-radius: 5px;
	margin: 3px;
	max-width: 500px;
}

.LaenderName{
	font-weight: bold;
	background-color: #CCCCCC;
	border-radius: 5px 5px 0px 0px;
	padding: 3px;
}

.LaenderZeit{
	font-size: 250%;
	font-weight: bold;
	padding: 3px;
}

.LaenderDST{
	font-weight: bold;
	padding-left: 3px;
}

.LaenderDatum{
	font-size: 150%;
	font-weight: bold;
	border-radius: 0px 0px 5px 5px;
	padding: 3px;
}

.LaenderGuetigkeit{
	font-size: 80%;
}

/* Uhren auf den Einzelseiten */

.UhrEinzelTabelle{
	border: 0.5px solid;
	border-radius: 5px;
	margin: 3px;
	max-width: 300px;
}

.UhrEinzelName{
	font-size: 150%;
	font-weight: bold;
	padding: 5px;
}

.UhrEinzelZeit{
	font-size: 420%;
	font-weight: bold;
	background-color: #CCCCCC;
	text-align: center;
	padding: 5px;
}

.UhrEinzelDST{
	font-size: 125%;
	font-weight: bold;
	background-color: #BBBBBB;
	padding: 5px;
	text-align: right;
}

.UhrEinzelDatum{
	font-size: 170%;
	font-weight: bold;
	padding: 5px;
}

.UhrEinzelGueltigkeit{
	font-size: 90%;
	padding: 5px;
}

/* für die Umstellungstabellen bei den Einzeluhren (und die Zeitzonenliste) */

#Zeitzonenliste{
	overflow-x:auto;
}
.Zeitzonenlistentabelle{
	border-spacing: 2px;
}
.Zeitzonenzeile1{
background-color: #CCCCDD;
}
.Zeitzonenzeile1 td{
padding: 3px;
}
.Zeitzonenzeile2{
background-color: #DDDDEE;
}
.Zeitzonenzeile2 td{
padding: 3px;
}
.keinZeilenumbruch{
white-space: nowrap;
}

.UmsTabDiv{
	overflow-x:auto;
}

.UmsTab{
	
}

.UmsTabJahr{
	font-weight: bold;
	font-size: 120%;
	border-top: 0.5px solid;
	padding: 5px;
	vertical-align: top;
}

.UmsTabDatum{
	vertical-align: top;
	padding: 5px;
	border-top: 0.5px solid;
}

.UmsTabVonZeit{
	vertical-align: top;
	padding: 5px;
	border-top: 0.5px solid;	
}

.UmsTabZeitspan{
	font-weight: bold;
}

.UmsTabUmstellung{
	padding: 5px;
	text-align: center;
	border-top: 0.5px solid;
	font-style: italic;
}

.UmsTabUmstellungLinks{
	padding: 5px;
	text-align: center;
	border-top: 0.5px solid;
	font-style: italic;
}

.UmsTabUmstellungRechts{
	padding: 5px;
	border-top: 0.5px solid;
}

.UmsTabDST{
	vertical-align: top;
	padding: 5px;
	font-style: italic;
	border-top: 0.5px solid;
}

.UmsTabZonen{
	padding: 5px;
	font-size: 80%;
}

.UmsTabZonenspan{
	font-weight: bold;
}

/* für die Karte */

/* die Uhr oben */


.KarteUhrBox{
	border: 0.5px solid;
	border-radius: 5px;
	margin: 3px;
}
.KarteUhrTeilbox{
	border-radius: 5px;
	display: flex;
}
.KarteUhrZeit{
	font-size: min(8vw, 280%);
	font-weight: bold;
	border-radius: 5px 0px 0px 0px;
	padding: 3px;
	background-color: #EEEEEE;
	text-align: center;
	width: 50%;
}
.KarteUhrDatum{
	font-size: min(5.5vw, 130%);
	font-weight: bold;
	border-radius: 0px 5px 0px 0px;
	padding: 3px;
	background-color: #DDDDDD;
	text-align: center;
	width: 50%;
}
.KarteUhrBeschreibung{
}
.KarteUhrName{
	font-weight: bold;
	background-color: #CCCCCC;
	padding: 3px;
}


@media (min-width: 600px) {
	.KarteUhrTeilbox{
		width: 200px;
		display: inline;
		float: left;
	}
	.KarteUhrZeit{
		border-radius: 5px 5px 0px 0px;
		text-align: right;
		width: 194px;
	}
	.KarteUhrDatum{
		border-radius: 0px 0px 5px 5px;
		text-align: right;
		width: 194px;
	}
	.KarteUhrBeschreibung{
	}
	.KarteUhrName{
		border-radius: 5px 5px 0px 0px;
	}
}

.zeitzonenueberschrift{
	width: 100%;
	margin-top: 0px;
}
.zeitzoneganz {
	width: 4.1667%;
	text-align: center;
	font-size: 0.8vw;
	font-weight: bold;
}
.zeitzonehalb {
	width: 2.0833%;
	text-align: center;
	font-size: 0.8vw;
	font-weight: bold;
}

.zeitzonefarbe1{
	background-color: hsl(0,100%,50%);
	color: #FFFFFF;
}
.zeitzonefarbe2{
	background-color: hsl(80,100%,50%);
	color: #000000;
}
.zeitzonefarbe3{
	background-color: hsl(160,100%,50%);
	color: #000000;
}
.zeitzonefarbe4{
	background-color: hsl(240,100%,50%);
	color: #FFFFFF;
}

#UTCm12, #UTCm8, #UTCm4, #UTC, #UTCp4, #UTCp8, #UTCp12  {
	fill: hsl(0,100%,80%);
}
#UTCm11, #UTCm7, #UTCm3, #UTCp1, #UTCp5, #UTCp9, #UTCp13  {
	fill: hsl(80,100%,80%);
}
#UTCm10, #UTCm6, #UTCm2, #UTCp2, #UTCp6, #UTCp10, #UTCp14  {
	fill: hsl(160,100%,80%);
}
#UTCm9, #UTCm5, #UTCm1, #UTCp3, #UTCp7, #UTCp11 {
	fill: hsl(240,100%,80%);
}

.TimeZoneClass0 {fill: hsl(0,100%,55%);}.DSTTimeZoneClass0 {fill: hsl(0,100%,45%);}.TimeZonePointClass0 {fill: hsl(0,100%,55%); stroke: hsl(0,100%,20%); stroke-width: 1px;}.DSTTimeZonePointClass0 {fill: hsl(0,100%,45%); stroke: hsl(0,100%,20%); stroke-width: 1px;}.TimeZonePointClass0:hover {fill: hsl(0,100%,30%);}.DSTTimeZonePointClass0:hover {fill: hsl(0,100%,20%);}.TimeZoneClass0:hover {fill: hsl(0,100%,30%);}.DSTTimeZoneClass0:hover {fill: hsl(0,100%,20%);}
.TimeZoneClass1 {fill: hsl(20,100%,55%);}.DSTTimeZoneClass1 {fill: hsl(20,100%,45%);}.TimeZonePointClass1 {fill: hsl(20,100%,55%); stroke: hsl(20,100%,20%); stroke-width: 1px;}.DSTTimeZonePointClass1 {fill: hsl(20,100%,45%); stroke: hsl(20,100%,20%); stroke-width: 1px;}.TimeZonePointClass1:hover {fill: hsl(20,100%,30%);}.DSTTimeZonePointClass1:hover {fill: hsl(20,100%,20%);}.TimeZoneClass1:hover {fill: hsl(20,100%,30%);}.DSTTimeZoneClass1:hover {fill: hsl(20,100%,20%);}
.TimeZoneClass2 {fill: hsl(40,100%,55%);}.DSTTimeZoneClass2 {fill: hsl(40,100%,45%);}.TimeZonePointClass2 {fill: hsl(40,100%,55%); stroke: hsl(40,100%,20%); stroke-width: 1px;}.DSTTimeZonePointClass2 {fill: hsl(40,100%,45%); stroke: hsl(40,100%,20%); stroke-width: 1px;}.TimeZonePointClass2:hover {fill: hsl(40,100%,30%);}.DSTTimeZonePointClass2:hover {fill: hsl(40,100%,20%);}.TimeZoneClass2:hover {fill: hsl(40,100%,30%);}.DSTTimeZoneClass2:hover {fill: hsl(40,100%,20%);}
.TimeZoneClass3 {fill: hsl(60,100%,55%);}.DSTTimeZoneClass3 {fill: hsl(60,100%,45%);}.TimeZonePointClass3 {fill: hsl(60,100%,55%); stroke: hsl(60,100%,20%); stroke-width: 1px;}.DSTTimeZonePointClass3 {fill: hsl(60,100%,45%); stroke: hsl(60,100%,20%); stroke-width: 1px;}.TimeZonePointClass3:hover {fill: hsl(60,100%,30%);}.DSTTimeZonePointClass3:hover {fill: hsl(60,100%,20%);}.TimeZoneClass3:hover {fill: hsl(60,100%,30%);}.DSTTimeZoneClass3:hover {fill: hsl(60,100%,20%);}
.TimeZoneClass4 {fill: hsl(80,100%,55%);}.DSTTimeZoneClass4 {fill: hsl(80,100%,45%);}.TimeZonePointClass4 {fill: hsl(80,100%,55%); stroke: hsl(80,100%,20%); stroke-width: 1px;}.DSTTimeZonePointClass4 {fill: hsl(80,100%,45%); stroke: hsl(80,100%,20%); stroke-width: 1px;}.TimeZonePointClass4:hover {fill: hsl(80,100%,30%);}.DSTTimeZonePointClass4:hover {fill: hsl(80,100%,20%);}.TimeZoneClass4:hover {fill: hsl(80,100%,30%);}.DSTTimeZoneClass4:hover {fill: hsl(80,100%,20%);}
.TimeZoneClass5 {fill: hsl(100,100%,55%);}.DSTTimeZoneClass5 {fill: hsl(100,100%,45%);}.TimeZonePointClass5 {fill: hsl(100,100%,55%); stroke: hsl(100,100%,20%); stroke-width: 1px;}.DSTTimeZonePointClass5 {fill: hsl(100,100%,45%); stroke: hsl(100,100%,20%); stroke-width: 1px;}.TimeZonePointClass5:hover {fill: hsl(100,100%,30%);}.DSTTimeZonePointClass5:hover {fill: hsl(100,100%,20%);}.TimeZoneClass5:hover {fill: hsl(100,100%,30%);}.DSTTimeZoneClass5:hover {fill: hsl(100,100%,20%);}
.TimeZoneClass6 {fill: hsl(120,100%,55%);}.DSTTimeZoneClass6 {fill: hsl(120,100%,45%);}.TimeZonePointClass6 {fill: hsl(120,100%,55%); stroke: hsl(120,100%,20%); stroke-width: 1px;}.DSTTimeZonePointClass6 {fill: hsl(120,100%,45%); stroke: hsl(120,100%,20%); stroke-width: 1px;}.TimeZonePointClass6:hover {fill: hsl(120,100%,30%);}.DSTTimeZonePointClass6:hover {fill: hsl(120,100%,20%);}.TimeZoneClass6:hover {fill: hsl(120,100%,30%);}.DSTTimeZoneClass6:hover {fill: hsl(120,100%,20%);}
.TimeZoneClass7 {fill: hsl(140,100%,55%);}.DSTTimeZoneClass7 {fill: hsl(140,100%,45%);}.TimeZonePointClass7 {fill: hsl(140,100%,55%); stroke: hsl(140,100%,20%); stroke-width: 1px;}.DSTTimeZonePointClass7 {fill: hsl(140,100%,45%); stroke: hsl(140,100%,20%); stroke-width: 1px;}.TimeZonePointClass7:hover {fill: hsl(140,100%,30%);}.DSTTimeZonePointClass7:hover {fill: hsl(140,100%,20%);}.TimeZoneClass7:hover {fill: hsl(140,100%,30%);}.DSTTimeZoneClass7:hover {fill: hsl(140,100%,20%);}
.TimeZoneClass8 {fill: hsl(160,100%,55%);}.DSTTimeZoneClass8 {fill: hsl(160,100%,45%);}.TimeZonePointClass8 {fill: hsl(160,100%,55%); stroke: hsl(160,100%,20%); stroke-width: 1px;}.DSTTimeZonePointClass8 {fill: hsl(160,100%,45%); stroke: hsl(160,100%,20%); stroke-width: 1px;}.TimeZonePointClass8:hover {fill: hsl(160,100%,30%);}.DSTTimeZonePointClass8:hover {fill: hsl(160,100%,20%);}.TimeZoneClass8:hover {fill: hsl(160,100%,30%);}.DSTTimeZoneClass8:hover {fill: hsl(160,100%,20%);}
.TimeZoneClass9 {fill: hsl(180,100%,55%);}.DSTTimeZoneClass9 {fill: hsl(180,100%,45%);}.TimeZonePointClass9 {fill: hsl(180,100%,55%); stroke: hsl(180,100%,20%); stroke-width: 1px;}.DSTTimeZonePointClass9 {fill: hsl(180,100%,45%); stroke: hsl(180,100%,20%); stroke-width: 1px;}.TimeZonePointClass9:hover {fill: hsl(180,100%,30%);}.DSTTimeZonePointClass9:hover {fill: hsl(180,100%,20%);}.TimeZoneClass9:hover {fill: hsl(180,100%,30%);}.DSTTimeZoneClass9:hover {fill: hsl(180,100%,20%);}
.TimeZoneClass10 {fill: hsl(200,100%,55%);}.DSTTimeZoneClass10 {fill: hsl(200,100%,45%);}.TimeZonePointClass10 {fill: hsl(200,100%,55%); stroke: hsl(200,100%,20%); stroke-width: 1px;}.DSTTimeZonePointClass10 {fill: hsl(200,100%,45%); stroke: hsl(200,100%,20%); stroke-width: 1px;}.TimeZonePointClass10:hover {fill: hsl(200,100%,30%);}.DSTTimeZonePointClass10:hover {fill: hsl(200,100%,20%);}.TimeZoneClass10:hover {fill: hsl(200,100%,30%);}.DSTTimeZoneClass10:hover {fill: hsl(200,100%,20%);}
.TimeZoneClass11 {fill: hsl(220,100%,55%);}.DSTTimeZoneClass11 {fill: hsl(220,100%,45%);}.TimeZonePointClass11 {fill: hsl(220,100%,55%); stroke: hsl(220,100%,20%); stroke-width: 1px;}.DSTTimeZonePointClass11 {fill: hsl(220,100%,45%); stroke: hsl(220,100%,20%); stroke-width: 1px;}.TimeZonePointClass11:hover {fill: hsl(220,100%,30%);}.DSTTimeZonePointClass11:hover {fill: hsl(220,100%,20%);}.TimeZoneClass11:hover {fill: hsl(220,100%,30%);}.DSTTimeZoneClass11:hover {fill: hsl(220,100%,20%);}
.TimeZoneClass12 {fill: hsl(240,100%,55%);}.DSTTimeZoneClass12 {fill: hsl(240,100%,45%);}.TimeZonePointClass12 {fill: hsl(240,100%,55%); stroke: hsl(240,100%,20%); stroke-width: 1px;}.DSTTimeZonePointClass12 {fill: hsl(240,100%,45%); stroke: hsl(240,100%,20%); stroke-width: 1px;}.TimeZonePointClass12:hover {fill: hsl(240,100%,30%);}.DSTTimeZonePointClass12:hover {fill: hsl(240,100%,20%);}.TimeZoneClass12:hover {fill: hsl(240,100%,30%);}.DSTTimeZoneClass12:hover {fill: hsl(240,100%,20%);}
.TimeZoneClass13 {fill: hsl(270,100%,55%);}.DSTTimeZoneClass13 {fill: hsl(270,100%,45%);}.TimeZonePointClass13 {fill: hsl(270,100%,55%); stroke: hsl(270,100%,20%); stroke-width: 1px;}.DSTTimeZonePointClass13 {fill: hsl(270,100%,45%); stroke: hsl(270,100%,20%); stroke-width: 1px;}.TimeZonePointClass13:hover {fill: hsl(270,100%,30%);}.DSTTimeZonePointClass13:hover {fill: hsl(270,100%,20%);}.TimeZoneClass13:hover {fill: hsl(270,100%,30%);}.DSTTimeZoneClass13:hover {fill: hsl(270,100%,20%);}
.TimeZoneClass14 {fill: hsl(300,100%,55%);}.DSTTimeZoneClass14 {fill: hsl(300,100%,45%);}.TimeZonePointClass14 {fill: hsl(300,100%,55%); stroke: hsl(300,100%,20%); stroke-width: 1px;}.DSTTimeZonePointClass14 {fill: hsl(300,100%,45%); stroke: hsl(300,100%,20%); stroke-width: 1px;}.TimeZonePointClass14:hover {fill: hsl(300,100%,30%);}.DSTTimeZonePointClass14:hover {fill: hsl(300,100%,20%);}.TimeZoneClass14:hover {fill: hsl(300,100%,30%);}.DSTTimeZoneClass14:hover {fill: hsl(300,100%,20%);}
.TimeZoneClass15 {fill: hsl(330,100%,55%);}.DSTTimeZoneClass15 {fill: hsl(330,100%,45%);}.TimeZonePointClass15 {fill: hsl(330,100%,55%); stroke: hsl(330,100%,20%); stroke-width: 1px;}.DSTTimeZonePointClass15 {fill: hsl(330,100%,45%); stroke: hsl(330,100%,20%); stroke-width: 1px;}.TimeZonePointClass15:hover {fill: hsl(330,100%,30%);}.DSTTimeZonePointClass15:hover {fill: hsl(330,100%,20%);}.TimeZoneClass15:hover {fill: hsl(330,100%,30%);}.DSTTimeZoneClass15:hover {fill: hsl(330,100%,20%);}

/* Südpol in weiß */

#AQX1 {
	fill: #FFFFFF;
}

/* Für die Silvestercountdowns */

#CountdownAktuell{
	overflow-x: auto;
}
#UhrenVergangenheit{
	overflow-x: auto;
}

.Silvestertabelle{
	border-spacing: 2px;
}
.SilvesterNamen{
	font-weight: bold;
	background-color: #BBBBBB;
	padding: 5px;
	font-size: 24px;
}
.SilvesterUhr{
	font-weight: bold;
	background-color: #DDDDDD;
	padding: 5px;
	font-size: 32px;
}

.CountdownFertig{
	color: #777777;
}
.CountdownZukunft{
	color: #000000;
}
.CountdownAktuell{
	color: #EEBB33;
}

.SilvesterDatumZeit{
	background-color: #EEEEEE;
	padding: 5px;
	font-size: 20px;
}

/* -------------------------------------------------- */
/* für das oberste Menü */

.topmenuezeile{
	display: flex;
	background-color: #110033;
	margin: 0px;
	padding-top: 25px;
	padding-bottom: 15px;
	justify-content: center;
	gap: 40px;
}
.topmenuezeilenteil{
	display: flex;
	gap: inherit;
	
}
.topmenuezeilenteilliste{
	display: flex;
	gap: inherit;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.topmenuezeilenteilliste li a{
	line-height: 1.5;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

/* -------------------------------------------------- */
/* für den Kategorieheader */

.header{
	background-color: #CCEEFF;
	padding: 20px;
	display: flex;
	align-items: center;
}

.titelschrift{
	color: #6600BB;
	margin: 0 0 0 20px;
	padding: 0;
	font-size: 40px;
	line-height: 1;
	font-weight: bold;
}
.titelschriftunter{
	color: #6600BB;
	margin: 0 0 0 20px;
	padding: 0;
	font-size: 20px;
	line-height: 1;
	font-weight: bold;
}

.kategoriemenuezeile{
	background-color: #CCEEFF;
	display: flex;
	margin: 0px;
	padding: 20px;
	justify-content: right;
	gap: 20px;
}
.kategoriemenuezeilenteil{
	display: flex;
	gap: inherit;
}
.kategoriemenuezeilenteilliste{
	display: flex;
	gap: inherit;
	margin: 0;
	padding: 0;
	list-style-type: none;
	flex-wrap: wrap;
}
.kategoriemenuezeilenteilliste li a{
	text-decoration: none;
	font-weight: bold;
	color: #6600BB;
}

/* für Untermenüs */

.kategoriemenuezeilenteilliste li ul{
	display: none;
	list-style-type: none;
	padding: 0;
}

.kategoriemenuezeilenteilliste li:hover ul{
	display: flex;
	flex-direction: column;
	position: absolute;
	background-color: rgb(255, 255, 255, 0.5);
}

.kategoriemenuezeilenteilliste li ul li{
	padding: 10px 5px 10px 10px;
}

/* für das WK209-Titelbild */

.titelbildWK209{
	height: 80px;
}

/* -------------------------------------------------- */
/* für das unterste Menü */

.footermenuezeile{
	display: flex;
	margin: 0px;
	padding: 15px;
	justify-content: center;
	gap: 30px;
	align-items: center;
}
.footermenuezeile p{
	margin: 0;
}
.footermenuezeilenteil{
	display: flex;
	gap: inherit;
}
.footermenuezeilenteilliste{
	display: flex;
	gap: inherit;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.footermenuezeilenteilliste li a{
	line-height: 1.5;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}


/* -------------------------------------------------- */
/* für Wahlberichterstattung */

.wahlbalken{
	width: 100%;
	height: 30px;
	vertical-align: top;
}
.CDUBalken{
	fill: #444444;
}
.SPDBalken{
	fill: #FF3333;
}
.GRUBalken{
	fill: #33FF33;
}
.LINBalken{
	fill: #FF33FF;
}
.FDPBalken{
	fill: #FFFF33;
}
.AFDBalken{
	fill: #22AAFF;
}
	
.CDU1{
	background-color: #CCCCCC;
}
.CDU2{
	background-color: #AAAAAA;
}

.SPD1{
	background-color: #FFBBBB;
}
.SPD2{
	background-color: #FF9999;
}

.GRU1{
	background-color: #BBFFBB;
}
.GRU2{
	background-color: #99FF99;
}

.LIN1{
	background-color: #FFBBFF;
}
.LIN2{
	background-color: #FF99FF;
}

.FDP1{
	background-color: #FFFFBB;
}
.FDP2{
	background-color: #FFFF99;
}

.AFD1{
	background-color: #AAEEFF;
}
.AFD2{
	background-color: #88DDFF;
}

.Gemeindenfeld{
	background-color: #DDCCAA;
	padding: 0.2em;
	border-style: solid;
	border-width: 1px;
	border-color: #FFFFFF;
}

.WahlTabelleFeld{
	background-color: #DDDDDD;
	padding: 0.2em;
	border-style: solid;
	border-width: 1px;
	border-color: #FFFFFF;
}
.WahlTabelleFeldL{
	border-width: 1px 0px 1px 1px;
}
.WahlTabelleFeldR{
	border-width: 1px 1px 1px 0px;
}


.AllgemeinesFeldfarblos{
	padding: 0.2em;
	border-style: solid;
	border-width: 1px;
	border-color: #FFFFFF;
}

.parteimitte{
	padding: 0.2em;
	border-style: solid;
	border-width: 1px;
	border-color: #FFFFFF;
	text-align: center;
	width: 100px;
}
.zahllinks{
	padding: 0.2em;
	border-style: solid;
	border-width: 1px;
	border-color: #FFFFFF;
	text-align: right;
}
.zahlrechts{
	padding: 0.2em;
	border-style: solid;
	border-width: 1px;
	border-color: #FFFFFF;
	text-align: left;
}

.Wahlformular{
	width: 200px;
}
.Jahresfeld{
	width: 60px;
}

#Geometrie_Wahlkreise_20DBT a path{
	stroke-width: 0.3;
	stroke: #000000;
	fill: #FFFFFF;
}
#Geometrie_Wahlkreise_20DBT a path:hover{
	fill: #CCDDCC;
}
#wkr_20241130Gesetz_gen a g path{
	stroke-width: 0.3;
	stroke: #000000;
	fill: #FFFFFF;
}
#wkr_20241130Gesetz_gen a g path:hover{
	fill: #CCDDCC;
}
.MarkierterKreis{
	fill: #FFAAEE !important;
}
.MarkierterKreis:hover{
	fill: #DD88CC !important;
}
.MarkierterKreis path{
	fill: #FFAAEE !important;
}
.MarkierterKreis path:hover{
	fill: #DD88CC !important;
}

@media (max-width: 700px) {
	.Ortstabelle{
		width: 100%;
	}
	.wahlkarte{
		width: 100%;
	}
}
@media (min-width: 701px) {
	.Ortstabelle{
		width: 55%;
	}
	.wahlkarte{
		width: 40%;
	}
}