html {
	padding:0;
	margin:0;
	height:100%;
	min-height:100%;
	width:100%;
	
}

body {
	margin:0;
	color:#444;
	font: 11px helvetica,arial,sans-serif;
	padding:2px;
	box-sizing:border-box;
	position:fixed;
	height:100%;
	min-height:100%;
	width:100%;
}
a:focus {
	outline:none;	
}
h1, h2 {
	margin:0 10px 4px 0;
}

table {
	border-collapse:collapse; 
	width:100%;
	height:100%;
}

table#banner {
	height:55px;	
}

table#banner td {
	vertical-align:top;
}
table#banner td.left {
	text-align: left;
}
table#banner td.right {
	text-align: right;
}

td.tl {
	background: url(../images/ereader/tl.png) no-repeat scroll 0pt 0pt transparent;
	width:20px;
	height:20px; 
}

td.tm {
	background: url(../images/ereader/tm.png) repeat-x scroll 0pt 0pt transparent;
	height:20px;
}

td.tr {
	background: url(../images/ereader/tr.png) no-repeat scroll 100% 0pt transparent;
	width:20px;
	height:20px;
}

td.ml {
	background: url(../images/ereader/ml.png) repeat-y scroll 0pt 0pt transparent;
	width:20px;
}

td.mm {
	vertical-align:top;
	padding:10px;
	z-index:0;
}

td.mr {
	background: url(../images/ereader/mr.png) repeat-y scroll 100% 0pt transparent;
	width:20px;
}

td.bl {
	background: url(../images/ereader/bl.png) no-repeat scroll 0pt 100% transparent;
	width:20px;
	height:20px;
}

td.bm {
	background: url(../images/ereader/bm.png) repeat-x scroll 0pt 100% transparent;
	height:20px;
}

td.br {
	background: url(../images/ereader/br.png) no-repeat scroll 100% 100% transparent;
	width:20px;height:20px;
}
input[type=text] {
    padding: 3px;
    border: 1px solid #B6B6B6;
    font: 11px helvetica,arial,sans-serif;
}
boxes.css (Zeile 60)
input, select, button {
    vertical-align: middle;
}
#ereader_table {
	z-index:0;
}
#ereader td {
	overflow:hidden;
}
.ereader_page {
	position:absolute;
	top:30px;
	left:30px;
	right:30px;
	bottom:30px;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ereader_page img {
	border:none;
	height:99.9%;
}
.ereader_pager {
	position:absolute;
	z-index:102;
	cursor:pointer;
	height:100%;
	display:block;
	width:50%;
	top:0px;
	background-color:#fff;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
	filter:alpha(opacity=1);
	-moz-opacity:0;
	opacity:0;
}

#ereader_modal {
	z-index:1000;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#fff;
	opacity: .5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}
#ereader_msg {
	z-index:1001;
	display:block;
	margin:-70px 0 0 -150px;
	left:50%;
	top:50%;
	width:300px;
	height:200px;
	position:absolute;
	background-color:#fff;
	border:1px solid #d0d0d0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding:10px;
}
#ereader_wait {
	z-index:103;
	display:block;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	position:absolute;
	background: url(../images/ereader/loading.gif) no-repeat 10px 10px;
}
/* toc */
#ereader_toc {
	width:400px;
	overflow:hide;
}
#toc {
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
#toc ul.root {
  color: #555;
  font: 10px;
  text-shadow: 1px 1px #ddd;
}
/*
#toc li {
  list-style: none;
  line-height: 150%;
  padding-left: 1em;
  padding-right: 2em;
  border-bottom: 2px groove #eee;
  cursor: pointer;
}
*/
#toc li span {
	display:block;
	margin-left:17px;
}
#toc li.act>span{
	font-weight:bold;
}
#toc li.over {
	background-color:#f0f0f0;
}
/*
#toc.li.lvl2 {
	display:none;
}
#toc li span {
  display: block;
}

#toc ul li:last-child {
  border-bottom: none;
}

#toc ul {
  margin: 0;
  padding: 0;
}
*/
.treed, .treed ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
 font: 11px helvetica,arial,sans-serif;
