^*, *:before, *:after {
    -webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
    -moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */
    box-sizing: border-box; /* Opera/IE 8+ */
}

/* allgemeine Style-Definitionen */

body
{
    background: white url("../pic/logo-ike.svg") no-repeat top right fixed;
	color: black;
	font-size: 1.2em;
    line-height: 1.5em;
	font-family:'normal';
	text-align: justify;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

/* Schrift */

@font-face
{
    font-family: 'normal';
    src: url('../font/light.woff2')  format('woff2');
}

@font-face
{
    font-family: 'bold';
    src: url('../font/regular.woff2')  format('woff2');
}

@font-face
{
    font-family: 'italic';
    src: url('../font/lightitalic.woff2')  format('woff2');
}

@font-face
{
    font-family: 'android';
    src: url('../font/android.woff2')  format('woff2');
}

b
{
	font-family:'bold';
}

i
{
	font-family:'italic';
}


/* Text */

#text
{
	margin: 150px 0 120px 20px;
	position:absolute; top:0; left:0;
	vertical-align:top;
	width: calc(100% - 40px);
}

p {
	text-indent: 1em;
	margin: .6em 0 0 0;
}

p.versal {
	text-indent: 0;
}
p.versal::first-letter {
	font-size: 3em;	
	font-family: 'android';
	font-style: normal;
    color: rgb(0, 144, 144);
	margin: .2em .1em 0 0;
	float: left;   
}


p.m, p.x
{
	text-indent: 0;
	margin-left: 1em;
}

p.m
{
	font-family:'italic';
	color: darkblue;
}

p.x
{
	font-family:monospace;
	font-size: 1.2em;
	font-style: oblique;
	color: rgb(0, 144, 144);
}

.info
{
	font-family:'bold'; 
	color: rgb(0, 144, 144);
	text-decoration: none;
	animation-name: animation_blink;
	animation-timing-function: ease-in;
	animation-duration: 1s; 
	animation-iteration-count: infinite;            
}
@keyframes animation_blink 
{
	0% { opacity: 1; }
	50% { opacity: 0.1; }
	100% { opacity: 1; }    
}

/* Chat */

tr.m
{
	color: darkblue;
 }

tr.x
{
	color: rgb(0, 144, 144);
}



td.lk, td.lg, td.r
{
	font-family:monospace;
	font-size: 1.2em;
	padding-bottom: 20px;
	-ms-hyphens: none;
	-moz-hyphens: none;
	-webkit-hyphens: none;
	hyphens: none;
}
td.lk, td.lg
{
	text-align: right;
    margin-left: 100px;
}
td.lk
{
	display: inherit;
}
td.lg
{
	text-align: right;
	display: none;
}
td.r
{
	text-align: left;
	padding-left: 10px;
}

div.zit
{
	margin-left: 20px;
}

.blink 
{
	animation-name: animation_blink;
	animation-timing-function: ease-in;
	animation-duration: .5s; 
	animation-iteration-count: infinite;            
}
@keyframes animation_blink 
{
	0% { opacity: 1; }
	50% { opacity: 0.1; }
	100% { opacity: 1; }    
}


/* Navigation */

.weiter {
    width: 30px;
    height: 30px;
    text-decoration: none;
    display: block;
    background: url('../pic/weiter.svg') 0px 0px;
	float: right; margin: 10px 0px 100px 0px;
}
.weiter:hover, .weiter:active {
    background-position: 0px -30px;
}

.inhalt {
    width: 30px;
    height: 30px;
    text-decoration: none;
    background: url('../pic/inhalt.svg') 0px 0px;
	position: absolute; top:10px; left:10px;
	float: left;
}
.inhalt:hover, .inhalt:active {
    background-position: 0px -30px;
}

/* Bilder */

img
{
	border-width:0;
}

img.kopf
{
	display: block;
    margin: 100px auto;
    height: 50px;
	width: auto;
}

.druck-x {
    width: 100px;
    height: 150px;
    text-decoration: none;
    display: block;
    background: url('../pic/druck-x.svg') 0px 0px;
	margin: 50px auto;
}
.druck-x:hover, .druck-x:active {
    background-position: 100px 0px;
}

img.druck
{
	display: none;
}

.max {
    width: 257px;
    height: 120px;
    text-decoration: none;
    display: block;
    background: url('../pic/max.svg') 0px -120px;
	float: left; margin: 10px 0px 0px 50px;
}
.max:hover, .max:active {
    background-position: 0px 0px;
}


/* Überschriften */

h1, h2, h3, h4
{
    line-height: 1.5em;
	font-family: 'bold';
	text-align: left;
	margin-top: 1em;
}

h1
{
    font-size: 1.6em;
}
h2
{
    font-size: 1.4em;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.0em;
}

/* Links */

a, a:visited
{
	font-family:'normal', sans-serif;
	color: black;
	text-decoration: underline;
}

a:hover, a:active
{
	color: #de0000;
	text-decoration: none;
}


/* code */

code
{
	font-style: bold;
}

/* Quotes */

q
{
	quotes: "»" "«" "›" "‹" "‚" "’";
}

/* Umbrüche */

hr
{
	color:black;
	height:0.188em;
	/*margin: 1.250em;*/
}

.next {
	clear: both;
}

/* Tabellen */

td
{
	vertical-align:top;
}

/* responsive */

@media only screen and (min-width: 600px)
{

	td.lk
	{
		display: none;
	}
	td.lg
	{
		display: inherit;
	}
}


@media print {

	body
	{
		color: black;
		font-size: 1em;
		background-color: white;
		background-image: none;
		text-align: left;
		-ms-hyphens: none;
		-moz-hyphens: none;
		-webkit-hyphens: none;
		hyphens: none;
	}

	#text
	{
		margin: 0px;
		padding-bottom: 0px;
		position:absolute; top:0; left:0;
		vertical-align:top;
		width: 100%;
	}


	p
	{
		margin: 0.5em;
	}


/* Überschriften */

	h1, h2, h3, h4
	{
		line-height: normal;
		text-align: left;
		margin-top: 0em;
		page-break-after:avoid;
	}

	h1
	{
		font-size: 1.5em;
	}

	h2
	{
		font-size: 1.2em;
	}

	h3
	{
		font-size: 1.0em;
	}

	.info
	{
		font-family:'bold'; 
		color:black;
		text-decoration: none;
	}

/* Links */

	a
	{
		color: black;
		text-decoration: none;
	}


/* Quotes */

	q
	{
		quotes: "„" "“" "‚" "’";
	}

/* Umbrüche */

	hr
	{
		color: black;
	}


	/*
		Tabellen
	*/

	td
	{
		vertical-align: top;
		background-repeat: no-repeat;
	}


	/*
    Aufzählungen
	*/

	ol, ul, ol.zitat, ul.zitat
	{
		margin-left: 25px;
		list-style-position: outside;
	}

	/*
    Bilder
	*/

	img
	{
		border-width:0;
	}
	
	img.druck
	{
		display: inherit;
		margin: 20px 0 0 50px;
		width: 120px;
		height: auto;
	}


	img.kopf, .druck-x, .weiter, .inhalt
	{
	display: none;
	}

	.max 
	{
		width: 257px;
		height: 120px;
		background: url('../pic/max.svg') 0px -120px;
		float: left; margin: 10px 0px 0px 50px;
	}

}