/**
Sivusto:		Kareinen.fi
Päivitetty: 	18.06.2025
Tekijä:			Mika Kareinen
**/


/** FONTIT ------------------------------------------------------------------------------------------------ **/

/* roboto-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/roboto-v48-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-italic - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 400;
	src: url('../fonts/roboto-v48-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/roboto-v48-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



/** SIVUSTO ------------------------------------------------------------------------------------------------ **/

body{
	font-family:'Roboto','Arial', sans-serif;
	font-size:16px;
	background-color:#eeeeee;
	color: #333;
}

body, html {
	height: 100%;
	width: 100%;
}


/** ELEMENTIT ------------------------------------------------------------------------------------------------ **/

#kehikko{
	margin:5px auto;
	max-width:1000px;
}

#yla{
	width:100%;
	text-align:center;
}

.count{
	color:black;
	font-size:12px;
}

#yla_vasen{
	width:10%;
	float:left;
	text-align:left;
	padding-top:18px;
	padding-bottom:0px;
	padding-left:20px;
}

#yla_oikea{
	width:10%;
	float:right;
	padding-top:18px;
	padding-right:20px;
	text-align:right;
}

#keski{
	width:100%;
	clear:both;
}

#vasen{
	width:30%;
	float:left;
	border-right:1px solid #c6c6c6;
	margin-bottom:15px;
	padding-left:2%;
	padding-right:2%;
}

#blogi-vasen{
	width:68%;
	float:left;
	border-right:1px solid #c6c6c6;
	margin-bottom:15px;
	padding-left:2%;
	padding-right:2%;
}

#blogi-oikea{
	width:23%;
	float:right;
	padding:0;
	padding-left:2%;
	padding-right:2%;
	padding-bottom:15px;
}

#oikea{
	width:61%;
	float:right;
	padding:0;
	padding-left:2%;
	padding-right:2%;
	padding-bottom:15px;
}

#sis-vasen{
	width:45%;
	float:left;
	border-right:1px solid #c6c6c6;
	margin-bottom:15px;
	padding-left:2%;
	padding-right:2%;
}

#sis-oikea{
	width:45%;
	float:right;
	margin-bottom:15px;
	padding-left:2%;
	padding-right:2%;
}

#ala{
	clear:both;
	padding-bottom:15px;
}

#kuva{
	text-align:center;
	padding-top:5px;
	margin:0px auto;
	width:96%;
}

#kansikuva{
	text-align:center;
}

#instateksti{
	text-align:center;
	margin-bottom:10px;
}

	
/** VAAKAVIIVAT ------------------------------------------------------------------------------------------------ **/

hr.front{
    height: 1px;
    color: #375d7f;
    background: #375d7f;
    border: 0;
	margin-bottom:5px;
	margin-top:5px;
	width:420px;
}

hr.oma{
    height: 1px;
    color: #c6c6c6;
    background: #c6c6c6;
    border: 0;
	margin-bottom:15px;
	margin-top:15px;
}

hr.logo{
    height: 1px;
    color: #c6c6c6;
    background: #c6c6c6;
    border: 0;
	margin-bottom:15px;
	margin-top:0px;
}

hr.valikko{
    height: 1px;
    color: #c6c6c6;
    background: #c6c6c6;
    border: 0;
	margin-bottom:15px;
	margin-top:15px;
}


/** KUVAT ------------------------------------------------------------------------------------------------ **/

img.perus { 
   border:1px solid #c6c6c6;
}

img.omakuva { 
   width:100%;
   margin-top:5px;
}

img.logo{ 
   border:0px;
   margin-bottom:5px;
   margin-top:2px;
}

img.logo-kuva{ 
   border:0px;
   margin-bottom:10px;
   margin-top:5px;
   width:200px;
   height:50px;
}

img.etu{ 
   border:0px;
   width:100%;
}
img.etu2{ 
   border:0px;
   width:100%;
   margin:10px 0 0px 0;
}

#yla img{ 
	border:0px;
}

#kuva img{ 
   width:100%;
}
 
 
 
 
/** OTSIKOT ------------------------------------------------------------------------------------------------ **/

h2 {
	margin-top:10px;
	margin-bottom:15px;
}

h3 {
	margin-top:15px;
	margin-bottom:15px;
	font-size:18px;
	text-align:left;
}