/* background-image: url('../images/ereader/vdot.gif');
 background-repeat: repeat-y;
 background-position: 8px 1px;
*/
}
.treed a {
 text-decoration: none;
 color: #000;
 display:block;
 float:left;
/* background-image: url('../images/ereader/folder.gif');
 background-repeat: no-repeat;
 background-position: center left; */
 width:17px;
 height:16px;
 padding:0;
}
.treed a.link {
	width:inherit;
	float:none;
	text-decoration:underline;
}
.treed li {
 padding-top: 4px;
 padding-left:0px;
 margin-left:7px;
/* background-image: url('../images/ereader/corner.gif');
 background-repeat: no-repeat;
 background-position: 8px 1px;
*/ cursor: pointer;
}
.treed a:hover {
 text-decoration: underline;
}
.treed .collapsed, .treed .open {
 background-repeat: no-repeat;
 background-position: 1px 1px;
 cursor: pointer;
}
.treed .collapsed {
 background-image: url('../images/ereader/plus.gif');
}
.treed .open {
 background-image: url('../images/ereader/minus.gif');
}
.treed .collapsed ul, .treed .lastcollapsed ul {
 display: none;
}
.treed .last, .treed .lastfile {
/* background-image: url('../images/ereader/corner.gif');
 background-position: 8px 1px;
*/ background-color: #fff;
}
.treed .lastcollapsed {
 background-image: url('../images/ereader/plus.gif');
}
.treed .lastopen {
 background-image: url('../images/ereader/minus.gif');
}
.treed .lastopen, .treed .lastcollapsed {
 background-repeat: no-repeat;
 background-position: 1px 1px;
 cursor: pointer;
 background-color: #fff;
}
.treed .file a, .treed .lastfile a {
/* background-image: url('../images/ereader/file.gif');*/
}



/* end of toc */

#ereader_head {
	height:55px;
}

#ereader_book {
	position:relative;
	display:block;
	padding:2px;
	background-color:#ddd;
	background-image: -moz-linear-gradient(center bottom, rgb(200,200,200) 0%, rgb(230,230,230) 35%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(200,200,200)), color-stop(0.35, rgb(230,230,230))));
    border:1px solid #d0d0d0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	height:95px;
	overflow:hidden;
	clear:both;
	margin-right:10px;	
	width:390px;
}

#roughcut_icon {
	display:block;
	position:absolute;
	left:344px;
	top:52px;
	width:46px;
	height:42px;
}

#ereader_menu {
	float:left;
/*	height:27px;
	width:350px;
*/
	width:27px;
	height:700px;
	line-height:20px;
}
#ereader_menu input {
	display:inline-block;
    float:left;
/*	width:40px;
	padding:5.5px 3px 2px 3px;
*/	width:22px;
	padding:2px 2px 1px 2px;
	text-align:right;
}
#ereader_menu button {
	cursor:pointer;
    display:block;
    float:left;
    margin:2px 4px 0px 0px;
    background-color:#fff;
	background-position: center center;
	background-repeat:no-repeat;
    border:1px solid #fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size:12px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:1px 0px;
	width:24px;
	height:22px;
}

#ereader_menu input {
	margin-top:3px;
}
#ereader_menu #show_toc{
	background-image:url('../images/ereader/application-sidebar.png');
}
#ereader_menu #zoom_minus{
	background-image:url('../images/ereader/magnifier-zoom-out.png');
}
#ereader_menu #zoom_plus{
	background-image:url('../images/ereader/magnifier-zoom-in.png');
}
#ereader_menu #zoom_fit{
	background-image:url('../images/ereader/page_fit.png');
}
#ereader_menu #zoom_large{
	background-image:url('../images/ereader/page_large.png');
}
#ereader_menu #goto_page{
	background-image:url('../images/ereader/document-number.png');
}
#ereader_menu #prev_page{
	background-image:url('../images/ereader/arrow-l.png');
}
#ereader_menu #next_page{
	background-image:url('../images/ereader/arrow-r.png');
}

#ereader_menu #add_bookmark {
	background-image:url('../images/ereader/bookmark-icon.png');
}
#ereader_menu #extract_pdf {
	background-image:url('../images/ereader/scissors-blue.png');
}
#ereader_menu #print_page {
	background-image:url('../images/ereader/printer.png');
}

#ereader_title {
	display:block;
	float:left;
	width:300px;
	overflow:hidden;
	color: #444;
	font: 11px helvetica,arial,sans-serif;
}

#ereader_title h1{
	font-size:120%;
}
#ereader_title h2{
	font-size:105%;
}

#ereader_title p {
	margin:3px 0 0;
}

