html, body { 
	   background-color: blue; 
	   height: 100%; 
	   margin: 0; 
	   padding: 0; 
	   color: white;
	   }

#zitat {
      text-align:right;
      }

#quelle {
  		text-align:right;
 		color:red;
 		font-style:italic;
  		}

#gleichbleibendeOrientierungshinweise {
  		color:red;
  		}

#querverweis {
		font-size:0,8em;
  		}

p#rechtsausgerichtet {
  		text-align:right;
  		}
	
div.msra { 
		border: 0; background-color: white; height: 15%; width: 24%; position: absolute; left: 38%; top: 30%; color: black; font-size: 6em ; 
	   text-align: center;
	   }
	   
div.msra.links { 
	   border: 0; background-color: white; height: 15%; width: 35%; position: absolute; left: 2%; top: 30%; color: black; font-size: 1em ; 
	   text-align: left;
	   }
	      
div.msra.rechts { 
	   border: 0; background-color: white; height: 15%; width: 35%; position: absolute; left: 63%; top: 30%; color: black; font-size: 1em ; 
	   text-align: left;
	   }
	      
div.msra.oben { 
	   border: 0; background-color: white; height: 19%; width: 24%; position: absolute; left: 38%; top: 10%; color: black; font-size: 1em ; 
	   text-align: center;
	   }
	      	      
div.msra.unten { 
	   border: 0; background-color: white; height: 38%; width: 24%; position: absolute; left: 38%; top: 46%; color: black; font-size: 1em ; 
	   text-align: left;z-index:1;
	   }
	      
.scrollDiv1  {      
        height:60%;
        overflow:auto;
        border: 1px solid black;          /* Rahmen */
        padding:8px;                         /* Textabstand zum Rand */
        
}
.scrollDiv1 p {font-size:smaller;}