/*
Alle wichtigen Stylesheets für die Netzseiten von H. Gutsche
Stylesheet für Infoseiten - letzte Wartung: Juli 2023

Standard => Standardschrift mit Absatzeinrückung
Stil1    => Standardschrift
Stil2    => kleine Standardschrift
Stil3    => Schriftart für Bilduntertitel
Stil4    => große Schrift für Überschriften
Stil5    => große Schrift für hervozuhebende Textstellen
Stil6    => Schrift Inhaltsmenüs
Stil7    => große rot-braune Schrift

Stil8    => kleine Sonderschrift (Download-Fenster)
Stil9    => große  Sonderschrift (Download-Fenster)

Stil10   => Schrift für die Stichwortliste

Stil11   => große  Schrift, ählich Schreibschrift
Stil12   => mittelgroße  Schrift, ählich Schreibschrift

Stil13   => Schrift in Tabellenkopfzeile (weiß auf schwarz / silber auf dunkelblau)
Stil14   => Schrift in Tabellenfußzeile (schwarz auf rot oder Grau)
Stil15   => Schrift in Überschriften der Kategorien (weiß auf grau)

Stil16   => Schrift für die Stichwortliste, aber in rot-braun

Stil17   => Schrift für Logos (IMPACT/ kursiv / groß )
Stil18   => Schrift für Logos (IMPACT/ kursiv / klein )
Stil19   => Schrift für Überschriften (IMPACT/ kursiv / mittelgroß)

Stil20	 => große fette Schrift
Stil21	 => Schrift für Monatbezeichnungen (wie "stil6" nur in weiß)

Stil22   => normalgroße Schrift in weiß und fett, für dunkle Felder

Stil23   => große Schrift für Kopfleisten (IMPACT/ groß ) in gelb
Stil24   => Schrift für Überschriften (IMPACT / mittelgroß) in gelb
Stil25   => Schrift für Überschriften (Arial oder IMPACT / groß) in dunkelrot

Stil26   => große Schrift für Kopfleisten (IMPACT / groß ) dunkelblau
Stil27   => Schrift für Überschriften (IMPACT / mittelgroß) dunkelblau

Stil28   => mittelgroße Standardschrift für Texte in schwarz
Stil29   => mittelgroße Sonderschrift für Überschriften in weiß


H4 => entspricht Stil4 bzw. H1 aber unrahmt und mit Hintergrundfarbe
H5 => entspricht Stil5 bzw. H2 aber unrahmt und mit Hintergrundfarbe

====================================================================
*/

/*
BerichteFenster	=> Schrift und Hintergrund der für Artikel und Berichte

BildRechts	=> Fenster und Positionierung der Bilder der Startseite und 
		   auf der rechten Seite eines Artikels

BildLinks	=> Positionierung der Bilder auf der linken Seite

====================================================================
*/

<STYLE TYPE ="text/css">

	html, body{
	margin:0;
	padding:0;
	height:100%;
	overflow:hidden;
	}


	@page { 
	size: 21cm 29.5cm; 
	margin_1.0cm;
	}


	Farbverlauf {
	background: #efefef;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	/* Webkit */
	background: -webkit-gradient(linear, left top, left bottom, from(white), to(lightgray));

	/* Firefox */
	background: -moz-linear-gradient(top, white, lightgray);

	/* Internet Explorer < 8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#EFEFEF);

	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#EFEFEF)";
	}


/*
====================================================================
Die folgenden Anweiseungen dienen als Ersatz eines FRAMESETS
Mit "smoothie" wird weich zum Kopf der Seite gescrollt
*/

	header { 
		background: #444; 
		display: block; 
		position: fixed;
		width: 100%;
		height: 116px;
		z-index: 11; /* (fast) immer im Vordergrund */
		top: 0;
		display: flex;
		justify-content: space-around;
	}

	header a {
		color: #eaeaea;
	}

	html {
		scroll-behavior: smooth;
	}

	.smoothie {
		overflow-y: overflow: hidden;
		height: 85%;
	}


/* ================================================================
Stylesheets zum zum Einblenden von Seiten

Beim Hochfahren wird der Text langsam sichtbar gemacht.
Leider ist die Anpassung an die verschiedenen Browser 
erforderlich
*/

#Einblenden p {
    margin-top: 25px;

    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}



/* ==================================================================== */

	.RundeEcken { border: 2px solid #fff;
		-webkit-border-radius: 14px;
		-moz-border-radius: 14px;
		border-radius: 14px;
		}


	.KreisFenster { border:0px; 
		width: 58px;
		margin: auto;
		margin-left: 0px;
		background-color: #c5c5c5;   
		/* Fußfeld */
		}


	.KreisFenster_2 { border:0px; 
		width: 40px;
		margin: auto;
		margin-left: 0px;
		background-color: #eaeaea
		/* Hintergrund Kopf */
		}


	.Rechteck { border:0px; 
		width: 64px;
		margin: auto;
		margin-left: 0px;
		background-color: #ffffff
		}


	.Rechteck2 { border:0px; 
		display: block;
    		margin-left: auto;
    		margin-right: auto
		width: 140px;
		height: 40px,
		}


	.BerichteFenster { border:0px; 
		float: left;
		margin: 0px;
		padding: 2px;
		padding-top: 4px;
		background-color: #ffffff
		text-align: justify;
		font-size: 16px; 
		font-family: Arial, Helvetica, sans-serif;
		}


	.BildRechts {border:0px; 
		margin-top: 2px;
		margin-left: 10px;
		margin-right: 2px;
		float: right;
		}


	.BildLinks {border:0px; 
		margin-top: 2px;
		margin-left: 2px;
		margin-right: 10px;
		float: left;
		}
	