h4 {
	margin-top:0px;
	margin-bottom:10px;
	font-size:18px;
}

h4.alempi{
	margin-top:15px;
	margin-bottom:10px;
	font-size:18px;
}

h5 {
	margin-bottom: 10px;
	margin-top:0px;
	font-size: 18px;
}

h5.alempi{
	margin-top:15px;
	margin-bottom:10px;
	font-size:18px;
}

h6 {
	margin-bottom: 10px;
	margin-top:0px;
	font-size: 17px;
}

h6.alempi {
	margin-bottom: 10px;
	margin-top:15px;
	font-size: 17px;
}

#oikea h4 {
	margin-top:0px;
	margin-bottom:5px;
	font-size:17px;
}

#oikea h3 {
	margin-top:0px;
	margin-bottom:10px;
	font-size:11px;
	color:#666666;
	font-style:italic;
	font-weight: normal;
}




/** TEKSTI ------------------------------------------------------------------------------------------------ **/

p {
	line-height:150%;
}

p.keskitys {
	text-align:center;
}

#blogi-vasen ul
{
	line-height:140%;
}
	
#huolto p {
	text-align:center;
	font-size:16px;
	padding:0px;
	margin:0px;
}
		
#vasen p {
	padding-left:15px;
}

a{
	text-decoration:none;
}

a:link {
	color:#0066CC;
}     

a:visited {
	color:#0066CC;
} 

a:hover {
	color:#e60000;
}

ol  {
    margin-left:0;
	margin-bottom:0;
    padding-left:2em;
	line-height: 150%;
}



/** NAVIGOINTI-MENU ------------------------------------------------------------------------------------------------ **/

.nav {
	width: 100%;
	text-align:center;
	overflow: hidden;
    margin: 0;
	padding: 0;
	list-style: none;
}
   
.nav li {
	display:inline;
}
	  
.nav li a {
	display: inline-block;
	padding: 0px 10px 0px 6px;
	font-size:0.95em ;
	text-decoration:none;
	border-right: 1px solid #ccc;
}
	
.nav li a.ensimmainen{
	padding: 0px 10px 0px 10px;
	display:inline;
	border-left: 1px solid #ccc;
}
	
.nav #valittu_navi {
	color: #e60000;
}

.nav #valittu_ala {
	color: #e60000;
}

.nav #valittu_mobi {
	color: #e60000;
}
	
.nav li a:visited {
	color:#0066CC;
}
	
.nav li a:hover {
	color: #e60000;
	text-decoration:underline;
}




/** LINKIT-MENU ------------------------------------------------------------------------------------------------ **/

ul.linkit {
    list-style:none;
    margin-left:0;
	margin-bottom:0;
    padding-left:1em;
	line-height: 140%;
}

ul.linkit li:before {
    display:inline-block;
    content:"-";
    width:1em;
    margin-left:-1em;
}

.linkit #current {
	color: #e60000;
}

.linkit a{
	 font-size:13px;
	 text-decoration:none;
}

.linkit{
}

.linkit li{
	margin-bottom:2px;
	line-height: 140%;
}

.linkit a:link {
	color:#0066CC;
}     

.linkit a:visited {
	color:#0066CC;
} 

.linkit a:hover {
	color:#e60000;
}


/** LINKIT-MENU-KK ------------------------------------------------------------------------------------------------ **/

ul.linkit-kk {
    list-style:none;
    margin-left:10%;
	margin-bottom:0;
    padding-left:1em;
	line-height: 140%;
	margin-top:3px;
}

ul.linkit-kk li:before {
    display:inline-block;
    content:"-";
    width:1em;
    margin-left:-1em;
}

.linkit-kk #current {
	color: #e60000;
}

.linkit-kk a{
	 font-size:13px;
	 text-decoration:none;
}

.linkit-kk{
}

.linkit-kk li{
	margin-bottom:2px;
	line-height: 140%;
	margin-left:10%
}

.linkit-kk a:link {
	color:#0066CC;
}     

.linkit-kk a:visited {
	color:#0066CC;
} 

.linkit-kk a:hover {
	color:#e60000;
}


/** ALALAIDAN SOME-NAVI ------------------------------------------------------------------------------------------------ **/


#some {
	color:#555555;
	text-align:center;
}

