body {
	font-family:"droid_serifregular";
}

.page {
	position:relative;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 60%, #E5E5E5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#ffffff), color-stop(100%,#E5E5E5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 60%,#E5E5E5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 60%,#E5E5E5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 60%,#E5E5E5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 60%,#E5E5E5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#E5E5E5',GradientType=0 ); /* IE6-9 */
	/* min-width:1000px; */
}
	
.page .content {
	z-index:2;
}

.page .image {
	position:absolute;
	right:-30%;
	bottom:-10%;
	width:100%;
	height:100%;
	/* min-width:1000px; */
	background-repeat:no-repeat;
	background-position:center center;
    background-size:contain;
	z-index:1;
}

.citation {
	font-size:24pt;
	font-family:"droid_serifitalic";
	text-indent:-0.5em;
}

.footer {
	font-size:10pt;
	position:absolute;
	left:0;
	bottom:0;
	background:rgba(255,255,255,0.9);
	width:100%;
	height:auto;
	text-align:center;
	z-index:3;
	text-transform:uppercase;
	letter-spacing:0.2em;
	font-size:7pt;
	font-family:Helvetica,Arial,sans-serif;
}

.footer .footer-line {
	padding:9px 0;

}

.footer .imprint {
	border-top:1px solid #ccc;
	padding:1em;
	display:none; /* shown by jquery */
}

a {
	color:black;
	text-decoration:none;
}

.page-1 .content {
	width:350px;
	height:auto;
	position:absolute;
	left:10%;
	top:20%;
	text-align:center;
}

.page-1 .title {
	font-weight:normal;
	font-size:24pt;
	/*-padding-bottom:1em; */
	/*margin-bottom:1em; */
	/*background:none url("../img/line-1.png") no-repeat center bottom;*/
	line-height:1em;
}


.page-1 .topline {
	font-size:12pt;
	font-family:"droid_serifregular";
	text-indent:-0.5em;
}

.page-1 .citation {
	margin-top:0.5em;
	font-size:30pt;
	font-family:"droid_serifregular";
	text-indent:-0.5em;
	line-height:1.1em;
}

.page-1 .linie {
	margin:25px 100px 0 100px;
}

.page-1 .badge {
	margin-top:-10px;
}

.page-1 .subscribe {
	font-size:16pt;
	margin-top:1.5em;
	margin-bottom:1em;
}

.page-1 .offer {
	font-size:24pt;
}

.page-2 .content {
	width:350px;
	height:auto;
	position:absolute;
	left:20%;
	top:15%;
	text-align:left;
	/* background:blue; */
}

.page-2 .citation {
	text-align:left;
	width:550px;
	margin-left:-30px;
}

.page-2 .linie {
	margin-left:0;
	width:150px;
	border-top: 1px dashed #666; 
}

.page-2 .author-info {
	margin-top:2em;
	/* background:transparent url("../img/line.png") no-repeat center top; */
	font-size:14pt;
	/* border:1px dashed black; */
	/* background: rgba(0,0,0,0.1); */
}

.page-2 .book-info {
	padding-top:0.5em;
	margin-top:1em;
	font-size:14pt;
}

.linie {
	border :none; 
	border-top: 1px dashed #000; 
	margin: 40px 100px 0px 100px;
}

.page-3 .citation {
	position:absolute;
	top:10%;
	right:10%;
}

.page-3 .author-info {

}

.page-3 .content {
	width:900px;
	margin-left:-375px;
	position:absolute;
	left:50%;
	top:5%;
	text-align:center;
}

.page-3 .content .columns .col1,
.page-3 .content .columns .col2,
.page-3 .content .columns .col3 {
	width:#;
	float:left;
	padding:20px 20px 20px 20px;
	margin:0 10px 0 10px;
	font-size:12pt;
	text-align:left;
	border:0px dashed black;
	background:white;
	line-height:1.3em;
}

.page-3 .content .columns .col1 {
	width:225;
}

.page-3 .content .columns .col2 {
	width:275;
}

.page-3 .content .columns .col3 {
	width:130;
}

.page-4 .citation {
	position:absolute;
	top:10%;
	right:10%;
}

.page-4 .order-info {

}

.page-4 .content {
	width:750px;
	margin-left:-375px;
	position:absolute;
	left:50%;
	bottom:15%;
	text-align:center;
	background:rgba(255,255,255,0.8);
}

.page-4 .content .columns .col1,
.page-4 .content .columns .col2,
.page-4 .content .columns .col3 {
	width:#;
	float:left;
	padding:20px 20px 20px 20px;
	font-size:12pt;
	text-align:left;
	border:0px dashed black;
}

.page-4 .content .columns .col1 {
	width:225;
}

.page-4 .content .columns .col2 {
	width:275;
}

.page-4 .content .columns .col3 {
	width:130;
}

.page-5 .content {
	position:absolute;
	top:10%;
	left:10%;
}

.page-5 .citation {
	margin-top:.3em;
}

.page-6 .citation {
	position:absolute;
	top:10%;
	right:10%;
}

.page-6 .order-info {

}

.page-6 .content {
	width:750px;
	margin-left:-375px;
	position:absolute;
	left:50%;
	bottom:15%;
	text-align:center;
	background:rgba(255,255,255,0.8);
}

.page-6 .content .columns .col1,
.page-6 .content .columns .col2,
.page-6 .content .columns .col3 {
	float:left;
	padding:20px 20px 20px 20px;
	font-size:12pt;
	text-align:left;
	border:0px dashed black;
	width:210px;
}

.page-6 .content .columns .col1 {
	width:225;
}

.page-6 .content .columns .col2 {
	width:275;
}

.page-6 .content .columns .col3 {
	width:130;
}

.linie2 {
	border: none; 
	width: 80px;
	border-top: 1px dashed #000; 
	margin: 0px 0px 15px 0px;
}


.page-1 .image {
	background-image:url("../img/romarotunda01.png");
}

.page-2 .image {
	background-image:url("../img/romarotunda02.jpg");
	right:-23%;
	top:0%;
	width:100%;
	height:100%;
	/* min-width:1000px; */
	background-repeat:no-repeat;
	background-position:center center;
    background-size:contain;
}

.page-3 .image {
	background-image:url("../img/romarotunda03.png");
	bottom:-10%;
	right:-3%;
	width:100%;
	height:100%;
}

.page-4 .image {
	background-image:url("../img/romarotunda04.png");
	bottom:5%;
	right:-3%;
	width:100%;
	height:100%;
}

.page-5 .image {
	background-image:url("../img/romarotunda05.png");
	top:5%;
	left:0;
	width:100%;
	height:100%;
}

.page-6 .image {
	background-image:url("../img/romarotunda06.png");
	top:0;
	right:0;
	width:100%;
	height:100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.onepage-pagination {
	right:auto;
	left:10px;
	top:40%;
}

.seperator {
	padding:0 5px;
}

.buy-button {
	display:block;
	margin-top:-3px;
}

