* {
	max-height: 999999px;
}
html
{
	background-color: #F2F5F7;
	padding: 0px;
	overflow-y: scroll;
	scrollbar-width: thin;
}
body
{
	margin: 0px;
	padding: 4px 2px;
	font-family: Arial,sans-serif;
	font-size: 10pt;
	background-color: white;
	border: 1px solid #dddddd;
	border-radius: 6px;
}

h1
{
	margin-top: 30px;
	margin-bottom: 20px;
	color: #ff873f;
	font-size: 20px;
}
h2
{
	font-size: 18px;
}
h3
{
	font-size: 14px;
}

sup {
	font-size: 0.6em;
	line-height: 1em;
}

table
{
    border-collapse: collapse;
    margin-top: 1em;
    margin-bottom: 1em;
}

table td,
table th
{
	border: 1px solid #DDD;
	padding: 4px;
}
table th
{
	background: linear-gradient(#E3F1FA, #E3F1FA, #D7EBF9, #EAF4FC, #EAF4FC);
	border-color: #AED0EA;
	color: #2779AA;
}
table tr:nth-child(odd)
{
	background-color: #FBFBFB;
}

table tfoot th {
	font-weight: normal;
	background-image: none;
}

table tr:nth-child(even)
{
	background-color: #FFFFFF;
}

tr > th
{
	text-align: left;	
}

code
{
	color: #254967;
	background-color: #fbfcfd;
	border: solid 1px #c8d6dd;
	padding:0px 2px;
	margin: 0px 2px;
}

span.ClsCode
{
	font-family:Courier,monospace;
}

ul > li, ol > li
{
    margin-top: 3px;
    margin-bottom: 3px;
}
ul > li.ClsHlpTopic
{
    margin-top: 1em;
	margin-bottom: 1em;
}

a
{
	color: #2779AA;
	text-decoration: none;
}

a:hover
{
	background-color: #D0E5F5;
	color: #1D5987;
}

.ui-toolbar			{ padding: 0.2em; }
.ui-corner-all		{ border-radius: 6px; }
.ui-state-hidden 	{ display: none; }
.ui-state-visible	{ display: block; }
.ui-triangle-s::before {content: '\25BC'; padding-right:0.25em;}
.ui-triangle-e::before {content: '\25BA'; padding-right:0.25em;}

.ClsAppToolbar
{
       border: none;
       font-size: 20px;
       font-weight: normal;

       background: #dfeffc url("../Images/wave_dark.png") 50% 50% repeat-x;
       color: white;
       
       margin-left: 1px;
       margin-right: 1px;
	   margin-bottom: 15px;
	   
	   padding: 2.4px;
}

.ClsAppTitle
{
       font-size: 20px;
       font-weight: bold;

       padding: 3px 10px 2px 13px;
       margin: 4px 0px 2px 0px;
       vertical-align: middle;
}

.ClsAppIcon
{
	margin-left:0px;
	margin-right:6px;
	height:24px;
	width:24px;
	vertical-align:top;
}

.ClsNaviBtns
{
	margin: 8px 15px;
	float:right;
}

.ClsBlockHead
{
	margin-top: 6px;
	margin-bottom: 0px;
	cursor: pointer;
	background: linear-gradient(#F1F7FB, #DEEDF7);
	box-shadow:2px 0px 6px #aed0ea;
	border: 1px solid #aed0ea;
	border-radius: 6px;
	padding-left: 0.5em;
	color:#0070A3;
}

.ClsBlockBody
{
	border: 1px solid #aed0ea;
	border-radius: 6px;
	box-shadow:2px 2px 6px #aed0ea;
	padding: 1.0em;
	margin-top: 0px;
	overflow:auto;
}

.ClsBtn
{
	background: linear-gradient(#E3F1FA, #E3F1FA, #D7EBF9, #EAF4FC, #EAF4FC);
	border: 1px solid #aed0ea;
	border-radius: 6px;
	display: inline-block;
	color: #2779AA;
	font-size:1.25em;
	line-height:1.25em;
	width: 1em;
	height: 1em;
	padding: 0.25em;
	cursor: pointer;
}

.ClsBtn:hover
{
	background: linear-gradient(#EDFBFF, #EDFBFF, #E1F5FF, #F4FEFF, #F4FEFF);
}


.ClsDesktopOnly {
	display: auto;
}

@media(max-width:800px) {
	.ClsDesktopOnly {
		display: none;
	}
}

/* ------------ Rechte-Matrix ----------------*/
.ClsRightsMatrix .ClsYes,
.ClsRightsMatrix .ClsNo ,
.ClsRightsMatrix .ClsNox  {
	text-align: center;
}

.ClsRightsMatrix .ClsYes::before { color:#00AA00; content:'\2714';  /* utf-8 tick       */ }	
.ClsRightsMatrix .ClsNo::before  { color:#FF0000; content:'\2717';  /* utf-8 cross      */}
.ClsRightsMatrix .ClsNox::before { color:#AA00AA; content:'\2717*'; /* utf-8 cross star */}
.ClsRightsMatrix .ClsTopic {
	vertical-align: top;
	font-weight: bold;
}