BODY
{
	background:#ffffff;
}

.main
{
		display: flex;
}

.leftbodybar
{
	flex: 0 0 5%;
	background-color: #c0c0c0;
}

.rightbodybar
{
	flex: 0 0 5%;
	background-color: #c0c0c0;
}

.header
{
	display: flex;
	font-family: 'Source Code Pro', monospace;
	font-size:xx-large;
	font-weight:normal;
	color:Black;
	justify-content: center;
	align-items: center;
	text-align: center;
	height: 100px;
	background-color: #f0f0f0;
}

.disclaimer
{
	justify-content: center;
	align-items: center;
	text-align: center;
	font-family:Tahoma;
	margin:5px;
}

.footer
{
	display: flex;
	font-family:Tahoma;
	font-size:normal;
	font-weight:normal;
	color:Black;
	text-align: center;
	align-items: center;
	justify-content: center;
	height: 110px;
}

.body
{
	flex: 0 0 90%;
}

.container
{
	margin-top: 50px;
	display: flex;
}

.left-container
{
	flex: 0 0 auto;
	justify-content: left;
	margin-left: 10px;
	margin-top:220px;
}

.left-container a
{
	display:block;
	margin-left:5px;

	font:11px Arial;
	color:#000000;

	/*background:url(pics/bogy_bordo.gif);
	background-repeat:no-repeat;
	background-position: 3px 4px;*/
	
	/*text-decoration:none;*/
}

.right-container
{
	flex: 0 0 0%;
	
}

.inner-container
{
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	align-items: center;
	justify-content: space-evenly;
	font-family:Tahoma;
	font-size:normal;
	font-weight:normal;
	color:Black;
}

.imgcaption
{
	margin: 10px;
}

.imagespace
{
	margin: 15px;
	flex: 0 0 auto;
}

.imagespace a
{
	text-decoration:none;
	color:#000000;
}

.aboutme
{
	margin: 120px;
}

#scrollToTopBtn {
    display: none; /* Alapértelmezetten rejtve van */
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 100; /* Legyen a többi tartalom fölött */
    border: none;
    outline: none;
    background-color: #000;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 10px;
    font-size: 18px;
}

#scrollToTopBtn:hover {
    background-color: #555; /* Változtassuk a gomb színét hover eseményre */
}

@media screen and (min-width: 900px)
{
	.imgwidth
	{
		width: 500px;
		-webkit-user-drag: none; /* Tiltja a képek húzását Webkit böngészőkben */
    user-drag: none;
	}
} 

@media screen and (max-width: 900px)
{
	.imgwidth
	{
		width: 300px;
		-webkit-user-drag: none; /* Tiltja a képek húzását Webkit böngészőkben */
    user-drag: none;
	}
}