.meetpageflip {
    background-size: cover !important;
	background: #fff;;
}

.meetpageflip > .pf-book-container,
#pf-bookoffs{
	background: none !important;
}

.pf-control-bar-button{
	cursor:pointer;
}

.pf-centered-buttons{
	width: 306px;
}

#pageflip {
	width: 100%;
	background: #ececec;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
}
#pf-pagerin {
	font-family: "Fauna One", "Lucida Grande", Helvetica, sans-serif;
	color: #000;
}
#pf-stage {
	background: #ececec;
}

body {
	margin: 0;
}

.pf-right-buttons {
    width: 158px;
}

#tabofcontents {
    position: absolute;
    z-index: 999;
    right: 50px;
    bottom: 50px;
    /* width: 120px; */
    width: 300px;
    /* border-radius: 8px; */
    border-radius: 4px;
    padding: 15px;
    /* font-weight: normal; */
    font-weight: bold;
    font-family: 'Verdana';
    font-size: 0.7em;
    /*
    color: yellow;
    background: rgba(0, 0, 0, 0.7);
    */
    background-color: #ffffff;
    text-transform: uppercase;
    
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
	-o-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
	-ms-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.30.3);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);

}

#tabofcontents ul {
    margin: 0;
    padding: 0;
}

#tabofcontents li {
    /* border-top : 1px solid yellow; */
    padding: 3px 0;
    list-style: none;
    margin: 0;
    cursor: pointer;
}

#tabofcontents li:hover {
    font-weight: bold;
}

#tabofcontents li:last-child {
    /* border-bottom: 1px solid yellow; */
}

#tabofcontents h3 {
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 0;
    color: #cc203d !important;

}

.productlink {
    position:absolute;
    width: 10%;
    height: 8%;
    background-image:url('../img/button.gif');
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}
/* :TODO: mit iPad testen
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    
}
*/
   
.productlink-de {
    background-image:url('../img/button-de.gif') !important;
}
.productlink-fr {
    background-image:url('../img/button-fr.gif') !important;
}
.productlink-it {
    background-image:url('../img/button-it.gif') !important;
}
.productlink-blue-de {
    background-image:url('../img/button-blue-de.gif') !important;
}
.productlink-blue-fr {
    background-image:url('../img/button-blue-fr.gif') !important;
}
.productlink-blue-it {
    background-image:url('../img/button-blue-it.gif') !important;
}

#pageflip-controls path, #pageflip-controls polygon, #pageflip-controls #b-index svg, #pageflip-controls #b-thumbs svg{
    cursor: pointer;
	fill: #000;
	
}
.pf-control-bar-button:not(.pf-disabled):hover g {
	fill: #000;
}
.pf-control-bar-button g,
.pf-control-bar-pager g {
	fill: #000;
	-webkit-transition: fill 0.2s;
	-moz-transition: fill 0.2s;
	-o-transition: fill 0.2s;
	-ms-transition: fill 0.2s;	
}

.searchResults{
	display:none;
	position: absolute;
	left: 50px;
    bottom: 50px;
	width: 300px;
	max-height: 230px; 
    margin-left: 82px;
    padding: 15px;
    overflow: auto;
    z-index: 999;
    font-weight: bold;
    font-family: 'Verdana';
    font-size: 0.7em;    
    text-transform: uppercase;	
	border-radius: 4px;
	background-color: #ffffff;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
    -o-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
    -ms-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.30.3);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
}

.searchResults ul {
    margin: 0;
    padding: 0;
}

.searchResults li {
    padding: 3px 0;
    list-style: none;
    margin: 0;
    cursor: pointer;
}

.searchResults li:hover {
    font-weight: bold;
}

.searchResults h3 {
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 0;
    color: #cc203d !important;
}

@keyframes spinner {
    to {
        transform: rotate(360deg);
    }
}

.spinner:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
    border-radius: 50%;
    border: 5px solid #ccc;
    border-top-color: #333;
    animation: spinner .8s linear infinite;
}

#loading-indicator {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.contentBackground {
	background-size: cover !important;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	top: 0px;
	/*background-color: white;*/
}