/* Layout "boxit" */


/* Turhat raot pois  muista määritellä ne erikseen! */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { 
	margin: 0; 
	padding: 0; 
}


body {
	text-align: center;
	background-repeat:no-repeat;
}

#notehead { 
	width: 100%; 
	height: 65px;
	clear: both;
	background-image:url("../images/notehead-bg.gif");
	background-repeat:repeat-x;
	margin: 0;
	padding: 0;
}

#header { 
	width: 100%; 
	height: 124px;
	clear: both;
	background-image:url("../images/header-bg.gif");
	background-repeat:repeat-x;
	margin: 0;
	padding: 0;
}


#headwrap {
	margin-left: auto; 
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0px;
	text-align: left;
	width: 950px;/* page width */
	vertical-align: middle;
}

#logo  { float: left; margin-top: 35px; }
#notelogo  { float: left; margin-top: 20px; }

#headerlinks {
	float: right;
	margin: 0;
	text-align: right;
	height: 15px;
	padding: 10px 10px 0 0;
}


/* TÄMÄ IE:SSÄ ERI */
#menu_bar {
	margin-left: auto; 
	margin-right: auto;
	margin-bottom: 0;
	padding: 80px 0 0 0;
	width: 950px;/* sama kuin content_wrapperin leveys */
}

#navcontainer { 
	height: 38px;
	border-left: 1px #dae6f2 solid;
	margin:: 0;
	padding:: 0;
}

#navcontainer ul li { 
	display: inline; 
	float: left;
}


/* Keskiosa, taustakuvat ja väri */

#middle_front {
	background-image:url("../images/etutausta.jpg");
	background-repeat:no-repeat;
	background-attachment: fixed;
}

#middle_vuosi {
	background-image:url("../images/bg-vuosi2009.jpg");
	background-repeat:no-repeat;
	background-attachment: fixed;
}

#middle_konserni {
	background-image:url("../images/bg-konserni.jpg");
	background-repeat:no-repeat;
	background-attachment: fixed;
}

#middle_toimialat {
	background-image:url("../images/bg-toimialat.jpg");
	background-repeat:no-repeat;
	background-attachment: fixed;
}

#middle_auto {
	background-image:url("../images/bg-autokone.jpg");
	background-repeat:no-repeat;
	background-attachment: fixed;
}


#middle_lisatietoja {
	background-image:url("../images/bg-lisatietoja.jpg");
	background-repeat:no-repeat;
	background-attachment: fixed;
}

#middle_download {
	background-image:url("../images/bg-downloads.jpg");
	background-repeat:no-repeat;
	background-attachment: fixed;
}


#middle_matka {
	background-image:url("../images/bg-autokone.jpg");
	background-repeat:no-repeat;
	background-attachment: fixed;
}

#middle_remontti {
	background-image:url("../images/bg-lisatietoja.jpg");
	background-repeat:no-repeat;
	background-attachment: fixed;
}

#middle_ruoka {
	background-image:url("../images/bg-ruoka.jpg");
	background-repeat:no-repeat;
	background-attachment: fixed;
}

#middle_vaellus {
	background-image:url("../images/bg-vaellus.jpg");
	background-repeat:no-repeat;
	background-attachment: fixed;
}

#middle_tp {
	background-color: #f2f5fa;	
}


#content_wrapper {
	margin-left: auto; 
	margin-right: auto;
	margin-top:0px;
	margin-bottom: 0;
	padding-top: 15px;
	width: 950px;/* keskiosan kokoleveys */
}

/* Palstat */ 

#left {
	float: left;
	width: 195px;
	text-align: left;
	padding: 0;
	margin: 0 0 20px 0;
	border: 2px solid #dae6f2;
	clear: left;
	background: #ffffff;
}


#right {
	float: right;
	width: 195px;
	text-align: left;
	padding: 0 /* 10px 0 0 10px*/;
	margin: 0;;
	background: #ffffff;
	border: 1px solid #dae6f2;
	clear: right;
}

