@charset "UTF-8";
@font-face 
			{
				font-family: 'roboto-regular';
				src: url('Roboto-Regular.ttf');
			}
			@font-face 
			{
				font-family: 'roboto-bold';
				src: url('Roboto-Bold.ttf');
			}
body 					
						{
						-webkit-user-select:none;
						margin: 0px 0px 0px 0px;
						padding: 5px 1px 5px 1px;
	   					font-family:"roboto-regular";
						font-size: 17px;
						line-height:18px;
						word-spacing:1px;
						-hyphenate-limit-chars: auto 3;
						-hyphenate-limit-lines: 2;
						}

body.space 
						{
						padding:1px 1px 1px 1px; /*6px 6px 6px 6px;*/
						}						


						
					
p.html-page-end-here	{
						color:#F00;
						font-size: 14px;
						font-weight: bold;
						}

/*-------------------Headlines which are going to be TOC----------------*/						

p.h1					{ 																
						color:#79c2f2;
						font-size: 13px;
						line-height: 1.4em;/*22px*/
						font-weight: bold;
						margin: 5px 0px 5px 2px;
						}
						
p.h2					{ 																
						color:#79c2f2;
						font-size: 12px;
						line-height: 1.4em;/*22px*/
						font-weight: bold;
						margin: 3px 0px 5px 2px;
						}
						
p.h3					{ 																
						color:#79c2f2;
						font-size: 11px;
						line-height: 1.4em;/*22px*/
						font-weight: bold;
						margin: 3px 0px 5px 2px;
						}


/*---------------------Content---------------*/

						
						
.bold					{
						font-weight: bold;
						color:#79c2f2;		/* yellow font color*/
						}
						
.bold-td				{
						font-weight: bold;
						color:#ffffff;		/* white font color*/
						}
						
						
.bold-black				{
						font-weight: bold;	
						}
p						
						{
						margin: 3px;
						}
						
p.imprint						
						{
						font-size:11px;
						font-style:normal;
						margin: 5px;
						line-height: 14px;
						}
						
span.sup 				{
						vertical-align:top; 
						font-size:0.8em; 
						line-height:100%;
						}
						
span.sub 					{
						vertical-align:bottom; 
						font-size:0.8em; 
						line-height:100%;
						}


sub,sup					{
						line-height: 0.6em;
						}

								
/*-----------------------Listings-----------------------*/

p.list-level1:before 	
						{ 
						content: "\2022";				/* bold bulltet: 25CF red colored*/
					   	margin-right:0.45em;
						color:#79c2f2; 
						}

p.list-level1        	
						{ 
						margin: 0px;					
				       	text-indent:-0.9em;             
				       	margin-left:0.95em; 
						}

p.list-level1-black:before 	
						{ 
						content: "\2022";				/* bold bulltet: 25CF and black*/
					   	margin-right:0.25em;
						color:#000000; 
						}						

p.list-level1-black        	
						{ 
						margin: 0px;					
				       	text-indent:-0.9em;             
				       	margin-left:0.95em; 
						padding: 0px 0px 0px 3px;
						}	
						

p.list-level2-dot:before 	
						{ 
						content: "\2022";				/* bold bulltet: 25CF */
					   	margin-right:0.45em; 
						}

p.list-level2-dot        	
						{ 
						margin: 0px;					
				       	text-indent:-0.9em;             
				       	margin-left:1.90em; 			/*   double margin left for indent   */
						}			
		              
p.list-level3-triangle:before 	
						{ 
						content: ">";
					   	margin-right:0.4em; 
						}

p.list-level3-triangle 		 	
						{ 
						margin: 0px;
		               	text-indent:-0.9em;				/*   +0.4 em   */
		              	margin-left:1.9em; 
						}
						
/*  - - - - - - - - - - listing hyphen/cycle - - - - - - - - - - -  */
 
p.list-level2-1:before 	{
						content: "\2212";
					   	margin-right:0.01em;
						}            