p.ala {
	padding: 0px;
	margin:0;
	font-size:14px;
}

.navi-some {
	width: 100%;
	text-align:center;
	overflow: hidden;
    margin: 0;
	padding: 0 0 10px 0;
	list-style: none;
}
   
.navi-some li {
	display:inline;
	font-size:12px;
	border-right: 1px solid #ccc;
	padding: 0px 10px 0px 6px;
	color:#555555;
}
	  
.navi-some li a {
	display: inline-block;
	font-size:12px;
	text-decoration:none;
}
	
.navi-some li a.ensimmainen{
	padding: 0px 0px 0px 10px;
	display:inline;
	border-left: 1px solid #ccc;
}
	
.navi-some li a:visited {
	color:#0066CC;
}
	
.navi-some li a:hover {
	color: #e60000;
	text-decoration:underline;
}


/** YHTEYSTIETOLOMAKE ------------------------------------------------------------------------------------------------ **/

label{
	width:100%;
	display:block;
	color: #000000;
	padding-top:5px;
}

textarea{
	height:100px;
	width:100%;
}

input{
	display:block;
}

p.thanks  {
	text-indent: 0px;
	color: #499b00;
	font-weight: bold;
}

p.errors  {
	text-indent: 0px;
	color:#f00;
	font-weight: bold;
}

#contact p{
	margin:0;
	padding:0;
}

#method1 b {
	display:none;
}




/** LINKIT-SIVUN LISTAT **/


#sis-oikea ul {
    list-style:none;
    margin-left:0;
	margin-bottom:0;
    padding-left:1em;
	line-height: 140%;
}

#sis-oikea  ul li:before {
    display:inline-block;
    content:"-";
    width:1em;
    margin-left:-1em;
}

#sis-oikea  li{
	margin-bottom:2px;
	line-height: 140%;
}

#sis-oikea ol {
    margin-left:0;
	margin-bottom:0;
    padding-left:1em;
	line-height: 140%;
}

#sis-oikea  ol{
	margin-bottom:2px;
	line-height: 140%;
}

#oikea li{
	line-height: 140%;
}

#oikea ul{
	list-style-type: circle;
	margin-top: 0px;
	padding-top: 0px;
	padding-left:20px;
	margin-bottom:10px;
}

#piiloviiva {
	display:none;
}

#sis-vasen ul {
    list-style:none;
    margin-left:0;
	margin-bottom:0;
    padding-left:1em;
	line-height: 140%;
}

#sis-vasen  ul li:before {
    display:inline-block;
    content:"-";
    width:1em;
    margin-left:-1em;
}

#sis-vasen  li{
	margin-bottom:2px;
	line-height: 140%;
}

#sis-vasen ol {
    margin-left:0;
	margin-bottom:0;
    padding-left:1em;
	line-height: 140%;
}

#sis-vasen  ol{
	margin-bottom:2px;
	line-height: 140%;
}

#vasen li{
	line-height: 140%;
}

#vasen ul{
	list-style-type: circle;
	margin-top: 0px;
	padding-top: 0px;
	padding-left:20px;
	margin-bottom:10px;
}

#piiloviiva {
	display:none;
}




/** PIILOTETTAVAT / NÄYTETTÄVÄT ELEMENTIT  ------------------------------------------------------------------------------------------------ **/
	
#piiloviiva { display: none; }

#kansikuva-mobiili { display: none; }

#navi-mobiili { display: none; }

#logo-pieni{
	display:none;
	width:0%;
}

#logo-suuri{
	display:inline-block;
	width:100%;
}

.piilotus-kone{
	display:none;
}

.piilotus-mobiili{
	display:block;
}




/** MEDIA QUARIES - PIENI NÄYTTÖ - TABLETTI / 1  ------------------------------------------------------------------------------------------------ **/

@media only screen and (min-width:501px) and (max-width: 750px) {
	
	
	

/** PIILOTETTAVAT / NÄYTETTÄVÄT ELEMENTIT / 1 ------------------------------------------------ **/
	
.slide-navi { display: none; }
	
.slide-navi-mobiili { display: block; }
	
#navi-koko { display: none; }
	
#navi-mobiili { display: block; }
	
.cycle-prev { display: none; }
.cycle-next { display: none; }

/** ELEMENTIT / 1  ------------------------------------------------ **/
	
#etukehikko {
	text-align: center;
	margin:16px;
}

