body,html {margin:0 auto;padding:0;font-size:1em;font-family:arial,helvetica,sans-serif;max-width:100%;}

html {
	background: url("/_i/KZAuschwitz.jpg")	no-repeat center top fixed; 
	/* -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover; */
	background-size: cover;}
	
a {text-decoration:none;color:#990000;}
a:hover {background:#990000;color:#fff;}

 /* ===================================================== img-Block ===== */
 #main img {max-width:98%;border-radius:4px;}
 #main div.image {text-align:center;}
 #main figure {padding:4px;background:#f5f5f5;border:1px solid black;border-radius:4px;text-align:center;margin-top:0;margin-bottom:1.2em;display:inline-block;}
 #main hr+div.image {margin-top:2em;}
 #main .img_l {float:left;margin-left:0;margin-right:1em;}
 #main .img_r {float:right;margin-left:1em;margin-right:0;}
 #main figcaption {font-size:80%;line-height:1em;margin:4px;}
 
 
 /* ===================================================== mobile ===== */
/*  Scrollbalken rechts berücksichtigen, deshalb schmalerer Content */

@media only screen and (max-width: 44.99em) {
#main img,#main div.img_c {max-width:98% !important;height:auto;}
.img_l,.img_r {float:none !important;margin:0 !important;}
 }
 /* ===================================================== Ende mobile ===== */

#main li {margin-top:.2em;}
 
div#lex, #alph {text-align:center;}
div#lex a, alph a {display:inline-block;width:.9em;box-shadow: 0 2px 2px 0 #aaa;line-height:1.6em;padding:2px;margin:4px 0 0 4px;}
div#lex ~ h2 {font-size:1.4em;margin-top:1.5em;margin-bottom:1em;border-bottom:1px solid #aaa;font-weight:normal;}
.lexikon ul,.lexikon ul li>ul>li {margin:0;padding:0;}
.lexikon ul li {list-style:none;margin:1.5em 0 0 .5em;padding:0;font-weight:bold;}
.lexikon ul>li>ul>li {list-style:disc;margin:0 0 0 2em;padding:0;font-weight:normal;}
.lexikon h3 {font-size:1em;margin:1em 0 0 0;padding:.2em;}
.lexikon p {margin:.4em 0 0 1.4em;}

div.linkliste dt {margin-top:1em;}
div.linkliste dd {margin-left:1em;}

#Quellenregister h3 {text-align:center;}
#Quellenregister dt {margin-top:1em;}
#Quellenregister dt a {color:black;font-weight:bold;}
#Quellenregister dt a:hover {background:none;}
#Quellenregister dd {margin-top:.3em;}
#Quellenregister dd a {}

nav {margin-bottom:-1em;}
#main,#header,#notes,#bottom {margin:0 auto;max-width:45em;border:1px solid black;border-radius:.4em;}
#main,#notes,#bottom {line-height:1.3em;margin-top:1em;padding:1em;background:#fff;}

#header {background:#800;padding:1.2em;position:relative;}
#line1,#line1sr { font-family:times,serif;letter-spacing:.1em;font-size:1.2em; text-align:center;color:#fff;}
#line2,#line2sr { margin:0 0 -.5em 2em;font-size:1.1em; text-align:center;color:#ddd;}

.socmed img {width:2em;height:2em;}
.socmed a:hover {background-color:white;}

#notes h3 {margin:0;padding:0;font-size:1em;}
#notes ul,#notes ol {margin:.5em 0 .5em 1em;padding:0;}
#notes li {margin-left:1em;}

#bottom {text-align:center;}

#menu li {margin:.2em 0 .1em 0;display:inline-block;list-style-type: none;}
#menu a {width:12em;text-decoration:none;background-color:#fff;color:#800;display:block;padding:.4em;border:1px solid #000;}
#menu a:visited {text-decoration:none;background-color: #fff;color:#800;display:block;padding:.4em;border:1px solid black;}
#menu a:hover {color:#fff;background-color:#800;}

#menuToggle {display: block;position: relative;top: 1.4em;left: 1.2em;z-index: 1;-webkit-user-select: none;user-select: none;}
#menuToggle input {
  display: block;
  width: 40px;
  height: 34px;
  position: absolute;
  top: -4em;
  left: -2em;
  cursor: pointer;
  opacity: 0; /* verstecken */
  z-index: 2; /* ueber den Hamburger legen */
	-webkit-touch-callout: none; }

/* Hamburger aus span-Elementen */
#menuToggle span {
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
	top:-2.7em;
	left:-1.15em;
  background-color: #eee;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.2s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity .2s ease;}

#menuToggle span:first-child {transform-origin: 0% 0%;}
#menuToggle span:nth-last-child(2) {transform-origin: 0% 100%;}

/* Hamburger-Striche in ein Kreuz verwandeln */
#menuToggle input:checked ~ span {opacity: 1;transform: rotate(45deg) translate(0px, -4px);background: #800;}

/* mittleren Balken verstecken */
#menuToggle input:checked ~ span:nth-last-child(3) {opacity: 0;transform: rotate(0deg) scale(0.2, 0.2);}

/* der letzte Balken dreht in die andere Richtung */
#menuToggle input:checked ~ span:nth-last-child(2) {transform: rotate(-45deg) translate(4px, 2px);}


/* Nav wird absolut positioniert */
#menu {
	list-style-type: none;
	position: absolute;
	max-width:13em;
	top:-4.6em;
	left:-2.3em;
	border:1px solid #800;  border-radius:.4em;
	background-color:#ddd;
	margin: 1em 0 0 1em; 
	padding: 3.6em 1.6em 1em 1em;
	-webkit-font-smoothing: antialiased;
	/* Flackern in Safari */
	transform-origin: 0% 0%;
	transform: translate(-125em, 0em);
	transition: transform 0.0s cubic-bezier(0.77,0.2,0.05,1.0);}

