/* responsiiviset kuvat ja taulukot */
img, table{max-width: 100% !important; height: auto;}

div#newmag_cover{ padding: 0 !important; margin-bottom: 1em;}

/* tablet + mobiili: piiloon */
.lte-tablet-only{display: none;}

/* alle 1000px */
@media only screen and (max-width: 1000px) {
	#footercontainer table { width: 100% !important; }
	#footercontainer table td{width: 33% !important;}
}

/* alle 880px */
@media only screen and (max-width: 880px) {
	
	input, select{padding: 2px 4px;}
	
	.lte-tablet-only{display: block;}
	
	td, div {font-size: 13px;}
	h1, h2, h3{padding-top: 10px;}
	
	#header{ background-image: none; background-color: #fff; padding-top: 55px; min-height: 70px; padding-left: 5%; padding-right: 5%; width: 90%; }
	#header img{	width: 65%; max-width: 285px !important; margin-bottom: 1em;}
	
	#top_text{background-color: #efefef; padding: 2em 5%; margin-bottom: 1em;}
	#top_text p{margin-bottom: 0; font-size: 1rem; }
	#top_text br{display: none;}
	
	/* uudet palstojen leveydet */
	div#main{	width: 50%;	padding: 1em 4% 2em 5%; }
	div#extras, div#banners {	width: 37%;	border: 0; padding: 0 1%; }
	div#default-content, div#article-content{width: 90%;}
	
	/* piilotetaan toinen sivupalkki artikkelisivuilta */
	#default-template #extras{ display: none; }
	#default-template #main, #default-template #banners{ width: 85%; }
	
	
	/* uusin lehti */
	#newmag_info { text-align: left; }
	
	/* etusivun listaus */
	#articlesummary, .new_article_list, #webmagazine_article_feedback_link { border-top: 0; }
	ul.articlelist li{ display: block; padding-bottom: 5px; padding-top: 2px; }
	.extras_item_tight { border-top: 0; padding-top: 0; }
	
	
	/* sisällössä olevat taulukot 100% */
	#main table{width: 100% !important; padding: 5px 2%; box-sizing: border-box; }
	
	/* arkiston linkit */
	a.issuelink:link, a.issuelink:visited, a.issuelink:hover, a.issuelink:active {width: auto; margin: 5px;}
	br.year-separator{display: block; width: 100%; float: none; clear: both; margin-bottom: 10px;}
	a.article-link{display: block; padding: 0;}
	a.article-archive-link, a.article-archive-subtopic-link{ display: inline-block; padding: 8px 4px; }
	
	/* hakusanan kirjainlinkit */
	div#keywordletters a{ display: inline-block; padding: 4px 8px; background-color: #efefef; margin-right: 4px; margin-bottom: 4px; text-align: center; }
	div#keywordletters br{ display: none; }
	
	/* lomakkeet */
	form table{width: 100%;}
	form table input[type=text].feedback{width: 100% !important; margin-top: 4px;}
	table#web_magazine_signup_table input[type=text], table#web_magazine_signup_table input[type=password]{width: 90% !important;}
	table#web_magazine_feedback_table{width: 100% !important;}
	
	div#banners, div#extras {	min-height: auto;	}
	
	div#footer{margin: 1em 0; border-top: 1px solid #003e58; width: 94%; margin-bottom: 0; padding-bottom: 1em; padding-left: 3%; padding-right: 3%; }
	div#footercontainer table{ width: 100% !important; }
	#footer img{ margin: 1em 10px; }	
	
	/* valikko mobiiliksi */
	a.menu-toggle{display: inline-block; position: absolute; right: 4%; top: 60px; z-index: 5; transition: all 0.3s ease-out;}
	a.menu-toggle:hover{background-color: #4d8e0b; }
	div#menu{height: 0; min-height: 0; padding: 0; overflow: hidden; transition: all 0.3s ease-out;}
	div#menu.active{height: 500px; z-index: 5; }
	ul.menu{border: 1px solid #aaa; margin: 5px 5%; background-color: #fff;}
	li.menu{display: block;}
	li.menu a.menu_close, li.menu a.menu_open{display: block; padding: 10px 20px; float: none; background-image: none;}
	li.menu a.menu_close:hover{background-color: #efefef;}
	span.separator{display: none;}
	
	/* tooltipit */
	a.menu_open:hover span, a.menu_close:hover span,
	a.menu_open span, a.menu_close span { 
		position: static; top: auto; left: auto; display: block; 
		font-size: 14px; text-decoration: none; color: #000;
		border: #000 0px dotted; padding: 10px 20px 10px 10px; background-color: #ededed; width: 100% !important; box-sizing: border-box;
		z-index: 100; margin: 5px;
		-webkit-border-radius: 10px;
		-webkit-border-top-left-radius: 0;
		-moz-border-radius: 10px;
		-moz-border-radius-topleft: 0;
		border-radius: 10px;
		border-top-left-radius: 0;
	}
	/* br pois */
	a.menu_open:hover span br, a.menu_close:hover span br,
	a.menu_open span br, a.menu_close span br{ 
		display: none;
	}
}


/* lisätyylit mobiiliin desktop- ja tablet-tyylien lisäksi */
@media only screen and (max-width: 700px) {
	
	td, div {font-size: 13px;}
	input, select{padding: 10px; box-sizing: border-box; }
	input[type=text], select{ min-width: 140px; }
	
	div#main, div#extras, div#banners, div#article-content, div#default-content {	width: 90%; padding: 0 5%; }
	div#main{ padding-top: 1em; padding-bottom: 2em;}
	div#extras{margin-top: 1em;}
	
	#header img { margin-left: 0px; } /* logo */
	
	/* etusivun lehti */
	#newmag{width: 100%;}
	#newmag_cover, #newmag_info { width: 50%; margin: 0; padding: 0; text-align: center; }
	
	table#web_magazine_signup_table tr{display: block; margin: 10px 0;}
	table#web_magazine_signup_table td{width: 100% !important; }
	
	div.article-text-content ol, div.article-text-content ul{ padding-left: 20px;}
	
	/* artikkelilista, artikkelisivut */
	#main tbody td{ display: block; padding: 2px 8px; }
	
	div#menu.active{ height: 520px; }
	a.menu-toggle{ top: 50px; }
	
	#default-content td{display: block;}
	
	div#footer{ width: 90%; padding-left: 5%; padding-right: 5%; }
	#footer img{ float: none;}	
	#footercontainer {padding-left: 0px; box-sizing: border-box;}
	#footercontainer table{float: none;}
	#footercontainer table td{display: block; padding-left:0!important; width: 100% !important; }
}

@media only screen and (max-width: 400px) {
	
	a.menu_open:hover span, a.menu_close:hover span,
	a.menu_open span, a.menu_close span { display: none;}
	div#menu.active{ height: 380px;  }
	
}