html, body
{
    height: 100%;
    width:  100%;
    margin: 0;
}

/* ##### BODY ########################################################*/

body
{
	color: #676767;

	background-color: #56a1e2;
/*
	padding: 10px;
	background: #101020 url(elemek/bg_03.png) top center repeat-y;
*/
	
/*
	text-shadow: 0.05em 0.05em #000;
*/
}


#container
{
	margin: 0px;
	border-style: solid;
	border-width: 5px;
	border-color: #000;
	border-radius: 13px 13px 13px 13px;
    margin-bottom: 0;
    height: 100%;
}



/*
body a{
	color: #14256e;
}

body a:hover {
	color: #dd5900;
}
*/
#adds
{
    height: 100px;

    background-color: #0022aa;
}
/* ##### HEADER ######################################################*/
#header
{
    height:         70px;
	background:     url(web_images/cropped-blue_grape_hyacinths_line_2.png);

	font-size:      36px;
	text-align:     center;
	letter-spacing: 15px;
	padding-top:    20px;
	color:          #fff;

	text-shadow:    0.05em 0.05em #000;

    background-color: #0000dd;
}



#fej{
    margin-top: 200px;
	height: 70px;
/*
	background: url(web_images/cropped-blue_grape_hyacinths_194594.jpg);
*/
	background: url(web_images/cropped-blue_grape_hyacinths_line_2.png);
	border-radius: 8px 8px 0px 0px;

	font-size: 36px;
	text-align: center;
	letter-spacing: 15px;
	padding-top: 20px;
	color: #fff;

	text-shadow: 0.05em 0.05em #000;
}

/* ##### MENU ########################################################*/

#menu
{
	height: 60px;
}
#actual_menu
{
    height:             30px;
    padding-left:       20px;
	font-size:          18pt;
}
/*

.menu_1{
	margin-top: 10px; margin-right: 10px;
	width: 100px; height: 17px;
	float: left;
	background: url(elemek/menu_g_2.png) no-repeat;
	text-align: center;
	text-decoration: none;
	padding-top: 3px;
	border-radius: 10px 10px 10px 10px;
}
#menu a{
	text-decoration: none;
	color: #969696;
	letter-spacing: 2px;
	font-weight: bold;
	font-size: 12px;
}
#menu a:hover {
	color: #dd5900;
	background-color: #873905;
}
#menu a:active {
	color: #ff5900;
	background-color: #b80707;
}

.menu_akt{
	border-style: solid;
	border-width: 2px;
	border-color: #000;
	background-color: #000d5b;
	border-radius: 10px 10px 10px 10px;
}
*/
/* menu uj */

/*
#main-nav
{
    position:   absolute;
}

.topnav ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.topnav li
{
  float: left;
}
.topnav a
{
  display: block;
  padding: 8px;
  background-color: #dddddd;
}

.subnav{
    display: none;
}
.subnav ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.subnav li
{
  float: none;
}
.subnav a
{
  display: block;
  padding: 8px;
  background-color: #dddddd;
}

.level2
{
    list-style-type: disc;
    padding-left: 40xp;
}
*/

/* Clearfix for the menu */


/* ##### MENU right ##################################################*/

#menu_right
{
    position:   relative;
    top:        0;
    bottom:     0;

    width: 300px;
	float: left;
    background-color: #ff0000;
}

/* ##### CONTENT #####################################################*/
#content
{
    position:   relative;

    top:        0;
    bottom:     0;

    width: calc(100% - 30px - 300px);
    width: calc(100% - 30px);
    padding:    15px;

    background-color: #e2edff;

	float: left;
/*
    overflow: scroll;
*/
}


/*
#content object
{
	margin: 0px;
    width: 100%;
    height: 100%;
}
*/

/*           ##### Bejegyzések ##### */

.preview
{
	background-color: #fff;
/*
    margin: 15px;
    width: calc(100% - 30px);
*/
    margin-bottom: 15px;
    width:      100%;
}
.preview_title
{
  text-align: left;
  font-size:  15pt;
}
.preview_title a
{
  text-decoration: none;
}

.preview_title a:hover
{
  text-decoration: underline;
  cursor: pointer;
}

.kiemelt_kep
{
  cursor: pointer;
/*
  object-fit: cover;
*/
  object-fit: contain;
}



/* ####################################################################*/






.hrek{
	width: 95%;
	align: center;
}

.c_date{
	text-decoration: underline; 
	color: #e5e5ff;
	font-weight: bold;
}

.hir{
	background-color: rgba(38, 38, 108, 0.4);
	padding: 5px;
}