/* von links einblenden */
#menuToggle input:checked ~ ul {transform: none;}

/* ===================================================== diverse Formatierungen ===== */
.clear {clear:both;}
.right {text-align:right;}
.center {text-align:center;margin:0 auto;}
.b1px000 {border:1px solid black;}
.more {text-align:right;}

div.quote {margin:1em 0 1em 0;padding:1em 1em 0 1em;clear:both;background:#fafafa;border:1px solid black;border-radius:4px;}
div.author {text-align:right;padding-bottom:1em;}
.quote>p {margin-top:0em;}

.zitate_headline {font-weight:bold;margin:.3em 0 .5em 0;font-size:1.2em;}
.zitate_quote {}
.zitate_source {margin-top:1em;text-align:right;}

table.liste {font-size:90%;border-collapse:collapse;width:100%;}
table.liste td {border:1px solid #ccc; vertical-align:top;}
table.liste tr:nth-child(odd) {background:#eee;}


table.small {border-collapse: collapse;margin:0;font-size:75%;}
table.small td {border: 1px solid black;vertical-align:top;padding:.2em;}

.noshade1 {color:#000;background:#000;height:.1em;border:none;}

hr.w40 {width:40%;}

.first {font-size:1em;color:#990000;margin-top:1em;font-weight:normal;}
.solo {font-size:1.4em;margin-top:.5em;margin-bottom:2em;border-bottom:1px solid #aaa;font-weight:normal;}
.second {font-size:1.4em;margin-top:.5em;margin-bottom:1em;border-bottom:1px solid #aaa;font-weight:normal;line-height:1.2em;}
h3 {font-size:1.1em;margin:2em 0 1em 0;padding:0;}

#main li {line-height:1.2em;}
#main dt {margin-top:.5em;}
#main dd {margin-left:1em;}

audio {border:1px solid black;border-radius:4px;padding:2px;margin:2px;}

.source {font-family:Courier,Courier New,Monotype;}
.blue {color:blue;}
.red {color:red;}
/* ===================================================== Ende allgemeine Formatierungen ===== */

#abclex {text-align:center;vertical-align:middle;}
#abclex a {
	display:inline-block;width:.9em;box-shadow: 0 2px 2px 0 #aaa;line-height:1.6em;padding:2px;margin:4px 2px 4px 0; text-align:center;}
	
#abc h3 {color:black;letter-spacing:1px;font-size:1.1em;margin:1em 0 0 0;}
#abc dl {margin-top:2em;}
#abc dt {font-size:1.1em;}
#abc dd {margin:.5em 0 0 5%;}