#etukehikko p{ 
	margin:15px;
}

#etukehikko h6{ 
	margin:15px 10px 0 10px;
}

#blogi-vasen{
	width:60%;
	float:left;
	border-right:1px solid #c6c6c6;
	margin-bottom:15px;
	padding-left:2%;
	padding-right:2%;
}

#blogi-oikea{
	width:31%;
	float:right;
	padding:0;
	padding-left:2%;
	padding-right:2%;
	padding-bottom:15px;
}

#etu-vasen { 
	float: left;
	width:31%;
	text-align: center;
	background-color:#D2E8EB;
	margin-right:5px;
}
 
#etu-keski{
	display: inline-block;
	width:31%;
	text-align: center;
	background-color:#E1E1E1;
}

#etu-oikea {
	float: right;
	width:31%;
	text-align: center;
	background-color:#D2E8EB;
	margin-left:5px;
}

/** VAAKAVIIVAT / 1  ------------------------------------------------ **/

hr.logo{
	margin-bottom:12px;
}
	
hr.valikko{
	margin-top:5px;
}
	
	
	
/** NAVIGOINTI / 1 ------------------------------------------------ **/
	
.nav {
	width: 100%;
	text-align:center;
	margin: 0;
	padding: 0 0 7px 0;
	list-style: none;
}
   
.nav li {
	display:inline;
	text-align:center;
	background: #e5e5e5;
	padding: 5px 0;
	margin: 2px 2px;
}
	  
.nav li a {
	display: inline-block;
	padding: 2px 10px;
	font-size:14px;
	text-decoration:none;
	border: 0;
	text-align:center;
	margin: 5px 0;
}
	
.nav li a.ensimmainen{
	display: inline-block;
	padding: 2px 10px;
	font-size:14px;
	text-decoration:none;
	border: 0;
	text-align:center;
	margin: 5px 0;
}
	
.nav #valittu {
	color: #e60000;
}
	
.nav li a:visited {
	color:#0066CC;
}
	
.nav li a:hover {
	color: #e60000;
	background: #dedede;
	margin: 5px 0;
	padding: 2px 10px;
}
	
	
/** LINKIT-MENU-VUOSI / 1  ------------------------------------------------ **/
	
.linkit-vuosi a{
	font-size:15px;
	text-decoration:none;
	width:100%;
}

ul.linkit-vuosi li:before {
	display:none;
}

ul.linkit-vuosi {
	list-style:none;
	margin-left:0;
	margin-bottom:0;
	padding-left:2%;
	line-height: 140%;
	width:100%;
}

.linkit-vuosi {
	margin: 0;
	padding: 0;
	list-style: none;
}
   
.linkit-vuosi li {
	display:block;	
	padding: 2px 0px;
	margin: 0;
}
	  
  .linkit-vuosi li a {
	display: inline-block;
	background: #e5e5e5;
	padding: 2%;
	font-size:14px;
	text-decoration:none;
	border: 0;
	margin: 1px 0;
}
	
.linkit-vuosi li a:hover {
	color: #e60000;
	background: #dedede;
}
	
	
	
	
	
/** LINKIT-MENU / 1  ------------------------------------------------ **/

.linkit a{
	font-size:15px;
	text-decoration:none;
	width:93%;
}

ul.linkit li:before {
	display:none;
}

ul.linkit {
	list-style:none;
	margin-left:0;
	margin-bottom:0;
	padding-left:2%;
	line-height: 140%;
	width:95%;
}

.linkit {
	margin: 0;
	padding: 0;
	list-style: none;
}
   
.linkit li {
	display:block;	
	padding: 2px 0px;
	margin: 0px 0px;
}
	  
  .linkit li a {
	display: inline-block;
	background: #e5e5e5;
	padding: 2%;
	font-size:14px;
	text-decoration:none;
	border: 0;
	margin: 1px 0;
}
	
.linkit li a:hover {
	color: #e60000;
	background: #dedede;
}
	
/** LINKIT-MENU / 1  ------------------------------------------------ **/
	
.linkit-kk a{
	font-size:15px;
	text-decoration:none;
	width:87%;
}

ul.linkit-kk li:before {
	display:none;
}

