@media screen and (min-width:800px) {
	#logo img { width:250px; margin:1em 0 0 0; }
	.sticky { height:146px; width:100%; position:fixed; top:0; left:0; z-index:999; overflow:hidden;
		-webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; 
	}
	.sticky.smaller { height:60px; }
	.sticky header { margin:0; padding:0 0 .6em; }
	.sticky.smaller header { margin:0; padding:.2em 0; opacity:0.94; }
	.sticky.smaller header nav#navi-main { margin-top:0;}
	.sticky.smaller header #logo img { max-width:108px !important; margin:0; }
	.stickypadding { padding-top:160px;  }

	.content { width:92%; max-width:1300px; margin:0 auto; padding:0; background:transparent; }
	.whitecontainer { width:92%; max-width:1300px; height:auto; margin:0 auto; padding:.8em; background:#fff; }
	footer { width:92%; max-width:1300px; background:#c0c0c0; color:#000; margin:1em auto 0; padding:2em .8em; }

	a.navimenu { display:none; }
	nav.navi { float:left; margin:0; padding:0; }
	nav.navi ul { list-style:none; margin:0; padding:0; }
	nav.navi ul li { float:left; padding:.8em; border-right:.1em solid #c0c0c0; }
	nav.navi ul li:last-child { border-right:0; padding-right:0;} 
	nav.navi ul li a { display:block; padding:0; margin:0 auto; font-family:'Open Sans',arial,sans-serif;
		font-size:1em; font-weight:400; text-decoration:none; border-bottom:0.1em solid #fff; }
	nav.navi ul li a:hover, nav.navi ul li a.selected { color:#f06500; border-bottom:0.3em solid #403f44; }


	nav.navisub { float:left; margin:0; padding:0; }
	nav.navisub ul { list-style:none; margin:0; padding:0; }
	nav.navisub ul li { float:left; padding:.8em; border-right:.0em solid #c0c0c0; }
	nav.navisub ul li:last-child { border-right:0; padding-right:0;} 
	nav.navisub ul li a { display:block; padding:0; margin:0 auto; font-family:'Open Sans',arial,sans-serif;
		font-size:1em; font-weight:400; text-decoration:none; border-bottom:0.1em solid #fff; }
	nav.navisub ul li a:hover, nav.navisub ul li a.selected { color:#f06500; border-bottom:0.3em solid #403f44; }



	
	.kehys a{ border:.1em solid #c0c0c0; display:block; width:160px; margin:1em 1em 1em 0; padding:6.5em 1em 2em 1em; font-family:'Open Sans',arial,sans-serif; font-weight:800; text-align:center;
		font-size:1em; text-decoration:none; color:#006cc7; background:url(../../images/ico_pick.png) center .5em no-repeat; float:left; }
	.kehys a:hover { text-decoration:underline; }

	.sublinks { float:right; margin-top:-6em; }
	.sublinks a { display:block; margin-bottom:.6em; } 
	.katsastusmuistuttaja { position:relative; margin:1em 0 0 -8em;  max-width:300px; }

	.outerlinks ul { list-style:none; margin:0 0 .6em 0; }
	.outerlinks ul li { float:left; margin:0 0 0 .4em; }
	.outerlinks ul li a:hover { opacity:0.7; }
	.pagecontent { margin:1em 0 0 0; padding:2em 2em 2em 9em; background:#fff; }
	.ilmainen { background:url(../../images/ilmainen.png) no-repeat; display:block; width:154px; height:85px; position:absolute; margin-left:-12em; } 
	
	/*
	a.navimenu { display:none; }
	nav.navi { float:right; margin:0; padding:0; }
	nav.navi ul { list-style:none; margin:0; padding:0; }
	nav.navi ul li { float:left; padding:.8em; border-right:.1em solid #c0c0c0; }
	nav.navi ul li:last-child { border-right:0; padding-right:0;} 
	nav.navi ul li a { display:block; padding:0; margin:0 auto; font-family:'Open Sans',arial,sans-serif;
		font-size:1em; font-weight:400; text-decoration:none; border-bottom:0.1em solid #fff; }
	nav.navi ul li a:hover, nav.navi ul li a.selected { color:#f06500; border-bottom:0.3em solid #403f44; }
	*/
	
	.grid { width:100%; background:transparent; }
	.col-1-2 { float:left; width:50%; overflow:hidden; }
	.col-1-3 { float:left; width:33.33%; overflow:hidden; }
	.col-2-3 { float:left; width:66.66%; overflow:hidden; }
	.col-1-6 { float:left; width:16.66%; overflow:hidden; }
	.col-1-4 { float:left; width:24.24%; overflow:hidden; }
	.col-2-4 { float:left; width:49.99%;}
	.col-3-4 { float:left; width:72.72%; overflow:hidden;}
	.grid:after { content:""; display:table; clear:both; }

	ul.blocks { width:100%; list-style:none; height:4em; margin-bottom:.4em; }
	/*ul.blocks li {float:left; width:33.33%; font-family:'Open Sans Condensed',arial,sans-serif; display:block; height:5.2em; overflow:hidden; }*/
	ul.blocks li {float:left; width:50%; font-family:'Open Sans Condensed',arial,sans-serif; display:block; height:5.2em; overflow:hidden; }
	ul.blocks li a { font-size:1.6em; line-height:1em; color:#fff; text-decoration:none; cursor:hand; position:relative; padding:1.1em 1em 0 3.4em; 
		-webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
	ul.blocks li.yhteys a{ display:block; height:3em; background:#f06500 url(../../images/yhteys.png) no-repeat; border-right:.2em solid #fff; } 
	ul.blocks li.varaus a{ display:block; height:3em; background:#f06500 url(../../images/kalenteri.png) no-repeat; border-right:.2em solid #fff; } 
	ul.blocks li.muistuttaja a{ display:block; height:3em; background:#f06500 url(../../images/muistuttaja.png) no-repeat; border-right:.2em solid #fff;}
	ul.blocks li.tyhja a{ display:block; height:3em; background:#f06500 no-repeat; border-right:.2em solid #fff;}
	ul.blocks li.yhteys a:hover, ul.blocks li.tyhja a:hover, ul.blocks li.varaus a:hover,ul.blocks li.muistuttaja a:hover {font-size:1.8em;}







	span.formDataText{font-size:.9em;}

	.input { overflow:hidden; }
	::-webkit-input-placeholder { font-family:'Roboto',arial,sans-serif; font-style:italic; }
	:-moz-placeholder { font-family:'Roboto',arial,sans-serif; font-style:italic; }
	::-moz-placeholder { font-family:'Roboto',arial,sans-serif; font-style:italic; }
	:-ms-input-placeholder { font-family:'Roboto',arial,sans-serif; font-style:italic; }

	.input_field { margin-top:.8em; padding:.8em .2em; width:80%; background:transparent; border:0; color:#000; font-style:italic; }
	.input_label { position:absolute; bottom:0;	left:0;	padding:0 .25em; width:100%; height:calc(100% - 1em); text-align:left; pointer-events:none; }
	.input_label-content { position:absolute; color:#eff3f7; font-style:italic; font-weight:normal; }
	.input_label::before,.input_label::after { content: '';	position:absolute; top:1em; left:0; width:100%; height:calc(100% - 1em); border:0; border-bottom:.1em solid #939393; color:#fff; font-size:.9em; }
	.input_label::after { margin-top:-.2em; border:0; border-bottom:.4em solid #009be3; }

	.input_label-color-1::after { border:0; }
	.input_field:focus + .input_label::after,.input--filled .input_label::after { }
	.input_field:focus + .input_label .input_label-content,.input--filled .input_label-content {  }
	input.searchbutton { margin:-.4em 0 0 -.6em; padding:0; width:15%; width:38px; height:38px; 
			background:url(../../images/16/ico_search.svg)center center no-repeat; border:0; cursor:pointer; cursor:hand; vertical-align:top;
		}
	input.searchbutton:focus { outline:none; }
	textarea {border:1px solid #cecece; margin:.2em 0 .6em; padding:.4em; font-family:arial,sans-serif; }

	.button { font-family:'Roboto',arial,sans-serif; font-size:1.2em; font-weight:700; margin:1em auto; padding:.8em 1em; color:#fff; text-transform:uppercase; 
			background:#009be3; cursor:pointer; cursor:hand; 
			transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;
			-webkit-border-radius:.2em;	-moz-border-radius:.2em; border-radius:.2em; border:0; }
	.button:hover { opacity:0.7 }
	.loginform { max-width:240px; margin:0 auto; }
	.searchHighlight { font-weight:bold; }
	.textHighlight { font-style:italic; } 
	.videocontainer { margin:0; position:relative; padding-bottom:35.25%; padding-top:30px; height:0; overflow:hidden; }
	.videocontainer iframe, .videocontainer object, .videocontainer embed { position:absolute; top:0; left:0; width:100%; height:100%; max-width:50%;} /*  */








}

@media screen and (max-width:800px) {
	#logo img { width:125px; margin:0; }
	.sticky { height:75px; width:100%;/* overflow:hidden; */position:fixed; top:0; left:0; z-index:999;
		-webkit-transition:height 0.4s ease-out; -moz-transition:height 0.4s ease-out; -ms-transition:height 0.4s ease-out; -o-transition:height 0.4s ease-out; transition:height 0.4s ease-out; 
	}
	.sticky.smaller { height:75px; opacity:0.9; }
	.sticky header { height:50px; margin:0; padding:1em 0 1em; }
	.sticky.smaller header { height:30px; margin:0; padding:.3em 0 1em; }
	.sticky.smaller header nav#navi-main { position:relative; top:100px; /*height:0px; display:none;*/ }
	.sticky.smaller header #logo img { max-width:88px !important; margin:0; }
	.stickypadding { padding-top:100px; }

	.c { clear:none; }

	.sublinks { float:none; margin-top:0; }
	.sublinks a { display:block; margin-bottom:.6em; } 

	.katsastusmuistuttaja { text-align:center; margin:0 auto; }
	.outerlinks ul { list-style:none; float:none; }
	.outerlinks ul li { float:none; text-align:center; background:#4992b5; margin:0 0 .2em 0; }
	.pagecontent { margin:1em 0 0 0; padding:2em 1em; background:#fff; }
	.ilmainen { background:url(../../images/ilmainen.png) no-repeat; display:block; width:154px; height:85px; position:relative; left:-3em; } 
	
	.content { width:96%; max-width:700px; margin:0 auto; padding:0; background:transparent; }
	.whitecontainer { width:90%; max-width:700px; height:auto; margin:0 auto; padding:2em 2%; background:#fff; }
	footer { width:90%; max-width:700px; background:#c0c0c0; color:#000; margin:1em auto 0; padding:2em 2%; }
	a.navimenu { background:#006cc7 url('../../images/navimenu.png') center no-repeat; width:2.2em; height:2.2em; position:absolute; top:1.6em; right:1em; margin:0; padding:0; } 
	a.navimenu:hover { background:#f06500 url('../../images/navimenu.png') center no-repeat;}
	nav.navi { margin:0; width:100%; position:relative; z-index:1; }
	nav.navi ul { display:none; height:auto; list-style:none; margin:0; padding:0; border-top:1px dotted #000; border-left:0; position:relative; top:-1em; left:0; opacity:0.9;
		-webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.24);
		-moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.24);
		box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.24);
	}  
	nav.navi ul li { float:none; border-bottom:1px solid #fff; border-top:0; background:#006cc7; color:#fff; }
	nav.navi ul a { display:block; width:90%; padding:1em 0 1em 10%; text-decoration:none; font-size:1.3em; font-family:'Open Sans',arial,sans-serif; color:#fff; }
	nav.navi ul li a:hover, nav.navi ul li a.selected { background:#f06500; color:#fff; }
	nav.navi:before, nav.navi:after { content:""; display:table; }  
	nav.navi:after { clear:both; }
	
	
/* NAVISUB – VAAKASUUNTAINEN PALKKI LOGON ALLA */

nav.navisub {
    width: 100%;
    background: #f8f8f8; /* Vaalea tausta, joka erottuu valkoisesta */
    border-bottom: 1px solid #e0e0e0;
    margin: 0;
    padding: 0;
}

nav.navisub ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0.5em 1em !important; /* Hieman tilaa ylös ja alas */
    display: flex; /* Asettaa linkit vierekkäin */
    flex-wrap: wrap; /* Rivittää linkit, jos ne eivät mahdu yhdelle riville */
}

nav.navisub ul li {
    display: inline-block;
    border-right: 1px solid #c0c0c0; /* Erotinviiva oikeaan reunaan */
    padding: 0 15px;
    line-height: 1.2;
}

/* Poistetaan erotinviiva viimeisestä linkistä */
nav.navisub ul li:last-child {
    border-right: none;
    padding-right: 0;
}

nav.navisub ul li a {
    text-decoration: none !important; /* Alleviivaus pois */
    color: #403f44 !important; /* Hoipan tummanharmaa sävy */
    font-family: 'Open Sans', arial, sans-serif;
    font-size: 0.9em;
    font-weight: 600;
    transition: color 0.2s;
}

/* Hover-efekti: muuttuu oranssiksi kuten logo */
nav.navisub ul li a:hover {
    color: #f06500 !important;
}

/* Jos listassa on myös Kirjaudu ulos -nappi, siistitään se */
nav.navisub form {
    display: inline;
    margin-left: 10px;
}

.logoutbutton {
    background: none;
    border: none;
    color: #f06500;
    cursor: pointer;
    font-weight: bold;
    font-size: 0.9em;
    padding: 0;
}







	.kehys a{ border:.1em solid #c0c0c0; display:block; width:260px; margin:1em auto; padding:6.5em 2em 2em 2em; font-family:'Open Sans',arial,sans-serif; font-weight:800; text-align:center;
		font-size:1em; text-decoration:none; color:#006cc7; background:url(../../images/ico_pick.png) center .5em no-repeat; float:none; }
	.kehys a:hover { text-decoration:underline; }

	.grid { width:100%; }
	.col-2-3 { float:none; width:100%; overflow:hidden; }
	.col-1-3 { float:none; width:100%; overflow:hidden; }
	.col-1-6 { float:none; width:100%; overflow:hidden; }
	.col-1-4 { float:none; width:100%; overflow:hidden; }
	.col-2-4 { float:none; width:100%; overflow:hidden; }
	.col-3-4 { float:none; width:100%; overflow:hidden; }
	.grid:after { content:""; display:table; clear:both; }

	table td, table th { display:block; }
	ul.rekkaus { list-style:none; font-size:.85em; width:90%; max-width:370px; margin:0 auto; padding:0 0 1em 0; }

	ul.blocks { width:100%; list-style:none; height:14em; }
	ul.blocks li { float:none; width:100%; font-family:'Open Sans Condensed',arial,sans-serif; display:block; height:5.2em; overflow:hidden; margin-bottom:.3em; }
	ul.blocks li a { font-size:1.6em; line-height:1em; color:#fff; text-decoration:none; cursor:hand; position:relative; padding:1.1em 1em 0 4em; 
		-webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; }
	ul.blocks li.yhteys a{ display:block; height:3em; background:#f06500 url(../../images/yhteys.png) no-repeat; border-right:0; } 
	ul.blocks li.varaus a{ display:block; height:3em; background:#f06500 url(../../images/kalenteri.png) no-repeat; border-right:0; } 
	ul.blocks li.muistuttaja a{ display:block; height:3em; background:#f06500 url(../../images/muistuttaja.png) no-repeat; }
	
	ul.blocks li.yhteys a:hover, ul.blocks li.varaus a:hover,ul.blocks li.muistuttaja a:hover {font-size:1.8em;}

	table td, table th { display:block; }
	table.hinnasto td { display:table-cell; }
	blockquote,q { quotes:none; margin:0 0 0 2%; }
}