#right_table {
	float: right;
	width: 195px;
	text-align: left;
	padding: 0;
	margin: 0;;
	background: #b7e2f9;
	border: 1px solid #dae6f2;
	clear: right;
}

/* kaksipalstaisen sisältöpalsta */
#column_right { 
	margin-left: 215px;
	text-align: left;
	padding: 10px;
	background: #ffffff;
}

#column_right_lisa { 
	margin-left: 215px;
	text-align: left;
	padding: 0 10px 0 10px;
}

#column_right a { color:#0072bc; text-decoration: none; }
#column_right a:hover { text-decoration: underline; }

#column_right ul { padding: 0 0 15px 17px; line-height: 1.25em; }
#column_right ul li { padding: 0 0 7px 0; }


/* Keskipalsta ja sen läpinäkyvyys */
#center {
	margin-left: 215px;
	margin-right: 215px;
	text-align: left;
	padding: 0px;
}

#opasiteetti {
	background-color:#ffffff;
	/* IE */
  	filter:alpha(opacity=94);
	/* CSS3 standard */
  	opacity:0.94;
	margin-right:5px;
}


#txt {
	position:relative;
	top:0;
	left:0;
	background:transparent;
	padding:10px;
	margin: 0;
}

#txt ul, #note ul { padding: 0 0 15px 17px; line-height: 1.25em; }

#txt ul li, #note ul li { padding: 0 0 7px 0; }

#txt a { color:#0072bc; text-decoration: none; }

#txt a:hover { text-decoration: underline; }


/* Etusivun sisältöalue */
#frontcenter {
	/* height: 750px; */
	text-align: left;
	padding: 0px;
}

/* Etusivun laatikot fixatulla sijainnilla */


#kesko-on {
	float: right;
	position:relative;
	top:20px; 
	width:445px;  
	color:#567;
	background-color: #ffffff;
	border:2px solid #dae6f2;
	padding:10px 10px 5px 10px;
	clear: right;
}

#ruokakaytto {
	float: right;
	position:relative;
	top:30px; 
	padding:0;
	clear: right;
}

	#ruokakauppa {
		float: left;
		color:#567;
		background-color: #ffffff;
		border:2px solid #dae6f2; 
		padding:10px;
		margin-right: 20px;
	}

	#kayttotavarakauppa {
		float: right; 
		color:#567; 
		background-color: #ffffff;
		border:2px solid #dae6f2; 
		padding:10px;
	}

#rauta-auto {
	float: right;
	position:relative;
	top: 40px; 
	padding: 0;
	margin-bottom:50px;
	clear: right;
}

	#rautakauppa {
		float: right;
		color:#567;
		background-color: #ffffff;
		border:2px solid #dae6f2; 
		padding:10px;
		margin-right: 20px;
	}

	#autokauppa {
		float: right; 
		color:#567;
		background-color: #ffffff;
		border:2px solid #dae6f2; 
		padding:10px;
	}

#tarina {
	float: right;
	position:relative;
	top:5px; 
	width:445px; 
	color:#567;
	background-color: #ffffff;
	background-image:url("../images/keskon_tarinat.jpg");
	background-repeat:no-repeat;
	border:2px solid #dae6f2;
	padding:64px 10px 8px 10px;
	clear: right;
}

#story {
	float: right;
	position:relative;
	top:5px; 
	width:445px; 
	color:#567;
	background-color: #ffffff;
	background-image:url("../images/kesko_stories.jpg");
	background-repeat:no-repeat;
	border:2px solid #dae6f2;
	padding:64px 10px 8px 10px;
	clear: right;
}


/* Liitteet */

#note {
	text-align: left;
	padding: 0px;
}

#note a { color:#0072bc; text-decoration: none; }


/* Footer */

#footer { 
	width: 100%; 
	height: 50px;
	padding: 10px 0 0 0;
	clear: both;
	border-top: 5px solid #dae6f2;
	background-image:url("../images/header-bg.gif");
}


