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

body {
	background: #FFFEFA url( _img/Oktal_kl.gif ) repeat-y;
    margin: 20px 0px 10px 220px;
    max-width:71rem;/*710px*/
	color: #000099;
	text-align: left;
	padding: 0;
	font-family: OpenSans, Geneva, Lopash, Lucida Grande, Tahoma, Verdana, "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif;
	font-size: 2.0em; 
	line-height: 1.5em; }

/*! Adapted from generated by Font Squirrel (https://www.fontsquirrel.com) on January 16, 2019 */

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

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

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

/* open-sans-italic - */
@font-face {
  font-family: 'osi'; /*OpenSans i = italic*/
  font-weight: 400;
  src: url('d/dm/_webf/ggf/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('d/dm/_webf/ggf/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('d/dm/_webf/ggf/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('d/dm/_webf/ggf/open-sans-v15-latin-italic.woff') 
         format('woff'), /* Modern Browsers */
       url('d/dm/_webf/ggf/d/dm/_webf/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('d/dm/_webf/ggf/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */}
       
/*       above 2nd src had: 
        src: local('Open Sans Italic'), local('OpenSans-Italic')*/
     
/* open-sans-italic - This font is provided to you by Fonts2u.com /f2u
OpenSans-LightItalic.ttf */  
@font-face {
  font-family: 'osi2';
  src:  url('d/dm/_webf/f2u/OpenSans-LightItalic.ttf') format('truetype');} 
  
       
/* open-sans-600 - latin */
@font-face {
  font-family: 'osb'; /*OpenSans + bold*/
  font-style: normal;
  font-weight: 600;
  src: url('d/dm/_webf/ggf/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('d/dm/_webf/ggf/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('d/dm/_webf/ggf/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('d/dm/_webf/ggf/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('d/dm/_webf/ggf/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('d/dm/_webf/ggf/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/*end from ggl fonts	 */
	     
.lt 
	{
  	font-family: 'lt';
	hyphens: auto;
		}
/* Sparkle hatte für OpenSans & Lato: font-size:16px;*/
		
.lai /*= Lato italic*/
	{
	font-family: 'lai';
	} /*for Lato-Italic*/

p, .nrm
	{
  	font-family: OpenSans;	
	hyphens: auto;
	display: block;
		}
	
.osi 
	{
	font-family: 'osi';
	} /*for OpenSans-Italic - is larger than normal OS */

.osi2 
	{
	font-family: 'osi2';
	} /*for OpenSans-Italic - is larger than normal OS */

.osb 
	{
  	font-family: 'osb';
	}	

.bd4 { 
	font-family: OpenSans, tahoma, verdana, geneva, arial, serif; 
	font-weight: normal; 
	color: #000099;
	background-color: #FFFFFF; 
	border: 1px dashed #ABABAB; 
	padding: 1.8rem 1rem;
	hyphens: auto;
}
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;
    /*font-weight: normal;*/
    line-height: 4.5rem;
/* text-shadow-removed 20251211 */
}
    
h2 {
    font-family: OpenSans, Lucida Grande, "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif;
    color: #000765;
    font-size: 3.3rem;
    line-height: 4.0rem;
    margin: 2.3rem 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: 2rem 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: 2rem 0 0.5rem 0;}

h5 { 
  font-family: OpenSans, Lucida Grande, "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif;
  color: #000765; /*this color is inherited from?*/
  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; 	
	font-size: 0.9em ;
	line-height:1.42em;
	color: #454545;
}
.mcxmrg { font-family: monaco, geneva, arial, serif; 	
	font-size: 1.6rem ;
	line-height:1.42em;
	color: #454545;
	margin: 0 0 0 0; 
}
a {
    color: #0069d6;
	text-decoration: none;
}
a:hover {
    color: #0050a3;
    text-decoration: none;
}
a.u { text-decoration: underline; 
}
/*ul li {
	 font-size: 1.2em;}*/
	 
/*ol { margin-left:0px;}*/
ol li {
	font-family: lt, Arial, Geneva; sans-serif;
	/*font-size: 0.8em;*/}
	
.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: 0.9em; background-color: #D0F5FF; padding: 0 0 0 10px;}

/*div.tst {
	background-color: blue;
	max-width:620px;
}*/
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.3em;
}

ul.lofooter {
	list-style-type: none; /*removes bullets*/
}
ul.lofooter a {
	font-family: OpenSans, Lucida Grande, "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif;
	color:  #BBBEC6;/*A4A7AE*/
	font-size: 1.5rem;
}
ul.lofooter a:hover{
	color:  red;
}	
ul.lofooter li {
	border-bottom: 1px solid #545454;
}
.col12 {
  	-webkit-columns: 10rem 2; /* Chrome, Safari, Opera */
  	-moz-columns: 10rem 2; /* Firefox */
/*  	columns: 10rem 2;*/
	column-count: 2;
	column-gap: 1.7rem;
	font-family: OpenSans;
	line-height: 2.3rem;
	hyphens: auto;
	}
.ftr {
	color: white;
}
.sce {
	font-size: 1.0em; color: #888782;
}
span.space {
	margin-left: 5em;
}
span.space2 {
	margin-left: 2.5em;
}

/*A| 2 pictures side by side 2sbs */
* {
  box-sizing: border-box;
}

.colpic12 {
  	float: left;
  	width: 50%;
  	padding: 0 5rem 5rem 0.8rem;
	}

/* Clearfix (clear floats) */
.row2::after {
  content: "";
  clear: both;
  display: table;
}
img.mwi {
  max-width: 100%;
  height: auto;
}
#gsm {
	position: relative;
	float: right;
	width: 50%;
	height: 2.5rem;
	z-index: 0;
	background-color: #fff;
	overflow: visible
}
div#socmedb {
	position: relative;
	float: left;
	width: 50%;
	height: 3rem;
	z-index: 0;
	background-color: #FFFEFA;
	overflow: visible;
}
.footnotes ol li p {
	color: #000765; /* ≈ war 00006A, color: #00006A;*/
	font-family: OpenSans, Geneva, Lopash, Lucida Grande, Tahoma, Verdana, "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif;
	font-size: 1.7rem; 
	line-height: 2.3rem;
}