p.list-level2-1 		{ 
						margin: 0px;
		               	text-indent:-0.99em;				/*   +0.4 em   */
		              	margin-left:1em;
						line-height:1.4em; 
						}              	           		              

/*----------------------Image-------------------*/

div.image				{
						width:100%;
						margin-top: 5px;
						margin-bottom: 7px;
						margin-left: 1px;
						padding: -1px;
						border:0px solid #a6003a;
						color:#58585a; /* gray 80% */
 						/*font-family: "myFirstFont";
 						font-size: 12.5px; 
						border-radius: 5px;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
						box-shadow: 1px 2px 4px rgba(0,0,0,.4);
						*/}
						
					
@media screen and (max-height: 568px){
						
						 Div.image img
						 {
							max-width:310px;
						 }
						}
	
@media screen and (max-height: 310px){
						
						 Div.image img
						 {
							max-width:555px;
						 }
						}
	

@media screen and (max-width: 448px){
						
						 Div.image img
						 {
							max-width:437px;
						 }
						}



@media screen and (max-width: 320px){
						
						 Div.image img
						 {
							max-width:310px;
						 }
						}

						
/*table.image				{
 						width: 100%;
						/*table-layout:fixed;*/
						/*border:0px solid #bfbfbf;  /* gray 25% */
 						/*border-collapse:collapse;
						color:#58585a; /* gray 80% */
 						/*font-family: "myFirstFont";
 						font-size: 12.5px;
						margin: 10px 0px 6px 0px;
						}*/


/*------------------Table----------------------*/

table.table				{
 						width: 100%;
						/*table-layout:fixed;*/
						border:0px solid #bfbfbf;  /* gray 25% */
 						border-collapse:collapse;
						color:#58585a; /* gray 80% */
 						font-family: "roboto-regular";
 						font-size: 13px;
						margin: 10px 0px 6px 0px;
						}
						


table.table	td 			{
						/*border:1px solid #ee7f00;*/
						/*background-color: #ebc0e6;*/
						border-bottom:1px solid #bfbfbf;
 					 	padding:3px 3px 3px 3px;
 						vertical-align:top;
						}
						
td.td					{
						background-color:#79c2f2; /*#ee7f00 orange*/
						color:#ffffff;
						}
						
td + td					{
						/*background-color:#fde4d0; #ee7f00 orange*/
						border-left: 1px solid #bfbfbf;
						}

tr + tr					{
						border-bottom: 1px solid #bfbfbf;
						}
						
						

						
td.table-head			{
					 	background-color:#79c2f2; /*#ee7f00 orange*/
						border:0px solid #bfbfbfb; /* has to be added as the table head should have "no" gray border */
						padding: 5px 0px 5px 0px;
						}


p.table-header 			{
						color: #ffffff;
						font-weight:bold;
						margin: 3px 2px 0px 2px;
						text-align:center;
						}


td.nopadding
						{
				       	padding:4px 1px 4px 1px;
    					}

/*---------------------text-aligns--------------*/

.center
						{
						text-align:center; 				/*  additional class for center alignment  */
						}

.middle
						{
						vertical-align:middle;			/*  additional class for middle alignment  */
						}

.bottom
						{
						vertical-align:bottom;			/*  additional class for bottom alignment  */
						}

.nonbold
						{
						font-weight:lighter;	
						}


/*---------------------classes and table levels-------------*/

td.class-i /*green*/
						{ 						
						background-color:#70f540; /*73B767*/
						font-weight:bold;
						text-align:center;
						vertical-align:middle;
						}
						 	
						
td.class-ii /*orange*/
						{
						background-color:#ffa600;
						font-weight: bold;
						text-align:center;
						vertical-align:middle;
						}


td.class-iii /*red*/
						{
						background-color:#ff3333;
						font-weight:bold;
						text-align:center;
						vertical-align:middle;
						}

						
td.level-a /*darkblue*/
						{
						background-color:#0033ff;
						color:#ffffff;
						font-weight:bold;
						text-align:center;
						vertical-align:middle;
					 	}
						
