.oneimage {
                  display: block;
                  margin: auto;
                  margin-top: 4em;
                  margin-bottom: 4em;
                  width: 40%;
}

.twoimage {
                   display: inline-block;
                   max-width: 30%;
                   vertical-align: top;
}

.img-rotate {
                -ms-transform: rotate(7deg); /* IE 9 */
                -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
                transform: rotate(7deg);
}

ul.references {
    list-style-type:none;  
    text-indent:-1.5em;
}
                  
ul.references li {
    margin:0 0 1em 0; 

        font-family: "Times New Roman", "Times", serif;
    	font-size: 1.2em; 
}

.containerleft1 {
    display: inline-block; 
    width: 10%;
}

.containerright1 {
    display: inline-block; 
    vertical-align: bottom;
    width: 80%;
   height: 22em;
}

/* Editorial start  
#pp-ojs-editorial2>p, #pp-ojs-editorial2>blockquote, #pp-ojs-editorial2>ul{
       
    	font-size: 1.2em;
}
* */
 
#pp-ojs-editorial>h2, #pp-ojs-editorial2>h1 {
        font-family: Arial, Verdana, Helvetica, sans-serif;
    	font-size: 1.5em;
    	    font-weight: bold;
    	    margin-left: 0em;
}


#pp-ojs-editorial2>h2 {
        font-family: Arial, Verdana, Helvetica, sans-serif;
    	font-size: 1.3em;
    	    font-weight: bold;
    	    margin-left: 0em;
}
/* Mirka start */

#pp-ojs-article {
	text-align: left;
	margin-left: 0; 
	margin-right: 0;
	color: white; /*  20.03 - new- set text color as white */
	background-color : #272727; /* 20.03 - new-set background color as #272727  */
}

#pp-ojs-article .back, #pp-ojs-article .body {
    padding-left: 1em;
    padding-right: 1em;
}

#pp-ojs-article p, #pp-ojs-article h1, #pp-ojs-article h2, #pp-ojs-article blockquote{
    line-height: 2em;
    padding-left: 1em;
    padding-right: 1em;
}

#pp-ojs-article>h1 {
        font-family: Arial, Verdana, Helvetica, sans-serif;
    	font-size: 1.6em;
    	    font-weight: bold;
    	    
}

#pp-ojs-article>h2 {
        	font-family: Cambria, Arial, Verdana, Helvetica, sans-serif;
        	font-size: 1.5em;
        	    font-weight: bold;
        	     
}

/* 
#pp-ojs-article>p, #pp-ojs-article>blockquote{
    	font-family: Arial, Verdana, Helvetica, sans-serif;
    	font-size: 0.95em;
}
 *  */

.floatingBox {
 /*   float: right;
  margin: 5px;*/
  padding: 5px;
  overflow: hidden; 
  width:30%;
  background:white;
  border: 1px solid black;
  margin: auto;
}

.floatingBox p {
    text-align: center;
    vertical-align: middle;
    color: black;

}

div#twocolumnrightSB {
float: right;
 /*     height: 900px;
    width: 250px;*/
}

.twoimagecontainer {
    width: 100%;
}

.containerleft {
    display: inline-block; 
    width: 50%;
    vertical-align: bottom;
}

.containerright {
    display: inline-block; 
    width: 45%; 
    vertical-align: bottom;
    text-align: center;
    color:black;
    background:white;
    padding:10px;
}

/* Teija L start */
@font-face {
 font-family: Chalkduster;
 src: url("Chalkduster.ttf"); /* For most other browsers */
}

#pp-ojs-article2-title>h2{
        	font-family: Cambria, Arial, Verdana, Helvetica, sans-serif;
        	font-size: 1.5em;
        	    font-weight: bold;
        	     margin-left: 0em;
}

#pp-ojs-article2 {
	margin-left: 0; 
	margin-right: 0;
	color: #5a5a5a; 
	background-color : #404040; 
	font-family: Chalkduster, "Comic Sans MS", Arial, Helvetica, sans-serif;
	

}

div#pp-ojs-article2 > p.bodytext {
padding: 3em 0 3em 0;
-ms-writing-mode: tb-rl;
 /* old syntax. IE */
