/* Puhelin pysty toimii myös yleisasetuksina
   muissa kokoluokissa vain ylikirjoitetaan tarvittavat kohdat   */

@font-face {
    font-family: 'Days One';
    src: local(DaysOne), url('../all/DaysOne.ttf') format('opentype');
}

@font-face {
    font-family: Impact;
    src: local(Impact), url('../all/Impact.ttf') format('opentype');
}

h1,h2,h3,h4,h5,h6
	{	font-family:Impact, sans-serif ;}
	
/* etusivu taulukot */
.cursive {	font-family: "Courier New", Courier, monospace;}	


/* ASETUKSET PUHELIN PYSTYASENNOSSA */
/* For width smaller than 630px: w3-col-xs */

.hide-xs	{display:none;}
.show-xs	{display:block;}


/* Yläkuva ja otsikko ja menu-kuvake */
.w3-header {	background-image: url(../pics/ots-960.jpg);
		background-position: bottom;
		background-size: fixed;
		background-repeat: no-repeat;
		margin: 0px; padding:0;
		color:#F8F6F6;
		height: 180px; }
.w3-sidenav {	display:none; width:40%;z-index: +2; }
.w3-header i, .w3-header img
	{	position: absolute; right:0px; top;0px; z-index: +1 ;margin: 10px; padding:0;}
.w3-header img {width: 25px; }

.w3-header h1 {	margin-top: 80px;
		font-size:175% ; font-weight: 400; 
		text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;  }

/* Kokoasetukset alkutekstille */
.xl 	{	font-size: 125%; font-weight: 500;} /* 400 = normal weight */
.l 	{	font-size: 100%; font-weight: 400;}


/* tekstiosien muotoilu */
#row1	{	}/* lasketaan javalla */
.w3-row	{	}/* lasketaan javalla */ 
#last	{	}/* lasketaan javalla */
.xpad	{	}/* lasketaan javalla */
.small	{	min-height:10px; padding:10px;} /* poistaa w3-rowin niistä riveistä joita ei saa venyttää */


