body 
{
	margin-top: 0px; 
	margin-bottom: 0px; 
	margin-left: 0px; 
	margin-right: 0px; 
	background: #555555;
	background: linear-gradient(#222255, #555599);
	background-attachment: fixed;
	color: #000000;
	line-height: 16px;
	font-size: 14px;
	font-family: "Times New Roman", Times, serif;
} 

span.moddate::after
{
        content: '28.10.2020';
}

:focus
{
        outline: none;
}

a
{
	hyphens: none;
}

img
{
	border: none;
}
img.blk
{
	display: block;
}

div.clr
{
        content: none;
        height: 0px;
        clear: both;
}

*:link
{
	text-decoration: none;
	color: #2D2D9B;
}

p
{
	padding: 0px;
	margin: 10px 0px 10px 0px;
}

p.p_j
{
	text-align: justify;
	hyphens: auto;
}

div.hr
{
	display: block;
	margin: 20px 0px 20px 0px;
	padding: 0;
	width: 100%;
	height: 2px;
	background: #444488;
	background: linear-gradient(to right, #FFFFFF 0%, #444488 25%, #444488 75%, #FFFFFF 100%);
        clear: both;
}

table, table.col, table.ch
{
	border: none;
	padding: 0px;
	margin: 0px;
}
td, tr
{
	vertical-align: top;
}
td
{
	padding: 6px;
}
	
p.full
{
	margin-left: -20px; 
	margin-right: -20px;
}

a
{
	text-decoration: none;
}

a:link    
{
	color: #2424b6; 
}
a:visited 
{
	color: #2424b6; 
}
a:hover   
{
	color: #000000; 
	background-color: #9999DD;
}
a:active  
{
	color: #FFFFFF; 
	background-color: #9999DD;
}

a.ns, a.ns:hover, a.ns:focus, a.ns:active
{
        background-color: inherit;
}

a.top
{
	font-weight: bold; 
	text-decoration: none;
	white-space: nowrap;
	background-color: inherit;
}
a.top:link    
{
	color: #000000; 
}
a.top:visited 
{
	color: #000000; 
}
a.top:hover   
{
	color: #FFFFFF; 
	background-color: #333366;
}
a.top:active
{
	color: #8888FF; 
	background-color: #333366;
}

table.jmp td 
{
	padding: 0px;
}
table.jmp a
{
	padding: 6px;
	display: block;
	min-height: 4.5ex;
	color: #000000; 
	text-decoration: none;
}
table.jmp a:link    
{
	color: #000000; 
}
table.jmp a:visited 
{
	color: #000000; 
}
table.jmp a:hover   
{
	color: #000000; 
	background-color: #CCCCCC;
}
table.jmp a:active
{
	color: #000000; 
	background-color: #EEEEEE;
}
table.jmp a.top
{
	font-weight: bold; 
}
table.jmp a.cont
{
	font-weight: normal; 
	text-align: justify;
	hyphens: auto;
}

img.flt
{
	float:left;
	margin:0px 10px 5px 0px;
}

img.seq
{
	margin:0px 0px 0px 0px;
	vertical-align: middle;
}

p.title
{
	margin-top: 22px; 
	color: #000000; 
	font-weight: bold; 
}

a.ext:link
{
	color: #2D2D9B;
}
a.ext:hover
{
	background-color: #DDDDDD;
	color: #000000;
}
a.ext:active
{
	background-color: #DDDDDD;
	color: #666666;
}

a.ptlink:link
{
	color: #2D2D9B;
}
a.ptlink:hover
{
	background-color: #DDDDDD;
	color: #000000;
}
a.ptlink:active
{
	background-color: #DDDDDD;
	color: #666666;
}

h1, h2, h3, h4, h5, h6
{
	color: #000000;
}

#wrap
{
	box-shadow:  0 4px 20px 0 rgba(0,0,0,0.8), 0 8px 60px 0 rgba(0,0,0,0.4);
	background-color: #FFFFFF;
	margin-bottom: 30px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto; 
	border: solid black;
	border-width: 1px 1px 1px 1px;
	max-width: 900px;
}

#pgtop
{
	margin: 0px;
	padding: 10px;
	width: calc(100% - 20px);
	display: table;
	background: #444488;
	background: linear-gradient(to bottom, #6A6ACC, #444488); 
	border: none;
	box-shadow:  0 4px 10px 0 rgba(0,0,0,0.4), 0 8px 40px 0 rgba(0,0,0,0.2); 
}

#toppic
{	
	display: table-cell;
	margin: 0px 0px 0px 0px;
	border: 1px solid #000000;
	cursor: crosshair;
	box-shadow:  0px 2px 5px 0 rgba(0,0,0,0.8), 0px 4px 10px 0 rgba(0,0,0,0.4);

}

#sititle
{
	display: table-cell;
	vertical-align: middle;
	text-decoration: none;
	color: #BBBBFF; 
        padding: 0px 10px 0px 10px;
	font-size: 22px;
	line-height: 28px;
	font-weight: bold;
	text-align: center;
}
#sititle:hover, #sititle:active, #sititle:visited 
{	
	background: none;
}

#navbar
{
	list-style-type: none;
	display: table;
	table-layout: fixed;
	width: 100%;
	border-top: 1px solid #444488;
	border-bottom: 1px solid #444488;
	margin: 0px;
	padding: 0px;
	box-shadow:  0px 2px 5px 0 rgba(0,0,0,0.8), 0px 4px 10px 0 rgba(0,0,0,0.4);
}

#navbar li
{
	display: table-cell;
	padding: 0px;
	margin: 0px;
	white-space: nowrap;
	overflow: hidden;
	-webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
}

#navbar li.item a, #navbar li.item span
{
	display: block;
	padding: 6px 8px 6px 8px;
	text-decoration: none;
	background-color: #9999DD; 
	color: #000000;
	font-weight: bold;
	text-align: center;
	border-right: 1px solid #555588;
	transition: background-color 150ms;
}
 
#navbar li.item a.active 
{
	background-color: #333366;
	color: #8888FF;
}

#navbar li.item a.active:hover 
{
	cursor: default;
}

#navbar li.item a:hover:not(.active), #navbar li.item span:hover 
{
	background-color: #222244;
	color: #FFFFFF;
}

#navbar li.item a:active:not(.active), #navbar li.item span:active  
{
	background-color: #444488;
	color: #FFFFFF;
}

#navbar li.etc 
{
	width: 22ch;
	background-color: #FFFFFF;
	color: #000000;
	text-align: right;
	vertical-align: middle;
	font-size: 12px;
}

a.perso    
{
	padding: 4px 2px 4px 2px;
}
a.perso:link    
{
	color: #000000; 
}
a.perso:visited 
{
	color: #000000; 
}
a.perso:hover   
{
	color: #000000; 
	background-color: #9999DD;
}
a.perso:active  
{
	color: #FFFFFF; 
	background-color: #9999DD;
}

#main 
{
	margin: 0px;
	padding: 12px 6px 12px 6px;
	min-height: 600px;
}

#main_mrg
{
	margin: 0px;
	padding: 22px 22px 22px 22px;
	min-height: 600px;
}

#extmenu
{
	display: none;	
	cursor: pointer;
}


tr.hl0
{
	background: #E0E0E0;
}
tr.hl1
{
	background: #F2F2F2;
}

div.fltb
{
	display: inline-block;
	vertical-align: bottom;
	white-space: nowrap;
}

div.fltm
{
	margin: 5px;
	display: inline-block;
	vertical-align: bottom;
}

div.fltp
{
	display: inline-block;
	vertical-align: bottom;
	text-align: justify;
	hyphens: auto;
}

div.vsep
{
	display: inline-block;
	width: 16px;
	height: 1px;
}

div.hsep
{
	display: block;
	width: 100%;
	height: 16px;
}

ul.bm0
{
	margin-bottom: 0px;
}

img.fltl
{
	float: left;
	margin: 0px 16px 16px 0px;
}

img.fltr
{
	float: right;
	margin: 0px 0px 16px 16px;
}

#menubutton
{
	font-size: 20px;
	background-color: #9999DD;
	color: #000000;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 5px 10px;
	border: 1px solid #555588;
	box-shadow: 0px 2px 8px 0 rgba(0,0,0,0.9), 0px 2px 16px 0 rgba(0,0,0,0.5);
	transition: background-color 150ms;
	-webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
}
#menubutton:hover
{	
	background-color: #222244;
	color: #FFFFFF;
}
#menubutton:active
{	
	background-color: #444488;
	color: #FFFFFF;
}

#ext_nav, #sovl
{
	display: none; 
	position: fixed;
	z-index: 10; 
	padding: 100px 50px 20px 50px; 
	left: 0;
	top: 0;
	width: calc(100% - 100px);
	height: 100%; 
	overflow: auto; 
	background-color: rgb(10,10,20);
	background-color: rgba(10,10,20,0.93); 
}
#sovl
{
	padding: 100px 20px 20px 20px; 
	width: calc(100% - 40px);
	text-align: center;
}

#sovl a        { color: #8888FF; }
#sovl a:hover  { color: #000000; }
#sovl a:active { color: #FFFFFF; }

#ext_nav ul
{
	margin: auto;
	padding: 0px;
	list-style-type: none;
}

#ext_nav li
{
	display: block;
        padding: 0px;
        margin: 0px;
        white-space: nowrap;
        overflow-x: hidden;
	-webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
}

#ext_nav li.item a,  #ext_nav li.item span, #sbtn
{
	display: block;
	padding: 10px;
	text-decoration: none;
	background-color: #9999DD;
	color: #000000;
	font-weight: bold;
	text-align: center;
	border-left: 1px solid #555588;
	border-top: 1px solid #555588;
	border-right: 1px solid #555588;
	transition: background-color 150ms;
}

#sbtn
{
	border-bottom: 1px solid #555588;
}

#ext_nav li.item a.active
{
        background-color: #333366;
        color: #8888FF;
}

#ext_nav li.item a.active:hover
{
        cursor: default;
}

#ext_nav li.item a:hover:not(.active), #ext_nav li.item span:hover, #sbtn:hover 
{
        background-color: #222244;
        color: #FFFFFF;
}

#ext_nav li.item a:active:not(.active), #ext_nav li.item span:active, #sbtn:active 
{
        background-color: #444488;
        color: #FFFFFF;
}

#ext_nav li.etc
{
        background-color: #FFFFFF;
	padding: 10px;
        color: #000000;
        text-align: right;
        vertical-align: middle;
        font-size: 12px;
	border: 1px solid #555588;
	padding: 4px 4px 4px 4px;
}

#ext_nav_title
{
	display: block;
	margin: 0px 0px 20px 0px;
	color: #BBBBFF;
	font-size: 22px;
	line-height: 28px;
	font-weight: bold;
	text-align: center;
}
#sovl_caption
{
	display: inline-block;
	margin: 10px 0px 0px 0px;
	color: #BBBBFF;
	font-size: inherit;
	line-height: inherit;
	font-weight: bold;
	text-align: left;
        width: calc(100%);
	max-width: 668px;
}

#ext_nav_close, #sovl_close
{
	position: absolute;
	top: 20px;
	right: 20px;
	color: #CCCCFF;
	font-size: 55px;
	font-weight: bold;
	cursor: pointer;
	-webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
}

#navbar li.srch
{
        width: 2.8em;
}

span.ichr { cursor: pointer; height: 16px; }
span.ichr svg { display: inline-block; vertical-align: middle; height: 14px; }

#sbtn
{
	display: inline-block;
	vertical-align: middle;
        text-align: center;
        cursor: pointer;
	width: 14px;
	height: 14px;
}

#sinput
{
	display: inline-block;
	vertical-align: middle;
	height: 14px;
	background: #DDDDFF;
        padding: 10px;
        color: #000000;
	border: 1px solid #555588;
        transition: background 100ms;
        font-size: inherit;
	font-family: inherit;
        cursor: text;
        width: calc(100% - 22px - 38px - 10px);
	max-width: 600px;
	margin-right: 10px;
}

#sinput:focus { border-color: #555588; background: #FFFFFF; }
#sinput:hover { border-color: #AAAAFF; background: #FFFFFF; }
                                        

.lnk
{
        cursor: pointer;
        transition: opacity 150ms;
	-webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
}
.lnk:hover
{
        opacity: 0.5;
}
.lnk:active
{
        opacity: 0.25;
}

img.shd
{
	box-shadow:  0px 2px 2px 0 rgba(0,0,0,0.4), 0px 4px 4px 0 rgba(0,0,0,0.2);  
}


#photoframe
{
	display: none; 
	position: fixed;
	z-index: 8; 
	padding-top: 55px; 
	left: 0;
	top: 0;
	width: 100%; 
	height: 100%; 
	overflow: auto; 
	background-color: rgb(10,10,10);
	background-color: rgba(0,0,0,0.93); 
}

#photocontent
{
	margin: auto;
	display: block;
	max-width: 100%;
}

#photocaption
{
	margin: auto;
	display: block;
	width: 80%;
	text-align: center;
	color: #DDDDDD;
	padding: 10px 0px 10px 0px;
	height: 100px;
	font-style: italic;
}

#photoclose
{
	position: absolute;
	top: 10px;
	right: 20px;
	color: #DDDDDD;
	font-size: 35px;
	font-weight: bold;
	cursor: pointer;
	-webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
}

div.navbr
{
	position: fixed;
	bottom: 6px;
	right: 6px;
	z-index: 5;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	box-shadow: 0px 2px 8px 0 rgba(0,0,0,0.9), 0px 2px 16px 0 rgba(0,0,0,0.5);
}
div.navbr a img
{
	padding: 8px;
}

div.card
{
	display: inline-block;	
	background-color: #FFFFFF;
	padding: 22px;
	margin: 6px;
	border: 1px solid #FFFFFF;
	min-width: 150px;
	min-height: 41px; 
	box-shadow: 0px 2px 5px 0 rgba(0,0,0,0.16), 0px 2px 10px 0 rgba(0,0,0,0.12);
	text-align: justify;
	hyphens: auto;
	vertical-align: top;
	width: calc(100% - 58px);  
}

div.card img
{
	vertical-align: middle;
}

div.card img.fltl
{
	float: left;
	margin: 0px 22px 8px 0px;
}

div.card img.fltr
{
	float: right;
	margin: 0px 0px 8px 22px;
}

div.card img.fltrb
{
	vertical-align: bottom;
	float: right;
	margin: 8px 0px 0px 22px;
}

div.cardcont, div.mtwo
{
	column-count: 1;
	column-width: auto;
	column-fill: balance;
	column-gap: 0px;
}

div.cardcont>a:hover, div.mtwo>a:hover, div.cardcont>a:active, div.mtwo>a:active
{
	background-color: inherit;
}

div.card>p.title, #main_mrg>p.title, div.mtwo>p.title
{
	margin-top: 0px;
}

a div.card, div.navbr
{
	color: #000000;
	transition: border-color 150ms;
}

a div.card:hover, div.navbr:hover
{
	border-color: #000000;
}
a div.card:active, div.navbr:active
{
	border-color: #0000FF;
}

div.menu
{
	padding: 22px;
	display: block;
	max-width: none;
/*	min-height: 70px;  */
	margin-top: 0px;
}
div.menu img
{
	margin-bottom: 6px;
}

div.menu ul
{
	display: inline-block;
/*	max-width: calc(100% - 185px); */
	min-width: 18ch;
	list-style-type: none;
	text-align: left;
	padding: 0px;
	margin: 0px 0px 0px 5px;
}
div.menu li
{
	display: inline-block;
	width: 18ch;
	white-space: nowrap;
	padding: 0px 0px 1px 0px;
	margin: 0px 6px 2px 0px;
	background-color: #FFFFFF;
}
div.menu li::before
{
/*	content: '\2022'; */
	content: ''; 
	white-space: pre;
	vertical-align: bottom;
	background-color: #9999DD; 
	padding: 3px 2px 1px 2px;
	margin: 0px 6px 0px 0px;
}
div.wdm ul { min-width: 51ch; }
div.wdm li {     width: 51ch; }
div.mdm ul { min-width: 31ch; }
div.mdm li {     width: 31ch; }

div.lnkmenu
{
	width: calc(100% - 58px);  
	display: inline-block;
}

div.lnkmenu ul
{
	list-style-type: disc;
	list-style-position: outside;
	padding: 6px 0px 6px 18px;
	margin: 0px;
}
div.lnkmenu li
{
	white-space: normal;
	padding: 0px;
	margin: 0px;
	text-align: left;
}

.cent
{
        text-align: center;
}
div.lj
{
        text-align: left;
}

span.title
{
        color: #000000;
        font-weight: bold;
}

@media screen and (max-width: 750px) 
{
	#navbar, #sititle
	{
		display: none;
	}
	#pgtop
	{
		display: block; 
		text-align: center;
	}
	#toppic
	{
		display: inline;
		max-width: 420px;
		width: calc(100% - 20px);
		height: auto;
	}

	#extmenu
	{
		display: block;
		position: fixed;
		top: 140px;
		right: 6px;
	}
}

@media screen and (min-width:  700px) { div.cardcont { column-count: 2; } }
@media screen and (min-width:  700px) { div.mtwo { column-count: 2; } }

@media print
{
	#navbar, #ext_nav, div.navbr
	{
		display: none;
	}
	#wrap, #pgtop, #toppic, img.shd
	{
		box-shadow: none; 
	}

	#main 
	{
		margin-left: 0;
	}

	#wrap 
	{
		border: none;
	}
	div.cardcont, div.mtwo
	{
		column-count: 1;
	}
	div.card
	{
		display: block;
		border: none;
		box-shadow: none;
	}
}

