body{ 
background-color:#000000;
}

#wrapstyle{
font-family: 'Vollkorn', serif; 
color:#F2F2F2; 
}

#wrap1style{
background-color:#000000;
height:100%;
width:100%;
}


.container{
	max-width:768px;
	margin-bottom:20px;
}

.hidden {
    display: none;
}

.dtitle{
font-family: 'Gentium', serif;
font-size:26px;
color:#CCCCCC;
position:fixed;
top:70px;
left:20px;
width:420px;
z-index:1;
}

#default-title{
font-family: 'Gentium', serif;
font-size:26px;
color:#CCCCCC;
position:fixed;
top:70px;
left:70px;
width:590px;
z-index:8;
} 

#default-text{
font-family: 'Vollkorn', serif; 
color:#F2F2F2; 
position:fixed;
top:490px;
left:220px;
width:460px;
z-index:9;
}


#doku-text{
font-family: 'Vollkorn', serif; 
color:#F2F2F2; 
position:fixed;
top:220px;
left:220px;
width:600px;
z-index:9;
font-size:18px;
}


.pichidden {
    display: none;	
}


<!--- links --->

a{
	color:#F2F2F2 !important;
	text-decoration:none;
}


a:link{
	color:#F2F2F2 !important;
	text-decoration:none;
}

a:visited{
	color:#F2F2F2;
	text-decoration:none;
}

a:hover{
	color:#F2F2F2;
	text-decoration:underline;
}

a:active{
	color:#F2F2F2;
	text-decoration:none;
}





.viewport {
	background-color:#000000;
    width: 768px;
    overflow: hidden;
    margin: 0 auto;
    -webkit-transform: translateZ(0); /* Optional: When heavy at iOS6+ */
}

.flipsnap {
    width: 13824px; /* 768px(item width) * 18(item count) */
}


.flipsnap:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
}

.item {
    float: left;
    width: 768px;
    text-align: center;
	background-color:#000000;
}