html {
    height: 100%;
}

body {
    height: 100%;
    padding: 0;
    margin: 0;
    background-color: #000;
}

#mybook {
    width: 100%;
    min-height: 100%;
    margin: auto;
    padding: 0;
    background-color: #000;
}

.page_l {
    width: 100%;
    height: 100%;
    text-align: center;
	background:url("../images/shadow_l.png") repeat-y top right;
	padding:0px;
	margin:0;
}

.page_r {
    width: 100%;
    height: 100%;
    text-align: center;
	background:url("../images/shadow_r.png")  repeat-y top left; 
	padding:0px;
	margin:0;
}

.logo {
	padding:0 5% 0 5%; 
	background:url("../images/logo_min.png") no-repeat top center; 
}

.front-page {
    background: url("../images/logo.png") no-repeat center center;
    background-size: 70% auto;
    text-align: center;  
    width: 100%;
    height: 100%;
	padding:0px;
	margin:0;
}

.front-page h3 {
    padding-top: 20px;
    color: #821416;
    font-family: 'Courgette', cursive;
    font-size: 7em;
    text-shadow: 1px 1px 1px #5d090b;
    filter: dropshadow(color=#5d090b, offx=1, offy=1);
}

.segment-title {
    color: #800000;
    font-size: 1.3em;
    font-family: 'Courgette', cursive;
	padding-top:100px;
}

.segment-title-lang {
    font-size: 0.9em;
    font-family: 'Courgette', cursive;
    color: #7e3637;
    font-style: italic;
    padding-top: 5px;
	white-space:nowrap;
}

.segment-gap {
	width:100%;
	height:10px;
	float:left;
}

.one-row {
    width: 100%;
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
}

.entry-top {
    width: 100%;
    float: left;
    color: #800000;
    font-family: 'Courgette', cursive;
    font-size: 75%;
}

.entry-bottom {
    width: 95%;
    float: left;
    color: #7e3637;
    font-family: 'Courgette', cursive;
    padding-left: 5%;
    text-align: left;
}

.entry-bottom-name {
    font-size: 75%;
}

.one-row-bottom {
    float: left;
    margin-bottom: 5px;
    width: 100%;
}

.entry-no {
    width: 5%;
    float: left;
    text-align: center;
    padding-bottom: 5px;
}

.entry-name {
    width: 75%;
    float: left;
    text-align: left;
    padding-bottom: 0px;
}

.entry-price {
    width: 20%;
    float: left;
    text-align: left;
    padding-bottom: 5px;
}

.additional-info {
    width: 100%;
    font-size: 0.8em;
    padding-left: 5%;
    padding-right: 0%;
    text-align: left;
    margin-top: 0px;
    float: left;
    margin-bottom: 5px;
}

.additional-info-bottom {
    width: 100%;
    float: left;
    font-size: 0.6em;
    margin-top: 2px;
    margin-bottom: 2px;
}

.margin-top {
    margin-top: 5px;
}

.clear {
	clear:both; 
}

#custom-next, #custom-prev {
    position: absolute;
    z-index: 9999999;
    bottom: 20px;
    font-family: 'Courgette', cursive;
    font-size: 0.8em;
    right: 5px;
	cursor:pointer;
	
    
}

#custom-prev {
    left: 5px !important;
    text-align: left;
}