/*
    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;
}

/*
    Schriften
*/

b
{
	font-family:'bold';
}

i
{
	font-family:'italic';
}

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

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

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

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


/*
    id für Text
*/

main
{
	margin: 50px 20px 0px 70px;
	padding-bottom: 20px;
	position:absolute; top:0; left:0;
	vertical-align:top;
	width: calc(100% - 90px);
}

/*
    Pfeile
*/

#pf-re
{
	position:fixed; top:100px; left: 5px;
	width: 40px;
	height: 40px;
	text-decoration: none;
	display: block;
	background: url('../pic/pfeile.svg') 0px 0px;
}

#pf-re:hover, #pf-re:active
{
	background-position: 40px 0px;
}

#pf-li
{
	position:fixed; top:160px; left:5px;
	width: 40px;
	height: 40px;
	text-decoration: none;
	display: block;
	background: url('../pic/pfeile.svg') 0px -40px;
}

#pf-li:hover, #pf-li:active
{
	background-position: 40px -40px;
}

#pf-hi
{
	position:fixed; top:220px; left:5px;
	width: 40px;
	height: 40px;
	text-decoration: none;
	display: block;
	background: url('../pic/pfeile.svg') 0px -80px;
}

#pf-hi:hover, #pf-hi:active
{
	background-position: 40px -80px;
}


.dot
{
	width: 50px;
	height: 20px;
	text-decoration: none;
	display: block;
	background: url('../pic/dot.jpg') 0px 0px;
}

.dot:hover, .dot:active
{
	background-position: 0px -20px;
}


/*
    Ü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;
}

p.anm
{
    color: red;
	border: thin solid;
	padding: .5em .5em;
	border-radius: .2em;  
}

/*
    Links
*/

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

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

/*
    Quotes
*/

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

/*
    Text
*/

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

/*
    Tabellen
*/

table.merkm
{
	border-collapse: separate;
	border-spacing:0.2em;
}
td.merkm
{
	vertical-align:middle;
	border: thin solid;
	padding: .5em .5em;
	border-radius: .2em;  
}

table.zus
{
	border-collapse: separate;
	border-spacing: .5em;
}
td.zus
{
	vertical-align:middle;
	font-size: 1.2em;
	height: 2em;
}

a.zus
{
	vertical-align:middle;
	font-family:'bold';
}

/*
    Aufzählungen
*/

ol, ul
{
	margin-left: 0;
	padding-left: 0;
	list-style-position: outside;
}

ol.anleit
{
	padding-left: 50px;
	list-style-position: inside;
}

li.anleit
{
	margin-top: 1em;
	font-size: 1em;
}

::marker {
  font-family:'black';
}

/*
    Bilder
*/

img
{
	border-width:0;
}

img.uebg
{
	/* width: 40%;
	height: auto; */
}