body {
	margin: 0;
}

.pageflip-container {
	padding-top: 1px;
}
#b-pinterest,
#b-facebook,
#b-twitter,
#b-google {
	display: none;
}
#pf-stage {
	background: #DBDBDB;
}
.pf-left-side,
.pf-right-side,
.pf-thumbnail-spread,
.pf-thumbnail-page {
	background: #888;
}
.pf-thumbnail-spread:hover{
	cursor: pointer;
}

#pageflip-controls,
#pf-pagerin {
	color: #666666; /*Change Kontrollen - Pager*/	
}

#pageflip-controls svg{
	cursor: pointer;
}

#pageflip-controls:active{
	fill: #666666;
}

#pageflip-controls.hideMe {
	display:none;
}

.pf-control-bar-button g,
.pf-control-bar-pager g {
	fill: #666666; /*Change Kontrollen - Pager*/		
}

.pf-control-bar-button:not(.pf-disabled):not(.mobile):hover g,
.pf-control-bar-button.hasHover:not(.pf-disabled) g {  /* Custom colors */
	fill: #E20046; /*Change*/	
}

#pageflip-controls {
	background: rgba(219,219,219,0.2);
}
.pf-hotspot {
	position: absolute;
	overflow: hidden;
	cursor: pointer;
}



#controlbarSmallscreen-controls,
#controlBarSmallscrenn-custom{
	display: none;	
	fill: #666666;
}

.smallScreenControlsP {
	height: 38px;
	left:0;
	z-index:15;
	position: absolute;
	top:40%;
	-webkit-border-top-right-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-bottomright: 2px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	background: rgba(219,219,219,0.2);
}

.smallScreenControlsN {
	height: 38px;
	right:0;
	z-index:15;
	position: absolute;
	top:40%;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	background: rgba(219,219,219,0.2);
}

.smallScreenControlsT{
	height: 38px;
	right:0;
	z-index:15;
	position: absolute;
	bottom:0px;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-topleft: 2px;
	border-top-left-radius: 2px;
	background: rgba(219,219,219,0.2);
}

.smallScreenControlsZI,
.smallScreenControlsZO {
	height: 38px;
	left:0;
	z-index:15;
	position: absolute;
	bottom:0px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topright: 2px;
	border-top-right-radius: 2px;
	background: rgba(219,219,219,0.2);
}

.smallScreenControlsP.hasHover,
.smallScreenControlsN.hasHover,
.smallScreenControlsT.hasHover,
.smallScreenControlsZI.hasHover,
.smallScreenControlsZO.hasHover{
	fill: #E20046; /*Change*/
}



.tooltip {
	display:none;
	position:absolute;
	border:1px;
	background-color:rgba(255,255,255,1.0);
	border-radius:2px;
	padding:10px 10px 10px 10px;
	color:rgba(0,0,0,1.0);
	font-family: Arial;
	font-size:12px;
	z-index: 100;
	opacity: 0.8;
}

.tooltipTitle {
	color:rgba(0,0,0,1.0);
	font-family: Arial;
	font-size:18px;
	font-weight: bold;
}

.tooltipText {
	color:rgba(0,0,0,1.0);
	font-family: Arial;
	font-size:12px;
}

.textDimensionCalculation {
    position: absolute;
    visibility: hidden;
    height: auto;
    width: auto;
    white-space: nowrap;
}

#pageflip-thumbnails {
	background: #DBDBDB;
}