*{ font-family: 'Titillium Web', sans-serif; box-sizing: border-box; }
body { font-family: 'Titillium Web', sans-serif; font-size: 13pt; color: #222222; padding: 0; margin: 0; }
img { border: 0px; }
a, a:visited { text-decoration: none; color: #222222; outline: none; }
a:hover { text-decoration: none; color: #444444; }
#content input { border: 1px solid #cccccc; }
.btn { border: 0 !important; color: #ffffff; background: #446688; padding: 3px 5px 3px 5px; text-align: center; display: block; margin: 5px; }
div#main { max-width: 1600px; text-align: left; amax-width: 960px; margin: auto; background: #ffffff; z-index: 2; }
div#head  { margin: auto; height: 160px; background: #0F375A url('images/header.jpg') no-repeat bottom right; position: relative; overflow: hidden; }
div#headb { margin: auto; }
div#head a { color: #ffffff; font-size: 14pt; }
div#head a.menusel0,
div#head a.menu0 { color: #ffffff; font-size: 14pt; display: inline-block; padding: 0 10px 0 10px; vertical-align: middle; }
div#head a.menusel0 { font-weight: bold; }
div#head_smallmenu a.menu0 { font-size: 10pt; }
div#head_submenu a.menusel0 { font-size: 18pt; vertical-align: middle; }
div#head_submenu a.menu0 { font-size: 15pt; vertical-align: middle; }
#head_logo  { display: inline-block; vertical-align: middle; height: 100%; background: #0E5289; padding: 33px 30px; margin-right: 10px; }
#head_menu  { display: inline-block; vertical-align: middle; margin: 0; width: calc(100% - 535px); }
#head_logo2 { display: inline-block; vertical-align: middle; margin: 20px 0px 25px 40px; }

.head_search { padding:0; top:0; right:0; position: absolute; padding: 15px 15px 0 0; }
.head_search input { border:0; background: rgba(255,255,255,0.5); height: 25px; vertical-align: middle; color: #ffffff; padding-left: 5px; }
.head_search input.sbtn { border:0; background: #666666 url('images/search.png') center center no-repeat; font-size: 1px; overflow: hidden; text-indent: 30px; width: 25px; }

div#breadcrumbs { color: #666666; font-size: 8pt; line-height: 14pt; padding: 15px 0 5px 0; }
div#breadcrumbs a { color: #666666; }
div#breadcrumbs a:hover { color: #222222; text-decoration: underline; }

div#content { margin: auto; padding: 0 35px 35px 0; width: 100%; max-width: 1019px; float: left; margin-left: 157px; }
/*div#rightmenu { width: calc(100% - 1176px); float: left; background: #E5E5E5; min-height: 100px; padding: 35px 15px; }*/
div#rightmenu { width: 424px; float: left; min-height: 100px; }
.rightmenu_newsb .i_news_b { display: block; }
div#submenu { background: #E5E5E5; padding: 35px 15px; }
div#submenu .menu_open { font-weight: bold; }
div.rightmenu_news { padding: 15px 15px; }
#hamburger { display: none; position: absolute; right: 20px; top: 65px; background: transparent url('images/hamburger.png') center center no-repeat; background-size: contain; width: 30px; height: 30px; border-radius: 5px; border: 1px solid transparent; }
#rmenu { display: none; position: absolute; left: 0; right: 0; top: 0; min-height: 100vh; z-index: 1000; background: #ffffff; padding: 10px; box-shadow: 1px 1px 5px #666666; }
#rmenuh { display: none; position: fixed; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0,0,0,0.7); z-index: 500; }
#rmenu #invlogo { margin: 10px auto 10px auto; display: block; }
#rmenu .menupoint { margin-bottom: 10px; text-align: left; border-bottom: 1px solid #aaaaaa; }
#rmenu .menupoint_o { display: inline-block; vertical-align: middle; background: #0F375A url('images/plus.png') center center no-repeat; width: 20px; height: 20px; }
#rmenu a.menupoint { display: inline-block; color: #0F375A !important; vertical-align: middle; }
#rmenu .menu0, #rmenu .menusel0 { padding-left: 10px; }
#rmenu .menu1, #rmenu .menusel1 { padding-left: 30px; }
#rmenu .menu2, #rmenu .menusel2 { padding-left: 50px; }
#rmenu .menu3, #rmenu .menusel3 { padding-left: 70px; }

#rmenu .menu0 { font-weight: 600; }
#rmenu .menusel0,
#rmenu .menusel1,
#rmenu .menusel2,
#rmenu .menusel3 { font-weight: bold; }

div#rightmenu #submenu .menu0,
div#rightmenu #submenu .menusel0,
div#rightmenu #submenu .menu1,
div#rightmenu #submenu .menusel1,
div#rightmenu #submenu .menu2,
div#rightmenu #submenu .menusel2,
div#rightmenu #submenu .menu3,
div#rightmenu #submenu .menusel3 {
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
    border-bottom: 1px solid #aaaaaa;
}
div#rightmenu #submenu .menu0    { padding-left: 0; }
div#rightmenu #submenu .menusel0 { padding-left: 0; font-weight: bold; }
div#rightmenu #submenu .menu1    { padding-left: 20px; }
div#rightmenu #submenu .menusel1 { padding-left: 20px; font-weight: bold; }
div#rightmenu #submenu .menu2    { padding-left: 40px; }
div#rightmenu #submenu .menusel2 { padding-left: 40px; font-weight: bold; }
div#rightmenu #submenu .menu3    { padding-left: 60px; }
div#rightmenu #submenu .menusel3 { padding-left: 60px; font-weight: bold; }

div.placeholder { height: 0px; font-size: 1px; clear: both; overflow: hidden;}

div#foot {
    margin: auto;
    background: #0e5289;
    clear: both;
    line-height: 12pt;
    color: #ffffff;
    font-size: 10pt;
    zoom: 1;
    overflow: hidden;
    padding: 20px;
}

div.footcol {
    padding: 10px;
    width: 25%;
    display: block;
    float: left;
    vertical-align: top;
}

div#footbottom { border-top: 1px solid #ffffff; padding: 10px 0; }
img#foot_logo { float: right; margin-right: 15px; }

div#foot a { color: #ffffff; }

.b { font-weight: bold;  }
.i { font-style: italic; }
.u { text-decoration: underline !important; }
.r { text-align: right;  }
.l { text-align: left;   }
.c { text-align: center; }
.h { display: none; }
::selection      { background: #aaaaaa; }
::-moz-selection { background: #aaaaaa; }


.content_recent { margin-bottom: 10px; }
.content_recent a { font-weight: bold; }

div#content img { max-width: 100%; }


.content_version_list span.content_version_head { font-weight: bold; }
.content_version a,
.content_version span { display: inline-block; vertical-align: middle; padding: 3px 5px; width:160px;}
.content_version:nth-child(2n+1) { background: #eeeeee; }
.content_version_current { font-weight: bold; }

.content_archive_link { background: #0F375A url('images/clock.png') 5px center no-repeat; color: #ffffff; padding: 10px 10px 10px 45px; margin-top: 30px; }
.content_archive_link a { color: #ffffff; }

div#cookie { width: 100%; padding: 5px; font-size: 10pt; position: fixed; left: 0; right: 0; bottom: 0; background: #000; background: rgba(0,0,0,.8); color: #ffffff; text-align: center; display: none; }
div#cookie a { color:#ffffff; text-decoration: underline; }
div#cookie input {  border: 0; background: #0F375A; color: #ffffff; padding: 3px 10px; margin-left: 10px; }


/* Index */

.i_main { zoom: 1; overflow: hidden; margin: auto; }
.i_main h2 { margin: 0 0 10px 0; color: #0e5289; }
.i_topc { min-height: 500px; width: 100%; margin: auto; margin-bottom: 40px; position: relative; }
.i_top { height: 100%; background: url('images/main_pic1.jpg') center center no-repeat; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; }
i_toph { display: none; }
.i_top_txt { position: absolute; left: 0; bottom: 0; width: 100%; max-width: 1173px; padding: 35px; background: #000000; background: rgba(50,50,50,0.7); color: #ffffff; font-size: 18pt; }
.i_top_txt h1 { display: block; font-size: 26pt; margin: 0 0 10px 0; }
.i_left { width: 1208px; float: left; min-height: 150px; padding: 0 35px 35px 35px; margin-bottom: 40px; }


.i_leftb { display: flex; align-items: stretch; }
.i_right,
.i_right2 { width: calc(100% - 1243px); float: left; min-height: 150px; margin-bottom: 35px; }
.i_newsmore:hover,
.i_newsmore:active,
.i_newsmore { display: block; border-left: 1em solid #0e5289; padding: 0 0 0 10px; color: #0e5289; font-weight: bold; line-height: 1em; margin-top: 20px; }

.i_left21 { background: #133F64; color: #ffffff; width: 747px; padding: 10px 20px; min-height: 200px; margin-right: 35px; }
.i_left21b { column-count: 2; column-gap: 20px; }
.i_left22 { background: #133F64; color: #ffffff; width: 356px; padding: 10px 20px;min-height: 200px; }
.i_right2 { padding-top: 10px; }

.i_left21 a:visited,
.i_left22 a:visited,
.i_left21 a:hover,
.i_left22 a:hover,
.i_left21 a,
.i_left22 a { color: #ffffff; }

.i_rmore { display: block; border-left: 1em solid #ffffff; padding: 0 0 0 10px; color: #ffffff; font-weight: bold; line-height: 1em; margin-top: 20px; margin-bottom: 10px; }

.i_news_b:visited,
.i_news_pb:visited,
.i_news_b:hover,
.i_news_pb:hover { color: #000000; }
.i_news_pb { width: 356px; margin-right: 35px; display: inline-block; vertical-align: top; max-width: 100%; margin-bottom: 20px; border-bottom: 5px solid #0e5289; padding: 10px; background: #f5f5f5; min-height: 150px; }
.i_news_pb img { width: 100%; }
.i_news_pb:nth-child(4),
.i_news_pb:nth-child(7) { margin-right: 0; }
.i_news_pb b { width: 100%; display: block; font-size: 13pt; line-height: 1.2em; }
.i_news_pb>span { color: #888888; font-size: 10pt; padding-top: 10px; display: block; }
.i_news_pb>span>span {  }

.i_news_b { margin-bottom: 10px; display: inline-block; break-inside: avoid; }
.i_news_b span { display: block; font-size: 1px; width: 50%; margin-top: 2px; border-bottom: 1px solid #aaaaaa; }

aa.i_nd { border-bottom: 1px solid #888888; display: block; width: 50%; height: 1px; font-size: 0; overflow: hidden; }


.i_calendar_b { margin-bottom: 10px; display: block; break-inside: avoid; overflow: hidden; zoom: 1; }
.i_calendar_b span { display: block; float: left; text-align: center; padding: 3px 10px; background: #0F375A; color: #ffffff; margin-right: 10px; }
.i_calendar_b span b { display: block; }


.i_social { margin-bottom: 30px; margin-left: 35px; width: 100%; clear: both; }
.share_btn	{ display: inline-block; vertical-align: middle; margin: 0 5px; height: 40px; width: 40px;}
.share_mail	{ background: transparent url('images/mail.png') center center no-repeat; }
.share_fb	{ background: transparent url('images/facebook.png') center center no-repeat; }
.share_insta	{ background: transparent url('images/instagram.png') center center no-repeat; }
.share_tw	{ background: transparent url('images/twitter.png') center center no-repeat; }
.share_yt	{ background: transparent url('images/youtube.png') center center no-repeat; }
.share_sk	{ background: transparent url('images/skype.png') center center no-repeat; }
.share_pi	{ background: transparent url('images/pinterest.png') center center no-repeat; }

/*  CONTENT */
#content h1 { line-height: 1.2em; color: #0e5289; }

#content a[href ^='http'] { color: #133F64; }
#content a[href ^='http']:hover { color: #133F64; text-decoration: underline; }

/*#content a[href ^='http']::after*/
.extlink::after {
    background: transparent url(images/link1.png) no-repeat center right;
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 3px;
    vertical-align: middle;
}

/*#content a.imgonly[href ^='http']::after {
    background: none;
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 3px;
    vertical-align: middle;
}*/

#content a[href ^='adatlap.']::after,
#content a[href ^='subject.php?']::after,
#content a[href ^='staff.php?']::after {
    background: transparent url(images/link1.png) no-repeat center right;
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 3px;
    vertical-align: middle;
}


#content a[href $='.xls'],
#content a[href $='.xlsx'],
#content a[href $='.docx'],
#content a[href $='.doc'],
#content a[href $='.pdf'] {
    color: #0e5289;
    text-decoration: underline;
}

#content a[href $='.xls']::after,
#content a[href $='.xlsx']::after,
#content a[href $='.docx']::after,
#content a[href $='.doc']::after,
#content a[href $='.pdf']::after {
    background: transparent url(images/down1.png) no-repeat center right;
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 3px;
    vertical-align: middle;
}
.news_share a::after { display: none !important; }

.expandblock { margin-bottom: 15px; }
.expandblock_title { cursor: pointer; background: #0e5289 url('images/right.png') 5px center no-repeat; color: #FFFFFF; padding: 3px 5px 3px 25px; font-weight: bold; }
.expandblock_content { display: none; padding: 5px 10px 10px 10px; zoom: 1; overflow: hidden; }

.wexpandblock { margin-bottom: 15px; }
.wexpandblock_title { cursor: pointer; background: transparent url('images/bplus.png') 5px center no-repeat; padding: 3px 5px 3px 25px; font-weight: bold; }
.wexpandblock_content { display: none; padding: 5px 10px 10px 10px; zoom: 1; overflow: hidden; }

div.col4321 { column-count: 4; column-gap: 20px; }
div.col321 { column-count: 3; column-gap: 20px; }
div.col4321 a { display: inline-block; break-inside: avoid; }
div.col321 a { display: inline-block; break-inside: avoid; }

table.zebra1 { border: 0; border-collapse: collapse; width: 100%; }
table.zebra1 tr td { padding: 4px; border-right: 2px solid #ffffff; }
table.zebra1 tr:nth-child(2n) td { background: #eeeeee; }
table.zebra1 thead tr td { border-bottom: 1px solid #444444; background: rgba(19,63,100,.5) !important; color: #ffffff; }

.minigallery { margin: 10px; }


/* STAFF */

.staff_list { column-count: 3; column-gap: 20px; }
.staff_list h1 { color: #0F375A; }
.staff_picture { float: left; margin: 0 20px 20px 0; }
.staff_cv { font-weight: bold; }

/* SEARCH */
form.search { margin-bottom: 30px; }
form.search input { width: 100%; max-width: 400px; vertical-align: middle; padding: 3px 5px; }
form.search input.btn { width: auto; display: inline-block; vertical-align: middle; width: 100px; padding: 4px 5px; margin-left: 0; }
.search_element { display: block; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #dddddd; }
.search_element a.search_element_title { display: block; font-weight: bold; color: #0000dd; }
.search_element a:hover { text-decoration: underline; }
.search_element span { display: block; font-size: 10pt; padding: 0 15px; }

/* SUBJECT */
.subj_dl { display: block; }
.subj_dl:hover { background: #dddddd; }
.subj_dl a { display: inline-block; width: 300px; font-weight: bold; padding-left: 5px; }
.subj_dl_size { display: inline-block; width: 100px; padding: 0 10px; text-align: right; }
.subj_dl_date { display: inline-block; width: 200px; padding: 0 10px; }

.subject_l { display: inline-block; min-width: 160px; vertical-align: top; }
.subject_r { padding: 3px 10px; }
.subject_r:nth-child(2n+1) {  background: #eeeeee; }

/* INTSTAFF */

.intstaff_list { column-count: 3; column-gap: 20px; }
.intstaff_list h1 { color: #0F375A; }

.intstaff_ig {
    display: block;
    width: 100%;
    zoom: 1;
    overflow: hidden;
    abackground: #eeeeee;
    border-bottom: 1px solid #cccccc;
    padding: 10px;
    margin-bottom: 40px;
}

.intstaff_ig h1 { font-size: 17pt; color: #000000 !important; }
.staff_igpic { float: left; margin-right: 15px; width: 135px; }

.intstaff {
    display: block;
    overflow: hidden;
    zoom: 1;
    margin-bottom: 30px;
    border-bottom: 1px solid #cccccc;
    min-height: 110px;
    break-inside: avoid;
}

.intstaff h2 { font-size: 14pt; margin: 0; }

.intstaff img,
.intstaff .picph { display: inline-block; vertical-align: top; margin-right: 15px; width: 50px; float: left; margin-bottom: 20px; }
.intstaff .picph { min-height: 62px; background: #dddddd; }

/* RESPONSE */
@media screen and (max-width: 1600px){
    div#main { max-width: 1208px; text-align: left; margin: auto; background: #ffffff; z-index: 2; }
    .i_top_txt { position: absolute; left: 0; bottom: 0;  right: 0; max-width: 100%; }
    .i_left { width: 100%; float: none; }
    .i_right,
    .i_right2 { width: 100%; float: none; padding: 0 35px 0 35px;  }
    .i_rightb,
    .i_right2b { column-count: 3; column-gap: 35px; }
    div#content { max-width: calc(100% - 265px);  margin-left: 15px; }
    div#rightmenu { width: 250px; }
    div.rightmenu_news { font-size: 11pt; }
}
@media screen and (max-height: 600px) {
    div#head { height: 100px; }
    #hamburger { top: 25px; }
    #head_logo2 { display: none; }
    #head_logo { padding: 3px 10px; }
}
@media screen and (max-width: 1208px){
    .i_news_pb { width: 300px; }
    .i_leftb { display: block; }
    .i_left21,
    .i_left22 { display: block; width: 100%; margin-bottom: 35px;}
    .i_left21b,
    .i_left22b {column-count: 3; column-gap: 35px; }
    div.footcol { width: 50%; }
}
@media screen and (max-width: 1045px){ .i_news_pb { width: 250px; } }
@media screen and (max-width: 890px){
    .i_news_pb { width: 356px; }
    .i_news_pb:nth-child(4),
    .i_news_pb:nth-child(7) { margin-right: 35px; }
    .i_news_pb:nth-child(3),
    .i_news_pb:nth-child(5),
    .i_news_pb:nth-child(7) { margin-right: 0; }
    .i_rightb,
    .i_right2b { column-count: 2; }
    .i_left21b,
    .i_left22b { column-count: 2; }
    .i_top_txt h1 { font-size: 19pt; }
    .i_top_txt { font-size: 15pt; }
    div.col4321 { column-count: 3; column-gap: 20px; }
}
@media screen and (max-width: 820px){ .i_news_pb { width: 300px; } }
@media screen and (max-width: 710px){ .i_news_pb { width: 250px; } }
@media screen and (max-width: 605px){
    .i_left { text-align: center; }
    .i_news_pb { width: 356px; margin-right: 0; }
    .i_news_pb:nth-child(3),
    .i_news_pb:nth-child(5),
    .i_news_pb:nth-child(7) { margin-right: 0; }
    .i_rightb,
    .i_right2b { column-count: 1; }
    .i_left21,
    .i_left22 { text-align: left; }
    .i_left21b,
    .i_left22b { column-count: 1; }
}

@media screen and (max-width: 1200px){
    #head_logo2 { display: none; }
    #head_menu  { width: calc(100% - 135px); }
}

@media screen and (max-width: 1050px){
    /* TODO: HAMBURGER */
    #head_menu { display: none; }
    #head_submenu { display: none; }
    #hamburger { display: block; }
    .head_search_big { display: none; }
    body { margin: 0; padding: 0; }
    #main { box-shadow: 0; }
    div#content { max-width: 100%; }
    div#rightmenu { display: none; }
    img#foot_logo { display: none; }
    .staff_list { column-count: 2; column-gap: 20px; }
    div.col321 { column-count: 2; column-gap: 20px; }
    div.col4321 { column-count: 2; column-gap: 20px; }
}

@media screen and (max-width: 800px){
    .staff_picture { float: none; margin: 0 0 20px 0; clear: both; display: block; }
}

@media screen and (max-width: 500px){
    .i_left { padding: 0 15px 15px 15px; }
    .staff_list { column-count: 1; column-gap: 0; }
    div.col321 { column-count: 1; column-gap: 0; }
    div.col4321 { column-count: 1; column-gap: 0; }
}

/*
    HEIGHT
*/

@media screen and (max-height: 800px){
    .i_topc { min-height: 400px; }
}

@media screen and (max-height: 700px){
    .i_topc { min-height: 300px; }
}


#langsel {
    position: absolute;
    right: 0;
    bottom: 10px;
    color: #ffffff;
    padding: 15px 18px 0 0;
    font-size: 11pt;
}

div#head #langsel a {
    color: #ffffff;
    font-size: 11pt;
}