/* ====================================================================
  Standardeinstellungen für Verweise (Links) */

	a:link    { text-decoration:none;
		color: #1e6dae;
		}	

	a:visited { text-decoration:none;
		color: #1e6dae;
		}

	a:hover   { text-decoration:none;
		color: #000000;
		background-color: #ffff00;
		}
	
	a:active   { text-decoration:none;
		color: #000000;
		background-color: #66aa88;
		}

/* ====================================================================
  Verschiegene Einstellungen für Schriften */

	.Standard {font-size: 16px; 
		font-family: Arial, Helvetica, sans-serif;
		text-indent: 1.5 em;
		}


	.Stil1 {font-size: 16px; 
		font-family: Arial, Helvetica, sans-serif;
		}


	.Stil2 {font-size: 14px; 
		font-family: Arial, Helvetica, sans-serif;
		}


	.Stil3 {font-size: 15px; 
		font-weight: bold; font-style: italic; 
		font-family: Arial, Helvetica, sans-serif;
		}


	.Stil4 {font-size: 22px; 
		font-weight: bold; 
		font-family: Arial, Helvetica, sans-serif;
		}


	.Stil5 {font-size: 18px; 
		font-weight: bold; 
		font-family: Arial, Helvetica, sans-serif;
		}


	.Stil6 {font-size: 18px; 
		font-family: Arial, Helvetica, sans-serif;
		}


	.Stil7 {font-size: 18px; 
		font-weight: bold; 
		Color: #800000; 
		font-family: Arial, Helvetica, sans-serif;
		}


	.Stil8 {font-size: 11px; 
		font-weight: bold; 
		font-family: Verdana, Helvetica, sans-serif;
		}


	.Stil9 {font-size: 14px; 
		font-family: Verdana, Helvetica, sans-serif;
		}


	.Stil10 {font-size: 18px; 
		font-family: Arial, Helvetica, sans-serif;
		}


	.Stil11 {font-size: 24px;
		font-family: Segoe Print, Times, sans-serif;
		}


	.Stil12 {font-size: 18px;
		font-family: Segoe Print, Times, sans-serif;
		}


	.Stil13 {font-size: 22px; 
		font-weight: bold;
		Color: #d0d0d0;  
		font-family: Arial, Helvetica, sans-serif;
		}


	.Stil14 {font-size: 22px; 
		font-weight: bold;
		Color: #000000;  
		font-family: Arial, Helvetica, sans-serif;
		}


	.Stil15 {font-size: 24px; 
		font-weight: bold;
		Color: #ffffff;  
		font-family: Arial, Helvetica, sans-serif;
		}


	.Stil16 {font-size: 18px; 
		Color: #800000; 
		font-family: Arial, Helvetica, sans-serif;
		}


	.Stil17 {font-size: 48px; 
		font-style: font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		}


	.Stil18 {font-size: 24px; 
		font-style: italic; font-weight: bold;
		font-family: Impact, Arial, sans-serif;
		}

	.Stil19 {font-size: 32px; 
		font-style: font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		}


	.Stil20 {font-size: 32px; 
		font-weight: bold; 
		font-family: Arial, Helvetica, sans-serif;
		}


	.Stil21 {font-size: 18px; 
		font-family: Arial, Helvetica, sans-serif;
		Color: #ffffff;
		}


	.Stil22 {font-size: 16px;
		font-weight: bold; 
		Color: #0e0e0e;  
		font-family: Arial, Helvetica, sans-serif;
		}


	.Stil23 {font-size: 48px; 
		font-style: font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		Color: #ffe32a;
		}


	.Stil24 {font-size: 32px; 
		font-style: font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		Color: #ffe32a;
		}


	.Stil25 {font-size: 24px; 
		font-weight: bold;
		Color: #ba0000;  
		font-family: Arial, Helvetica, sans-serif;
		}


	.Stil26 {font-size: 48px; 
		font-style: font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		Color: #1e6dae;
		}


	.Stil27 {font-size: 32px; 
		font-style: font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		Color: #ffffff;
		}


	.Stil28 {font-size: 22px; 
		font-family: Arial, Helvetica, sans-serif;
		}


	.Stil29 {font-size: 24px; 
		font-weight: bold;
		Color: #000000;  
		font-family: Arial, Helvetica, sans-serif;
		}


	
	H4 {font-size: 22px;
		Color: #c0c0c0; 
		font-family: Arial, Helvetica, sans-serif; 
		background: #000070;
		border: outset #c0c0c0;
		}


	H5 {font-size: 18px; 
		Color: #c0c0c0;  
		font-family: Arial, Helvetica, sans-serif; 
		background: #000070;
		border: outset #c0c0c0;
		}


/* ==================================================================== */
	  
</style>