@charset "utf-8";
/* CSS Document Video #15 */

*{
	margin: 0;
	padding: 0;
}

.wrapper {
	width: 960px;
	max-width: 90%;
	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:"Fira Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 15px;
	font-weight: 600;
} 
.logo {
	position:relative;
	width: 960px;
	height: 99px;
	margin: 0 auto;
	background: url(../img/titel.png);	
    background-repeat: no-repeat;
	background-size:contain;
	background-position: center;
	z-index: 10;
}
hr.navi_line {
	position:relative;
	clear: both;
    border: 0;
    border-bottom: 1px solid #666666;
	margin: -15px 0 5px 0;
	width: 100%;
	z-index: 9;
}

.navi {
	display: flex;	
	position: relative;
	flex-wrap: nowrap;
	margin-top: -5px; /* damit es keine Lüke zu Logo gibt.*/
	width: 100%;
	justify-content:space-between;
	background-color: #FFFFFF;
	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: #4c4c4c;
}
.navi_item a:hover {
	color: #143580;
	background-color:#DDDDDD;
	width: 80px;
	border: solid #DDDDDD;
	border-width: 5px 15px;
}
.navi_aktive a {
	color: #143580;
	background-color:#DDDDDD;
	width: 80px;
	border: solid #DDDDDD;
	border-width: 5px 15px;
}

.no_titel_bild {  /* im Fall ohne Titelbild  */
	margin: 0 auto;
	border-top: solid #666666 1px;
}

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

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

#content p, em {
	line-height: 1.5em;
	margin: 10px 0;
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 300;
}
#content p a {
	text-decoration: none;
	color: #143580;
}

.titel_bild {
	margin: 0 auto;
	width: 960px;
	height: 382px;
	margin-top: 130px;
}

.margen150 {margin-top: 150px;} /* im Fall ohne Titelbild */

.img_left {
	float: left;
	padding-right: 20px;
	padding-bottom: 10px;
}

.sub_titel {
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family:"Fira Sans", "微软雅黑", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-weight: 400;
}
.sub_titel a {text-decoration: none; color: #143580;}

.Book_titel {
	position: relative;
	padding-bottom: 10px;
	font-family:"Fira Sans", "微软雅黑", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-weight: 400;
}
.Book_titel a {	text-decoration: none; color: #143580;}

.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: #143580;}


strong {font-weight: 400;}

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

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

.img_booklist {
	display: flex;	
	flex-wrap: wrap;
	max-width: 100%;
	justify-content: flex-start;
	background-color: #FFFFFF;	
	align-items: center;
}
.img_booklist img {
	margin-right: 10px;
	width: 50px;
	height: 70px;
	margin-top: 8px;
}
.img_booklist a{
	text-decoration: none;
	color: #333333;
	font-size: 0.8em;
}
#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-family: 'Nunito Sans', sans-serif;
	font-size: 0.8em;	
}
#foot a {
	text-decoration: none; 
	font-size: 1em;	
	color: #333333;
}

/* für /RESY/resy_uplaod.php*/
input[type="submit"] {
   text-align: center;
   font-size: 0.8em; padding: 3px 8px; 
   font-family:"Fira Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
   font-weight: 300;
   color: #143580;
   border: 1px solid silver;
   background-image: linear-gradient(to top, #3bbff0 0%, white 90%);
   border-radius: 10px;
}
.Botton {
   text-align: center;
	margin: 0 10px;
   font-size: 0.8em; padding: 3px 8px; 
   font-family:"Fira Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
   font-weight: 300;
   color: #143580;
   border: 1px solid silver;
   background-image: linear-gradient(to top, #3bbff0 0%, white 90%);
   border-radius: 10px;
   text-decoration: none;
}
.Botton a {text-decoration: none;}

/*
.more_intern {
	text-decoration:none;
	padding-right:25px;
	height: 11px;
	width: 20px;
	font-weight: 400;
	color:#143580;
}

.more_extern {
	text-decoration:none;
	padding-right:25px;
	background-image: url(../img/Link-Extern.png);
	background-repeat: no-repeat;
	background-position: right center;
	height: 11px;
	width: 20px;
}
*/