td.level-b /*blue*/
						{
						background-color:#4066ff;
						color:#ffffff;
						font-weight:bold;
						text-align:center;
						vertical-align:middle;
						}
						
td.level-c /*lightblue*/
						{
						background-color:#99adff; /*8D77AA*/
						color:#ffffff;
						font-weight:bold;
						text-align:center;
						vertical-align:middle;
						}

td.white
						{
						background-color:#ffffff;
						font-weight:bold;
						text-align:left;
						vertical-align:middle;
						}


						
td.td-light
						{
						background-color:#d7edfc;
						font-weight:normal;
						text-align:left;
						}

td.td-middle
						{
						background-color:#bbe1fa;
						font-weight:normal;
						color:#58585a;
						}

td.white-nonbold
						{
						background-color:#ffffff;
						text-align:left;
						vertical-align:middle;
						}


/*td.red-nonbold
						{
						background-color:#FE513E;
						text-align:left;
						vertical-align:middle;
						}*/

						
/*--------------------table preamble---------------------*/

table.table-preamble	{
 						width: 100%;
						/*table-layout:auto;*/
						/*border:1px solid #bfbfbf;  /* gray 25% */
 						border-collapse:collapse;
						color:#58585a; /* gray 80% */
 						font-family: "roboto-bold";
 						font-size: 13px;
						font-weight: bold;
						margin: 7px 0px 10px 0px;
						}


td.evidenzgrade
						{
						background-color:#33a6ff;
						font-weight: bold;
						text-align:center;
						color: #ffffff;
						padding: 5px;
						}
						
tr.tr-preamble			{
						border-bottom: 1px solid #ffffff;
						}





/*--------------------table layout b used for Abrevations---------------------*/


table.table-layout-b				{
 						width: 100%;
						/*table-layout:auto;*/
						border:0px solid #bfbfbf;  /* gray 25% */
 						border-collapse:collapse;
						color:#58585a; /* gray 80% */
 						font-size: 13px;
						margin: 5px 0px 10px 0px;
						}



/*--------------------td abbrevations---------------------*/

td.abrevation
{
						background-color:#ffffff;
						font-weight:normal;
						text-align:left;
						vertical-align:middle;
						border: 1px solid #bfbfbf;
						padding: 2px 2px 2px 2px;
						}


/*--------------------conten exeptions---------------------*/

p.reference 											
						{
						font-size:13px;
						line-height:16px;
						}
						
div.box					{
						background: #f5f5f5;
						border: 1px solid #FFF;
						padding: 2px 2px 2px 2px;
						margin: 10px 2px 10px 2px;
						border-radius: 5px;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
						box-shadow: 1px 2px 4px rgba(0,0,0,.4);
						}
						
					
div.text-box			{
						background: #d0ebf5;
						border: 1px solid #FFF;
						padding: 6px 4px 4px 4px;
						margin: 10px 2px 10px 2px;
						border-radius: 5px;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
						box-shadow: 1px 2px 4px rgba(0,0,0,.4);
						}



p.text-above-tables 				
						{
						margin:5px 5px 10px 2px;
						test-align: left;
						font-weight: bold;
						color: 000000;
						}
						
p.8pt 				
						{
						font-size:8pt;
						}
						
						
.italic					{
						/*font-size:9pt;*/
						font-style:italic;
						}
						
/*-----------------------Link definition of Abbrevations at Content------------------------*/						
a.abbreviation:link		{
						text-decoration:underline;
						/*font-weight:bold;*/
						font-style: italic;
						color:#30C;

						}
												

						
a.abbreviation:hover	{
						color:#30C;		/*color:#006d75; <a class="abbreviation" href="abbr_ESC">ESC</a> green*/
						font-weight:bold;
						font-style: italic;
						text-decoration:none;
						}			

img {
	width: 70% !important;
}
						
@media screen and (min-width: 768px){						
	img
	{
	   width: 28% !important;
	}
}