body{

}

.separator
{
	display:flex;
	padding-top: 20px;
}

.separator .l1
{
	flex-grow:1;
	flex-shrink:1;
	border-bottom: 2px solid black;
	height:11px;
	margin-right: 10px;
}

.separator .l2
{
	flex-grow:1;
	flex-shrink:1;
	border-bottom: 2px solid black;
	height:11px;
	margin-left: 10px;
}

.separator .t
{
	font-weight: bold;
	font-size: 16px;
}

/* ------------------------------------------------- */
/* Title Page                                        */
/* ------------------------------------------------- */

img.cover
{
	width: 21cm;;
	-webkit-filter: grayscale(80%); /* Safari 6.0 - 9.0 */
  	filter: grayscale(80%);
  	border-top-left-radius: 2px;
  	border-top-right-radius: 2px;
}

div.titleover
{
	position: absolute;
	float:right;
	top:  8.5cm;
	right: 0cm;
	width: 10cm;
	background-color: rgba(255, 255, 255, 0.7);
	line-height: 40px;
	font-size: 40px;
	padding: 0.2cm;
	margin-bottom: -3cm;
	text-align: right;
	padding-right: 1cm;
}

div.subtitle
{
	font-size: 20px;
}

@media only screen and (max-width: 900px) {
	img.cover
	{
		width: 100%;
		border-top-left-radius: 0px;
  		border-top-right-radius: 0px;
	}
	div.titleover
	{
		position: relative;
		float:left;
		top:  0px;
		left: 0px;
		width: 100%;
		background-color: rgba(0, 0, 0, 0.2);
		line-height: 40px;
		font-size: 40px;
		padding: 0px;
		margin-top: -6px;
		margin-bottom: 0px;
	}

	div.titleover>div.box
	{
		margin-left: 10px;
		margin-right: 40px;
		margin-top: 4px;
	}

}

@media print {
	img.cover
	{
		width: 100%;
	}
}



/* ------------------------------------------------- */
/* Fonts                                             */
/* ------------------------------------------------- */

div.section1
{
	font-size: 40px;
	font-weight: bold;
	color: #1F4788;
}

div.section2
{
	font-size: 32px;
	font-weight: bold;
	color: #1F4788;
	margin-bottom: 1cm;
	margin-top: 0cm;
}

div.section3
{
	font-weight: bold;
	color: #1F4788;
	margin-bottom: 0.4cm;
	margin-top: 0cm;	
}


div.sectioninline
{
	display: inline-block;
	font-weight: bold;
	color: #1F4788;
}

/* ------------------------------------------------- */
/* Page Elements                                     */
/* ------------------------------------------------- */

div.toc
{
	flex: 1 0 auto;
	align-self:flex-end;
	padding:2cm;
	width:45%;
}

div.first_footer
{
	align-self:flex-end;
	padding:2cm;
}

@media only screen and (max-width: 900px) {

	div.toc
	{
		display:none;
	}

	div.first_footer
	{
		display:none;	
	}
}

/* ------------------------------------------------- */
/* Contacts                                          */
/* ------------------------------------------------- */

div.contactdetailmore
{
	text-align:justify;
	hyphens:auto;
	margin-left:4cm;
	text-indent: 0.0cm;
}

div.contact
{
	display:flex;
	padding-top: 0.2cm;
	padding-bottom: 0.3cm;
}

div.contact>div.details
{
	flex-grow:1;
	padding-left: 10px;

}

div.contact>div.details>div.name
{
	font-weight: bold;
	font-size: 20px;
}

div.contact>div.picture>img
{
	border-radius: 4px;
	width: 4cm;
}

div.contact>div.picture>img.small
{
	width: 1cm;
}

div.onlyonmobile
{
	display:none;
}

@media only screen and (max-width: 900px) {

	div.contactdetailmore
	{
		margin-left: 0px;
	}

	div.contact
	{
		flex-wrap: wrap;
	}
	div.contact>div.picture
	{
		width: 100%;
	}

	div.contact>div.picture>img
	{
		width: 100%;
	}

	div.contact>div.details
	{
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 0px;
	}	

	div.contact>div.details>div.name
	{
		font-size: 20px;
	}

	div.onlyonmobile
	{
		display:block;
	}


}


/* ------------------------------------------------- */
/* Menu                                              */
/* ------------------------------------------------- */

div.desktopmenu
{
	position:relative;
	width: 21cm;
	margin: 20px auto;
	padding-bottom: 0px;
	background-color: #aaaaaa;
}

div.desktopmenu2
{
	position:absolute;
	right: -60px;
}

div.desktopmenu2>a
{
	display: block;
}

div.desktopmenu2 img
{
	width:40px;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  	filter: grayscale(100%);
  	cursor: default;
}

@media only screen and (max-width: 900px) {
	div.desktopmenu
	{
		display:none;
	}
}

@media print {
	div.desktopmenu
	{
		display:none;
	}

}

/* ------------------------------------------------- */
/* Kezelok                                           */
/* ------------------------------------------------- */

ol.kezelok
{
	    padding-inline-start: 1em;
}


/* ------------------------------------------------- */
/* Graphs                                            */
/* ------------------------------------------------- */

div.graph_matrix
{
	display:flex;
	padding-bottom: 1cm;
}

div.graph_matrix_sec
{
	display:flex;
	flex-direction: column
}

div.graph_w1
{
	width: 14cm; 
	height: 8cm;
}

div.graph_w2
{
	width: 7cm; 
	height: 4cm;
}

div.graph_border
{
	border: 1px solid #000000;
}

div.graph_image>img
{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

@media only screen and (max-width: 900px) {
	div.graph_matrix
	{
		flex-wrap: wrap;
	}

	div.graph_matrix_sec
	{
		display:flex;
		flex-direction: row
	}

	div.graph_w1
	{
		width:100%;
		height: auto;
	}

	div.graph_w2
	{
		width:50%;
		height: auto;
	}

}