#cover_small{
	background-color:#fff;
    border:1px solid #d0d0d0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	float:left;
	margin-right:5px;
}
#cover_small img{
	height:60px;
	margin:0 10px;
}
#ereader #content {
	background-color:#fff;
}
.shadow {
	box-shadow:0px 0px 15px #999;
	-moz-box-shadow:0px 0px 15px #999;
	-webkit-box-shadow:0px 0px 15px #999;	
}
/* tabs */
#tabmenu {
/*	overflow:hidden;
*/	
	overflow:visible;
	height:21px;
	border-bottom:1px solid #ddd;
}
#tabmenu .tab {
	float:left;
	border:1px solid #ccc;
	border-bottom:none;
	margin:3px 0 0 3px;
	padding:3px 5px 2px 5px;
	background-color:#e2e2e2;
	color:#666;
	border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
}
#tabmenu .active {
	background-color:#FFFFFF;
	color:#000;
	height:12px;
	border-bottom: 1px solid #fff;
}
#tabmenu .tab:hover {
	background-color:#FFFFFF;
	color:#000;
	cursor:pointer;
}
#searchinput {
	margin:0px;
	width:220px;
}
#dosearch {
}
#search {
	padding: 10px;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;	
}
#search td{
	vertical-align:top;
}
#search table {
	margin: 0 0 5px 0;
	width:100%;	
	border-collapse:collapse;
}
#searchResult table{
	margin: 5px 0 0 0;
	border-top: 1px solid #d9dde3;
	width:100%;
	border-collapse:collapse;
	cursor:pointer; 	
}
#searchResult td{
	vertical-align:top;
	padding: 2px 0 0 0;
}

#searchResult .pagenr {
	font-weight:bold;
}
#search_wait {
	z-index:103;
	display:block;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	position:absolute;
	background: url(../images/ereader/loading.gif) no-repeat center center;
}

.booknote {
	position:absolute;
}

.bookmark {
	position:absolute;
	right:50px;
	top:-20px;
	width:30px;
	height:60px;
	background:#374395;
}

.bookmark-additional {
	position:relative;
	padding:10px 20px 10px 10px;
	margin-top:10px;
	width:340px;
	border:1px solid #ddd;
	cursor:pointer;
}

.bookmark-additional.active {
	background-color:#d0d0cf;
}

.booknote.active {
	background-color:rgba(255,255,0,0.28) !important;
	outline:2px rgba(0,0,255,0.7);
}

.color-picker {
	margin:3px 0;
	padding:5px 0;
	height:15px;
	width:90px;
	float:right;
	text-align:right;
}

.booknote-detail-date {
	float:left;
	width:200;
	overflow:hidden;
}

.color-picker div {
	display:inline-block;
	width:20px;
	height:15px;
	margin:0 10px 0 0;
	cursor:pointer;
}

.bn-green {
	background-color:rgba(0,255,0,0.2);
}

.bn-blue {
	background-color:rgba(0,0,255,0.2);
}

.bn-pink {
	background-color:rgba(255,0,0,0.2);
}

#booknotes {
	padding:10px 5px;
}

.booknote-additional {
	position:relative;
	margin:5px 0;
	padding: 3px 4px;
	border: 1px solid #ddd;
	width:370px;
}

.booknote-additional textarea {
	width:364px;
	height:40px;
	overflow:auto;
	border:1px solid #ddd;
}

.booknote-additional textarea.active {
	background-color:rgba(255,255,0,0.28) !important;
	outline:2px rgba(0,0,255,0.7);
}

.booknote-color-area {
	display:inline-block;
	width:30px;
	height:8px;
	margin-right:10px;
}

.booknote-additional-book {
	margin:5px 0;
	cursor:pointer;
}

.close {
	display:none;
	cursor:pointer;
	position:absolute;
	top:-6px;
	right:-9px;
	background-size:cover;
	width:20px;
	height:20px;
	background-image:url('../images/ereader/close-booknote.png');
}

.booknote-additional .close, .booknote.active .close {
	display:block;
}

.bookmark-additional .close, .bookmark .close {
	display:block;
}

#show-all-booknotes {
	margin-left:0;
}


#tab_content {
	overflow:auto;
}

#content_scroller {
	position:absolute;
	overflow:scroll;
	height:100%;
}

.userdata-help {
	padding:5px;
	line-height:1.6em;
	font-size:1.2em;
}

#ereader_extract {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	z-index: 105;
	background-color: #f0f5f5;
}

.extract-additional {
	position: relative;
	margin: 0;
	padding: 10px;
	border: 1px solid #ddd;
	min-width: 370px;
	min-height: 200px;
	border-radius: 4px;
}

.extract-additional textarea {
	width: 98%;
	height: 100%;
	min-height: 300px;
	overflow: auto;
	border: 1px solid #ddd;
	margin: 10px 0;
	padding: 5px;
}

.extract-additional img {
	content:url("../images/ereader/scissors-blue.png");
	float:left;
	margin-right: 5px;
}

.extract-additional .close {
	display: block;
}