/* 20190125 20:29 */
h1,
h2,
h3,
h4,
h5,
h6,
/*p,*/
blockquote {
    margin: 0;
    padding: 0;
}
html {
	font-size: 62.5%;
}	

body {  background: #FFFACC url( _imgdm/Oktal_sm17.png ) repeat-y;
	color: #000099;
	margin-left: 2rem; 
  	text-align: left;
	font-family: 'PT Sans', OpenSans, Tahoma, Verdana, Geneva, Lucida Grande, "Helvetica Neue", Helvetica, "Hiragino Sans GB", sans-serif;
	font-size: 1.8rem;
	line-height: 2.8rem;
}
/* Responsive Web Design - Images Using The max-width Property */

/* 
From: google webfonts helper
https://google-webfonts-helper.herokuapp.com/fonts/pt-sans?subsets=latin
 */

/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('_webf-dm/pt-sans-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
url('_webf-dm/pt-sans-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('_webf-dm/pt-sans-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('_webf-dm/pt-sans-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
url('_webf-dm/pt-sans-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('_webf-dm/pt-sans-v16-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}

@font-face{ 
	font-family: 'lato';
	src: url('_webf-dm/Lato-Regular.woff') format('woff');
	src: url('_webf-dm/Lato-Regular.woff2') format('woff2'),
	     url('_webf-dm/lato/LatoLatin-Regular.woff') format('woff'),
	     url('_webf-dm/lato/LatoLatin-Regular.woff2') format('woff2'),
		url('_webf-dm/lato/LatoLatin-Regular.eot'),
		url('_webf-dm/lato/LatoLatin-Regular.eot?#iefix') format('embedded-opentype'),
	     url('_webf-dm/lato/LatoLatin-Regular.ttf') format('truetype'),
	     url('_webf-dm/lato/LatoLatin-Regular.svg#webfont') format('svg');}

@font-face {
    font-family: 'lai'; /*= Lato italic*/
    src: url('_webf-dm/lato/LatoLatin-Italic.woff2') format('woff2'),
         url('_webf-dm/lato/LatoLatin-Italic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
} 

@font-face{ 
	font-family: OpenSans;
	src: url('_webf-dm/opensans/OpenSans-Regular.eot');
	src: url('_webf-dm/opensans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
	     url('_webf-dm/OpenSans-Regular.woff2') format('woff2'),
	     url('_webf-dm/OpenSans-Regular.woff') format('woff'),
	     url('_webf-dm/opensans/OpenSans-Regular.ttf') format('truetype'),
	     url('_webf-dm/opensans/OpenSans-Regular.svg#webfont') format('svg');}
	     
/* https://google-webfonts-helper.herokuapp.com/fonts/open-sans?subsets=latin*/

/*end from ggl fonts	 */
	     
.lato 
	{
  	font-family: 'lt';
	hyphens: auto;
		}
/* Sparkle hatte für OpenSans & Lato: font-size:16px;*/
	
p.xmrg 
	{
	font-family: OpenSans;
	margin: 1.5rem 0 0 0;
	}
	
.osans {color: #000099;
  	text-align: left;
	font-family: OpenSans, Tahoma, Verdana, Geneva, Lucida Grande, "Helvetica Neue", Helvetica, "Hiragino Sans GB", sans-serif;
	font-size: 0.95em;
	line-height: 1.5em;
	  text-align: justify;
  text-justify: inter-word;
	}
.bd4 { 
	font-family: OpenSans, tahoma, verdana, geneva, arial, serif; 
	font-weight: normal; 
	color: #000099;
	background-color: #FFFFFF; 
	border: 1px dashed #ABABAB; 
	padding: .9rem 1rem;
	hyphens: auto;
}
.bd4pts { 
	font-family: 'PT Sans', tahoma, verdana, geneva, arial, serif; 
	font-weight: normal; 
	color: #000099;
	background-color: #FFFBE2; 
	hyphens: auto;
}
a {
    color: #0069d6;
}
a:hover {
    color: #0050a3;
    text-decoration: none;
}
h1 { 
    font-family: OpenSans, Lucida Grande, "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif;
    color: #000765;
    margin: 2.3rem 0 0.5rem 0;
    font-size: 4rem;
    line-height: 4.5rem;
	text-shadow:0 2px 3px rgba(0,0,0,0.3);
}    
h2 {
    font-family: OpenSans, Lucida Grande, "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif;
    color: #000765;
/*    margin-bottom: 8px;*/
    font-size: 2.7rem;
    line-height: 4.0rem;
    margin: 2.0rem 0 0 0; 
    /*font-weight: normal;*/}
    
h3 { 
  font-family: OpenSans, Lucida Grande, "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif;
   	color: #000765;
	font-size: 2.5rem;
  	line-height: 2.9rem;
  	/*font-weight: normal;*/
  	margin: 1.7rem 0 0.5rem 0;} /*smashed has 0.3 bottom*/
 	 	
h4 { 
  font-family: OpenSans, Lucida Grande, "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif;
  color: #000765; /*this color is inherited from?*/
  font-size: 2.2rem;
  line-height: 2.9rem;
  font-weight: normal;
  margin: 1.5rem 0 0.5rem 0;}
  
h5 { 
  font-family: OpenSans, Lucida Grande, "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif;
  color: #000765;
  font-size: 1.9rem;
  line-height: 2.9rem;
  font-weight: normal;
  margin: 2rem 0 0.5rem 0;}
  
hr {
	margin: 0 0 19px;
    border: 0;
    border-bottom: 1px solid #ccc;}
    
.k { font-weight: normal; 
	color: #026969; }
	
.h { color: #006B00; 
	letter-spacing: 0.3mm; }

.ah {
	font-family: Geneva, Arial, Sans-serif;
	font-size: 1.5em;
	line-height: 130%;
	text-align: right;
	color: #006B00;
	margin-top: 1.2em;
} /* for arabic hadith*/

.a {
	font-family: Geneva, Arial, Sans-serif;
	font-size: 1.5em;
	line-height: 130%;
	text-align: center;
	color: #494949;
	margin-top: 1.2em;
} /* for arabic */

.as {
	font-family: Geneva, Arial, Sans-serif;
	font-size: 1.5em;
	line-height: 130%;
	text-align: center;
	color: blue;
	margin-top: 1.2em;
} /* for arabic saws */

.ak {
	font-family: Geneva, Arial, Sans-serif;
	font-size: 1.5em;
	line-height: 130%;
	text-align: center;
	color: #026969;
	margin-top: 1.2em;
} /* for arabic koran */
.mc { font-family: monaco, geneva, arial, serif; 	
	color: #454545;}
	
.mcxmrg { font-family: monaco, geneva, arial, serif; 	
	margin: 0 0 0 0;
	color: #454545;}

a { text-decoration: none; }
a.u { text-decoration: underline; }

ol li {
	font-family: lt, Arial, Geneva; sans-serif;
}
	
.note2 { font-family: tahoma, verdana, geneva, arial, serif; font-size: 100%; font-weight: normal; color: #3C3C3C; }

.fn { font-size: 0.83em; color: #0069D6; vertical-align: super; line-height: 0;}

sup { color: #0069D6; font-size: 0.83em; vertical-align: super; line-height: 0;}

.sup { color: #0069D6; font-size: 0.83em; vertical-align: super; line-height: 0;}

.lblbg { font-family: Arial, Geneva; sans-serif; font-size: 1.8rem; background-color: #D0F5FF; /*was 0EE0EB light blue */ padding: 0 0 0 10px;}

div#footer {
		font-family: lt, Tahoma, Verdana, Geneva, Lopash, Lucida Grande, Tahoma, "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif;
		font-size: 1.5rem;
		color: white;
		clear:both;
		text-align: left;
		padding: 5px 40px;
		background:#7D85A1;
		border-radius: 7px;
}


div#lofooter {
		background-color: #636C83;/*404655*/
		border-radius: 7px;
		padding-top: 0.6rem;
		font-size: 1.5rem;
}

ul.lofooter {
	list-style-type: none; /*removes bullets*/
}
ul.lofooter a {
	font-family: lt, Lucida Grande, "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif;
	color:  #BBBEC6;
}

ul.lofooter a:hover{
	color:  red;
}	
ul.lofooter li {
	border-bottom: 1px solid #545454;
	line-height: 2.4rem;
}
.col12 {
	font-family: OpenSans;
	hyphens: auto;
	}
.ftr {
	color: white;
}
.sce {
	font-size: 1.6rem; color: #888782;
}
span.space {
	margin-left: 8rem;
}
span.space2 {
	margin-left: 4rem;
}
/* Responsive Navigation Bar css START */
/* Add a black background color to the top navigation */
.topnav {
  background-color: #BAE4BA/*dklgrün BAE4BA #6E9B6F*/;
  overflow: hidden;
}

/* Style the links inside the navigation bar */
/*it doesn't do anything for R 
.topnav a {
  float: left;
  display: block;
  color: #000000; /*was black, f2f2f2 *!/
  text-align: center;
  padding: 4px 10px;
  text-decoration: none;
/*  font-size: 0.6em/*17px*!/;*!/
  font-family: Arial, Helvetica, Sans-Serif;
}*/

/* Change the color of links on hover */
/*.topnav a:hover {
  background-color: #91DD61;
  color: black;
}*/

/* Add an active class to highlight the HOME page */
/*.active {
  background-color: ; /*was #91DD61, 83B984 547655, 787F96*!/
  color: white;
}*/

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}
/*- - - - - - - - Responsive Navigation Bar css END - - - - - -*/


/*Responsive Navigation Bar media queries START*/
/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 480px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;}
    }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  div#container {}