/* oxs007.css - V. 007.02#008 -  2020-04-22
*  (c) 2019-2022 by ORCUS (R) GmbH
* ----------------------------------------------------------------------
* since OXS V007.00
* styling is mapped to css-classes and kept here
* instead of getting generated into html-content
* ----------------------------------------------------------------------
* fully w3c compliant
*/

/* TBD: check */
* { box-sizing: border-box; }

body
{
	background-image: url(../page/background.jpg);
	font-family:sans-serif;
	margin:0;
}

pre
{
	font-family:monospace;
	font-size:12px;
	background-color:silver;
	color:black;
	page-break-inside: avoid; 
	break-inside: avoid;
}
pre.code_wrap
{
	background-color: black;
	color: silver;
	white-space:pre-wrap;
}

span.code_inline
{
	font-family:monospace;
	font-size:16px;
	font-weight:bold;
	white-space:nowrap;
}

span.text_inline
{
	white-space:nowrap;
}

table.ct_link_list
{
	width:100%;
}

/* for using OcfMerge */
table.ct_link_list>tbody>tr>td>p
{
	width:100%;
	margin:0 auto;
	vertical-align:top;
}

table.ct_link_list>tbody>tr>td:first-child
{
	white-space:nowrap;
	vertical-align:top;
	width:25%;
}

table.ct_titled
{
	border-collapse:collapse;
	width:100%;
}

table.ct_titled>tbody>tr>td
{
	border: 1px solid black;
	border-collapse:collapse;
	white-space:nowrap;
	vertical-align:top;
}

table.ct_titled>tbody>tr:first-child
{
	font-family:monospace;
	font-size:14px;
	font-weight:bold;
	background-color:silver;
}

table.ct_grid
{
	border-collapse:collapse;
	width:100%;
}

table.ct_grid>tbody>tr>td
{
	border: 1px solid black;
	border-collapse:collapse;
	white-space:nowrap;
	vertical-align:top;
}

tr.cr_title
{
	background-color:silver;
	font-family:monospace;
	font-size:14px;
	font-weight:bold;
}

tr.cr_title>td
{
	text-align:right;
	padding-right:8px;
	/*
	 * text-align:right;
	padding-left:4px;
	 * */
}

tr.cr_header
{
	background-color:silver;
	color:#000060;
	font-family:monospace;
	font-size:14px;
	font-weight:bold;
}

h1
{
	font-size:larger;
	color:#004040;
}

h2
{
	font-size:large;
	color:#002060;
}

h3
{
	font-size:medium;
	color:#000000;
}

h4
{
	font-size:medium;
	color:#600020;
}

.cd_para>h1 h2 h3
{
    break-after: avoid;
}

.cd_para>h1 h2 h3>p
{
    break-before: avoid;
}

article
{
	column-count:3;
	column-width:512px;
	/* TBD: check */
	column-rule:1px solid #ccc;

}
article.car_single
{
	column-count:1;
	column-width:auto;
}

article.car_center
{
	column-count:1;
	column-width:auto;
	text-align:center;
	padding-bottom:25px;
}

article.car_double
{
	column-count:2;
	column-width:768px;
}

a
{
	font-weight: bold;
	text-decoration:none;
}

