:root {
  --bg:           #FFEAC0;
  --bg-content:   #ffefd0;
  --accent:       #569475;
  --accent-text:  #eeffff;
  --text:         #000000;
  --link:         #000088;
  --link-visited: #333333;
}

body {
  color: var(--text) ;
  background-color: var(--bg) ;
  font-family: Helvetica, Arial, sans-serif ;
  text-align: justify ;
/*  margin-right: 30px ;
  margin-left: 30px ; */
  width: 50em;
  margin: auto;
}

html {
  scroll-behavior: smooth;
}

#content {
  max-width: 50em;
	margin-left: 0em;
	margin-right: 0em;
/*  margin: auto;*/
  background-color: var(--bg-content) ;
}

h1, h2, h3, h4 {
  font-family: Verdana, Geneva, sans-serif ;
  font-weight: normal ;
  font-style: normal ;
}

h1 {
  margin-top: 0em ;
  padding-top: 0.4em ;
  padding-bottom: 0.4em ;
  padding-left: 0px ;
  margin-left: -0px ;
  background-color: var(--accent) ;
  color: var(--accent-text) ;
  border-radius: 4px ;
  text-align: center ;
}

h2 {
  margin-top: 2em ;
  padding-top: 0.2em ;
  padding-bottom: 0.2em ;
  padding-left: 1em ;
  padding-right: 1em ;
  background-color: var(--accent) ;
  color: var(--accent-text) ;
  border-radius: 3px ;
}

h3 {
  padding-left: 0.5em ;
  /* border-left: solid #569475 0.1em ; */
  border-bottom: solid var(--accent) 0.1em ;
}

a:link {
  color: var(--link) ;
  background-color: inherit ;
  text-decoration: none ;
}

a:visited {
  color: var(--link-visited);
  background-color: inherit ;
  text-decoration: none ;
}

a:link:hover, a:visited:hover {
  color: #33F ;
  text-decoration: underline ;
/*  color: #333 ;*/
/*  background-color: #ffe668 ;*/
}

a:link:active, a:visited:active {
  color: inherit;
}


hr {
  border: 0 ;
  height: 1px ;
  color: #a0a0a0 ;
  background-color: #a0a0a0 ;
}

/* :target {
  background-color: #F8F8F8 ;
  padding-top: 2px ;
  padding-bottom: 2px ;
  padding-left: 8px;
  padding-right: 8px;
  border: solid #a0a0a0 2px ;
}
*/

.footer {
  color: gray ;
  font-size: small ;
}

ul {
  list-style-type: none ;
  list-style-position: outside ;
}

ul.bullets {
  list-style-type: disc ;
}

img {
  border: 0;
}

table {
  /* margin-left: 2em; */
  border-spacing: 1px;
}

pre, code {
  font-size: 12pt ;
}

pre {
  margin-left: 2em;
}

pre.split {
  padding-left: 2em;
  display: table-cell ;
  white-space: pre-wrap ;
  vertical-align: text-top ;
  padding-right: 2em;
}

pre.split + pre.split {
  border-left: 1px solid #ccc;
}

/*  CS Erweiterungen */
h3 {
  margin-bottom: 0.6em;
  padding-left: 0.0em ;
}

.toc2 {
  padding-top: 1em;
  padding-left: 1em;
  font-size: 120%;
}
.toc3 {
  padding-left: 4em;
  margin-top: 1em;
}

.odd {
	background: #FFF8EA;
	padding-right:1em;
}
.evn {
	background: #FFF4D9;
	padding-right:1em;
}

td .key {
  	font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
}

tr td:first-child {
    width: 1%;
    white-space: nowrap;
	margin-right: 1em;
	padding-right: 1em;
}

audio {
	margin-left: 0em;
	margin-right: 0em;
	width: 100%;
	max-width: 100%;
	height: 2.6em;
}

.top-nav {
    font-family: Verdana, Geneva, sans-serif ;
    font-size: 200%;
    color: #fff ;
    text-align: center;
    height: 50px;
    background: #246087;
    width: 100%;
}

.top-nav .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
 /*   justify-content: space-between;*/
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    text-align: center;
}

.pdfdl {
	/*padding-bottom: 0.4rem;*/
}
.proben {
    margin-left: 2em;
}

.proben a {
    /*padding: rem;*/
}

.pdfdate {
	font-size : 0.8em;
	margin-left : 2em;
}