@charset "utf-8";
/* CSS Document 
color: #fff8ae;  hell gelb  navi Schrift
color: #543d3f; dunkel rot  navi bg
*/

*{
	margin: 0;
	padding: 0;
}

.wrapper {
	width: 900px;
	max-width: 95%;
	margin: 0 auto;
}
.clear  { /*book Level 2 back */
	clear: both;
    border: 0;
    border-bottom: 0px;
	margin: 0;
	width: 100%;
}
.bg_FFF {
	position:fixed;
	width: 100%;
	height: 120px;
	background-color: #FFFFFF;
	margin-top: -30px;
	z-index: 1;
}

#header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 90;
	margin: 0 auto;
	text-align: center;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 22px;
	font-weight: 600;
} 
.logo {
	position:relative;
	width: 960px;
	height: 99px;
	margin: 0 auto;
	background: url("../kanimg/Titel.jpg");	
    background-repeat: no-repeat;
	background-size:contain;
	background-position: center;
	z-index: 10;
}

.navi {
	display: flex;	
	position: relative;
	flex-wrap: nowrap;
	margin-top: -10px; /* damit es keine Lüke zu Logo gibt.*/
	width: 100%;	
	height: 2em;
	justify-content:space-between;
	background-color: #543d3f;
	align-items: center;
	z-index: 80;
	
}
.navi_item {
	margin: 10px 7px;
	text-align: center;
	width: 12.5%;
	box-sizing: border-box;
}
.navi_item a {
	text-decoration: none;
	color: #fff8ae;  /* hell gelb */
}
.navi_item a:hover {
	color: #543d3f; /*dunkel rot */
	background-color:#DDDDDD;
	width: 80px;
	border: solid #DDDDDD;
	border-width: 10px 15px;
}
.navi_aktive a {
	color: #543d3f;
	background-color:#DDDDDD;
	/*width: 80px;*/
	border: solid #DDDDDD;
	border-width: 10px 15px;
	text-decoration: none;
}

#content { 
	position:relative;
	margin: 0 auto;
	width: 100%;
	color:#4c4c4c;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 300;
}

.wrapper_text {
	width: 100%;
	max-width: 90%;
	margin: 0 auto;
}

#content p, em {
	line-height: 1.5em;
	margin: 10px 0;
	/*font-family: Georgia, 'Times New Roman', Times, serif;*/
	font-weight: 300;
}
#content p a {
	text-decoration: none;
	color: #543d3f;
}
.margen150 {margin-top: 150px;} /* im Fall ohne Titelbild */

.img_left {
	float: left;
	padding-right: 20px;
	padding-bottom: 10px;
	font-size: 0.8em;
}

.sub_titel {
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family:Georgia, 'Times New Roman', Times, serif 'SimSun';
	font-weight: 400;
	font-size: 1.2em;
}
.sub_titel a {text-decoration: none; color: #543d3f;}

.Book_titel {
	position: relative;
	padding-bottom: 10px;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-weight: 400;
	font-size: 1.5em;
}
.Book_titel a {	text-decoration: none; color: #543d3f;}

.text_in {padding-left: 200px;} /* für Books, Films ... */

.datalist      	  { padding: 0; margin: 0; }
.datalist ul      { list-style:none;}
.datalist li      { padding-left: 30px; text-indent: -25px; padding-bottom: 0.3em;}
.datalist li > *  { text-indent: 0; }
.datalist li a    { text-decoration: none; color: #543d3f;}



.quote {
	background-color:#EEEEEE;
	margin:0 60px 30px 60px;
	padding: 8px;
	list-style: disc;
	line-height: 2em;
}
.quote_right {text-align: right; font-size:1em;}

hr.sep {
	clear: both;
    border: 0;
    border-bottom: 1px dashed #666666;
	margin: 15px 0 15px 0;
	width: 100%;
}

.more a {
	color: #fffa8e; /*dunkel rot */
	background-color:#543d3f;
	width: 80px;
	border: solid #543d3f;
	border-width: 10px 15px;
	margin-top: 50px;
	text-decoration: none;
}
#foot {	clear: both;}

#foot hr {border: 0; border-top: 1px solid #666666;}
#foot div {
	text-align: center;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 50px;
	font-size: 1em;	
}
#foot a {
	font-size: 1em;	
	color: #333333;
}