/* This stylesheet is handwritten and © by TammekaZ */

body { margin: 0%; background-color: #fff; }
body, table, td, p, div { font-family: Verdana, Geneva, sans-serif; font-size: 14px; color: #000; }
input, select, textarea { font-family: Verdana, Geneva, sans-serif; font-size: 14px; color: #000; border: 1px solid #e1d0b2; background-color: #fff; }
table { border: 1px solid #000; padding: 0px; margin: 0px; }
	.trumbowyg table { border: 0; }
.disable { border: 1px solid #818182; background-color: #e8e8e9; }
.atstigma::before { content: "\0040"; }
.small { font-size: 10px; color: #C0C0C0; }
#egologin { padding: 10px 0px; background-color: #fbe61a; text-align: center; }
	#egologin form { margin: 0; padding: 0; }
		#egologin span { display: inline-block; margin-right: 5px; }
			#egologin span:last-child { margin-right: 0; }
		#egologin input { display: inline-block; padding: 5px; border-radius: 5px; }
		#egologin input[type="text"], #egologin input[type="password"] { width: 130px; }
#cookie-bar { left: 50% !important; transform: translate(-50%, 0); margin: 0 !important; padding: 10px !important; width: calc(90% - 20px) !important; max-width: 850px; background-color: rgba(102,102,102,.9) !important; } /* Küpsised */
	#cookie-bar a, #cookie-bar-prompt-content a, #cookie-bar-prompt-content span { color: #92AAC7 !important; }
	#cookie-bar #cookie-bar-button { background-color: #fbe61a !important; color: #000 !important; }

.sry { width: 98%; padding:1%; border: 0px #818182 solid; background-color: #F00; color: #fff; font-weight: bold; }
.sry a, .sry a:hover { color: #fff; font-weight: bold; }
.asry { position: relative; padding: 1%; border: 1px #818182 solid; background-color: #e8e8e9; color: #818182; font-weight: bold; text-align: center; }
.copyr { padding: 1%; font-size: 9px; color: #C0C0C0; text-align: left; }
.ego { padding: 1%; border: 1px #000 solid; background-color: #fbe61a; color: #000; font-weight: bold; }
.ego a, .ego a:hover { color: #000; font-weight: bold; }

a:link, a:visited { color: #ccc; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }
a:active { color: #000; text-decoration: none; }

hr { border: 0; color: #92AAC7; background-color: #92AAC7; height: 2px; width: 10%; min-width: 150px; }

iframe#cf-formation-iframe {
	width: 100%;
	height: auto;
	min-height: 200px;
	border: 1px solid #ccc;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}

/* MAIN CONTAINER */
.glayout { }
.glayout .bin { padding: 0%; width: 100%; text-align: left; }
.glayout .bin .pilt { margin: 0% auto 2%; max-width: 50%; max-height: 50vh; float: none; display: block; }
.glayout .bin .logo { width: 30px; }
.glayout .bin iframe { width: 80%; height: 70vh; }
.glayout .bin .editbtn { position: relative; height: 30px; margin-bottom: 5px; }
.glayout .bin form .note-toolbar { padding: 0; }
	.glayout .bin form .note-toolbar > .note-btn-group { margin: 0; padding: 5px; }
.glayout .bin form .note-editing-area { text-align: left; }
	.glayout .bin form .note-editing-area p { max-width: none !important; }
.note-modal.open .note-nav-tabs { display: none; }
	.note-modal.open .note-tab-pane .note-form-group > label { display: inline-block; width: 100px; }
	.note-modal.open .note-tab-pane .note-form-group > div { display: inline-block; width: calc(100% - 150px); }
	.note-modal.open .note-tab-pane .note-form-group > small { margin-left: 150px; margin-top: 10px; display: block; color: #999; }
	.note-modal.open .note-tab-pane .note-group-imageAttributes-class, .note-modal.open .note-tab-pane .note-group-imageAttributes-role { display: none; }
	.note-modal.open .note-tab-pane .note-group-imageAttributes-link-class, .note-modal.open .note-tab-pane .note-group-imageAttributes-link-style,
		.note-modal.open .note-tab-pane .note-group-imageAttributes-link-rel, .note-modal.open .note-tab-pane .note-group-imageAttributes-link-role { display: none; }
	.note-modal.open .note-tab-pane .note-group-imageAttributes-dimensions label { display: inline-block; width: 100px; }
	.note-modal.open .note-tab-pane .note-group-imageAttributes-dimensions .note-input-group { display: inline-block; width: calc(100% - 150px); }
	.note-modal.open .note-tab-pane .note-group-imageAttributes-dimensions .note-input-group input { display: inline-block; width: calc(50% - 10px); }
.trumbowyg-button-pane .trumbowyg-button-group+.trumbowyg-button-group::before { display: none !important; }
.trumbowyg-button-pane .trumbowyg-button-group+.trumbowyg-button-group:not(:last-child)::after { content: " "; display: inline-block; width: 1px; background: #d7e0e2; margin: 0 5px; height: 35px; vertical-align: top; }
.trumbowyg-modal-box label input[type=checkbox] { top: -3px !important; left: auto !important; }
.glayout .bin .colnr { padding: 1%; float: right; border-left: 1px solid #777; background-color: #252626; cursor: pointer; color: #fff; }

/* SECTIONS, COLUMNS AND GROUPING*/
.section { clear: both; display: -webkit-flex; -webkit-flex-direction: row; display: flex; flex-direction: row; padding: 0px; margin: 0px; background-image: inherit; background-repeat: no-repeat; background-position: center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.col { display: block; float: left; margin: 0% 0% 0% 0%; background-image: none; background-repeat: no-repeat; background-position: center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.col:first-child { margin-left: 0; }
.group:before, .group:after { content: ""; display: table; }
.group:after { clear: both; }
.group { zoom:1; /* For IE 6/7 */ }

/* ARTICLE NAME */
h2, h3, h4, .headname { font-family: Verdana, Geneva, sans-serif; font-size: 30px; color: #252626; }
/* TOP navigation */
.sect_1 .col { padding-top: 90px; } /* +10 to the HEIGHT of SPAN_TOP */
.sect_topnav { position: fixed; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 100%; background-color: #92AAC7; border-bottom: 1px solid #E2DFA2; z-index: 7; }
	.sect_topnav > #topbar { flex: 1 1 calc(100% - 10px); padding: 5px; background-image: url("pics/topbar_back.jpg"); background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
		.sect_topnav > #topbar > div { margin: 0 auto; max-width: 1200px; color: #fff; text-align: right; }
			.sect_topnav > #topbar > div > a { color: #fff; }
.span_top { display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex; flex-wrap: wrap; margin: 0 auto; width: 100%; height: 80px; font-family: 'Titillium Web', sans-serif; font-size: 20px; }
	.section:not(#veateade) > .span_top { max-width: 1200px; }
	.span_top.changenavi { padding-top: 20px; }
	.span_top > .newnavi { position: absolute; flex: 1 0 100%; padding-top: 2px; height: 25px; z-index: 7; }
		.span_top > .newnavi.change { position: relative; margin-top: -22px; background-color: #ccc; z-index: 11; }
			.span_top > .newnavi.change > form { margin: 0; padding: 0 ; }
				.span_top > .newnavi.change > form > input { margin: 0; padding: 2px; width: 10%; min-width: 100px; font-size: 14px; }
	/* Logo */
	.span_top .logo_large, .span_top .logo_large.small-logo { display: -webkit-flex; display: flex; align-items: center; }
		.span_top .logo_large img, .span_top .logo_large.small-logo img { padding: 5px 25px; max-height: 45px; cursor: pointer; }
	.span_top .slicknav_menu { display: none; padding: 0px; }
	.span_top.topmar { /*background-color: transparent;*/ }
		.span_top.topmar.bground { background-color: rgba(45,50,146,0.7); }
	.span_top ul { display: -webkit-flex; display: flex; margin: 0; order: 2; }
		.span_top ul.bground { background-color: rgba(49,48,44,0.8); }
	.span_top ul.menu.lower { }
	.span_top ul.menu li { text-align: center; list-style: none; }
	.span_top ul.menu li.active > a > font { color: #E2DFA2; }
	.span_top ul.menu .fpage { min-width: 0px; max-width: 70px; display: none; }
		.span_top ul.menu .fpage img, .span_top #menunavi .fpage img { max-width: 100%; display: none; } /* For showing logo */
		.span_top ul.menu .fpage font, .span_top #menunavi .fpage font { display: none; } /* For hiding if there is a image */
	.span_top ul.menu #mainid { display: -webkit-flex; display: flex; align-items: center; height: 100%; }
		.span_top ul.menu #mainid > img { width: 16px; height: 16px; }
			.span_top ul.menu #mainid > img:not(.navimg):not(.addnew) { display: inline-block; float: right; margin: 3px 0 0 5px; cursor: pointer; }
			.span_top ul.menu #mainid > img.addnew { display: inline-block; float: left; margin: 3px 5px 0 0; cursor: pointer; }
	.span_top ul.menu #mainid a { display: -webkit-flex; display: flex; align-items: center; padding: 10px; height: calc(100% - 20px); color: #6f6f6f; }
		.span_top.bground ul.menu #mainid a { color: #6f6f6f; }
	.span_top ul.menu #mainid a:hover { color: #E2DFA2; text-decoration: none; }
	.span_top ul.menu #mainid > ul { display: none; } /* Hide default submenu */
	.span_top ul.menu ul.dropit-submenu { background-color: #92AAC7; padding: 5% 0; margin: 1px 0 0; }
		.span_top ul.menu ul.dropit-submenu > li > img:not(.navimg):not(.addnew) { display: inline-block; float: right; margin: 5px 0 0 5px; cursor: pointer; }
		.span_top ul.menu ul.dropit-submenu > li > img.addnew { display: inline-block; float: left; margin: 5px 5px 0 0; cursor: pointer; }
	.span_top ul.menu ul.dropit-submenu a { display: block !important; font-size: 14px; line-height: 25px; color: #fff; padding: 5% 10%; }
		.span_top ul.menu ul.dropit-submenu a:hover { text-decoration: none; }
/* Error row */
#veateade { display: none; }
	#veateade  .span_top { position: static; height: auto; z-index: 3; }
/* Language row */
.span_lang { position: fixed; display: -webkit-flex; display: flex; right: 50px; padding: 0; height: 80px; cursor: pointer; text-align: center; z-index: 9; }
	.span_lang.changenavi { padding-top: 30px; }
	.span_lang > div { display: -webkit-flex; display: flex; align-items: center; padding: 5px; height: calc(100% - 10px); font-family: 'Titillium Web', sans-serif; color: #6f6f6f; font-size: 20px; }
		.span_lang > div.active { color: #E2DFA2; }
	.span_lang > a { display: -webkit-flex; display: flex; align-items: center; height: 100%; order: 3; }
	.span_lang img { padding: 5px; }
	.span_lang span { display: none; padding: 14px 10px 11px; font-family: 'Titillium Web', sans-serif; color: #6f6f6f; font-size: 18px; }
		.span_lang span:hover { background-color: #6f6f6f; }
/* Comments */
.span_comments { width: 98%; padding: 1%; color: #000; }
	.span_comments strong { padding: 1%; text-align: left; font-weight: bold; display: block; }
	.span_comments .records { }
	.span_comments .records .record { margin-bottom: 2%; border-bottom: 1px solid #ccc; }
	.span_comments .records .record a { color: #000; font-weight: bold; }
	.span_comments .records .record span { font-size: 70%; color: #000; }
/* Bottom */
.span_bottom { width: 98%; padding: 1%; background-color: #252626; color: #fff; text-align: center; display: none; }
	.span_bottom a, .span_bottom a:hover { color: #fff; }

.span_1_of_1 { width: 98%; padding: 1%; min-height: 87vh; } /* GRID OF ONE */
	.span_1_of_1.firstpage { background-position: center center; }

.span_2_of_2 { width: 98%; padding: 1%; min-height: 87vh; } /* GRID OF TWO */
.span_1_of_2 { width: 48%; padding: 1%; min-height: 87vh; } /* GRID OF TWO */

.span_3_of_3 { width: 98%; padding: 1%; min-height: 87vh; } /*  GRID OF THREE  */
.span_2_of_3 { width: 64.66%; padding: 1%; min-height: 87vh; } /*  GRID OF THREE  */
.span_1_of_3 { width: 31.33%; padding: 1%; min-height: 87vh; } /*  GRID OF THREE  */

.span_4_of_4 { width: 98%; padding: 1%; min-height: 87vh; } /*  GRID OF FOUR  */
.span_3_of_4 { width: 73%; padding: 1%; min-height: 87vh; } /*  GRID OF FOUR  */
.span_2_of_4 { width: 48%; padding: 1%; min-height: 87vh; } /*  GRID OF FOUR  */
.span_1_of_4 { width: 23%; padding: 1%; min-height: 87vh; } /*  GRID OF FOUR  */

.span_5_of_5 { width: 98%; padding: 1%; min-height: 87vh; } /*  GRID OF FIVE  */
.span_4_of_5 { width: 78%; padding: 1%; min-height: 87vh; } /*  GRID OF FIVE  */
.span_3_of_5 { width: 58%; padding: 1%; min-height: 87vh; } /*  GRID OF FIVE  */
.span_2_of_5 { width: 38%; padding: 1%; min-height: 87vh; } /*  GRID OF FIVE  */
.span_1_of_5 { width: 18%; padding: 1%; min-height: 87vh; } /*  GRID OF FIVE  */

.span_6_of_6 { width: 98%; padding: 1%; min-height: 87vh; } /*  GRID OF SIX  */
.span_5_of_6 { width: 81.33%; padding: 1%; min-height: 87vh; } /*  GRID OF SIX  */
.span_4_of_6 { width: 64.66%; padding: 1%; min-height: 87vh; } /*  GRID OF SIX  */
.span_3_of_6 { width: 48%; padding: 1%; min-height: 87vh; } /*  GRID OF SIX  */
.span_2_of_6 { width: 31.33%; padding: 1%; min-height: 87vh; } /*  GRID OF SIX  */
.span_1_of_6 { width: 14.66%; padding: 1%; min-height: 87vh; } /*  GRID OF SIX  */

/* SIDE navigation */
	.navi { display: block; cursor: pointer; }
	.navi_show { display: block; cursor: pointer; background-color: #ccc; }
	.sidenavi { display: none; cursor: pointer; padding: 10px 5px; background-color: #4c4c4c; text-align: center; font-weight: bold; color: #fff; }
/* File row */
	.failid { padding: 0; }
		.failid strong { display: block; padding: 5px; text-align: right; color: #eee; border-bottom: 1px solid #ccc; }
		.failid .file { position: relative; padding: 0; }
			.failid .file .finfo { display: none; position: absolute; top: 0; left: 0; width: calc(100% - 10px); padding: 5px; background-color: #ccc; z-index: 3; text-align: center; }
				.failid .file .finfo a { display: inline-block; width: calc(100% - 10px); margin-bottom: 5px; padding: 5px; text-decoration: none; text-align: center; }
					.failid .file .finfo a:hover { background-color: #fff; color: #b50001; }
				.failid .file .finfo span { display: block; width: 90%; margin-left: 10%; text-align: left; }
					.failid .file .finfo span input { float: right; margin-right: 10%; max-width: 200px; }
				.failid .file .finfo input, .failid .file .finfo textarea { display: inline-block; width: 80%; margin: 5px auto; padding: 5px; }
			.failid .file:hover { background-color: #fff; }
			.failid .file img { float: left; padding: 5px; }
			.failid .file a { display: inline-block; float: left; padding: 5px; font-size: 16px; color: #999; }
				.failid .file a:hover { color: #b50001; }
				.failid .file a img { float: none; margin-top: 2px; padding: 0; }
			.failid .file span { float: right; padding-top: 2px; }
				.failid .file span a { display: inline; }
					.failid .file span a.small { margin-top: 2px; font-size: 9px; }
					.failid .file span a img { float: none; margin: 0; padding: 0; }
			.failid .file:after { content: ""; clear: both; display: block; visibility: hidden; }
		.failid:before { content: ""; clear: both; display: block; visibility: hidden; }

/* Picture row */
	.pildid { display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex; flex-wrap: wrap; justify-content: center; margin: 50px auto 30px; padding: 0; max-width: 1200px; }
		.pildid .pildiraam { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; margin: 0; max-width: calc(50% - 10px); }
			.pildid .pildiraam a { display: block; padding: 5px; text-align: center; }
				.pildid .pildiraam a img { display: inline-block; max-width: 100%; max-height: 250px; }
/* Picture Slider */
	.unslider { margin: 0; position: relative; }
		.unslider .unslider-arrow { /* From UNSLIDER.com */
			display: block; width: 40px; height: 40px; top: 45vh; right: 5% !important; margin-top: -20px; overflow: hidden; background: rgba(0,0,0,.2) no-repeat 50% 50%;
			background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQCAQAAABuQZ3IAAAAi0lEQVR4AU3OISBEQQBAwS0AACS9NxqQgCZpkiYBVddFvWhAAUABAPQCAGC4g/0vTnrBqCfDIZl70J+kMUBPpEwT4FNXxBxz4F1HxHyr4EVTxBLb4EFNxEon4CJSlVNw9AcV9sC16h8osgke1P1ArgXwouVvdQq86ww/GQefusNf7kBviBlxpT8k+gL/Wox4r1d4MwAAAABJRU5ErkJggg==');
			background-size: 7px 11px; border-radius: 40px; text-indent: -999em; opacity: .6; transition: opacity .2s;
		}
		.unslider .unslider-arrow:hover { opacity: 1; }
		.unslider .unslider-arrow.prev { left: 5%; -ms-transform: rotate(-180deg); transform: rotate(-180deg); }
		.unslider .unslider-nav { display: none; position: absolute; left: 0; right: 0; top: 0; margin: 0; }
			.unslider .unslider-nav ol { list-style: none; text-align: center; }
				.unslider .unslider-nav ol li { display: inline-block; float: none; width: 6px; height: 6px; margin: 0 4px; padding: 3px;
					background: transparent; border-radius: 5px; overflow: hidden; text-indent: -999em; border: 2px solid #41c229; cursor: pointer; opacity: .4; }
				.unslider .unslider-nav ol li.unslider-active { background: #404c5a; cursor: default; opacity: 1; }
		.unslider li { position: relative; max-height: 100vh; }
			.unslider li img { max-width: 100% !important; width: 100%; }
			.unslider li span { position: absolute; left: 0; bottom: 15px; padding: 10px; width: calc(100% - 20px); background-color: rgba(64,76,90,0.7); z-index: 1; }

/* Exeption */
	div[class$="_2"]:not(.sect_2) { margin-top: 0; padding-top: 80px; background-color: #fff; }
		div[class$="_2"]:not(.sect_2) > .col > .headname, div[class$="_2"]:not(.sect_2) > .col > .infotext { margin: 10px auto 5px; width: 100%; max-width: 1200px; }
		div[class$="_2"]:not(.sect_2) .span_1_of_1 { padding: 50px; width: calc(100% - 100px); min-height: calc(100vh - 180px); }
	.firstpage { min-height: 90vh; }
		.firstpage .headname { display: none; }
	.firstpage.part1 { min-height: 85vh; margin-top: 0px; } /* Avalehe pilt */
		.bin-adm .firstpage.part1 { margin-top: 80px; padding-top: 10px; }
		.firstpage.part1 > .infotext > ul.laused { margin: 30vh auto 0; padding: 0px; width: 80%; list-style: none; background-color: rgba(146,170,199,0.8); border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; }
			.firstpage.part1 > .infotext > ul.laused li { display: none; margin: 0px; padding: 10px; text-align: center; font-size: 36px; font-weight: bold; text-transform: uppercase; color: #fff; }
	.glayout .rnr-2 > .section { background-color: #E2DFA2; border-top: 5px solid #92AAC7; }
		.glayout .rnr-2 > .section > .firstpage { min-height: 20vh; }
	.part7 h3 { margin: 10px auto; }
	.rnr46-2 { background-color: #ccc; }
		.rnr46-2 > .section { background-color: transparent !important; }
			.rnr46-2 > .section > .span_1_of_1 { padding: 0; width: 100%; }
				.rnr46-2 > .section > .span_1_of_1 p { margin: 0 auto !important; width: 100% !important; max-width: none !important; text-align: center; }
				.rnr46-2 > .section > .span_1_of_1 iframe { margin-top: 50px; width: 100%; max-width: 1050px; height: 70vh; /*height: calc(100vh - 80px);*/ }

	 /* #3c3 - roheline #c33 - punane #cc3 - kollane */
	.saaliplaan { width: 96%; padding: 2% 0; margin: 0 2% 30px; overflow: auto; }
	#saal { position: relative; margin: 0 auto; }
		#saal #saalid { display: block; }
		#saal .plaan { float: left; margin-left: 5px; padding: 5px 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 2px solid #000; text-align: center; }
			#saal .plaan:hover { background-color: #ccc; }
			#saal .plaan:hover a { color: #fff; }
			#saal .plaan a:hover { text-decoration: none; color: #fff; }
		#saal h3 { width: 100%; margin: 10px 0; padding: 5px 0; text-align: center; border-bottom: 1px solid #ccc; background-color: #eee; color: #808080; }
		#saal h4 { width: 100%; margin: 10px 0; padding: 5px 0; text-align: center; border-bottom: 1px solid #ccc; color: #fff; }
			#saal h4.roheline { background-color: #89DA59; }
			#saal h4.kollane { background-color: #F9A603; }
			#saal h4 #limits { color: #F70025; }
			#saal h4 form { margin: 0; padding: 0; display: inline; }
			#saal h4 input[type=submit] { margin-left: 25px; padding: 2px 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #000; }
		#saal .attention { margin: 5px 0 15px; padding: 5px; background-color: #89DA59; font-size: 12px; color: #000; text-align: center; }
		#saal .koht { float: left; }
			#saal .legend { margin-top: 10px; }
			#saal .legend span { margin-top: 10px; margin-right: 10px; float: right; }
			#saal .koht.tyhi { margin-top: 10px; width: 28px; }
				#saal .koht.tyhi.pool { width: 14px; }
			#saal .koht .reanr { margin-top: 10px; width: 28px; text-align: center; font-size: 12px; color: #808080; }
			#saal .koht input[type=text], .koht input[type=hidden] { padding: 5px; width: 150px; }
			#saal .koht label, #saal .koht .kinni, #saal .koht span { text-align: center; color: #000; font-size: 10px; }
			#saal .koht input[type=checkbox] { display: none; }
				#saal .koht input[type=checkbox] + label { margin: 2px; height: 15px; width: 22px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #ccc; border-bottom: 7px solid #808080; background-color: #eee; display: inline-block; padding: 5px 0 0; cursor: pointer; }
				#saal .koht input[type=checkbox]:checked + label { background-color: #F9A603; }
				#saal .koht input[type=checkbox]:disabled + label { background-color: #F56C57; }
				#saal .koht input[type=checkbox] + label:hover { background-color: #F9A603; }
			#saal .koht .kinni { margin: 2px; height: 15px; width: 22px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #ccc; border-bottom: 7px solid #808080; background-color: #eee; display: inline-block; padding: 5px 0 0; }
				#saal .koht .kinni.valitud { background-color: #89DA59; }
				#saal .koht .kinni.lukus { background-color: #aaa; }
				#saal .koht .kinni.punane { background-color: #F56C57; }
				#saal .koht .kinni.kollane { background-color: #F9A603; }
	.nimekiri { width: 100%; max-height: 80vh; overflow: auto; }
		.nimekiri .kirje { margin-bottom: 2px; padding: 2px 5px; border-bottom: 1px solid #ccc; }
			.nimekiri .kirje:hover { background-color: #eee; }
			.nimekiri .kirje p { margin: 2px 0; padding: 3px; font-size: 12px; }
			.nimekiri .kirje span { font-size: 10px; color: #ccc; }

/* VIEW LESS THAN 850px */
@media only screen and (max-width: 850px){

	.section { display: block; }

	.span_top { height: 50px; }
		.span_top.changenavi { padding-top: 50px; }
		.span_top > .newnavi { top: 13px; right: 50px; }
			.span_top > .newnavi.change { height: 50px; top: -30px; left: 0; right: auto; }
				.span_top > .newnavi.change > form > input[type="submit"] { display: block; margin: 2px auto; width: 50%; }
		.span_top.topmar { height: 50px !important; background-color: #92AAC7; }
			.span_top.topmar.bground { background-color: rgba(49,48,44,0.8); }
		.span_top .logo_large, .span_top .logo_large.small-logo { position: absolute; left: calc(50% - 62px); height: 50px; text-align: center; z-index: 11; }
			.span_top.changenavi .logo_large, .span_top.changenavi .logo_large.small-logo { top: 48px; }
			.span_top .logo_large img, .span_top .logo_large.small-logo img { max-height: 40px; }
		.span_top ul { display: -webkit-flex; -webkit-flex-direction: column; display: flex; flex-direction: column; margin: 0; background-color: #92AAC7; }
		.span_top .navi li, .span_top .navi_show li, .span_top #menunavi font { font-family: 'Titillium Web', sans-serif; font-weight: bold; font-size: 18px !important; }
	.span_lang { left: 0; height: 50px; }
		.span_lang.changenavi { display: none; }
		.span_lang img { float: left; margin-top: 0; }
		.span_lang div { font-size: 18px; }
		.span_lang div, .span_lang div.active { float: left; }
		.span_lang span { display: inline-block; }
	.span_1_of_2, .span_1_of_3 { width: 98%; }

	.js #menu, .navi, .navi_show { display: none; }
	#menunavi { position: absolute; right: 0; }
		.span_top.changenavi #menunavi { top: 50px; }
		#menunavi .slicknav_nav li a { padding: 5px 10px; }
			#menunavi .slicknav_nav li img:not(.navimg):not(.addnew) { display: inline-block; float: right; margin: 5px 0 0 5px; cursor: pointer; }
			#menunavi .slicknav_nav li img.addnew { display: inline-block; float: left; margin: 5px 5px 0 0; cursor: pointer; }
	.js .slicknav_menu, .sidenavi { display: block; }
	#slicknav_btnid { margin-top: 11px; margin-bottom: 14px; background-color: #6f6f6f; }
	.js .slicknav_menu { background-color: transparent; }
		.js .slicknav_menu a { border-radius: 0; color: #6f6f6f; }
			.js .slicknav_menu a:hover { border-radius: 0; color: #E2DFA2; background-color: transparent; }
	.slicknav_nav li.fpage { display: none; }
		.slicknav_nav li.active a { color: #E2DFA2; background-color: transparent; }
	.slicknav_nav .slicknav_parent { position: relative; }
		.slicknav_nav .slicknav_parent .slicknav_arrow { position: absolute; top: 0; left: 0; width: 100%; line-height: 30px; }

	.unslider .unslider-arrow { width: 30px; height: 30px; margin-top: -15px; top: 50%; }
	.unslider li span { display: block; position: relative; bottom: 0; background-color: rgba(64,76,90,1); }

	.sect_1 .col { padding-top: 50px; }

	div[class$="_2"]:not(.sect_2) { margin-top: 0; padding-top: 50px; }
		div[class$="_2"]:not(.sect_2) .span_1_of_1 { padding-top: 0; min-height: calc(100vh - 100px); }

}

/* VIEW LESS THAN 640px */
@media only screen and (max-width: 640px){

	#egologin span { display: block; margin: 5px auto 0 !important; width: 90%; max-width: 350px; text-align: right; }
	#egologin input[type="text"], #egologin input[type="password"] { width: 60%; min-width: 100px; }

	.span_top .logo_large img, .span_top .logo_large.small-logo img { padding: 5px 10px; }

	.span_2_of_3, .span_1_of_4, .span_2_of_4, .span_3_of_4, .span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5,
		.span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6 { padding-top: 10vh; width: 98%; }
	.span_1_of_2, .span_2_of_2, .span_3_of_3, .span_4_of_4, .span_5_of_5, .span_6_of_6 { padding-top: 2%; }
		.span_1_of_2 > .infotext > p img { float: none; display: block; margin: 0% auto 2%; max-width: 90%; }

	div[class$="_2"]:not(.sect_2) { margin-top: 0; }

	.firstpage.part1 > .infotext > ul.laused { margin: 25vh auto 0; }
		.firstpage.part1 > .infotext > ul.laused li { font-size: 26px; }

}

/* VIEW LESS THAN 480px */
@media only screen and (max-width: 480px)/* and (orientation: portrait) */{

	.section { background-image: none; }
	.col { background-image: inherit; }

	.firstpage.part1 { background-position: center bottom; } /* Avalehe pilt */
		.firstpage.part1 > .infotext > p > img { max-width: 200px; }
		.firstpage.part1 > .infotext > ul.laused li { font-size: 20px; }

	#saal #saalid { text-align: center; }
		#saal #saalid .koht { display: none; }
		#saal #saalid .plaan { float: none; display: block; margin: 5px auto 0; }
	#saal .legend { text-align: center; }
		#saal .legend .koht { float: none; display: block; width: 90%; max-width: 200px; margin: 5px auto 0; text-align: left; }
		#saal .legend .koht .kinni { }
}

/* VIEW LESS THAN 300px */
@media only screen and (max-width: 300px){ }