body {
	flex: 1 1 0%;
	font-family: Verdana, Arial,sans-serif;
	font-size: 1.1em;
	line-height: 150%;
	color: #000;
	margin-left: 0em;
	margin-top: 0em;
	background-color: #fff;
	word-spacing: .1em;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	max-width: 55em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4em;
	}

img	{	max-width: 100%;
	}
	
.ut	{
	margin-right: .5em;
	margin-bottom: 2em;
	font-size: 1.2em;
	font-family: Courier, Typewriter;
	text-align: center;
	hyphens: none;
	padding: .5em;
	border-radius: 0.5em;
	box-shadow: .3em .2em .3em .3em grey;
	}
	

p	{	font-family: Verdana, Arial, sans-serif;
		padding-left: 1em;
		padding-right: 1em;
		margin-right: .5em;
	}

.datum	{
	font-size: 0.85em;
	text-align: right;
}
	
li	{
	padding-bottom: 0.5em;
	margin-right: .5em;
}

	
table, th, td { border: thin solid; }
#coll { border-collapse: collapse; }
#sepa { border-collapse: separate; margin-top: 2em; }
caption { text-align: left; }


tt	{	font-size: 1.2em;
	}

td	{	padding: .5em;
	}

table, td	{	border: thin solid;
	border-collapse: collapse;
	}

A:link {	color: #009;
	text-decoration: underline;
	font-weight: normal;
	}
	
.type	{
	font-family: courier, typewriter;
	}

.basis	{
	max-width: 55em;
	padding: 0em;
	text-align: left;
	}

.zentriert {
  display: flex;
  align-items: center;
  padding: .5em;
  justify-content: center;
}

