/* CSS utf-8 ő */
/* news, tartalom */

div.news {font-size:var(--f16); line-height:var(--f16lh); padding: 0 10vw;}

.news .news_h1, H1.news {font-size: var(--f56);
    line-height: var(--f56lh);
    font-weight: 900;
        margin: 3vh 0 2.8vh;}
.news .news_h2, H2.news, H2 {font-size: var(--f24);
    line-height: var(--f24lh);
    color: var(--orange);
    display: inline-block; font-weight:900;}
.news H2 i.kieginfo {font-style: normal;
    font-weight: 100;}
.news H3 {display:inline;}
.news H4 {display:inline;}

.news .info.bl {position:relative; display: inline-block;
    padding: 12px 0;
    margin: 24px 0 24px 45px;}
	
.news .info.bl:before{
	content: '(\00a0)';
    display: inline-block;
    position: absolute;
    top: 11px;
    left: -37px;
    letter-spacing: 6px;
    font-weight: 100;
    color: var(--orange-bright);
	}
.news .info.bl:after{
	content: '\00a0!\00a0';
    display: inline-block;
    position: absolute;
    top: -8px;
    left: -35px;
    font-weight: 900;
    font-size: 200%;
    color: var(--orange);
	}
	
.news .info.bl i {display: inline;
    padding: 2px 5px;
    background: var(--orange-bright);}

.news .news_lead, P.lead {font-size: var(--f32);
    line-height: var(--f32lh);
    font-weight: 100;
    margin-top: 0px;
    margin-bottom: 26px;}