/* Taustavärit tarvitaan jo sivumenussa */
.white	{	background-color: #F8F6F6; color: #292929; padding: 5px 10px 10px;}
.harmaa	{	background-color: #F0F0F0; color: #292929; padding: 15px 5px 10px;}
.wheat	{	background-color: #E5DACB; color: #292929; padding: 15px 5px 10px;}
.black	{	background-color: #292929; color: #E5DACB; padding: 15px 5px 10px;}

/* linkkien asetukset */
a	{	text-decoration: none;}
.harmaa a:link, .harmaa a:visited, .wheat a:link, .wheat a:visited, .white a:link, .white a:visited
	{	color: #AD5C33;}
.harmaa a:hover, .harmaa a:active, .wheat a:hover, .wheat a:active , .white a:hover, .white a:active 
	{	color: #292929;}

.black a:link, .black a:visited
	{	color: #FFC285;}
.black a:hover, .black a:active 
	{	color: #F8F6F6;}
	
/* etusivu taulukot */
table 	{	max-width: 300px; margin: auto;}
table img {	padding: 5px;}

/* sivun alaosa */
#mail	{	font-size: 36px;}
#footerlinks {	padding: 15px 0;}
#footer	{	padding: 35px 0;}


/* ASETUKSET PIENI PUHELIN VAAKA-ASENNOSSA */

/* For width 480px - 600px: */
@media only screen and (min-width: 480px) {
#row1	{	min-height:215px;}
.w3-row	{	min-height:285px;}
#last	{	min-height:200px;}
.small	{	min-height:10px; padding:10px;} 
.xpad	{	padding-top:10px;}
}

/* ASETUKSET PUHELIN VAAKA-ASENNOSSA */

/* For width 600px - 800px: */
@media only screen and (min-width: 600px) {

.hide-s		{display:none;}
.show-s		{display:block;}

.w3-header i, .w3-header img
	{	position: absolute; right:0px; top;0px; z-index: +1;margin:10px;padding:0;}

.w3-sidenav {	width: 25%; }
.w3-header h1 { margin-top: 60px ; } 
.wide	{	max-width: 630px; margin: auto; }

#row1	{	min-height:215px;}
.w3-row	{	min-height:400px;}
#last	{	min-height:150px;}/* nollaa javalla lasketun*/
.small	{	min-height:10px; padding:10px;} 
.xpad	{	padding-top:10px;}/* nollaa javalla lasketun*/

#footerlinks {	min-height: 66px; }

table	{	margin-top: 40px; }
table.small {	margin-top: 0px; } /* poistaa niistä riveistä joita ei saa venyttää */

}

/* ASETUKSET TABLETTI PYSTYASENNOSSA */

/* For width 801px - 1200px: */
@media only screen and (min-width: 801px) {

.hide-m		{display:none;}
.show-m		{display:block;}

.w3-header {	background-image: url(../pics/ots-1920.jpg);height:400px; }
.w3-header h1 { margin-top: 150px ;font-size: 400%; }
.w3-header img
	{	position: absolute; left: 40px; top; 0px; width: 50px; margin: 30px 5px; z-index: 0; padding:0;}

#logotext{	position: absolute; left: 55px; top; 0px; margin: 40px; z-index: 0; padding:0; font-size:80%;}

#navtext{	position: absolute; right: 50px; top; 0px; margin: 25px; z-index: 0; padding:0; font-size:80%;}

.w3-header h1 { margin-top: 150px ;font-size: 300%; }


#row1	{	min-height:410px;padding-top:100px; }
.w3-row	{	min-height:420px;}
#last	{	min-height:250px;}
.small	{	min-height:10px; padding:10px;} 
.xpad	{	padding-top:10px;}

.wide	{	max-width: 760px; margin: auto; }

/* linkit asiakirjassa */
.w3-row a	{	font-size:80%;}

a:link, a:visited, a:hover, a:active, #logotext
	{	text-decoration: none; font-family: 'Days One', sans-serif; /*font: "Berlin Sans FB", Berlin, serif;*/ }

a:link, a:visited 
	{	color: #FFC285; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;text-shadow: none; }         

a:hover, a:active 
	{	color: #F8F6F6; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;text-shadow: none; }

.wheat a:hover, .white a:hover, .black a:hover 
	{	text-shadow: none; }


/* Kokoasetukset alkutekstille */
.xl 	{	font-size: 125%; font-weight: 600;} /* 400 = normal weight */
.l 	{	font-size: 100%; font-weight: normal;}
p, td 
	{	font-size: 100%; font-weight: normal;}

table 	{	max-width: 320px; margin: auto;}



}






/* ASETUKSET TABLETTI VAAKA-ASENNOSSA */

/* For width 1201px and larger: */
@media only screen and (min-width: 1201px) {

.hide-l		{display:none;}
.show-l		{display:block;}

.w3-header {	height: 350px; }
#logotext, #navtext, .w3-row a	
	{	font-size:80%;}

.wide	{	max-width: 860px; margin: auto; }

#row1	{	min-height: 360px; padding-top:60px; } 
#last	{	min-height: 350px; padding-top: 100px;}

/* Kokoasetukset alkutekstille */
.xl 	{	font-size: 125%; font-weight: 400; font-family: 'Days One';color: #999; } /* 400 = normal weight */
.l 	{	font-size: 100%; font-weight: normal; font-family: 'Days One';color: #999; }

#footer	{	height: 200px; padding-bottom: 135px 0;}
}



/* ASETUKSET ISONÄYTTÖ VAAKA-ASENNOSSA */

/* For width 1601px and larger: */
@media only screen and (min-width: 1601px) {

.hide-xl	{display:none;}
.show-xl	{display:block;}

.w3-header {	height:500px;}
.w3-header h1 { margin-top: 200px ;font-size: 500%; }
.wide	{	max-width: 960px; margin: auto; }

#row1, .w3-row  	
	{	min-height: 500px; padding-top:100px; } 
.small	{	min-height:10px; padding:10px;}
	
#footer	{	height: 150px; padding-bottom: 100px;}
/* Kokoasetukset alkutekstille */
.xl 	{	font-size: 175%; font-weight: 400; font-family: 'Days One';color: #999; } /* 400 = normal weight */
.l 	{	font-size: 125%; font-weight: normal; font-family: 'Days One';color: #999; }

#map-canvas {	width: 100%; height: 500px; padding:0; }


}