/* perusvärit */

	/* http://www.paletton.com/#uid=72P1R0kw0g0nEoIrAkgHfbgRI6j */

	#logo

		{ background-color:#006600; /* base */ }

	#header

		{ background-color:#323200; } /* 323200,006600 */

	#footer

		{ background-color:#323200; }

	.lohko

		{ background-color:#C5C333; }

	body 

		{ background-color:#150122;	}

	body.etusivu h2 a 

		{	color:#150122 }

	#copy h1,#copy h2,#copy h3 

		{ color:#004800; }

	body

		{ color:#122400; }







	/* tarkennukset väreihin */

	#valikko a,

	#footer 

		{ color:#ffffff; }

	#copy 

		{ background-color:#ffffff; }

	#logo 

		{ color:#ffffff; }

	#logonimi a

		{ color:#ffffff; text-decoration:none; }





	/* teksti */

	body 

		{ font-family:Arial; font-size:19px;  }

	h1,h2,h3

		{ font-weight:normal; }

	h1,h2,h3,div.tagline 

		{ font-family: 'Montserrat', sans-serif; margin:0px; padding:0px; }

	h2

		{ font-size:33px; }

	h2 a

		{ text-decoration:none; }

	p 

		{ line-height:135%; }

	#logonimi 

		{ font-size:35px; font-family: 'Montserrat', sans-serif; }

	#tagline

		{ font-size:18px; }

	body.artikkeli #copy 

		{ line-height:200%; }

	body.artikkeli h2

		{ font-size:28px; }

	body.artikkeli h3

		{ font-size:22px; }







	/* reunat */

	/*

	body.etusivu #paakuva 

		{	border-bottom:1px solid #122400; border-top:1px solid #122400; }

	#logo 

		{ border-right:1px solid #122400; }

	*/







	/* marginaalit */

	body 

		{ margin:0px; padding:0px; }

	#logonimi 

		{ margin:0px; padding:0px; }

	h1,h2,div.tagline 

		{ margin:0px; padding:0px; }

	h2 

		{ margin-bottom:25px; }

	body.artikkeli h1

		{ margin-bottom:23px; }

	#sisalto 

		{ max-width:1280px; 

		  margin-left:auto; margin-right:auto; 

		}

	#valikko a 

		{ padding-right:15px; }

	table.yhteystiedot td {

		padding:0px 40px 0px 0px;

		line-height:140%;

	}



	#logo        { padding:13px 32px 22px 35px; }

	#footer      { padding:40px 20px 70px 35px; }

	.lohko .sisa { padding:40px 50px 35px 35px; }

	#copy        { padding:10px 70px 35px 35px; }

	#breadcrumbs { padding-bottom:20px; }







	/* layout */

	#logo

		{ display: table-cell; white-space: nowrap;	}

	#valikko

		{ display: table-cell; width:100%; text-align:center; vertical-align:center; }

	#valikko .sisa 

		{ position:relative; top:10px; }

	.lohko

		{ position:relative; }

	.kuva

		{ height:100%; position:absolute; right:0px; }

	.kuva_kehys

		{ height:100%; width:100%; text-align:right; overflow:hidden; }



	.lohko

		{ clear:left; min-height:350px; }

	.lohko .teksti,	.lohko .kuva

		{ width:50%; }

	.kt .kuva

		{ position:absolute; top:0px; left:0px; background-color:#000000; }

	.kt .teksti

		{ margin-left:50%; }

	.tk .kuva

		{ position:absolute; top:0px; right:0px; background-color:#000000; }

	.tk .teksti

		{ margin-left:0px; }



	#footer { clear:both; }

	

	body.etusivu   #paakuva { height:475px; overflow:hidden; }

	body.etusivu   #paakuva img { margin-top:-130px; }

	body.artikkeli #paakuva { height:350px; overflow:hidden; }











@media screen and (max-width: 800px) {

	h1 

		{	font-size:35px;	}

	h2 

		{ font-size:28px;	}

	.lohko .sisa

		{ padding-bottom:15px; padding-top:20px; padding-left:10px; padding-right:10px; }

	.lohko .teksti,	.lohko .kuva

		{ width:100%; }

	.kt .kuva img 

		{ width:100%; height:auto;	}

	.kt .kuva

		{ position:static; }

	.kt .teksti

		{ margin-left:0px; }

	.tk .kuva img 

		{ width:100%;	height:auto; }

	.tk .kuva

		{ position:static; }

	.tk .teksti

		{ }

	body.artikkeli #paakuva

		{ height:300px; } 

	body.artikkeli #paakuva img

		{ margin-top:-20px; margin-left:-250px; } 

	#copy {

		padding-top:25px;

	}

	body.etusivu #paakuva

		{ height:300px; } 

	body.etusivu #paakuva img 

		{ margin-top:-140px; margin-left:-370px; } /* margin-top:-270px; margin-left:-150px; */

	.kuva_kehys 

		{ height:200px; }

	#logo

		{ display:block; padding-left:15px; }

	#logonimi 

		{ font-size:25px;	}

	#copy {

		padding-left:15px; padding-right:20px;

	}

	#footer

		{ padding-left:15px; padding-top:25px; }

	#logonimi img 

		{ height:30px; }

	#tagline 

	 { font-size:16px; }

	#valikko

		{ display:block; text-align:left; padding:5px 0px 8px 0px; font-size:16px; }

	#valikko .sisa 

		{ position:static; padding-left:15px; }

	td 
	
		{ display:block;	}
		
	tr td:nth-child(1)
	
		{ font-weight:bold;	}

}