body {
	margin: 0;
}

.book-content {
	opacity: 0;
	-webkit-transition: opacity 2s;
	-moz-transition: opacity 2s;
	-o-transition: opacity 2s;
	-ms-transition: opacity 2s;
	transition: opacity 2s;
	
	-webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
	-ms-transition-delay: 1s;
    transition-delay: 1s;
}

.pageflip-container {
	padding-top: 1px;
}

#b-thumbs {
	display: none;
}
.left-side,
.right-side {
	background: #888;
}
#pageflip-controls,
#pagerin {
	/*color: rgba(255,255,255,0.5);*/
	color: rgba(0, 0, 0, 0.9);
}

#controls{
	/*position:relative;*/
	position:initial;
	margin-top: 10px;
	/*padding: 10px;*/
	height: inherit;
}

.control-bar-button g,
.control-bar-pager g {
	/*fill: rgba(255,255,255,0.5);*/
	fill: rgba(0, 0, 0, 0.9);
}
.control-bar-button:not(.disabled):hover g {
	/*fill: #FFAA00;*/
	fill: rgba(157, 198, 15, 1);
}
#pageflip-controls {
	/*background: rgba(68,68,68,0.1);*/
	background: transparent;
	padding: 0.5vh 3%;
}

.right-buttons {
	/*margin-right: 0.1vw;*/
}

.left-buttons {
	/*display:none;*/
	visibility:hidden;
}

.centered-buttons {
	/*left: calc( 50% - 127px );*/
}

#dropshadow {
    /*box-shadow: 0px 10px 30px #000;*/
	box-shadow: 0px 15px 35px rgba(0,0,0,1);
}


/*** Overlay Controls ***/



#pageflip-controls {
	bottom: unset;
	font-size: inherit;
	margin-top: -1em;
	margin-top: -15px;
	/*height: 1.5em;*/
	/*padding: 0px 15px; works with resizing only*/
	padding: 0px 20px;
}

.overlay-buttons,.control-bar-button{
	height: 30px;
	/*height: 2em;*/
	overflow: hidden;
}

.control-bar-button, .control-bar-button:hover{
	cursor:default;
}

#b-next{
	float:right;
}

@media (orientation:Portrait){
	#pageflip-controls {
		padding: 0px;
	}
	
}

#book.ws-stiele-landscape, .book-content.ws-stiele-landscape, 
#book.ws-stiele-landscape:hover, .book-content.ws-stiele-landscape:hover,
#pageflip-controls, #pageflip-controls:hover
{
	cursor:url('/images/cursor/zoom-in.cur'), default;
	cursor: zoom-in;
	cursor:	-webkit-zoom-in;
	cursor: -moz-zoom-in;

}

.mask{
	cursor: cell;
}