-webkit-writing-mode: vertical-rl;
-moz-writing-mode: vertical-rl;
-ms-writing-mode: vertical-rl;
writing-mode: vertical-rl;
width:90%;
line-height: 2.5em;
text-align: right;
overflow: auto;
}


@media screen and (max-width: 100em) {
div#pp-ojs-article2 > p.bodytext {
font-size: 1vw;
	}

p.bodytext > img {
		width: 50em;
}
	
#refimage {
		width:10em;
	}
}

/* Teija R start */
#pp-ojs-article3>h2, #pp-ojs-article4>h2, #pp-ojs-article5>h2, #pp-ojs-article6>h2, #pp-ojs-article7>h2, #pp-ojs-article8>h2, #pp-ojs-article9>h2 {
            	font-family: Cambria, Arial, Verdana, Helvetica, sans-serif;
        	font-size: 1.7em;
        	    font-weight: bold;
        	     margin-left: 0em;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

p.content-one {
    display:none;
}

/* Camilla start */
div#pp-ojs-article4 > p
{
     font-family: "DejaVu Sans";
    line-height: 2em;
    font-size: 1.5em;
}

/* Osgood start 
#pp-ojs-article5>p, #pp-ojs-article5>blockquote {
         font-family: "Times New Roman", "Times", serif;
    	font-size: 1em;
}
*/

/* Paulina 
#pp-ojs-article9>p {
             font-family: "Times New Roman", "Times", serif;
    	font-size: 0.95em;
}
*/
/* hanna start */
.blackwhite {
background-color: black;
color:white;
}
             
.blackblack {
background-color: black;
color:black;
}
           
.containerBox {
position: relative;
max-width: 754px;
max-height: 496px;
}
               
.text-box {
position: absolute;               
text-align: center;
top: 0;
bottom: 0;
right: 0;
left: 0;
color:white;
}
               
.img-responsive {
width: 100%;
height: 100%;
}
               
.dataNumber {
margin-top: 3em;
margin-bottom: 3em;
}

@media screen and (max-width: 50em) {
.dataNumber {
font-size: 2vw;
}
}

/* Echoe starts */
#pp-ojs-articleechoes>h2 {
        font-family: Arial, Verdana, Helvetica, sans-serif;
    	font-size: 1.6em;
    	    font-weight: bold;
    	     margin-left: 0em;
}

#pp-ojs-articleechoes p {
    line-height: 200%;
    
}
/* Conlcusion 
#pp-ojs-article10>p, #pp-ojs-article10>blockquote, #article-ack>p {
        font-family: "Times New Roman", "Times", serif;
    	font-size: 1em;
}
*/
#pp-ojs-article10>h2 {
        font-family: Arial, Verdana, Helvetica, sans-serif;
    	font-size: 1.6em;
    	    font-weight: bold;
    	     margin-left: 0em;
}

#article-ack>h2{
        font-family: Arial, Verdana, Helvetica, sans-serif;
    	font-size: 1.6em;
    	    font-weight: bold;
    	     margin-left: 0em;
}

#article-references>h2{
        font-family: Arial, Verdana, Helvetica, sans-serif;
    	font-size: 1.6em;
    	    font-weight: bold;
    	     margin-left: 0em;
}

/* General */
.arial24{
    	font-family: Arial, Verdana, Helvetica, sans-serif;
    	font-size: 2em;
}

.arial16{
    	font-family: Arial, Verdana, Helvetica, sans-serif;
    	font-size: 1.4em;
}

.arial14{
    	font-family: Arial, Verdana, Helvetica, sans-serif;
    	font-size: 1.2em;
}

.cambria12{
        	font-family: Cambria, Arial, Verdana, Helvetica, sans-serif;
        	font-size: 1em;
}

.cambria14{
        	font-family: Cambria, Arial, Verdana, Helvetica, sans-serif;
        	font-size: 1.2em;
}

.tnr14{
       	font-family: "Times New Roman", "Times", serif;
    	font-size: 1.2em;
}

.tnr12{
       	font-family: "Times New Roman", "Times", serif;
    	font-size: 1em;
}


.algerian12{
        font-family: Algerian;
    	font-size: 1em;
}