/*
	CSS for Benjamin.Tschukalov.Info website
	(C) 2003-2023 Benjamin Tschukalov
*/
 
html, body 
{ 
margin: 0 auto;
font-family: 					'PT Serif', serif;

font-size: 						1.2em;

line-height: 					1.625;
font-weight: 					400;
background-color:				#FFFFFF; color: #212121;
-ms-text-size-adjust:		100%;
-webkit-text-size-adjust:	100%;
-webkit-font-smoothing:		antialiased;
}

a:link						 		{ color: #0000ff; text-decoration: underline; }
a:visited 							{ color: #800080; text-decoration: underline; }
a:hover, div.navi a:hover		{ color: #ff0000; text-decoration: underline; }

														/*body { margin-left:	1.0em;	margin-right:	1.0em;		margin-top:	0.5em; max-width: 1200px; font-size: 1.0em;  }*/
														body { margin-left:	1.0em;	margin-right:	1.0em;		margin-top:	0.5em; max-width: 1024px; font-size: 1.0em;  }
@media screen and (max-width: 1920px)	{	body { margin: 0 auto; 												margin-top: 0.5em; } }
@media screen and (max-width: 1200px)	{	body { margin-left:	2.0em;	margin-right:	2.0em;		margin-top: 0.5em; } }
@media screen and (max-width: 650px)	{	body { margin-left:	1.0em;	margin-right:	1.0em;		margin-top: 0.5em; } }

/* headers */
h1, h2, h3, h4, h5
{ 
	font-weight: 				normal; 
	line-height: 				1.2em;
	font-weight: 				400;   
   font-family: 				'PT Serif', Georgia, Times New Roman, serif;   
   background-color: #ffffff;
}

h1  { font-size: 2.2em; color: #00416A; }
h2  { font-size: 1.8em; color: #00416A; }
h3  { font-size: 1.5em; color: #00416A; padding-top: .4em; }
h4  { font-size: 1.2em; color: #00416A; }

/* linx */
a:link					{ background-color: #FFFFFF; color: #0000FF; text-decoration: underline;	}
a:visited				{ background-color: #FFFFFF; color: #800080; text-decoration: underline;	}
a:hover					{ background-color: #FFFFFF; color: #FF0000; text-decoration: underline;	}

div.navi a:link		{ background-color: #ECECEC; color: #0000FF; text-decoration: none;			}
div.navi a:visited	{ background-color: #ECECEC; color: #0000FF; text-decoration: none; 			}
div.navi a:hover 		{ background-color: #ECECEC; color: #FF0000; text-decoration: underline;	}

div.site-logo a:link		{ background-color: #FFFFFF; color: #00416A; text-decoration: none;			}
div.site-logo a:visited	{ background-color: #FFFFFF; color: #00416A; text-decoration: none; 			}
div.site-logo a:hover 	{ background-color: #FFFFFF; color: #00416A; text-decoration: none;			}

div.footer-text { font-family: 'PT Serif', Georgia, Times New Roman, serif; font-size: 70%; text-align: right; }

div.site-logo { color: #00416A; font-family: 'PT Serif', Georgia, Times New Roman, serif; font-size: 250%; font-weight: normal; 

   font-weight: normal;
   text-decoration: none;
   line-height: 1.2em;
}
div.site-slogan { color: #003366; font-weight: normal; padding-bottom: 1em; padding-top: 1em;
   font-weight: normal;
   text-decoration: none;
   line-height: 1.2em;

 }
div.text { font-family: 			'PT Serif', serif; }

span.red_color { color: red; }

li 		{ padding-bottom: 	.4em; 
			  padding-top: 		.1em; 		}

.rt 		{ text-align: 			right; 		}
.red 		{ color: 				#ff0000; 	}


p, li
 { line-height: 1.5; }

div.photoframe { 
background-color: white;  
font-family: 'PT Serif', Georgia, Times New Roman, serif;
font-size: 130%; 
margin-left: 20%; margin-right: 20%; padding: .4em .4em .4em .4em;  
border-bottom: 1px solid #a9a9a9;  
border-top: 1px solid #f5f5f5;  
border-left: 1px solid #f5f5f5;  
border-right: 1px solid #a9a9a9; 
text-align: center;
font-weight: normal;
min-width: 500px;
}

.text-lt
{
  text-decoration: line-through;
}

/* div navi  */
.navi 
{
   background-color: #ECECEC; border: 1px solid #ECECEC;
   font-family: 			'PT Serif', Georgia, Times New Roman, serif;
   margin-left: 0%; margin-right: 0%; padding: .4em;
}

div.footer-text	{ font-family: 'PT Serif', Georgia, Times New Roman, serif; font-size: .7em; text-align: right; }

div.text dt 		{ font-weight: bold; }

dd { padding-bottom: .4em; padding-top: .1em; }
dt { padding-bottom: .4em; padding-top: .1em; }
li { padding-bottom: .4em; padding-top: .1em; }

.ul_square			{ list-style: square; }
.my_list				{ list-style: square; }
.none_list			{ list-style: none }


img.imgresp {
    max-width:100% !important;
    height:auto;
    display:block;
}

iframe.imgresp {
    max-width:100% !important;
    height:auto;
    display:block;
}