#footer_content {
	margin-left: auto; 
	margin-right: auto;
	padding: 0;
	width: 950px;/* sama kuin content_wrapperin leveys */
	height: 36px;
	border: 0px #dddddd solid;
	text-align: left;
}

#footer_content a { color:#0072bc; text-decoration: none; }

#footer_content a:hover { text-decoration: underline; }




/* Tekstimäärittelyt ja muut tyylit */


/* Layout-css:ssä vedetty kaikkien alla olevien raot nollille:
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td  

Muista siis määritellä tarvittavat raot erikseen*/


/* Fontit */
body { font-family: Arial, Verdana, sans-serif; }


/* Perusfonttikoot */
body { font-size: 62.5%; } /* tällä 1em = n. 10 px */



/* Sisältöalueiden perusfonttikoko, -väri ja rivivälistys + headerlinkit */
div#header { 
	font-size: 1.2em;
	line-height: 1.5em;
} 

#headerlinks a {
	font-size: 0.95em;
	color: #0072bc;
	text-decoration: none;
}

#headerlinks a:hover {
	color: #4db848;
	text-decoration: none;
}

div#content_wrapper { 
	font-size: 1.3em; 
	line-height: 1.5em;
	color: #333333;
}

div#txt { 
	color: #333333;
}

div#footer { 
	font-size: 1.2em; 
	line-height: 1.5em; 
} 


/* ylänavin muotoilu */

#navcontainer { 
	font-size: 1.5em;
}

#navcontainer ul li {  
	padding-top: 13px;
}

	ul.navi li {
		color: #0072bc;
		display: block;
		height: 30px;
		border-right: 1px #dae6f2 solid;
	}

	ul.navi li a {
		padding: 9px 14px 5px 12px;
		color: #0072bc;
		text-decoration: none;
	}

	ul.navi li a:hover {
		background: #dae6f2 !important; 
		text-decoration: underline;
	} 

	ul.navi li.navi_location { 
		background-color: #f2f6f9;
		background-image: url(../images/navi_locat-bg.gif);
		background-repeat:repeat-x;
		height: 30px;
	}

	ul.navi li.navi_location a { 
		background-image: url(../images/navi_locat-toimialat.gif);
		background-repeat:no-repeat;
		background-position:center;
		border-top: 1px solid #dae6f2;
		
	}



/* Vasen navi */

