/* (c) 2002-2222 www.pewo-design.de für die FDP Mainz-Laubenheim  */

/* === FARBWERTE FDP in sRGB ==================================================
	Navy:	#032d67	neu (Dunkelblau) 
	Cyan:	#00a7e7	neu (Hellblau) 
	Gelb:	#ffe000	neu

 	Mgnt:	#e5007d gibts nicht mehr

	Grau:	#f0f0f0 (Presse Hintegrund)
*/

body		{ border:0px; margin:0px; background-color:#ffffff; }


/* === BILDER img  ========================================================== */

img			{ border:0px; margin:0px; }

img.pdf	{ width:17px; height:14px; display:inline-block; background-size:cover; 
				background-image:url("grafik/pdf.png"); }

img.logo	{ display:inline-block; vertical-align:top; }


/* === BASIS FORMATOERUNG ========================================================== */

a,p,h1,h2,h3,h4,h5,h6,li,td,tr,input { font-family:'Public Sans','Public Sans Medium',Arial,'Open Sans',Helvetica,sans-serif;
												margin:0; padding:0; text-align:left; text-decoration:none; }


/* === TABELLEN table & td ========================================================== */

table		{ border-spacing:5px; background-color:#ffffff; border-collapse:separate; }
table.st	{ border-spacing:0px; background-color:#032d67; }
table.pr	{ width: 500px; margin:0 auto; }
table.ob	{ width: 700px; margin:0 auto; }

td			{ vertical-align:top; padding:0px; position:relative; z-index: 3; }

td.steuer	{ text-align:center; vertical-align:middle; margin:0; }

td.presse	{ background:#f0f0f0; padding-left:7px; padding-right:15px; }

td.artikel { background:#ffe000; border:1px solid #ffe000; border-radius: 6px;	box-shadow: 3px 3px 8px rgba(0,0,0,0.15); }


/* === TEXT FORMATOERUNG p & li & ui =============================================== */

p,li		{ color:#032d67; line-height:17px; font-size:14px; 
					padding-left:11px; padding-right:11px; margin-bottom:5px; }

li,ul		{ color:#032d67; margin-top:0px; margin-bottom:0px; }


p.thema	{ line-height:18px; font-size:14px; font-weight:bold; border-bottom:1px solid #0071a7; 
					padding-top:0px; padding-bottom:10px; }

.kapitel	{ line-height:20px; font-size:20px; padding-top:5px; padding-bottom:5px; margin-bottom:0px; }

.datum		{ line-height:17px; font-size:14px; font-weight:bold; padding-top:5px; padding-bottom:5px; margin-bottom:0px; }

p.infos	{ color:#00a7e7 ; line-height:14px; font-size:12px; padding-top:5px; padding-bottom:0px; }

p.presse	{ font-size:15px; line-height:18px; text-align:justify; letter-spacing:-0,5px; 
				padding-left:0px; padding-right:0px; margin-bottom:6px; }


/* === ORTSBEIRAT Sonderformate =============================================== */

.obkopf	{ line-height:20px; font-size:18px; margin-top:22px; margin-bottom:22px; }

.obtitel	{ line-height:28px; font-size:24px; font-weight:bold; margin-bottom:22px; text-align:center; }

.obthema	{ line-height:20px; font-size:16px; font-weight:bold; margin-top:22px; margin-bottom:11px;   }

.obtext	{ color:#032d67; margin-top:0px; margin-bottom:0px; }


/* === DZV FORMATOERUNG div.tabit (Spalten bei Kontakt) & div.box (Kopf-Bild und -Text ========================== */

div.tabit	{ display:grid; grid-template-columns:4cm auto; }
  
.box		{ text-align: right; }
.box img	{ float: left; }
.box a		{ display: inline-block; }


/* === ÜBERSCHRIFTEN ========================================================== */
/* h1 - Seitenüberschrift 22px - Magenta - Kursiv - Fett */
/* h2 - wie h1 aber nur 16px */
/* h3 - wie h1 aber mit gelbem Hintergrund */
/* h4 -  Button Text 20px - Cyan - Fett - Schmale Schrift px*/
/* h5 -  wie h4 aver 22px (Formelle Überschrift)*/
/* h6 - Presseüberschrift 26px - Schwarz - Fett - Times Schrift */

h1,h2,h3,a.titel,a.steuer	{ color:#032d67; letter-spacing:-3%;  margin-top:0; margin-bottom:0;
								font-family: 'Public Sans Black','Public Sans Extra Bold','Futura bold','Arial black',Helvetica, Arial, Univers,'sans-serif'; }
h4,h5,.kapitel,.datum	{ color:#032d67; font-family: 'Public Sans','Helvetica Condensed','Arial Narrow',Univers,'sans-serif'; }
h6,p.presse,td.presse	{ color:#000000; font-family:Times,"CG Times","Times New Roman",serif; }

h1,a.titel		{ line-height:22px; font-size:22px; padding-left:11px; padding-right:11px; padding-top:20px; padding-bottom:10px; }
h2				{ line-height:20px; font-size:20px; padding-left:11px; padding-right:11px; padding-top:10px; padding-bottom:5px; }
h3				{ line-height:18px; font-size:18px; padding-left:11px; padding-right:11px; padding-top:10px; padding-bottom:10px; display:block; }
h4,a.steuer	{ line-height:30 px; font-size:20px; padding-left:5px;  padding-right:5px;  padding-top:5px;  padding-bottom:5px; }
h5				{ line-height:18px; font-size:18px; padding-left:10px; padding-right:10px; padding-top:10px;  padding-bottom:0px; 
					border-bottom:1px solid #032d67; margin-bottom:5; }
h6				{ line-height:26px; font-size:24px; padding-left:00px; padding-right:00px; padding-top:5px;  padding-bottom:10px; font-weight:bold; }
h6.unter		{ line-height:20px; font-size:20px; }


/* === CONTAINER ZUWEISUNGEN ============================================== */

.container		{ display:flex;  flex-wrap:wrap; gap:20px; }
.textblock		{ flex: 1 1 400px; }								/* Mindestbreite 400px */


/* === BALKEN =========================================================================== */

span.balken			{ position: relative; display: inline-block; }

span.balken::before	{ background:#00a7e7; content:""; position:absolute; left:0;
						top:-12px;			/* Abstand über dem Wort */
						width:100%;		/* exakt so breit wie das Wort */
						height:9px;		/* Balkenhöhe */
}

span.balken2			{ position: relative; display: inline-block; }

span.balken2::before	{ background:#00a7e7; content:""; position:absolute; left:0;
						top:-9px;			/* Abstand über dem Wort */
						width:100%;		/* exakt so breit wie das Wort */
						height:9px;		/* Balkenhöhe */
}

/* === ANIMIERTE LINK TAGS =========================================================================== */


/* === LINKS ANIMIERT UNTERSTREICHEN a.thema ========================================================== */

a.thema {
  color: 032d67;                                /* Textfarbe */
  background-image: linear-gradient(#00a7e7, #00a7e7); /* Linie in Textfarbe */
  background-repeat: no-repeat;
  background-size: 0 3px;                     /* Höhe=3px, initial unsichtbar */
  background-position: 0 100%;                 /* Linie unten */
  transition: background-size 1.1s ease;       /* Animation */
}

a.thema:hover {
  background-size: 100% 3px;                   /* Höhe=3px, Linie läuft von links nach rechts */
}

/* === LINKS ANIMIERT UNTERSTREICHEN a.klein  ========================================================== */

a.klein	{  color:#222222; font-size:13px; line-height:20px; font-weight:bold; letter-spacing:1px; display: inline-block; }

a.klein  {
  background-image: linear-gradient(#222222, #222222); /* Linie in Textfarbe */
  background-repeat: no-repeat;
  background-size: 0% 1px;                     /* Höhe = 1px, initial unsichtbar */
  background-position: 0 100%;                 /* Linie unten */
  transition: background-size 0.8s ease;       /* Animation */
}

a.klein:hover {
  background-size: 100% 1px;                   /* Linie läuft von links nach rechts */
}


a.steuer				{  color:#ffe000; font-size:18px; }
td.steuer				{  color:#ffe000; background-color:#032d67; }
a.steuer:hover		{  color:#032d67; }
td.steuer:hover		{  color:#032d67; background-color:#ffe000; }


/* = SCROLLBAR ========================================================== */

body {
	scrollbar-arrow-color: #4071A1;
	scrollbar-face-color: #dddddd;
	scrollbar-track-color: #ffffff;
	scrollbar-3dlight-color: #dddddd;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-darkshadow-color: #dddddd; }