.news .news_lead_pic {margin-bottom:4px;}
.news .news_kepalairas {font-size:9px; line-height:11px; margin-top:4px; margin-bottom:4px;}
.news .news_lead_albumpic {}
.news .news_albumlink {font-size:9px; line-height:11px; margin-top:4px;}
.news .news_paragraph {font-size:13px; margin-top:10px; margin-bottom:10px;}
.news .news_paragraph_boxtitle {font-weight:bold; color:#181617; padding:5px 5px 5px 10px; border-top:0px solid #AB9E74; margin-top:5px; font-size:12px; background-color:#deeef9;}
.news .news_paragraph_pic {border:0px solid #573420;}
.news .news_paragraph_pic_kepalairas {font-size:11px; line-height:13px; padding:4px 0px 6px 4px; background-color:#deeef9;}
.news .news_paragraph_albumpic {border:2px solid #573420;}
.news .news_paragraph_albumlink {text-align:left; font-size:11px; padding:2px 0px 6px 0px;}
.news .news_paragraph_linkek {font-size:11px; padding:2px 3px 2px 5px; background-color:#deeef9;}
.news .news_paragraph_linkek UL {padding:0px; margin:0px; margin-bottom:10px; list-style-type:none;}
.news .news_paragraph_linkek UL LI {padding:0px; margin:0px; margin-bottom:3px; background:url(/images/arrow2.gif) no-repeat 4px 4px; padding-left:20px; font-weight:bold;}
.news .news_paragraph_infobox_title {font-weight:bold; color:#181617; background-color:#deeef9; padding:5px 5px 5px 10px; margin-top:5px;font-size:12px;}
.news .news_paragraph_infobox_text {font-size:11px; background-color:#deeef9; padding:2px 5px 10px 10px;}
.news .newstable {margin-top:20px;}
.news .news_footer_boxtitle {font-weight:bold; font-size:13px; margin-bottom:3px;}
.news .news_footer_downloads {}
.news .news_footer_downloads .newsdownloadboxrow {}
.news .news_footer_downloads .newsdownloadboxrow .ndrname {font-weight:bold;}
.news .news_footer_downloads .newsdownloadboxrow .ndrtext {}
.news .news_footer_downloads .newsdownloadboxrow .ndrfiles {}
.news .news_footer_downloads .newsdownloadboxrow .ndrfiles .ndrfiletext {font-size:9px;}
.news UL {list-style-type:none; padding:0px; margin:0px;}
.news UL LI {background:url(/images/arrow1_gray1.png) no-repeat 0px 5px; padding-left:22px; margin-left:8px; background-size:10px;}
.news LI {margin-left:40px;}
.news .newsboxcont {margin-left:10px;}
.news .newsboxcontcenter {margin-left:0px;}

.news .news_info {display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; font-size:14px; line-height:18px; color:#959595; margin-bottom:20px;}
.news .news_info .sep:BEFORE {content:'|'; margin:0 14px;}
.news .news_info .date {flex:0 0 auto;}
.news .news_info .img {flex:0 0 auto; width:25px; height:25px; background-color:#959595; background-size:contain; background-repeat:no-repeat; border-radius:50%; margin-right:10px;}

.nlbox {margin-bottom:10px; padding-bottom:8px; border-bottom:1px dotted #cccccc;}
.nlbox .nlbdate {font-size:9px; font-style:italic; color:#a7a7a7; margin-bottom:3px;}
.nlbox .nlbpic {width:50px; height:50px;}
.nlbox .nlbtitle {font-size:12px; font-weight:bold; line-height:14px; margin-bottom:7px;}
.nlbox .nlbtitle A {text-decoration:none;}
.nlbox .nlbtitle A:HOVER {text-decoration:underline;}
.nlbox .nlbtext {font-size:11px; line-height:14px;}
.nlboxlast {margin-bottom:10px; padding-bottom:0px; border-bottom:0px;}

.nlbox2 {margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #cccccc; min-height:100px;}
.nlbox2 .pic {position:absolute; width:100px; height:100px; background-color:#f1f1f1;}
.nlbox2 .pic IMG {width:100px; height:100px;}
.nlbox2 .info {margin-left:120px;}
.nlbox2 .info .date {font-size:12px; line-height:18px; font-style:italic; color:#666666; margin-bottom:0px;}
.nlbox2 .info .title {font-size:18px; line-height:22px; font-weight:700; margin-bottom:10px;}
.nlbox2 .info .title A {text-decoration:none;}
.nlbox2 .info .title A:HOVER {text-decoration:underline;}
.nlbox2 .info .text {font-size:14px; line-height:18px; font-weight:400; margin-bottom:10px; color:#666666;}

.newsmorebox {}
.newsmorebox .line {font-size:11px; font-weight:normal; line-height:13px; margin-bottom:3px;}
.newsmorebox .line .datum {font-size:9px; color:#a7a7a7;}
.newsmorebox .line A {}

.news_paragraph_downloads {font-size:11px;}
.news_paragraph_downloads .newsdownloadboxrow {background-color:#E0EEF5; padding:2px 5px 10px 10px;}
.news_paragraph_downloads .newsdownloadboxrow .ndrname {font-weight:bold; margin-bottom:5px;}
.news_paragraph_downloads .newsdownloadboxrow .ndrtext {}
.news_paragraph_downloads .newsdownloadboxrow .ndrfiles {padding:0px; margin:0px; margin-bottom:10px; list-style-type:none;}
.news_paragraph_downloads .newsdownloadboxrow .ndrfiles LI {padding:0px; margin:0px; margin-bottom:3px; background:url(/images/arrow2.gif) no-repeat 4px 4px; padding-left:20px; font-weight:bold;}
.news_paragraph_downloads .newsdownloadboxrow .ndrfiles .ndrfiletext {font-size:9px;}

.newstable .table {background-color:#deeef9; width:100%; border-spacing:1px;}
.newstable .table .trcimsor {background-color:#deeef9; font-weight:bold;}
.newstable .table .trnormal {background-color:#ffffff;}
.newstable .table TD {font-size:12px; padding:3px;}

.newslistitem {margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #cccccc;}
.newslistitem .newstitlecont {}
.newslistitem .newstitlecont .ndate {white-space:nowrap; font-size:12px;}

.photoalbumlist {}
.photoalbumlist .albumcard {width:170px; height:195px; float:left; margin-right:13px; margin-bottom:5px; overflow:hidden; border:0px solid #eeeeee;}
.photoalbumlist .albumcard .albumpic {width:170px; height:128px; background-color:#f5f5f5;}
.photoalbumlist .albumcard .albumtext {padding:3px 5px 5px 5px;}
.photoalbumlist .albumcard .albumtext .albumtitle {font-size:12px; line-height:14px; font-weight:bold; padding-top:5px; margin-bottom:2px;}
.photoalbumlist .albumcard .albumtext .albuminfo {font-size:11px; color:#cccccc;}
.photoalbumlist .albumcard .albumtext .albuminfo .albumpics {color:#999999; font-weight:bold;}
.photoalbumlist .albumcard .albumtext .albuminfo .albumdate {color:#999999; font-weight:normal; font-style:italic;}
.photoalbumlist .albumcard .albumtext .albuminfo .albumbytitle {}
.photoalbumlist .albumcard .albumtext .albuminfo .albumbyname {color:#333333; font-weight:bold;}
.photoalbumlist .albumcardlast {margin-right:0px;}

.listapic {position:relative; width:170px; height:128px; margin-right:12px; margin-bottom:12px; float:left;}
.listapic .apic {}
.listapic .atext {display:none; position:absolute; top:0px; left:0px; width:160px; height:118px; padding:5px; background:url(/images/fotoalbum_bg1.png); font-size:11px; color:#333333; cursor:pointer;}
.listapic .azoom {position:absolute; top:109px; left:150px; width:13px; height:13px; background:url(/images/fotoalbum_icon_zoom.png) no-repeat;}
.listapic .ainfo {position:absolute; top:109px; left:130px; width:13px; height:13px; background:url(/images/fotoalbum_icon_info.png) no-repeat;}
.listapic:HOVER .atext {display:block;}
.listapiclast {margin-right:0px;}

.photoalbum {margin-top:-12px;}
.photoalbum .albumhead {}
.photoalbum .albumhead .albuminfo {margin-bottom:12px; color:#cccccc;}
.photoalbum .albumhead .albuminfo {margin-bottom:12px;}
.photoalbum .albumhead .albuminfo .albumpics {color:#999999; font-weight:bold;}
.photoalbum .albumhead .albuminfo .albumdate {color:#999999; font-weight:normal; font-style:italic;}
.photoalbum .albumhead .albuminfo .albumbytitle {}
.photoalbum .albumhead .albuminfo .albumbyname {color:#333333; font-weight:bold;}
.photoalbum .albumhead .albumtext {margin-bottom:12px; font-size:14px; font-weight:bold;}

.albumsleft {margin-top:-8px;}
.albumcardsmall {border-bottom:1px solid #eeeeee; padding-bottom:8px; padding-top:8px;}
.albumcardsmall .albumpic {width:40px; height:40px; background-color:#f5f5f5; float:left; overflow:hidden; margin-right:8px;}
.albumcardsmall .albumpic IMG {width:40px; height:40px;}
.albumcardsmall .albumtext {min-height:40px; padding-left:48px;}
.albumcardsmall .albumtext .albumtitle {font-size:12px; line-height:14px; font-weight:bold;margin-bottom:2px;}
.albumcardsmall .albumtext .albuminfo {font-size:11px; color:#cccccc;}
.albumcardsmall .albumtext .albuminfo .albumdir {color:#333333; font-weight:bold;}
.albumcardsmall .albumtext .albuminfo .albumpics {color:#999999; font-weight:bold;}
.albumcardsmall .albumtext .albuminfo .albumdate {color:#999999; font-weight:normal; font-style:italic;}
.albumcardsmall .albumtext .albuminfo .albumbytitle {}
.albumcardsmall .albumtext .albuminfo .albumbyname {color:#333333; font-weight:bold;}
.albumcardsmallselected {background-color:#f2f2f2;}
.albumcardsmallselected .albumpic {margin-left:8px;}
.albumcardsmallselected .albumtext {padding-left:56px;}
.albumcardsmalllast {border-bottom:0px;}

/* FOTOALBUM NAV / CSAK FOTOALBUM OLDALON ------------------------------------*/
.albumnav {display:flex; justify-content:center; height:40px;}
.albumnavtop {margin-bottom:30px;}
.albumnavbottom {margin-top:30px;}
.albumnav .albumbackward {width:33%; margin-right:20px; float:left; cursor:pointer;}
.albumnav .albumtop {width:33%; margin-right:20px; float:left; cursor:pointer;}
.albumnav .albumforward {width:33%; float:left; cursor:pointer;}
.albumnavlink {color:#ffffff; padding:6px 12px 5px 12px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; cursor:pointer; height:31px;}
.albumnavlink .albumnavlinkt1 {font-size:11px; line-height:14px; color:#c0c0c0;}
.albumnavlink .albumnavlinkt2 {font-size:13px; line-height:16px; font-weight:bold; height:17px; overflow:hidden;}
.albumnavlink .albumnavlinkt2 A {color:#8b8b8b; text-decoration:none;}
.albumnavlinkbackward {text-align:left; padding-left:40px; background:url(/images/icons/arrow1_left_gray.svg) no-repeat; background-position:left 15px center; background-size:15px; background-color:#f3f3f3;}
.albumnavlinktop {text-align:center; background:url(/images/icons/arrow1_up_gray.svg) no-repeat; background-position:top 6px center; background-size:15px; padding-top:5px; background-color:#f3f3f3;}
.albumnavlinkforward {text-align:right; padding-right:39px; background:url(/images/icons/arrow1_right_gray.svg) no-repeat; background-position:right 15px center; background-size:15px; background-color:#f3f3f3;}

.albumnavlinkbackward:HOVER {background:url(/images/icons/arrow1_left_white.svg) no-repeat; background-position:left 15px center; background-size:15px;}
.albumnavlinktop:HOVER {background:url(/images/icons/arrow1_up_white.svg) no-repeat; background-position:top 6px center; background-size:15px;}
.albumnavlinkforward:HOVER {background:url(/images/icons/arrow1_right_white.svg) no-repeat; background-position:right 15px center; background-size:15px;}

.albumnavlink:HOVER {color:#ffffff; background-color:#c98117;}
.albumnavlink:HOVER .albumnavlinkt1 {color:rgba(255, 255, 255, 0.75);}
.albumnavlink:HOVER .albumnavlinkt2 A {color:#ffffff; text-decoration:none;}

.albumnavlinkempty {background-color:#ffffff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:1px dashed #b3b3b3; width:100%; margin-right:20px; float:left; height:38px;}

.albumnavbottom {display:none;}

.news .separator {
	clear: both;
    display: block;
    height: 1vh;
}

/* HOMETEAM */

.news .news_homteam_profile_q {
	font-family: "Square Peg", cursive;
    font-size: var(--f34m);
    line-height: 106%;
    font-style: italic;
    padding: 0px 10%;
    display: block;
	margin:0;
    text-align: center;
	clear: both;
	}

.news .news_homteam_profile:before {
	display:block;
	clear:both;
	position:relative;
	}

	
.news .news_homteam_profile {
	position: relative;
    margin: 26px 10% 0 auto;
    width: 360px;
    display: block;
	}

.news .news_homteam_profile_pic	{
        position: relative;
    display: block;
    margin: 18px 4px 60px;
    width: 125px;
    float: left;
    z-index: 1;
	}
	
.news .news_homteam_profile_pic	.container {
	border-radius: 100%;
    box-shadow: 0px 0px 0px 8px var(--sea-green-bright-shadow);
    display: block;
    position: relative;
    margin: 0 auto 0 0;
    height: 0;
    padding-bottom: calc(100% /(var(--aspr-prof-pic)));
}

.news .news_homteam_profile_pic	.container:before {
position: absolute;
    content: '';
    display: block;
    z-index: 1;
    overflow: hidden;
    -webkit-mask-image: url(/images/profil_pic_aqua_shadow.svg);
    mask-image: url(/images/profil_pic_aqua_shadow.svg);
    -webkit-mask-size: 150%;
    mask-size: 150%;
    mask-position: center 80%;
    background: var(--sea-green-bright-shadow);
    padding-bottom: calc(100% /(var(--aspr-prof-pic)));
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    padding: 99%;
    user-select: none;
}

.news .news_homteam_profile_pic.v2	.container:before {
	mask-position: center -11%;
	
	}

.news .news_homteam_profile_pic.v3	.container:before {
	mask-position: center 40%;
	
	}	

.news .news_homteam_profile_pic	.container .img-container {
	border-radius: 100%;
    position: relative;
    display: block;
    width: 100%;
    max-height: 100%;
    overflow: hidden;
    content: '';
    padding-bottom: 100%;
    z-index: 2;
	}

.news .news_homteam_profile_pic	.container img{
   position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 105%;
	border-radius: 100%;
}

.news .news_homteam_profile H3.signo {
font-family: "Square Peg", cursive;
    font-size: var(--f34m);
    line-height: var(--f34mlh_hw);
    margin-bottom: 1px;
    margin-top: -6px;
    margin-left: 10px;
    display: inline-block;
    position: relative;
    z-index: 2;
    vertical-align: top;
    width: 62%;
    text-indent: -26px;
    padding-left: 26px;
    width: calc(100% - 160px);
}

.news .news_homteam_profile H2.signo_sub {
    font-size: var(--f14);
    line-height: var(--f14lh);
    padding: 0 0 0 20px;
	margin: 10px 0 0;
    color: var(--dark);
    width: 58%;
	position: relative;
	z-index: 2;
	font-weight: 400;
	}
	
.news_homteam_profile UL {
	list-style-type: none;
    padding: 0 0 0 20px;
    margin: 6px 0px;
    width: 58%;
    display: inline-block;
	position: relative;
    z-index: 2;
	}
	
.news_homteam_profile UL LI {	
	background: none;
    padding: 1px 0;
    margin-left: 0;
    background-size: 10px;
    font-size: var(--f12);
}


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

}

@media only screen and (max-width: 1024px) {
	.news .newsboxcontcenter {width:90% !important; margin:0 auto;} 
	.news .newsboxcont {width:90%  !important; float:none !important; margin:0 auto; margin-bottom:10px;} 
    
    .news UL {margin-top:0; margin-left:0;}
    .news .news_paragraph_pic {width:100%; height:auto;}
    .news .news_paragraph_pic IMG {max-width:100%; height:auto;}
    
    .newstable {overflow-x:scroll;}
    .newstable .table {width:100%; margin-top:0;}

    .albumnav {display:grid; grid-template-columns:repeat(2, 1fr); grid-column-gap:10px;}
    .albumnav .albumtop {display:none;}
    .albumnav .albumbackward {width:100%;}
    .albumnav .albumforward {width:100%;}
    .albumnavlinkempty {width:100%;}
    .albumnavlink .albumnavlinkt1 {color:#999; font-weight:bold; font-size:13px; line-height:15px;}
    .albumnavlink .albumnavlinkt2 {display:none;}
    .albumnavlinkbackward {display:flex; align-items:center; justify-content:flex-start; text-align:left;}
	.albumnavlinkforward {display:flex; align-items:center; justify-content:flex-end; text-align:right;}

}


@media (max-width:600px) {

div.news {padding:0;}

.news .news_homteam_profile_q {
    padding: 0;
}
	
}

@media (max-width:466px) {
	
.news .news_homteam_profile {
    width: 350px;
}
	
}


@media (max-width:416px) {
	
.news .news_homteam_profile {
    width: 100%;
    overflow: visible;
    margin: 9px 0px 26px auto;
}

.news .news_homteam_profile_pic {
    position: relative;
    display: block;
    margin: 0px 25px -37px auto;
    width: 80px;
    float: none;
}

.news .news_homteam_profile_pic .container {
    width: 100px;
    height: 100px;
    margin: 0 0 0 auto;
}

.news .news_homteam_profile H3.signo {
    margin-top: -20px;
    margin-left: 0px;
    display: inline-block;
    width: 60%;
}

.news .news_homteam_profile H2.signo_sub {
    padding: 0 0 0 20px;
    width: 72%;
}
	
}