#left ul li { font-size: 1.1em; }

	ul.left_menu { padding: 0px; margin: 0px;  background: #ffffff; }

	ul.left_menu li, ul#submenu li, ul#subsubmenu li { list-style: none; display: block; }
	
	ul.left_menu li a  { color: #0072bc; text-decoration: none; padding: 7px 15px 5px 15px; display: block; }
	
	ul.left_menu li a:hover { background: #dae6f2; color: #4db848; text-decoration:none;}
	
	ul.left_menu li.current { background: #f2f6f9; border-bottom: 2px solid #dae6f2; border-top: 2px solid #dae6f2; }
	
	ul.left_menu li.current a { color: #333333; }
	
	ul.left_menu li.current1 { background: #ffffff; border-top: 2px solid #dae6f2; }
	
	ul.left_menu li.current1 a { color: #333333; }
	
	ul.left_menu li.current2 { background: #f2f6f9; border-top: 2px solid #dae6f2;  border-bottom: 1px solid #dae6f2; }
	
	ul.left_menu li.current2 a { color: #333333; }
	

	ul.submenu { padding: 0px; margin: 0px;  }
	
	ul.submenu li {  display: block; }
	
	ul.submenu li a { color: #0072bc; text-decoration: none; padding: 5px 5px 5px 30px; display:block; }
	
	ul.submenu li a:hover {background-color: #c4d9e4; color: #4db848; text-decoration:none; }
	
	ul.submenu li.subloca { background-color: #f2f6f9; border-top: 1px solid #dae6f2; border-bottom: 2px solid #dae6f2; }
	
	ul.submenu li.subloca a { color: #333333;}
	
	ul.submenu li.subloca1 { border-bottom: 2px solid #dae6f2; }
	
	
/* Oikean palsta muotoilu */
#right ul, #right_table ul { 
	list-style: none;
	line-height: 1.3em;
	color: #0072bc;
	padding: 5px 10px 10px 10px;
}

#right ul ul, #right_table ul ul { 
	list-style: none;
	line-height: 1.7em;
	color: #0072bc;
	background: #f2f5fa;
}

#right ul li a, #right_table ul li a, #right a { 
	color: #0072bc;
	text-decoration: none;
}

#right ul li a:hover, #right_table ul li a:hover, #right a:hover { 
	color: #4db848;
	text-decoration: none;
}

.right-p { padding: 0 5px 0 7px }




/* Otsikoiden koot ja välistykset */
h1 { 
	font-size: 2em;
	margin: 0;
	padding: 0 0 5px 0;
	line-height: 115%;
	color: #003082;
	font-weight: normal;
} 

h2 { 
	font-size: 1.6em;
	margin: 0;
	padding: 5px 0 5px 0;
	line-height: 115%;
	color: #003082; 
	font-weight: normal;
}

h3 { 
	font-size: 1.3em;
	margin: 0;
	padding: 5px 0 0 0;
	line-height: 115%;
	color: #003082;
	font-weight: normal; 

} 

h4 { 
	font-size: 1.3em;
	margin: 0;
	color: #003082; 
	font-weight: normal;
}

h5 { 
	font-size: 1.2em;
	margin: 0;
	padding: 0 0 2px 5px;
	color: #003082;
	font-weight: normal; 	
}

h6 {
	font-size: 1.2em;
	margin: 0;
	padding: 5px 0 0 0;
	color: #003082; 
	font-weight: normal;
	font-style: italic;
}



/* tekstin välistykset ja raot */

p { margin-bottom: 1.17em; }

#left p { margin: 2px 0 5px 0; }

.muruvana, .muruvana a {
	font-size: 0.9em;
	text-decoration: none;
	color: #0072bc;
	padding-bottom: 0px !important;
}

.muruvana_location, .muruvana_location a, .tp-muruvana, .tp-muruvana a {
	color: #333333;
}

.tp-muruvana, .tp-muruvana a {
	font-size: 0.9em;
	text-decoration: none;
	color: #0072bc;
	padding-left: 5px;
	padding-bottom: 0px !important;
	margin-right: 5px;
}


/* linkkien päissä olevien väkästen muotoilu */
.vakanen { color: #4db808; font-weight: bold; font-size: 1.25em; }


/* etusivun laatikoiden otsikot ja tekstit */
#frontcenter h1 { 
	font-size: 2em;
	font-weight:bold;
	margin: 0 0 5px 0;
	color: #555555; 
} 

#frontcenter h2 { 
	font-size: 1.833em;
	font-weight:normal;
	margin: 0;
	color: #555555; 
}

#frontcenter h3 { 
	font-size: 1.333em;
	font-weight:normal;
	margin: 6px 0 2px 0;
	color: #555555; 

} 

#frontcenter p { margin-bottom: 0.1em; font-size: 1.12em; }
#frontcenter a { color:#0072bc; text-decoration:none; }
#kesko-on hr { 
	border: none; 
	color: #89c1fc; 
	background-color: #89c1fc; 
	height: 4px;
	marin: 0; 
}

#kesko-on p { margin-top: 0.3em; font-size: 1.1em; }

.ingres { font-size: 125%; color: #333333; line-height: 150%; padding: 7px 0 0 0; }

#blue-bg { background-color: #b7e2f9; padding: 10px;}

.p_tiukka { margin-bottom: 4px; }

.liite { font-size: 2em; color: #333333; padding: 15px 0 0 0; }

.top { float: right; }

.bignumbers { font-size: 1.35em; font-weight: normal; padding-top: 6px; }