/*
PageStyles1.css		->	ZielgruppenspezifischePropaganda.html
*/

/*

Style-notes:

CH
bg-neu:		f1ede1	->	ToDo !!!!
bg-cur:		FCF8EF

*/

h1		{	font-size: 28pt; font-weight: 600; margin-top: 0; margin-bottom: 0; padding-top: 2px; padding-bottom: 2px; 	}
h2		{	font-size: 24pt; font-weight: 600; margin-top: 0; margin-bottom: 0; padding-top: 2px; padding-bottom: 2px; 	}
h3		{	font-size: 20pt; font-weight: 600; margin-top: 0; margin-bottom: 0; padding-top: 2px; padding-bottom: 2px; 	}
h4		{	font-size: 16pt; font-weight: 600; margin-top: 0; margin-bottom: 0; padding-top: 2px; padding-bottom: 2px; 	}
h5		{	font-size: 12pt; font-weight: 600; margin-top: 0; margin-bottom: 0; padding-top: 2px; padding-bottom: 2px; 	}


	body.clsBody
			{
				width: 95%; height: 100%;
				margin: 4px; padding: 0px;
			/*	font-size: smaller;	*/
				position: relative;
				top: 0;
				left: 0;
				background-color: #fffefa;
			}

	/* ORG.begin */
	/* VER */

	div.clsOrg	{	margin: 0px; padding: 1px; background-color: #fcfcfc; border: dotted 1px #f8f8f8;	}

	div.clsOrg p.clsVer
			{	font-size: x-small; 							}
	p.clsVer span.clsUpd
			{	font-size: xx-small; font-weight: 600; color: navy;			}

	/* NAV */
	div.clsOrg p.clsNav
			{	font-size: x-small; margin-bottom: 8px;				}
	p.clsNav span:nth-child(1)
			{	padding-left: 2px; padding-right: 3px; font-weight: 600; 		}
	p.clsNav span	{	padding-left: 2px; padding-right: 3px;				}

	/* navigation.end/ORG.end */


	/* page-title, if only text is in use. */

	div.clsPageTitle
			{	margin: 0px; margin-top: 12px; margin-bottom: 4px;
				padding: 12px;
				background-color: black;
				font-size: 24pt; font-weight: 900; color: red;	}

	div.clsPageTitle p
			{	margin: 0px; padding: 0px;				}


	/* article-title(s) */

	div.clsTopHeader {	margin: 0px; margin-top: 8px; margin-bottom: 8px;
				padding: 0px; padding-left: 12px; padding-bottom: 2px;
				border-left:	 solid 6px red;					}
	p.clsTopTitle	{	margin: 0px;
				padding: 0px; padding-bottom: 2px; font-size:16pt;				}
	p.clsMainTitle	{	margin: 0px;
				padding: 0px; padding-bottom: 3px; font-size: 18pt; font-weight: bold;	}
	p.clsSubTitle	{	margin: 0px;
				padding: 0px; font-size: 14px;			}

	div.clsHeader	{
				margin: 4px; padding: 8px; background-color: #fcf8ef;
				border: solid 2px #ECE8DF;
			}

	div.clsVersionLog
			{	font-size: x-small;	}
	div.clsVersionLog table
			{	background-color: white; }
	div.clsVersionLog table td
			{					}
	div.clsVersionLog table td:first-child
			{	width: 85px;			}


	/* CHapters and panels */
	
	div.clsCH		{
					margin: 4px; margin-top: 12px; margin-bottom: 8px; margin-right: 4px;
					padding: 4px;
					background-color: #FCF8EF; /* #fcf8ef; */ /* #f5eee0; */
					border: solid 1px #ECE8DF;
				}
	div.clsCH						{	margin-left: 4px; margin-bottom: 8px; }
	div.clsCH div.clsCH					{	margin-left: 4px; }
	div.clsCH div.clsCH div.clsCH				{	margin-left: 4px; }
	div.clsCH div.clsCH div.clsCH div.clsCH			{	margin-left: 4px; }
	div.clsCH div.clsCH div.clsCH div.clsCH div.clsCH	{	margin-left: 4px; }
	
	.clsCH h1, .clsCH h2, .clsCH h3, .clsCH h4, .clsCH h5
				{ 	margin-top: 2px; margin-bottom: 2px; }

	.clsBox00	{/* lightest box (white) */
				/* #ECE8DF */
				margin: 4px;
				padding: 4px;
				background-color: #ffffff;
			}
	
	.clsBox01	{/* very light box */
				/* #ECE8DF */
				width: 95%;
				margin: 4px;
				padding: 4px;
				background-color: #fefbf5; /* fdfaf4; */
			}
	
	.clsBox02	{/* normal box - */
				/* #ECE8DF */
				width: 95%;
				margin: 4px;
				padding: 4px;
				background-color: #f2eee5;
			}
	
	.clsBox03	{/* little darker box */	
				/* #ECE8DF */
				width: 95%;
				margin: 4px;
				padding: 4px;
				background-color: #f0ead9;
			}
	
	.clsBox04	{/* little dark box */	
				/* #ECE8DF */
				width: 95%;
				margin: 4px;
				padding: 4px;
				background-color: #f2eee5;
			}
	
	.clsBox10	{
				width: 90%;
				margin: 4px;
				padding: 8px;
				background-color: #f2eee5;
			}
	
	.clsBox11	{
				width: 90%;
				margin: 4px;
				padding: 8px;
				background-color: #f2eee5;
			}
	
	.clsBox12	{
				width: 90%;
				margin: 4px;
				padding: 8px;
				background-color: #f2eee5;
			}
	
	.clsBox13	{
				width: 90%;
				margin: 4px;
				padding: 8px;
				background-color: #f2eee5;
			}


	.PeaceBox	{
				margin: 12px;
				margin-left: 4px;
				padding: 12px;
				padding-left: 16px;
				font-size: x-large;
				font-weight: 900;
				border-left: solid 6px orange;
				border-bottom: solid 6px orange;
				color: red;"
			}

	.PeaceBox p	{
				margin: 0;
			}


	div.clsCH p:first-child
			{	margin: 2px; margin-top: 1px; /* color: crimson; */ }		/* crimson	*/

	div.clsCH p:last-child
			{	margin: 2px; margin-bottom: 1px; /* color: deeppink; */ }	/* deeppink	*/

	div.clsCH p + p	{	margin-top: 4px; margin-bottom: 4px; /* color: green; */ }	/* green	*/

	div.CH div	{	margin: 4px;				}

	td p		{	margin-top: 0px; margin-bottom: 0px; }

	.clsSmall	{	font-size: smaller;			}

	div.clsCH table	{	margin: 0px;				}


	/* generic table/td --this does not work-- */

	table td	{ vertical-align: top; }


	span.clsAuthor
		{
			color: red;
			font-size: smallest;
			margin: 2px;
			padding: 2px;
		}

	span.clsAuthor:before
		{
			color: red;
			font-size: smallest;
			margin: 2px;
			padding: 2px;
			content: "++";
		}

	span.clsBigDots:before
			{
				font-size: larger;
				font-weight: 600;
				content: "....";
			}
	
	span.clsSmile:before
			{
				display: inline-block;                      
				width: 1em;
				height: 1em;
				padding-right: 0em;
				vertical-align: -0.25em;
				margin-left: 2px;
				margin-right: 2px;
				border: none;
				content: url('/cont/polpro/res/em-wink--1f609.svg');
			}

	/* links("a") --schlechte icon-position ... */

	/* a */
	
	a.clsLnkImportent
			{
				font-weight: 600;
			}
	
	a.noicon	{
				display: inline;
				background: none;
				margin-right: -10px;
			}
	
	a		{
				display: inline;                      
				padding-right: 1.0em;
				margin-right: 1px;
				background: url('/Libs/StyleLib/link2.svg') right no-repeat;
			}
	
	a.ilink		{
				display: inline;
				padding-right: 1.0em;
				margin-right: 1px;
				text-decoration-style: dotted;
				background: url('/Libs/StyleLib/link0.svg') right no-repeat;	
			}
	


	/* table LINKS ("a") */
	
	table.clsLinksTab
			{
				width: 95%;
				margin: 6px;
				background-color: white;
				counter-reset: rowNumber;
			}
	
	table.clsLinksTab tbody tr
			{
				counter-increment: rowNumber;
			}
	
	table.clsLinksTab td
			{	vertical-align: top;
				border: solid 1px white;
				border-bottom: dotted 1px #e0e0e0;
				padding: 4px; padding-top: 3px; padding-bottom: 3px;
				font-size: smaller;
			}
	
	table.clsLinksTab thead td
			{
				background-color: #f4f4f4;
			}
	
	table.clsLinksTab td:first-child
			{
				width: 25px;
			}
	
	table.clsLinksTab td:nth-child(2)
			{
				width: 440px;
			}
	
	table.clsLinksTab tbody td
			{
				background-color: #fcfcfc;
			}

	table.clsLinksTab tbody td:nth-child(3)
			{
				width: 300px; color: blue;
			}
	
	table.clsLinksTab tbody tr td div
			{
				margin: 0px; 
				padding: 0px;
			}
	
	table.clsLinksTab tbody tr td p
			{
				margin: 0px; 
				padding: 0px;
			}
	
	table.clsLinksTab tbody tr td div > p
			{
				margin: 0px; 
				padding: 0px;
			/*	color: green;		*/
			}


	/* media */

	@media screen	{
				.TopImage { width: 960px; height: auto; }
			}

	@media print	{
				.TopImage { width: 780px; height: auto; }
			}