@charset "ISO-8859-15";

/* ITOM-Academy.css: CSS style-sheet for the ITOM-Academy, germany */
/* (c) 2017-2018 by cTc GmbG, Germany */

<style type="text/css">
  html		{
		}

  *		{
			font-family:			Arial,Helvetica,sans-serif;
			font-style:			normal;
			font-weight:			normal;
			font-size:			100%;
		}
  
  body		{
			max-width:			100em;
			font-family:			Arial,Helvetica,sans-serif;
			font-style:			normal;
			font-weight:			normal;
			font-size:			98%;
			color: 				black;
			alink:				darkblue;
			link:				darkblue;
			vlink:				darkblue;
		}

/* headline/first line within block: */
  .headH1	{
			font-family:			Arial,Helvetica,sans-serif;
			font-style:			normal;
			font-weight:			bold;
			font-size:			120%;
		}
  
  div.title	{
			font-size:			120%;
		}

  div.body	{
			font-size:			100%;
			background-color:		white;
			color: 				black;
			margin:				0px;
			padding:			0px 0px 0px 0px; /* t r b l */
  		}

/* Block HEAD: area-icon: */
  img.HEAD	{
			width:				99%;
		}

/* Block Trainings, product line: */  
 div.headLINE	{
			display:			relative;
			position:			float;
			float:				left;
			text-align:			left;
			background-color:		#E0E0E0;
			min-width:			70em;
			width:				100%;
		}

  div.product	{
			position:			relative;
			float:				left;
			font-weight:			bold;
			text-align:			left;
		}

  div.release	{
			position:			relative;
			float:				left;
			font-weight:			normal;
		}

  div.newline	{
			width:				0px;
		}

  div.offset	{
			position:			relative;
			float:				left;
			width:				4em;
			align:				middle;
		}

  div.semcode	{
			position:			relative;
			float:				left;
			font-weight:			bold;
			text-align:			left;
			width:				7em;
		}

  div.title	{
			position:			relative;
			float:				left;
			font-weight:			normal;
			text-align:			left;
			min-width:			30em;
			width:				30%;
		}

  div.days		{
			position:			relative;
			float:				left;
			font-weight:			normal;
			min-width:			4em;
			text-align:			right;
		}

  div.price	{
			position:			relative;
			float:				left;
			font-weight:			normal;
			min-width:			8em;
			text-align:			right;
		}

  div.outline	{
			position:			relative;
			float:				left;
			font-weight:			normal;
			min-width:			16px;
		}

  div.trainingLINE	{
			display:			relative;
			position:			float; 
			float:				left;
			text-align:			left;
			min-width:			70em;
			width:				100%;
		}

  div.remark	{
			position:			relative;
			float:				left;
			font-weight:			normal;
			text-align:			left;
		}

  div.version	{
			display:			relative;
			font-weight:			normal;
			width:				30%;
		}

  div.date	{
			position:			relative;
			float:				left;
			font-weight:			normal;
			min-width:			10em;
			text-align:			left;
		}

  div.commentLINE	{
			display:			relative;
			position:			float;
			float:				left;
			text-align:			left;
			min-width:			70em;
			width:				100%;
		}

  div.schedLINE	{
			display:			relative;
			position:			float;
			float:				left;
			text-align:			left;
			background-color:		#E0E0E0;
			min-width:			70em;
/*			width:				100%; */
		}

  div.week		{
			position:			relative;
			float:				left;
			font-weight:			normal;
			width:				4em;
			text-align:			right;
		}

  div.startdate	{
			position:			relative;
			float:				left;
			font-weight:			normal;
			min-width:			4em;
			text-align:			right;
		}

  div.enddate	{
			position:			relative;
			float:				left;
			font-weight:			normal;
			min-width:			6em;
			text-align:			right;
		}

/* CSS definitions of the menubar on top of the pages: */
  #tabs		{
			position:			fixed;
			top:				0px;
			margin:				1px;
			background-color: 		rgba(255,255,255,1);
			background-clip: 		padding-box;
			z-index:			10;
			min-width:			24em;
/*			max-width:			1200px; */
		}

  #tabs ul li 	{
			list-style:			none;
			position:			relative;
			float:				left;
			width:				8%;
			min-width:			7em;
			min-height:			1.5em; 
			margin:				0px;
			text-align:			center;
			padding-top:			0.1em;
			border:				solid;
			border-width:			1px 1px 0 1px;
			border-color:			white;
		}
  #tabs ul li:hover {
			background-color:		cornflowerblue;
		}
  #tabs li a 	{
			text-decoration:		underline;
			color:				black;
		}
  #tabIntro 	{
			display:			none;
		}
  #tabOverview 	{
			display:			none;
		}
  #tabCentral 	{
			display:			none;
		}
  #tabITSM 	{
			display:			none;
		}
  #tabSIEM 	{
			display:			none;
		}
  #tabCaA 	{
			display:			none;
		}
  #tabSACM 	{
			display:			none;
		}
  #tabDBUT 	{
			display:			none;
		}
  #tabADM 	{
			display:			none;
		}
  #tabAPPOINTMENTS {
        		display:			none;
      		}
  #tabAUDIENCES {
        		display:			none;
      		}
  #tabIMPRESSUM {
        		display:			none;
      		}
  #tabGDPR      {
        		display:			none;
      		}
 
/* CSS definitions for the positioning of the boxes/blocks within the page: */
  #content 	{
			border:				1px solid white;
			background-color:		white;
			height:				auto;
			margin-top:			50px;
			margin-left:			10px;
			padding:			10px 10px 10px 10px;
			clear:				both;
			min-width:			800px;
		}

  #boxTOP 	{
			display:			inline-block;
			float:				none;
			margin-left:			0px;
			margin-right:			0px;
			margin-bottom:			5px;
			width:				100%;
		}
  #boxTOPl 	{
			float:				left;
			margin-right:			5px;
			width:				33%;
			border-radius: 			5px;
		}
  #boxTOPr 	{
			float:				left;
			min-width:			400px;
			width:				65%;
			border-radius: 			5px;
			z-index:			2;
		}

  #boxBODY 	{
			display:			inline-block;
			float:				none;
			margin:				0px;
			width:				100%;
		}

/* these CSS definitions are actually stored within each HTML page itself:
  #boxHEAD 	{}
  #boxTITLE 	{}
  #boxTEXT 	{}
  #boxTRAININGS {}
  #boxSCHEDULES {}
  #boxOVERVIEW	{}
  #boxNEWS 	{}
end of the CSS definitions which are stored within each HTL page itself. */

/* ordered list for the paragraphs of the GDPR declaration: */
  .level1	{
			counter-reset:			GDPRlevel1 0;
			list-style-type:		none;
			list-style-position: 		outside;
		}
  .level1 li::before	{
			content:			counter(GDPRlevel1,upper-roman) ") ";
			counter-increment:		GDPRlevel1;
			font-size:			1.2em;
		}
  .level1 li::after	{
			font-size:			1.0em;
		}
  .level1 b		{
			font-size:			1.2em;
			text-decoration-line:		underline;
		}
  .level2	{
			counter-reset:			GDPRlevel2 0;
			list-style-type:		none;
			list-style-position: 		outside;
		}
  .level2 li::before	{
			content:			counter(GDPRlevel2,lower-alpha) ") ";
			counter-increment:		GDPRlevel2;			
			font-size:			1.0em;
		}
  .level2 li::after	{
			font-size:			1.0em;
		}

  .level2 b		{
			font-size:			1.2em;
			text-decoration-line:		underline;
		}
</style>

/* end of ITOM-Academy.css */