@font-face {
	font-family: 'Webfont1';
	src: url('/templates/president/css/webfont.eot');
	src: local('?'), url('/templates/president/css/webfont.woff') format('woff'), url('/templates/president/css/webfont.ttf') format('truetype'), url('/templates/president/css/webfont.svg#webfont0xovUOGG') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Webfont2';
	src: url('/templates/president/css/webfont2.eot');
	src: local('?'), url('/templates/president/css/webfont2.woff') format('woff'), url('/templates/president/css/webfont2.ttf') format('truetype'), url('/templates/president/css/webfont2.svg#webfont0xovUOGG') format('svg');
	font-weight: normal;
	font-style: normal;
}
html, body{ height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {	margin:0;	padding:0;}
table {	border-collapse:collapse;	border-spacing:0;}
fieldset,img { 	border:0;}
object{outline:none;}
address,caption,cite,code,dfn,em,strong,th,var {	font-style:normal;	font-weight:normal;}
ul {	list-style:none;}
caption,th {	text-align:left;}
h1,h2,h3,h4,h5,h6 {		font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; color:#5A5555;}
q:before,q:after {	content:'';}
abbr,acronym { border:0;}

/* Editor */
.tsitaat{ font-style:italic; color:#666; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px !important; margin: -1px; overflow: hidden  !important; padding: 0; position: absolute  !important; width: 1px  !important; }



/* Common */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.box, #page{ zoom: 1; }
.box:before, .box:after, #page:before, #page:after  { content: ""; display: table; }
.box:after, #page:after { clear: both; }

.c, .article_separator { clear:both; overflow: hidden; width:100%; display:block;	font-size:1px;	line-height:1px;}
hr{ clear:both;	font-size:1px;	line-height:1px; border:0px; border-top:1px solid #ccc; }
.right{ margin-right:1.3%; }
h1,h2{margin:10px 0px 10px 0px;}
.block_title_data{ display:none; }
.nowrap{white-space:nowrap;}
td.date{white-space:nowrap;}
.date, .article ul .date a{ color:#9d9d9d;}
.none{ display:none;}
.image_title { font-size:11px; }
.copyright { font-size:11px; color:#999; }
a:hover{ text-decoration-skip:ink;}

/* Site*/
body,textarea { background-color:#FFF; font-size:0.88em; font-family:Verdana, Geneva, sans-serif; transform-style:flat;
text-rendering: optimizeLegibility;
-webkit-font-smoothing:antialiased;
font-smooth: always;}

/* Site grid */
#site{ margin:0px auto 0px auto; max-width:952px;  }
#page{ }
.article{ float:left; width:66.3%; margin:30px 0px 0px 0px; }
.aside{ float:left; width:32.4%; }
.article_left{  margin:36px 1.3% 0px 0px; }

/* Header*/
#header{ clear:both; overflow:hidden; position:relative; text-align:center;}
#header_logo{ text-align:center; padding:13px 0px 10px 0px; display:inline-block;  width:200px;  }
#header_lang{ position:absolute; top:0; right:0; }
#header_lang ul{list-style:none;}
#header_lang li{ float:left; display:inline; margin:10px 0px 0px 10px; font-size:0.79em;}
#header_lang li a{ color:#666; text-decoration:none;}
#header_lang li a:hover{ color:#4d6597; }



/* Footer */
#footer{ clear:both; overflow:hidden; border-top:1px solid #d6d6d6; padding:33px 14px 30px 0px; float:left; margin:28px 0px 0px 0px;    width:100%;  position:relative; font-size:0.79em; color:#565656; }
#footer ul{ clear:left;   float:left;   list-style:none;   margin:0;   padding:0;   position:relative;   left:50%;   text-align:center; }
#footer li{ display:block;    float:left; border-right:1px solid #d6d6d6;   list-style:none;   margin:0;   padding:5px 20px 5px 20px;   position:relative;   right:50%;  }
#footer li#search_form_box{ border-right:0px; padding:0px; padding:0px 0px 0px 20px;  }
#footer a{color:#4d6597;}
#footer a:hover{color:#000;}

/* Navigation */
#navigation{     width:100%;  border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;  overflow:hidden;   position:relative; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.21em; clear:both; }
#navigation ul{ clear:left;      list-style:none;   margin:0;   padding:0;   position:relative;     text-align:center; }
#navigation li{ display:inline-block;    list-style:none;   margin:0;   padding:0;   position:relative;   text-transform:uppercase; }
#navigation ul li a {    display:block; padding:14px 17px 14px 17px; color:#666; text-decoration:none; }
#navigation ul li.active a {   color:#4d6597; }
#navigation ul li a:hover {   color:#4d6597; }

#subnavigation{ clear:both; overflow:hidden;  text-align: left;  }
#subnavigation ul{  border-bottom:1px solid #d6d6d6; clear:both; overflow:hidden;  }

#subnavigation li{ float:left; width:15.58%; margin:14px 1.3% 0px 0px; padding-bottom:14px;}
#subnavigation .li_2 li{  width:327px; }
#subnavigation .li_3 li{  width:300px; }
#subnavigation .li_4 li{  width:227px; }
#subnavigation .li_5 li{  width:18.96%; }
#subnavigation .li_7 li{  width:124px; }
#subnavigation li.last{  margin:14px 0px 0px 0px; }
#subnavigation li a{ text-decoration:none; color:#b9b9b9; }
.submenu_intro{ display:block; font-size:0.71em; color:#b9b9b9; }
.submenu_title{ display:block; color:#333333;  }
#subnavigation li.active a .submenu_title{ color:#4d6597;  }
#subnavigation li.active a .submenu_intro{ color:#4d6597;  }
#subnavigation li a:hover .submenu_title{ color:#4d6597;  }
#subnavigation li a:hover .submenu_intro{ color:#4d6597;  }

/* Article */

.tabel{ border-collapse:collapse; font-size:0.86em;}
.tabel td, .tabel th{ padding:0px 15px 5px 0px; vertical-align:top; }

.buttonheading{ float:right; font-size:0.86em;  border-top:1px solid #d6d6d6;  border-bottom:1px solid #d6d6d6; padding:0px 0px 0px 0px; margin:0px 0px 10px 30px; max-width:147px; }
.article p.buttonheading{ margin:0px 0px 10px 30px; }
.buttonheading a{ display:block; float:left;  height:22px;  margin-left:0px; font-size:1px;}
.fontSize span{ display:none;}
.fontSize{ }
#increaseFont{  background:url(../gfx/icons/font_up.png) no-repeat; width:15px; margin-right:34px;}
#decreaseFont{ background:url(../gfx/icons/font_down.png) no-repeat; width:11px; }
#resetFont{ background:url(../gfx/icons/font_reset.png) no-repeat;  width:12px; margin:0px 5px 0px 5px;}
/*
#increaseFont:hover{  background:url(../gfx/icons/font_up_over.png) no-repeat;}
#decreaseFont:hover{ background:url(../gfx/icons/font_down_over.png) no-repeat;}
#resetFont:hover{ background:url(../gfx/icons/font_reset_over.png) no-repeat; }
*/
#sharethis_btn{ background:url(../gfx/icons/share.png) no-repeat; width:19px;}
#sharethis_btn span{ display:none;}
.st_sharethis_custom { background: url(../gfx/icons/share.png) no-repeat scroll left top transparent;  height:22px; width:19px; display:block; float:left; }

.articleinfo{ font-size:0.79em; color:#9d9d9d; }
.createdate{ display:none;}
.article a{ color:#4d6597;}
.article a:hover{ text-decoration:none;}
.article strong{ color:#353333; font-weight:bold;}
.article em{  font-style: italic;  }
.article{ color:#616161; line-height:1.5em;}
.article p{ margin:0px 0px 10px 0px;}
.article h1{ font-size:1.93em; color:#353333;  margin:0px 0px 24px 0px; line-height:1.14em;}
.article h1 a{  text-decoration:none;}
.article h1 a:hover{ text-decoration:underline;}
.article h1.article_title a{  color:#353333; }
.article h2{ font-size:1.50em; color:#353333;  margin:13px 0px 18px 0px; line-height:1.14em;}
.article h3{ font-size:1.36em; color:#353333;  margin:18px 0px 18px 0px; line-height:1.14em;}
.article ul{ clear:both; overflow:hidden; font-size:0.86em;  margin:0px 0px 10px 0px; }
.article ul li{margin:0px 0px 4px 0px; clear:both; overflow:hidden; }
.article ul .date{ float:left; width:80px; margin:0px 4px 0px 0px;}
.article ul.newslist_long .date{ float:left; width:170px; margin:0px 4px 0px 0px;}
.article ul .dateinterval{ float:left; width:160px; margin:0px 4px 0px 0px;}
.article ul span a:hover{ text-decoration:underline;}
.article ul span a.modal:hover{ text-decoration:none;}
.article ol{ margin:0px 0px 10px 0px; padding-left:38px;  }
.article ol li{ margin:0px 0px 4px 0px;  }

.article ul .list_text{ float:left; width:546px; }
.article ul .visit_text{ float:left; }
.article img{ max-width:100%; height:auto;}

.article_left{ font-size:0.79em; }
.article_left h2{margin-top:0px;}
.article_left ul{  font-size:1em;  }
.article_left .section ul, .article_left .tabel{  font-size:1.14em;  }
#article_header_image{ min-height:285px; padding:0px 80px 0px 470px; text-align:center; background-repeat: no-repeat; }
#article_header_image_title{ padding:43px 0px 20px 0px; font-family:Webfont1; font-size:4.29em; line-height:1em; text-transform:uppercase; color:#fff; }
#article_header_image_text{ font-size:0.79em; color:#fff; line-height:1.50em; }


/* Page */
h2.sections{ color:#b1b1b1; text-transform:uppercase; font-weight:normal; font-size:0.86em; margin:0px 0px 10px 0px; font-family:Verdana, Geneva, sans-serif; }
.section{ font-size:0.79em; margin:0px 0px 15px 0px; border-bottom:1px solid #cccccc; color:#565656; }
.section_more{ padding:0px 0px 10px 0px; border:0px;}
.section_speeches_more{ padding:0px 0px 10px 80px; border:0px;}
.section p{ margin:0px 15px 15px 0px; line-height:1.36em;}
.section h2{ font-size:1.82em; font-weight:normal; color:#455e88; margin:0px 5px 20px 0px; }
.section h3{ font-size:1.82em; font-weight:normal; color:#455e88; margin:0px 5px 20px 0px; }
.section img{ margin:0px 0px 15px 0px; max-width:94%;}
.section h3 a{ color:#455e88; text-decoration:none; } 
.section a{ color:#455e88; text-decoration:none; } 
.section a:hover{ color:#000; text-decoration:underline; } 

.section h3 a:hover{ color:#000; text-decoration:underline;  } 
.section p.meta{ clear:both; overflow:hidden;}
.section .date{ margin-top:10px;}
.section .newslist .date{ margin-top:0px;}


.section h3.list_title{ margin-left:80px; color:#666; }

.section p.meta a{ display:block; float:left;  font-size:0.91em; line-height:1.3em; color:#455e88; margin:0px 10px 0px 0px; padding-bottom:2px; text-decoration:none; }
.section p.meta a:hover{text-decoration:underline;}

.video_link{ background:url(../gfx/icons/link_video.gif) 0px 2px no-repeat; padding:0px 0px 0px 16px; }
.audio_link{ background:url(../gfx/icons/link_audio.gif) 0px 2px no-repeat; padding:0px 0px 0px 16px; }
.gallery_link{ background:url(../gfx/icons/link_gallery.gif) 0px 2px no-repeat; padding:0px 0px 0px 16px; }

.readmore { padding-top:10px; }

.pager{ font-size:0.79em; text-align:center; padding:10px; clear:both; overflow:hidden; color:#616161;}
.pager strong{ font-weight:normal;}
.pager span{ text-decoration:none; padding:4px; color:#000;}
.pager a{ text-decoration:none; padding:4px; color:#4d6597; }
.pager a:hover{ text-decoration:underline;} 
.pager .pager_link_disabled {color:#000;}

#filter_newslist_year{float:right}

#archive_path{  font-size:0.79em; float:left; margin:20px 0px 20px 0px;  }
#archive_path a{ color:#455e88; padding:3px; text-decoration:none;}
#archive_path a:hover{ text-decoration:underline;}
#archive_path input{ vertical-align:middle;    }
#archive_path label{ margin-right:12px; cursor:pointer; }
#archive_filter{ float:right; margin:16px 0px 16px 0px; }
#archive_filter select, #archive_filter input{  font-size:0.76em; }

#archive_filter .select_box{ float:left; margin:0px 0px 0px 3px; padding:0px; }
#archive_filter .search_submit{ }

.btn_back{ float:left; height:15px; width:9px; display:block; background:url(../gfx/icons/back_small_hover.png) no-repeat;}
.btn_next{ float:right; height:15px; width:9px; display:block; background:url(../gfx/icons/next_small_hover.png) no-repeat; }
.btn_back:hover{  background:url(../gfx/icons/back_small.png) no-repeat;}
.btn_next:hover{ background:url(../gfx/icons/next_small.png) no-repeat; }
.btn_back_disabled{ float:left; height:15px; width:9px; display:block; background:url(../gfx/icons/back_small.png) no-repeat;}
.btn_next_disabled{ float:right; height:15px; width:9px; display:block; background:url(../gfx/icons/next_small.png) no-repeat; }

.btn_more{background:url(../gfx/icons/arrow.png) no-repeat 0px 2px; padding:0px 0px 0px 10px; }

.btn_back span, .btn_next span, .btn_back_disabled span, .btn_next_disabled span { display:none; }

/* Lists*/
.newslist{ clear:both; overflow:hidden;}
.section .newslist .date{ float:left; width:70px; margin-right:10px; }
.list_title_icon{ float:left; width:70px; margin:0px 10px 10px 0px; }

.newslist .listitem{ float:left; width:228px; color:#455e88; margin-bottom:10px; line-height:1.29em; }
.newslist_long .listitem{ width:428px;  }
.newslist .date{ margin-bottom:5px; line-height:1.29em; }

.newslist li{ clear:both; overflow:hidden; margin:0px 0px 10px 0px;}
.newslist a{ text-decoration:none; color:#455e88;}
.newslist a:hover .listitem{ color:#000; text-decoration:underline;}
.newslist li.active a .listitem { color:#7F868C; }

.media_list h3{font-size:1.50em; margin:10px 0px 18px 0px; line-height:1.14em;  }
.media_list li a{ text-decoration:none; }
.media_list li a:hover .list_text{ text-decoration:underline; }
.media_list_item{ border-bottom:1px solid #cccccc; padding:20px 0px 20px 0px;}
.media_item{ border-bottom:1px solid #cccccc; padding:0px 0px 20px 0px;}

.block{ float:left; width:32.35%; margin:0px 1.47% 2.9% 0px; font-size:0.86em;}
.c + .block { clear:left;}
.block_last{ margin-right:0px;   }
.block_last + .block{
	clear:left;
}
.block a{ text-decoration:none; color:#455e88;}
.block a:hover{  color:#000;}
.block span{ display:block; text-align:center; padding:7px 7px 0px 7px;}
.block span.block_img{ display:block; text-align:center; padding:7px 0px 0px 0px;}
.block span.block_img img, .block_img{ max-width:100%;}

.members_table td, .members_table th{ padding:0px 15px 15px 0px; vertical-align:top; font-size:0.71em; color:#B9B9B9; line-height:1.5em;}
.members_table td.last, .members_table th.last{ padding:0px 0px 15px 0px;}
.members_table strong{  color:#252525;  }

.article .members_table img{
	max-width:inherit;
}


/*  Members list */
.members-list-item{
	float:left;

}
.members-list-item-last + .members-list-item{
	clear:left;
}
.members-list-item-link{
	text-decoration: none;
}
.members-list-item-title{
	font-size:1em;
	margin:0.9em 0 0.25em 0;
	font-weight: bold;
}
.members-list-item-meta{
	font-size:0.8em;
	color:#B9B9B9;
}
.members-list-item-link:hover .members-list-item-title, .members-list-item-link:hover .members-list-item-meta{
	color:#4d6597;
}
.members-list-item-img{
	display:block;
}
.members-list-item-img.has-noimg{
	border-top:1px solid #ccc;
}
.members-list-item-img img{
	max-width:100%;
	height:auto;
}
.members-list-wide .members-list-item{
	width:18.4%;
	margin-right:2%;
	margin-bottom:3%;
	text-align: center;
}
.members-list-wide  .members-list-item-last{
	margin-right: 0;
}
@media only screen and (max-width: 640px) {
	.members-list-wide .members-list-item{
		width:48%;
		margin-right:0;
		margin-bottom: 4%;
	}
	.members-list-wide .members-list-item:nth-child(odd){
		margin-right: 4%;
	}
	.members-list-item-last + .members-list-item{
		clear:none;
	}
}

/* Heads of state*/
.heads_list_title{ margin:10px 0px 0px 0px; color:#4d6597; text-transform:uppercase; font-family:0.86em; padding:0px; text-align:center}
.block .heads_list_desc{ color:#3e3e3e; padding-top:7px; }
.block .heads_list_date{ color:#9d9d9d; padding-top:3px; }
.block a:hover .heads_list_title{  color:#000;}
.heads_list h2, .heads_list h3{ color:#000;}
.heads_list h3{ font-size:1.29em; margin-bottom:10px;}
.heads_list .date{color:#455e88;}
.heads_list ul li{ margin-bottom:0px; }

/* Visits */
.visits_location{ text-align:center; display:block; height:auto; background:url(../gfx/bg/visits.png) no-repeat;  padding:0px;  position:relative; }
.visits_box{ width:308px; height:194px; margin:0px 0px 10px 0px; }
.visits_location h2{ font-size:4.14em; text-transform:uppercase;  font-family:Webfont1; padding:0px; line-height:1em; margin:0px;  }
.visits_location h2 a{color:#93abc7; }
.visits_location h2 a:hover{ color:#fff;  }
.visits_location  .date{ font-size:0.89em;}

h3 .visits_location_title{ color:#4d6597; font-size:0.79em; line-height:1.5em; margin:0px 15px 0px 15px; color:#FFF; font-family:Verdana, Geneva, sans-serif;  }

/* Institutions */
.institutions{ display:block; min-height:194px; padding-bottom:2em; background:url(../gfx/bg/visits.png) no-repeat; background-size:cover; position:relative;  }
.institutions h2{ font-size:2.14em; text-transform:uppercase; color:#93abc7; font-family:Webfont1, Arial, Helvetica, sans-serif; padding:0px 0px 5px 0px; margin:40px 0px 0px 0px; text-align:center;  line-height:1.05em;  }
.institutions h2 a{  color:#93abc7; }
.institutions_desc{ color:#FFF; font-size:0.92em; margin:0px 20px 0px 20px; display:block; line-height:1.5em; }
.institutions:hover h2 a{ color:#FFF; }

/* Gallery*/
.gallery_table td,.gallery_table th{ padding:0px 15px 15px 0px; vertical-align:top; font-size:0.79em; }
.gallery_table td a { text-decoration:none; }
.gallery_comment{ font-size:0.91em; color:#cdcdcd; }
.gallery_list_page{ padding-top:20px; }
.gallery_title{ text-align:center; margin:30px 0px 15px 0px; font-size:1.13em; color:#928E8E; }




/* Media popup */

body.default #sbox-window {	background-color:#fff; padding:0px;	-moz-box-shadow: 6px 6px 7px #333; 	-webkit-box-shadow: 6px 6px 7px #333; 	box-shadow: 6px 6px 7px #333;	/* For IE 8 */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=0, Color='#333')" !important;
	/* For IE 5.5 - 7 */ 
	/*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=0, Color='#333') !important; */
}
body.default #sbox-btn-close {	width:	120px;	height:	35px; right:0px; top:0px; border:none;	display:block;	background-image:url(../gfx/trans.gif);}
#media_popup_bg{ position:absolute; height:100%; width:100%; background-color:#000; z-index:9999; filter:alpha(opacity=80); -moz-opacity:0.8;	-khtml-opacity: 0.8; opacity: 0.8; top:0px; left:0px; }
#media_popup{ position:relative;margin:0px auto 0px auto; background-color:#FFF; max-width:950px; font-size:0.75em;  z-index:99999;}
#media_popup_slider_back span, #media_popup_slider_next span{ display:none; }
#media_popup_slider{  background-color:#FFF;  float:left;    width:100%;  overflow:hidden;   position:relative;  clear:both; }
#media_popup_slider ul{  clear:left;   float:left;   list-style:none;   margin:0px 0px 10px 0px;   padding:0;   position:relative;   left:50%;   text-align:center; }
#media_popup_slider li{ display:block;    float:left;   list-style:none;   margin:0px 1px 0px 1px;   padding:0;   position:relative;   right:50%;  }
#media_popup_slider a img{ border:4px solid #e2e4e3; width:135px;  }
#media_popup_slider .media_popup_slider_selecteditem {border:4px solid #333333; }
#media_popup_slider a:hover img{ border:4px solid #6077a9;  }
#media_popup_slider li.empty { display:block; width:135px; height:82px; padding:3px; border:1px solid #ccc; }
#media_popup_slider li.media_audio_pager { border:1px solid #cccccc; }
#media_popup_slider li.media_audio_pager a{ display:block;  width:148px; background-color:#e2e3e6; height:96px; color:#3f3f41; text-decoration:none; }
#media_popup_slider li.media_audio_pager a span{ display:block; padding:14px 14px 0px 14px; font-size:0.89em; }
#media_popup_slider li.media_audio_pager:hover { border:4px solid #6077a9; }
#media_popup_slider li.media_audio_pager:hover a{   width:142px; height:90px; background-color:#d3dfec;  }
#media_popup_slider li.media_audio_pager:hover a span{   padding:11px 14px 0px 14px;  }
#media_popup_slider li.media_audio_pager a:hover {background-color:#d3dfec;  }

#media_popup_slider_back a{ height:98px; width:21px; display:block; background:url(../gfx/icons/back_list_hover.png) no-repeat 0% 50%; margin-right:5px; }
#media_popup_slider_next a{ height:98px; width:21px;  display:block; background:url(../gfx/icons/next_list_hover.png) no-repeat 0% 50%;  margin-left:5px;  }
#media_popup_slider_back.disabled a { background:url(../gfx/icons/back_list.png) no-repeat 0% 50%; }
#media_popup_slider_next.disabled a { background:url(../gfx/icons/next_list.png) no-repeat 0% 50%; }
#media_popup_slider_back a:hover{ background:url(../gfx/icons/back_list.png) no-repeat 0% 50%; }
#media_popup_slider_next a:hover{ background:url(../gfx/icons/next_list.png) no-repeat 0% 50%; }



#media_popup_image_hoverNav{	position: absolute; 	top: 0; 	left: 0; 	height: 100%; 	width: 100%;	z-index: 10;	}
#media_popup_image>#media_popup_image_hoverNav{ left: 0;}
#media_popup_image_hoverNav a{ outline: none;}
#media_popup_image_prevLink, #media_popup_image_nextLink{
	width: 40%; 	height: 100%;	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#media_popup_image_prevLink { left: 0; float: left;}
#media_popup_image_nextLink { right: 0; float: right;}
#media_popup_image_prevLink:hover, #media_popup_image_prevLink:visited:hover { background: url(../gfx/icons/back_media_hover.png) left 50% no-repeat; }
#media_popup_image_nextLink:hover, #media_popup_image_nextLink:visited:hover { background: url(../gfx/icons/next_media_hover.png) right 50% no-repeat; }
#media_popup_image_hoverNav span{display:none; }




#media_popup_info{ float:left; width:26%; margin:13px 2.3% 20px 2.7%; overflow:hidden; height:380px;  }
#media_popup_info h1{ font-size:2em; }
#media_popup_content{  width:69%; margin:13px 0px 5px 0px; text-align:center; float:left; }
#media_popup_content h2{ margin:15px 0px 5px 0px;}
#media_popup_header{ clear:both; overflow:hidden;  background:url(../gfx/bg/media_header.png) repeat-x bottom right #949ba0;  }
#media_popup_tabs{ float:left; }
#media_popup_tabs ul{ clear:both; overflow:hidden;}
#media_popup_tabs li{ float:left; display:inline; }
#media_popup_tabs li a{line-height:3em; font-size:1.13em; display:block; padding:0px 17px 0px 17px; color:#FFF; text-decoration:none;  background:url(../gfx/bg/media_header.png) repeat-x bottom right #949ba0;}
#media_popup_tabs li.active a{ color:#4d6597; background: #FFF; }
#media_popup_tabs li a:hover{ text-decoration:underline;}
#media_popup_close{ float:right;}
#media_popup_close a{ display:block; font-size:1em; background:url(../gfx/icons/close_media.gif) no-repeat top right; color:#FFF; text-decoration:none; padding:0px 18px 0px 0px; line-height:3.0em; margin:2px 16px 0px 0px;}
#media_popup_close a:hover{ text-decoration:underline; }

#media_popup_info_related{  border-top:1px solid #d8d8d8; margin:20px 0px 0px 0px; overflow:auto; }
#media_popup_info_related h2{ margin-top:30px; font-size:1.09em; font-weight:bold; }
#media_popup_info_related a{ color:#4d6597; text-decoration:none; }
#media_popup_info_related a:hover{ text-decoration:underline; }
#media_popup_info_related li{ margin-bottom:10px; }

#media_popup_image{ background-color:#e4e5e6; height:396px;position:relative; }
#media_popup_image img{ max-width: 100%;}

#media_popup_video{ bottom:0px;}

#media_popup_content_navi{ clear:both; overflow:hidden; margin:0px 0px 0px 0px;}
#media_popup_content_name{ float:left; width:520px; margin:0px 0px 0px 0px; color:#8c9397; font-size:0.89em; text-align:left;}
#media_popup_content_name a{ color:#747474; }
#media_popup_content_name h2{ margin:0px; padding:0px; font-size:1.1em; font-family:Verdana, Geneva, sans-serif; color:#8c9397;  }
#media_popup_content_fb{float:left; margin-top:5px;}

#media_popup_audio{  background:url(../gfx/bg/media_audio.png) no-repeat top center; height:375px; }
#media_popup_audio h2{ margin:0px; padding:80px 40px 20px 40px; font-size:1.8em; color:#fff;  }
#media_popup_audio_player{ height:25px; background-color:#000; color:#FFF; }
#media_popup_audio_links{ clear:both; overflow:hidden; }
#media_popup_audio_links a{ display:block; float:right; margin:15px 15px 0px 8px;  }
#media_popup_audio_links a  span{ display:none;}
#media_popup_audio_links a:hover{  text-decoration:underline;  }
#media_popup_audio_filename{ margin:30px 0px 0px 0px; color:#FFF; clear:both; overflow:hidden; }
#btn_downloadmp3{  background:url(../gfx/icons/mp3.png) no-repeat top center; height:23px; width:51px;  }


.associated_media_box{ clear:both; overflow:hidden;}
.associated_media { float:right; width:23%; font-size:0.79em;  }
.associated_media_image{ float:left; width:74%; }
.associated_media_image{
	max-width:100%;
}
.associated_media a { text-decoration:none; }
.associated_media a:hover { text-decoration:underline; }
.gallery_image { float:left; margin:4px; }
.associated_media ul{ border-top:1px solid #d6d6d6; margin:10px 0px 0px 0px; font-size:1.03em; }
.associated_media li{ border-bottom:1px solid #d6d6d6; }
.associated_media li a { padding:8px 0px 8px 22px; display:block;}

.link_to_gallery{ background:url(../gfx/icons/gallery.gif) no-repeat 1px 12px;}
.link_to_audio{ background:url(../gfx/icons/audio.gif) no-repeat 1px 12px;}
.link_to_video{ background:url(../gfx/icons/video.gif) no-repeat 1px 12px;}

.article .associated_media ul li{ margin:0px; }

/* Banner */
.banner{ clear:both; overflow:hidden; border-bottom:1px solid #cccccc; color:#adadad; font-size:0.79em; }
.banner a{color:#adadad; text-decoration:none; display:block; }

.banner a:hover{  color:#000 }
.banner a strong{ font-weight:normal; color:#363636; display:block; font-size:1.36em; margin:0px 0px 5px 0px; }


.banner_center{ text-align:center;}
.banner_center a{ display:inline }

.banner_kirjuta{ background:url(../gfx/banners/kirjuta.png) no-repeat; border-top:1px solid #cccccc; color:#adadad; }
.banner_kirjuta a{ padding:30px 0px 30px 130px; }
.banner_reaal{ background:url(../gfx/banners/reaal.png) no-repeat top left;  }
.banner_reaal a{ padding:17px 0px 17px 90px; }
.banner_haridus{ background:url(../gfx/banners/haridus.png) no-repeat;  }
.banner_haridus a{ padding:17px 0px 17px 92px; }
.banner_sona{ background:url(../gfx/banners/sona2.png) no-repeat top right;  }
.banner_sona a{ padding:15px 120px 20px 0px; }




/* Sitemap */
.sitemap .menutitle{display:none;}
.sitemap ul {	display		: block;	list-style	: none;	margin		: 0;	padding		: 0;}
.sitemap ul li {	margin		: 0;	padding		: 0;	background	: transparent;}
.sitemap a img {	border		: none;}
.sitemap ul.level_0 ul {	list-style	: inside square;	padding		: 0;}
.sitemap ul.level_1 li {	padding		: 0 0 0 2em;}
.sitemap .active {	font-style	: italic;}
.sitemap ul ul{ font-size:1em;}

/* Search */
#mod_search_searchword{ padding:2px 0px 0px 3px; font-size:1em; width:100px; }
#search_form_box  label{ display:none; }
.search_submit{ /*padding:2px 7px 1px 7px; font-size:1em; border:none; background:#e9e9e9;*/ background:url(../gfx/icons/search.png) no-repeat 50% 50%; border:0px; text-indent:-9999px; height:18px; width:16px; cursor:pointer; }
.search_submit:hover{ background:url(../gfx/icons/search_hover.png) no-repeat 50% 50%; }
#search_form_box .search{  clear:both; overflow:hidden; margin:2px 0px 0px 0px; }
#search_form_box .search .search_submit{ height:20px;}


/* Contact form */
.contact_form p{ clear:both; overflow:hidden;}
.contact_form p label{ float:left; width:30%; }
.contact_form p input { float:left; width:50%; padding:4px;}
.contact_form p.contact_form_message textarea, .contact_form p.contact_form_message input{  width:68%; padding:4px; }

.contact_form .contact_nolabel, .contact_form .button{ margin-left:30%; }
.contact_form .button{  padding:5px; }
.contact_form p.contact_nolabel input{ float:none; width:auto;}
.contact_form p.contact_nolabel label{ float:none; width:auto;}
#recaptcha_widget_div { margin-left:30%; }


/* Popup view changes */
#popup_view { padding:10px; }
#popup_view .article, #popup_view .aside, #popup_view .article_left, #popup_view .section {	width: auto; 	border: 0; 	margin:0px 10px 10px 0px;	padding: 0;	float: none !important; clear:both; overflow:hidden;	}
#popup_view .list_title_icon, #popup_view .buttonheading, #popup_view .newslist{ display:none;}

#playlists { position:relative; }
#playlists_loading { position:absolute; width:100%; height:100%; background-color:#fff; opacity:0.6; filter:alpha(opacity=60); text-align:center; }
#playlists_ajaxicon { position:relative; top:25%; }
#archive_path a.selectedTag, .selectedTag { color:#9D9D9D;  }
#playlists .block .date{ font-size:0.89em;}

.sm_buttons_footer{ clear:both; margin:50px 0px 0px 0px; overflow:hidden; }
.share_button{ float:left;}
.share_button_twitter{ margin:1px 10px 0px 0px;}

/* Russian font change */
.ru .institutions h2{ font-family:Webfont2, Arial, Helvetica, sans-serif; font-size:1.8em;  }
.ru #article_header_image_title{  font-family:Webfont2; font-size:3.19em; line-height:1em;  }
.ru .visits_location h2{ font-size:4.14em; font-family:Webfont2; line-height:1em;   }

.fpbanner_img_link {
	opacity: 0.98;
}



/* Mobile stuff */

#b-mob-toggle{
	position:absolute;
	top:0;
	left:0;
	padding:0 6px;
	border:0;
	background:#4d6597;
	color:#fff;
	height:3em;
	width:3em;
	display:none;
}

#b-mob-toggle span{ display:block; }
#b-mob-toggle span:before{ display:block; content:""; border-top:2px solid #fff; border-bottom:2px solid #fff; margin:2px 0 2px 0; padding-bottom:2px;  transform-origin: center center; position:relative; transition: transform .25s ease-in-out;}
#b-mob-toggle span:after{ display:block; content:""; border-top:2px solid #fff; margin:2px 0 0 0;  transform-origin: center center; position:relative; transition: transform .25s ease-in-out;}


.is-mob-nav-visible #b-mob-toggle span:before{
	border-bottom:0;
	transform: rotate(-45deg);
	bottom:-2px;
}
.is-mob-nav-visible #b-mob-toggle span:after{
	transform: rotate(45deg);
	top:-4px;
}



/* Referent */
.article-view .article-referents{
	position: relative;
	padding-right:0%;
}
.article-view .hasReferent{
	background:#dfeef5;
	padding:2px 0;
	/*box-shadow: 0.1em 0 0 #dfeef5, -0.1em 0 0 #dfeef5;*/
	text-decoration: none;
}

.media_item .hasReferent, .aside .hasReferent{
	text-decoration:none;
	cursor:default;
	color:#616161;
}
.article-view .hasReferent:hover, .article-view .hasReferent.is-active{
	background:#4d6597;
	color:#fff;
}
.referent-tip{
	position:absolute;
	/*left:65%;
	width:50%;
	*/
	left:-49%;
	width:46%;
	border:1px solid #efefef;
	border-right:2px solid #4d6597;
	padding:1.5em;
	background:#fff;
	font-size:0.8em;
	line-height:1.5;
	z-index:3;
	animation: referentmoveUp 0.45s ease forwards;
}
@keyframes referentmoveUp {
	0% { 
		transform: translateY(30px);
	}
	100% { 
		transform: translateY(0); 
	}
}
@media only screen and (max-width: 640px) {
	
	.referent-tip{
		left:auto;
		right:0;
		width:90%;
		max-width:420px;
		margin-top:20px;
		border:2px solid #4d6597;
	}
}


.referent-tip img, .referent-tip iframe{
	max-width:100%;
}
.btn-referent-tip-close{
	position:absolute;
	top:0.5em;
	right:0.65em;
	background:none;
	border:none;
	height:19px;
	width:19px;
	cursor:pointer;
	background:url(../gfx/icons/close.png) no-repeat 50% 50%; 
	opacity: 0.5;
	z-index:4;
}
.btn-referent-tip-close:hover{
	opacity: 1;
}

.visuallyhidden.referents-table{
	display:block;
}

@media only screen and (max-width: 980px) {
	#site{
		margin:0 1em;
	}	
}


@media only screen and (max-width: 950px) {
	#sbox-window{
		width:98% !important;
		top:10px !important;
		margin-top:0 !important;
		left:1% !important;
		margin-left:0 !important;
	}
	#article_header_image_title{
		font-size:2em;
	}
}

@media only screen and (max-width: 780px) {
	.associated_media { float:none; width:auto; display:inline-block; margin:2em 0;   }
	.associated_media_image{ float:none; width:100%; }
	#article_header_image_title{
		font-size:1.2em;
		padding-top:2em;
	}
	#article_header_image{
		padding-top:290px;
		padding-left:2em;
		padding-right:2em;
		padding-bottom:2em;
	}
	#article_header_image_text{
	}
	#article_header_image{
		background-color:#20303f;
	}
}

@media only screen and (max-width: 640px) {
	
	#subnavigation ul{
		padding-bottom:1em;
	}
	#subnavigation li{
		width:48.7% !important;
		padding-bottom:0;
	}
	.article, .aside{
		float:none;
		width:100%;
	}
	.article.right, .aside.right{
		margin-right:0;
	}
	#page{
		display: flex;
	    flex-wrap: wrap;
	    flex-direction: row;
	}
	#page .article{
		order:1;
	}	
	#page .aside{
		order:2;
	}	

	#footer{
		padding:2em 0;
	}
	#footer li{
		padding:2px 10px;
		margin-bottom:5px;
	}
	#footer li#search_form_box{
		padding-top:10px;
		padding-left:10px;
		float:none;
		clear:both;
		text-align: left;

	}

	.block{ float:none; width:100%; margin:0px 0 6px 0px;}
	.institutions{
		min-height:0;
	}

	.members_table td, .members_table th{
		display:inline-block;
		vertical-align: top;
		width:49%;
		padding:0 2em 2em 0;
		margin-bottom:1em;
	}
	.members_table td img, .members_table th img{
		
	}
}
@media only screen and (max-width: 480px) {
	#b-mob-toggle{
		display:block;
	}

	#header{
		border-bottom: 1px solid #d6d6d6;
	}
	.is-mob-nav-visible #header{
		border-bottom: 0;
	}
	
	#navigation, #subnavigation{
		display:none;
		border-left: 1px solid #d6d6d6;
		border-right: 1px solid #d6d6d6;

	}
	#navigation{
		font-size:1em;
		padding:0.5em;
	}
	#navigation ul li a{
		padding:0.5em;
	}
	#subnavigation ul{
		padding-left:2em;
		padding-right:2em;
	}
	.is-mob-nav-visible #navigation, .is-mob-nav-visible #subnavigation{
		display:block;
	}
	
	#subnavigation li{
		width:100% !important;
		padding-bottom:0;
		margin-right:0;
	}
}

.ru #fpbanner_text_item h2{
	font-size:1.8em;
}


@media only screen and (max-width: 940px) {
	#fpbanner_wrapper{
		position: relative;
		overflow: inherit;
		margin-bottom:4em;
	}
	#fpbanner_rotator{
		position: absolute;
		bottom:-2em;
		left:0;
		right: 0;
		padding:0.5em;
		border-bottom:1px solid #efefef;

	}
	#fpbanner_text_item  h2{
		font-size:2.1em;
	}
	#fpbanner_rotator a:hover{
		color:#000;
	}
	.fpbanner_description{
		margin-bottom:1em;
	}

}