ul.linkit-kk {
	list-style:none;
	margin-left:0;
	margin-bottom:0;
	margin-top:2px;
	padding-left:21%;
	line-height: 140%;
}

.linkit-kk {
	margin: 0;
	padding: 0;
	list-style: none;
}
   
.linkit-kk li {
	display:block;	
	padding: 2px 0px;
	margin: 0px 0px;
}
	  
.linkit-kk li a {
	display: inline-block;
	background: #e5e5e5;
	padding: 2%;
	font-size:14px;
	text-decoration:none;
	border: 0;
	margin: 1px 0;
}
	
.linkit-kk li a:hover {
	color: #e60000;
	background: #dedede;
}

} /** LOPETUS  "PIENI NÄYTTÖ - TABLETTI / 1" **/

 
 
 
 
/** MEDIA QUARIES - PIENI NÄYTTÖ - PUHELIN / 2  ------------------------------------------------------------------------------------------------ **/
 
	@media only screen and (max-width: 500px) {


	/** PIILOTETTAVAT / NÄYTETTÄVÄT ELEMENTIT / 2 ------------------------------------------------ **/

	#kansikuva { display: none; }
	
	#kansikuva-mobiili { display: block; }
	
	#piiloviiva { display: block; 
	clear:both;}
	
	#navi-koko { display: none; }
	
	#navi-mobiili { display: block; }
	
	#logo-pieni{
	display:block;
	width:100%;
}

#logo-suuri{
	display:none;
}

.piilotus-kone{
	display:block;
}

.piilotus-mobiili{
	display:none;
}

.cycle-overlay { 
    background:  rgba(0, 0, 0, 0.0);
}

	
	.cycle-prev { display: none; }
.cycle-next { display: none; }
	
	/** ELEMENTIT / 2 ------------------------------------------------ **/
	
	
img.omakuva { 
		width:70%;
}
	
	img.logo-kuva{ 
   border:0px;
   margin-bottom:10px;
   margin-top:5px;
   width:200px;
   height:50px;
   clear:both;
}

img.logo{ 
   border:0px;
   margin-bottom:5px;
   margin-top:0px;
}
	
	
	#yla_vasen{
		width:100%;
		float:none;
		padding-top:5px;
		padding-bottom:5px;
		text-align:center;
		padding-left:0;
	}

	#yla_oikea{
		width:100%;
		float:none;
		text-align:center;
		padding-top:0px;
		padding-bottom:12px;
		padding-right:0;
	}

	#keski{
		width:100%;
		clear:none;
	}

	#vasen{
		text-align:center;
		width:90%;
		float:none;
		border:0;
		margin-bottom:15px;
		padding-left:5%;
	}

	#oikea{
		width:90%;
		float:none;
		padding:0;
		padding-left:5%;
		padding-right:5%;
		padding-bottom:0px;
	}
	
	#blogi-oikea{
		text-align:center;
		clear:both;
		width:90%;
		float:none;
		border:0;
		margin-bottom:15px;
		padding-left:5%;
	}

	#blogi-vasen{
		width:90%;
		float:none;
		padding:0;
		padding-left:5%;
		padding-right:5%;
		padding-bottom:0px;
	}
	
	
	#sis-vasen{
	width:95%;
	float:none;
	border-right:1px solid #c6c6c6;
	margin-bottom:15px;
	padding-left:2%;
	padding-right:2%;
}

