* { margin: 0; padding: 0; }

html {
background-color: #fff;
overflow-y:scroll; overflow-x:hidden;
height: 100%
}

body {
background-color: #fff;
font: normal 16px calibri, georgia, serif;
line-height: 1.5;
color: #222;
min-height: 100%;
min-width: 292px;
}

section {
display: block;
padding: 6em 6em;
max-width: 50em;
margin: 0 auto;
}

section#cover {
max-width: 100%;
padding: 7.3em 3em;
padding-bottom: 2.5em;
}

section#slanted {
padding: 0;
}

.i-min section#slanted {
padding: 0;
}

section#slanted img {
position: relative;
top: -4em;
}

.i-min section#slanted img {
top: 0;
}

.i-min section {
padding: 3.4em 1em;
padding-bottom: 1em;
margin-top: 0;
}

.i-min section#cover {
padding: 5.5em 1em;
padding-bottom: 0;
}

footer {
font-size: 13px;
position: fixed;
top: 0.3em;
left: 0;
right: 0;
padding: 0 1.3em;
background-color: #ccc;
color: #777;
line-height: 3em;
height: 5.4em;
overflow: hidden;
opacity: 0.5;
z-index: 10;
}

nav {
font-size: 13px;
position: fixed;
top: 1.4em;
left: 0;
padding: 0 0.9em;
color: #777;
line-height: 3em;
overflow: hidden;
z-index: 100;
clear: both;
}

nav#sek {
padding: 1em 0.9em;
background-color: #e6e6e6;
position: static;
display: none;
left: 0;
right: 0;
top: auto;
bottom: 0;
}

.i-min nav#sek {
display: block;
margin-top: 1em;
}

nav#sek span {
position: absolute;
top: auto;
right: 0;
padding: 0 1.1em;
height: 4em;
}

nav span {
position: fixed;
top: 1.4em;
right: 0;
padding: 0 1.1em;
color: #777;
line-height: 3em;
height: 4em;
overflow: hidden;
z-index: 100;
}

nav a {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
background-color: #222;
color: #ddd;
padding: 0.9em 1em;
margin-left: 0.4em;
text-decoration: none;
font-family: calibri, sans-serif;
}

#homenav {
display: none;
}

.i-min #homenav {
display: block;
}

.button {
width: 130px;
height: 87px;
-moz-border-radius: 65px;
-webkit-border-radius: 65px;
border-radius: 65px;
text-align: center;
font-size: 11px;
background-color: #222;
color: #e6e6e6;
float: right;
text-decoration: none;
font-family: calibri, sans-serif;
padding-top: 43px;
line-height: 1;
z-index: 2000;
}

.button:hover {
background-color: red;
color: #fff;
}

.button:active {
background-color: #222;
color: #fff;
}

#thumbnail {
width: 1px;
height: 1px;
}

#iphone {
position: absolute;
top: 3px;
right: 0;
z-index: 1000;
}

.i-min #iphone {
display: none;
}

.button strong {
font-size: 30px;
display: block;
margin-top: -6px;
}

.i-min .button {
display: none;
}

#html {
position: absolute;
top: 19px;
right: 120px;
}

#pdf {
position: absolute;
top: 120px;
right: 19px;
}

nav a.active {
background-color: red;
color: #fff;
}

nav span {
line-height: 2.65em;
}

nav span a {
padding-left: 1.1em;
padding-right: 1.1em;
}

.i-min nav span a {
padding-left: 1.95em;
padding-right: 1.95em;
}


nav span a em {
font-size: 20px;
position: relative;
top: 0em;
font-style: normal;
}

.i-min nav a b {
display: none;
}

nav a b {
font-weight: normal;
}

nav a:hover {
background-color: red;
color: #fff;
}

nav a:active {
background-color: #222;
color: #fff;
outline: none;
}

header {
position: fixed;
top: 0;
left: 0;
right: 0;
background-color: #222;
height: 0.3em;
overflow: hidden;
z-index: 1000;
}