.oben_unten {
  	display: flex;
	margin-left: auto;
	margin-right: auto;
 	align-items: center;
	padding-bottom: .5em;
  	padding-top: .5em;
  	justify-content: center;
  	background-image: linear-gradient(to right, #999, #fff, #999);
  	border-bottom: .1em #000 solid;
  	border-top: .1em #000 solid;
}
	
.hypothese	{
	flex: 1 1 0%;
	border: solid 0.3em #05a;
	background-color: #bdf;
	padding: 0.5em;
	}
	
.topic {
	flex: 1 1 0%;
	border: 0.15em solid #a00;
	border-radius: 0.5em;
	background-color:	#eee;
	margin-left: 1em;
	margin-right: .5em;
	padding: 1em;
	}

.empf		{
	flex: 1 1 0%;
	border: 0.15em solid #c00;
	border-left-width: .5em;
	border-radius: .5em;
	background: #ddd;
	padding: 1em;
	margin-left: 1em;
	margin-right: .5em;
	}
	
.look {
	flex: 1 1 0%;
	border: 0.1em solid #00c;
	border-left: 0.5em solid #00c;
	padding: 0.5em;
	background-color: #d9e4ec;
	margin-left: 1em;
	margin-right: .5em;
	}
	
.schnell	{
	flex: 1 1 0%;
	border: solid 0.1em #070;
	background-color: #efe;
	padding: 0.5em;
	margin-bottom: 1.5em;
	margin-left: 1em;
	margin-right: .5em;
	}
	
.spezial	{
	border-left: 1em solid #f00;
	background-color: #dfd9d6;
	padding-bottom: .5em;
	padding-right: .5em;
}
	
.rote_linie_li	{
	border-left: 1em #c00 solid;
	padding-left: 1em;
	}
	
.erinnerung	{
	border-left: .5em #067 solid;
	border-right: .1em #067 solid;
	padding: .25em;
	margin-left: 1em;
	margin-right: .5em;
	border-radius: 1em;
	background-color: #e5fff1;
	}

footer {
	position: fixed;
	padding: .6em;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 1em;
	background-image: linear-gradient(to right, #bad4ff, #fff, #bad4ff);
	border-top: .1em #000 solid;
	max-width: 55em;
}


.flex-item {
	flex: 1 1 0%;
	border: 0.05em solid;
	border-radius: .5em .5em;
	padding: 1em;
	background: #e0e9ef;
	}
	
hr { 	color: #024;
		height: 3px;
		width: 150px;
		box-shadow: 5px 4px 5px rgba(0,0,0,0.8);
		margin-top: 2.5em;
} 

/* Ueberschriften */

H1 {	font-size: 2em;
	font-family: "PT Serif";
	font-weight: normal;
	text-align: center;
	line-height: 1.2em;
	margin: .5em;
	color: #236;
	flex: 1 1 0%;
	hyphens: none;
	}

H2 {	font-size: 1.5em;
	font-family: "PT Serif";
	color: #236;
	font-weight: normal;
	line-height: 1.5em;
	flex: 1 1 0%;
	padding: 0.3em;
	margin-top: 1em;
	hyphens: none;
}

.faq	{
	color: #fff;
	margin: 1.5em .5em .5em .5em;
	padding-left: 1em;
	background-color: #009;
	font-size: 1.25em;
	}
	
.mehr	{
	text-align: center;
	letter-spacing: .1em;
	color: #000;
}

H3 {	font-size: 1.3em;
	font-family: Verdana, sans-serif;
	line-height: 1.25em;
	font-style: italic;
	font-weight: normal;
	padding-left: .5em;
	color: #236;
	hyphens: none;
}

H4 {	font-size: 1.2em;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	color: #236;
	letter-spacing: .05em;
	padding-left: 1em;
	line-height: 1.25em;
	hyphens: none;
}

H5 {	font-size: 1.1em;
	font-family: serif;
	font-weight: bold;
	padding-left: 1em;
	color: #236;
	hyphens: none;
}

/* Hervorhebungen */

em, strong	{	
	font-style: italic;
	font-weight: normal;
	color: #d00;
	letter-spacing: 0.05em;
	background-color: #fff;
	}

.zitat	{	
	font-style: italic;
	font-weight: normal;
	color: #060;
	padding-left: 2em;
	font-family: serif;
	font-size: 1.1em;
	}
	
.bsp {
	flex: 1 1 0%;
	padding: 0.5em;
	margin-left: 1em;
	margin-right: .5em;
	background-color: #e0f0ff;
	border: #00f .1em solid;
	border-radius: .5em;
	}
	
.tipp {
	padding: 0.5em;
	margin-left: 1em;
	margin-right: .5em;
	border-left: 0.5em solid #00f;
	border-radius: 1em;
	}
	
	
.wichtig	{
	font-weight: bold;
	color: #933;
	border-left: 0.5em solid #f00;
	margin-left: 1em;
	padding-left: .5em;
	}
	
.hinweis	{
	font-style: italic;
	margin-left: 1em;
	border-left: #c00 solid .5em;
	letter-spacing: .05em;
	}

/* Bilder und Boxes */

.bild_li {
	margin: 0.5em 1em 0.5em 0em;
	text-align: left;
	border: 0em;
	display:	inline;
	float:	left;
	}

.bild_re {
	margin: 0.5em 0em 0.5em 1.5em;
	text-align: right;
	border: 0em;
	display:	inline;
	float:	right;
	}

.bild_li_muss {
	margin: 1em 3em 1em 0em;
	text-align: left;
	border: 0em;
	display:	inline;
	float:	left;
	}

.bild_re_muss {
	margin: 0.5em 0em 0.5em 1.5em;
	border: 0em;
	display:	inline;
	float:	right;
	}
	
.untertext	{
	font-family: courier, new courier, typewriter;
	font-size: 1.1em;
	}


/* veraltet */

.summary {
	flex: 1 1 0%;
	border: 0.2em solid #03a;
	border-radius: 0.5em;
	border-right-width: 0.45em;
	border-bottom-width: 0.55em;
	margin: .5em;
	padding: 0.5em;
	font-size: 1em;
	line-height: 1.5em;
	background-color: #eaeff3;
	}

.summary2 {
	border: 0.15em solid #236;
	border-radius: .5em;
	}
	
.resumee {
	flex: 1 1 0%;
	border: 0.1em solid #678;
	border-radius: 0.5em;
	border-right-width: 0.3em;
	border-bottom-width: 0.3em;
	margin: 0em 0em 5em 0em;
	padding: 1em;
	background-color:	#d6f2ef;
	}
	
#toplink {
	background: white;
	bottom: 0;
	margin: 0;
	padding: 0.5em 1em;
	position: fixed;
	right: 0;
}
	
.text	{
	padding: 1em;
	}
	
.pt-serif-regular {
  font-family: "PT Serif", serif;
  font-weight: 400;
  font-style: normal;
}