#sis-oikea{
	width:95%;
	float:none;
	margin-bottom:15px;
	padding-left:2%;
	padding-right:2%;
}
	
	/** NAVIGOINTI / 2 ------------------------------------------------ **/
	
	.nav {
		width: 100%;
		text-align:center;
		margin: 0;
		padding: 0;
		list-style: none;
		border:0;
	}
   
	.nav li {
		display:inline;
		text-align:center;
		background: #e5e5e5;
		padding: 5px 0px;
		margin: 2px 2px;
		border:0;
	}
	  
	.nav li a {
		display: inline-block;
		padding: 2px 10px;
		font-size:14px;
		text-decoration:none;
		border: 0;
		text-align:center;
		margin: 5px 0;
	}
	
	.nav li a.ensimmainen{
		display: inline-block;
		padding: 2px 10px;
		font-size:14px;
		text-decoration:none;
		border: 0;
		text-align:center;
		margin: 5px 0;
	}
	
	.nav #valittu {
		color: #e60000;
	}
	
	.nav li a:visited {
		color:#0066CC;
	}
	
	.nav li a:hover {
		color: #e60000;
		background: #dedede;
		margin: 5px 0;
		padding: 2px 10px;
	}
	
	
	
	/** LINKIT-MENU-VUOSI / 2  ------------------------------------------------ **/
	
	.linkit-vuosi a{
		font-size:15px;
		text-decoration:none;
		width:100%;
	}

	ul.linkit-vuosi li:before {
		display:none;
	}

	ul.linkit-vuosi {
		list-style:none;
		margin-left:0;
		margin-bottom:0;
		padding-left:17%;
		line-height: 140%;
		width:68%;
	}

	.linkit-vuosi {
		margin: 0;
		padding: 0;
		list-style: none;
	}
   
	.linkit-vuosi li {
		display:block;	
		padding: 2px 0px;
		margin: 0;
	}
	  
   .linkit-vuosi li a {
		display: inline-block;
		background: #e5e5e5;
		padding: 2%;
		font-size:14px;
		text-decoration:none;
		border: 0;
		margin: 2px 0;
	}
	

	.linkit-vuosi li a:hover {
		color: #e60000;
		background: #dedede;
	}
	
	/** LINKIT-MENU-KK / 2 ------------------------------------------------ **/
	
	.linkit-kk a{
		font-size:15px;
		text-decoration:none;
		width:100%;
	}
	
	a.linkit-kk{
		width:10% !important;
	}
	
	a.linkit-kk{
		width:70% !important;
	}
	

	ul.linkit-kk li:before {
		display:none;
	}

	ul.linkit-kk {
		list-style:none;
		margin-left:0;
		margin-bottom:0;
		margin-top:1px;
		padding-left:13%;
		line-height: 140%;
		width:70%;
	}

	.linkit-kk {
		margin: 0;
		padding: 0;
		list-style: none;
	}
   
	.linkit-kk li {
		display:block;	
		padding: 2px 0px;
		margin: 0px 0px;
	}
	  
   .linkit-kk li a {
		display: inline-block;
		background: #e5e5e5;
		padding: 2%;
		font-size:14px;
		text-decoration:none;
		border: 0;
		margin: 2px 0;
	}

	.linkit-kk li a:hover {
		color: #e60000;
		background: #dedede;
	}
	
	
	/** LINKIT-MENU / 2 ------------------------------------------------ **/
	
	.linkit a{
		font-size:15px;
		text-decoration:none;
		width:100%;
	}
	
	a.linkkinuoli{
		width:10% !important;
	}
	
	a.linkkiteksti{
		width:70% !important;
	}
	

	ul.linkit li:before {
		display:none;
	}

	ul.linkit {
		list-style:none;
		margin-left:0;
		margin-bottom:0;
		padding-left:20%;
		line-height: 140%;
		width:60%;
	}

	.linkit {
		margin: 0;
		padding: 0;
		list-style: none;
	}
   
	.linkit li {
		display:block;	
		padding: 2px 0px;
		margin: 0px 0px;
	}
	  
   .linkit li a {
		display: inline-block;
		background: #e5e5e5;
		padding: 2%;
		font-size:14px;
		text-decoration:none;
		border: 0;
		margin: 2px 0;
	}

	.linkit li a:hover {
		color: #e60000;
		background: #dedede;
	}
	
	
	/** ETUSIVUN 3-LOOTAA ------------------------------------------------------------------------------------------------ **/

#etukehikko {
	text-align: center;
	margin:10px;
	width:95%;
}

#etukehikko h6{ 
	margin-top:15px;
}

#etu-vasen { 
	display: inline-block;
	float: none;
	width:100%;
	text-align: center;
	background-color:#D2E8EB;
	padding:0px;
	margin:0px;
}
 
#etu-keski{
	display: inline-block;
	width:100%;
	text-align: center;
	background-color:#E1E1E1;
	padding:0px;
	margin:15px 0 0 0;
}

#etu-oikea {
	display: inline-block;
	float: none;
	width:100%;
	text-align: center;
	background-color:#D2E8EB;
	padding:0px;
	margin:15px 0 0 0;
}
	
} /** LOPETUS "PIENI NÄYTTÖ - PUHELIN / 2" **/