h1 {
font-size: 42px;
letter-spacing: -0.04em;
font-weight: bold;
font-family: calibri, helvetica, sans-serif;
margin-top: 1em;
line-height: 1.25em;
margin-bottom: 1.5em;
clear: both;
}

.i-min h1 {
font-size: 28px;
letter-spacing: 0;
}

h2 {
font-size: 17px;
font-weight: bold;
font-family: calibri, sans-serif;
margin-top: 3em;
line-height: 1.25em;
margin-bottom: 0.5em;
clear: both;
}

#inhalt h2 {
font-size: 24px;
font-weight: bold;
font-family: calibri, sans-serif;
margin-top: 1.25em;
line-height: 1.15em;
margin-bottom: 0.25em;
clear: both;
}

#impressum h2 {
font-size: 24px;
font-weight: bold;
font-family: calibri, sans-serif;
margin-top: 1.25em;
line-height: 1.15em;
margin-bottom: 0.5em;
clear: both;
}

#lekture h2  {
font-size: 24px;
font-weight: bold;
font-family: calibri, sans-serif;
margin-top: 2.5em;
line-height: 1.15em;
margin-bottom: -0.5em;
clear: both;
}

h3 {
font-size: 17px;
font-weight: bold;
font-family: calibri, sans-serif;
margin-top: 1em;
line-height: 1.25em;
margin-bottom: 0.5em;
clear: both;
}

strong {
font-size: 17px;
font-weight: bold;
font-family: calibri, sans-serif;
line-height: 1.5em;
}

.i-min strong {
margin-right: 0;
text-align: left;
font-size: 16px;
font-weight: bold;
}

.i-min h2 {
margin-bottom: 1.3em;
font-size: 16px;
font-weight: bold;
}

p strong {
}

p {
margin: 0;
margin-top: 2.5em;
font-family: calibri;
}

dialog {
display: block;
margin-top: 1.5em;
border-bottom: solid 1px #eee;
}

dialog dt {
position: absolute;
padding-top: 0.3em;
font-weight: bold;
font-size: 100%;
}

dialog dd {
border-top: solid 1px #eee;
padding-top: 0.3em;
margin-bottom: 0.3em;
padding-left: 10em;
}


blockquote {
font-style: italic;
padding: 1.3em 2.6em;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}

blockquote b {
display: block;
font-style: italic;
}

.i-min p {
margin-top: 1em;
margin-right: 0;
border-top: none;
padding-top: 1em;
clear: both;
width: 100%;
}

a { color: #222; }
a:active { color: red; outline: none; }

h1 a img, h2 a img {
display: inline;
margin: 0;
margin-left: 0.1em;
position: relative;
top: -0.25em;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
background-color: #333;
opacity: 1;
}

h2 a img {
top: 0;
margin-left: 0.3em;
}


h1 a:hover img, h2 a:hover img {
opacity: 1;
background-color: red;
}

.i-min h1 a img, .i-min h2 a img {
display: none;
}

img {
border: none;
max-width: 100%;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}

p img {
margin-top: 0.4em;
}

p img.left {
float: left;
margin-right: 2em;
margin-bottom: 2em;
max-width: 40%;
}

p img.right {
float: right;
margin-left: 2em;
margin-bottom: 2em;
max-width: 40%;
}

.i-min p img {
max-width: 100%;
width: 100%;
clear: both;
margin: 0;
margin-bottom: 2em;
}


ul {
margin-top: 2.5em;
margin-left: 2.5em;
}


hr { clear: both; border: none; border-color: #fff; color: #fff; background-color: #fff; height: 0; } 

div#qTip {
padding: 6px 9px;
display: none;
background: #222;
color: #fff;
font: normal 10px arial, sans-serif;
position: absolute;
z-index: 3000;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}

::-moz-selection {
background: #111;
color: #fff;
}

::selection {
background: #111;
color: #fff;
}