a:link		{ color:#B00000;}
a:visited	{ color:#800000;}

a:hover		{ color:#FF9900; }
a:active	{ font-style:italic;}



/* used with static + external navigation entries in header + page-local
 *  nav entries (having 'ignore'-attribute set)
 */
table.ct_nav
{
    float:left;
}

table.ct_nav>tbody>tr>td
{
	color:silver;
	border-bottom:1px solid;
	border-right:1px solid;
	margin:0;
	padding:0;
	background-image:url(../nav/fill_hatchbold.png);
}
table.ct_nav>tbody>tr>td>a>img
{
    padding-top:4px;
}

table.ct_nav>tbody>tr>td>a
{
	font-size: 15px;
}

/* the generated navigation entries (without 'ignore'-attribute)*/
div.cd_nav_main
{
	background-image:url(../nav/fill_menubar.png);
}

div.cd_nav_main>a
{
	font-size: 14px;
}

a>img
{
    border:none;
    margin:0px;
    padding:2px;
}

a>img:hover
{
    transform:scale(1.05,1.05);
}

label>img.im_css:hover
{
    transform:scale(1.05,1.05);
}

a.ca_nav
{
	float:left;
    margin-left:8px;
    margin-top:4px;
}

.ci_lnkle
{
    float:left;
}

.ci_lnkri
{
    float:right;
}

.ci_lnkle_para
{
    float:left;
    margin-left:10px;
    margin-right:10px;
}

.ci_lnkce_para
{
    float:none;
    text-align:center;
    margin-left:10px;
    margin-right:10px;
}

.ci_lnkri_para
{
    float:right;
    margin-left:10px;
    margin-right:10px;
}

.ci_nav
{
    float:left;
    margin:0px;
    padding:0px;
}

span.cs_banner
{
	font-weight: bold;
	text-decoration:none;
	color:seagreen;
    float:left;
    margin-left:10px;
    margin-top:3px;
}


div.cd_para>p
{
    text-align:justify;
    margin:5px;;
}

div.cd_para_center>p
{
    text-align:center;
    margin:5px;;
}
div.cd_nobreak
{
    min-width:150px;
    max-width:1024px;
	page-break-inside: avoid; 
	break-inside: avoid;
}

div.cd_nobreak:after
{
	content:"";
	display: table;
	clear:both;
}

div.cd_footer
{
	position:fixed;
	bottom:0;
	width:100%;
	color:white;
	height:3em;
    background-color:rgba(0,144,144,0.75);
    text-align:center;
    font-size:11px;
    font-weight:bold;
}

/* elements/urls describing the "path" to the current page (parents) */
.cd_path_links
{
    white-space:nowrap;
    float:left;
	font-size: 14px;
}

/* 
    elements/urls pointing to sections of the document (elements with an id) 
*/
.cd_page_links
{
    border-top:1px solid;
    border-left:1px solid;
    border-right:2px solid;
    border-bottom:2px solid;
    vertical-align:top;
    margin-left:5px;
    margin-right:5px;
    padding:5px;
    display:inline-block;
	font-size: 12px;
}

.cd_label
{
	font-size: 12px;
	font-weight: bold;
}

/* the leading paragraph located next to the page-links*/
.cd_intro
{
    width:60%;
    display:inline-block;
    text-align:center;
}
.cd_para
{
    min-width:150px;
    max-width:1024px;
}
.cd_para:after
{
	content:"";
	clear:both;
	display:table;
}

.cd_para_single
{
    min-width:150px;
    max-width:1024px;
    break-inside: avoid-column;
    page-break-inside: avoid;
}

.cd_para_center
{
    text-align:center;
}

/* external links */
input.ci_selstate
{
    visibility:hidden;
    display:none;
}

div.cd_ext
{
    display:block;
	z-index:100;
	position:absolute;
	left:25%;
	text-align:center;
}
div.cd_ext>input:checked+div
{
    display:table-row;
    visibility:visible;
}

div.cd_ext>input:not(checked)+div
{
    visibility:hidden;
    display:none;
}

img.im_css:focus div.cd_ext
{
	background-color:blue;
    display:table-row;
    visibility:visible;
}


div.cd_ext>input:not(checked)+label+div
{
    visibility:hidden;
    display:none;
}

div.cd_ext>div
{
	border-radius:0.25em;
	box-shadow: inset 0px 0px 0px 2px #000;
	background-color:white;
    display:inline-block;
	text-align:center;
}

div.cd_ext>div>p
{
    display:block;
	font-size:12pt;
	font-weight:bold;
	color:crimson;
	margin-left:10px;
	margin-right:10px;
}

div.cd_ext>div>ul>li
{
	margin-right:20px;
}

label.ci_button_Cancel
{
    display:inline-block;

	border-radius:0.25em;
	border:2px solid black;

	background-color:gainsboro;
	color:black;
    
	height:1.5em;
	width:6em;
	
	line-height:normal;
	text-align:center;
	vertical-align:middle;
	padding-bottom:10px;
	margin-bottom:10px;
}
span.cs_button_OK
{
    display:inline-block;

	border-radius:0.25em;
	border:2px solid black;

	background-color:gainsboro;
	color:black;
    
	height:1.5em;
	width:6em;
	
	line-height:normal;
	text-align:center;
	vertical-align:middle;
	
	padding-bottom:10px;
	margin-bottom:10px;
}


/* main-menu */
div.cd_mnu
{
    background-image:url(../nav/fill_menubar.png);
    /* from menu.css */
    z-index:1;
    width:100%;
}

div.cd_mnu>ul
{
    z-index:2;
    margin:0;
    padding-left:5px;
}

div.cd_mnu>ul>li
{
    z-index:3;
    font-size:15px;
    font-weight:bold;
    display:inline-block;
    /* from menu.css */
    left:0em;
    margin-top:2px;
    padding-top:1px;
    padding-left:4px;
    padding-right:4px;
    padding-bottom:2px;
    border-radius: 0.5em 0.5em 0em 0em;

    background-color:gainsboro;
    border-left: 1px solid white;
    border-top: 1px solid white;
    border-right: 1px solid gray;
    border-bottom: 2px solid gray;
    
}

div.cd_mnu>ul>li>ul
{
    z-index:4;
    position:absolute;
    /* important to keep child below parents: */
    list-style-type:none;
    
    margin:0;
    /* moving ul down */
    padding-top:4px;
    padding-left:0;
    padding-right:0;
    padding-bottom:0;
}

div.cd_mnu>ul>li>ul>li
{
    z-index:5;
    background-color:gainsboro;
    font-size:15px;
    display:none;
    visibility:hidden;
    transition-property: visibility;
    transition-duration:0.1s;
}
div.cd_mnu>ul>li>ul>li>div
{
    /* painting delimiters between submenu-entries */
    z-index:6;
    border-left: 1px solid white;
    border-top: 1px solid white;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    padding-top:2px;
    padding-bottom:3px;
    padding-left:5px;
    padding-right:5px;
}
div.cd_mnu>ul>li>ul>li>label
{
    /* painting delimiters between submenu-entries */
    z-index:6;
    padding-left:6px;
    padding-right:6px;
}
div.cd_mnu>ul>li>ul>li>label+ul
{
    /* painting delimiters between submenu-entries */
    z-index:6;
    background:silver;
    padding-left:24px;
    padding-top:4px;
    padding-right:6px;
}
div.cd_mnu>ul>li>ul>li>div>a
{
    z-index:7;
    white-space:nowrap;
}

div.cd_mnu>ul>li>input:checked+label+label+ul>li
{
    display:table-row;
    visibility:visible;
}

div.cd_mnu>ul>li>ul>li>input:not(checked)~ul>li
{
    visibility:hidden;
    display:none;
}

div.cd_mnu>ul>li>ul>li>input:checked~ul>li
{
    display:table-row;
    visibility:visible;
}

div.cd_mnu input
{
    visibility:hidden;
    display:none;
}

hr
{
	clear:both;
}


label.l_off
{
    visibility:hidden;
    display:none;
    color:#004040;
}
label.l_on
{
    visibility:visible;
    color:#004040;
}

label.l_on::before
{
	content:'>';
	color:#505050;
}

div.cd_mnu>ul>li>input:checked~label.l_off
{
	background-color:seagreen;
	opacity:0.8;
    color:white;
    visibility:visible;
    display:inline;
}
div.cd_mnu>ul>li>input:checked~label.l_off::before
{ 
	content:'<'; 
	color:red;
}

div.cd_mnu>ul>li>input:checked~label.l_on
{
    visibility:hidden;
    display:none;
}

div.cd_mnu>ul>li>ul>li>input:checked~label.l_off
{
	background-color:seagreen;
	opacity:0.8;
    color:white;
    visibility:visible;
    display:inline;
}
div.cd_mnu>ul>li>ul>li>input:checked~label.l_off::before
{ 
	content:'<'; 
	color:red;
}

div.cd_mnu>ul>li>ul>li>input:checked~label.l_on
{
    visibility:hidden;
    display:none;
}

li.cl_none
{
	list-style-type: none;
}