* { margin: 0; padding: 0; }

a { outline: none; }

body {
	background: #4a5158;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #404040;
	}

img { border: none; }

select{ width:90%;}

h1.paaotsikko { font: normal bold 16px Arial, Helvetica, sans-serif; padding: 0 0 10px 0;  }
h2.alaotsikko { font:normal bold 12px arial; color: #7a7877; padding: 0 0 10px 0;  }

a.nuoli { background: transparent url(/pics/nuoli_sininen.gif) left no-repeat; padding: 0 0 0 10px; }

/* #all ja #center keskittävät koko palvelun */
#all {
	width: 825px;
	height:auto;
	position: absolute;	
	
}

#center {
	margin: 0px auto 0 auto;
	width:825px;
	height:auto;
}


#container { 
	position: relative;
	float: left; 
	width: 825px;
	background: transparent url(/pics/all_bg.gif) repeat-y;
	
	
	}

#header {
	width: 825px;
	background: transparent url(/pics/header_bg.jpg) no-repeat;
	height: 53px;
	border: 0px solid #FF0000;
	padding: 17px 0 0 0;
	margin: 0 0 0 0;
}
				
		#header #sisuauto_logo a {
			text-decoration:none;
			width:74px;
			height:25px;
			display:block;}
									
		#header #sisuauto_logo span {
			visibility:hidden;}
		
		
			
		#header ul{
			list-style-type:none;
			margin:0px 0px 0px 0px;}
							
		#header li{
			background: transparent url(/pics/bg_yla_navi_vali.gif) no-repeat 0px 3px;
			padding: 0px 5px 0px 10px;
			display:inline;
			z-index: 2;
		}
							
		#header li.yla_navi_first{
			background: transparent;}
		
		#lang { 
			position: absolute; 
			right: 0; 
			top: 20px; 
			width: 200px; 
			height: 20px;
			}
		
		#lang a { color: #000; text-decoration: none; }
		
		#lang a:hover { text-decoration: underline; }
		
		#tervetuloa { position: absolute; left: 20px; top: 20px; }

#sisuauto_logo{
	background: transparent url(/pics/sisulogo.jpg) no-repeat;
	height:  25px;
	width: 74px;
	border: 0px solid #000;
	margin: 0 0 0 15px;	}


	a.sisuauto { 
		position: absolute; 
		right: 0; 
		top: 52px; 
		width: 80px; 
		height: 20px; 
		display: block; 
		z-index: 10000000; 		
		text-indent: -10000px; 
		outline: none; 
		}


/* sivulla olevien ylimpien kuvapaikkojen määritykset */

#kuvapaikka_yla {
	width: 811px;
	height: 223px;
	background: #8c8c84;
	position: relative;
	padding: 7px;
	border-top: 5px #4a5158 solid;
	border-bottom: 5px #4a5158 solid;
	
}

	#kuvapaikka_yla .vasen { 
		position: relative; 
		float: left; 
		height: 222px; 
		width: 529px; 
		}
		
	#kuvapaikka_yla .oikea { 
		position: relative; 
		float: right; 
		height: 222px; 
		width: 274px; 
		}
		
	#kuvapaikka_yla .oikea a.renault {  
		position: absolute; 
		left: 10px; 
		top: 15px; 
		width: 45px; 
		height: 65px; 
		text-indent: -10000px; 
		display: block; 
		background: transparent url(/pics/trans.gif) no-repeat;
		}
	
	#kuvapaikka_yla a.lue_lisaa { 
		background: transparent url(/pics/nuoli_trans.gif) left no-repeat; 
		padding: 0 0 0 10px; 
		position: absolute; 
		top: 140px; 
		right: 34px;
		}



/* Sisällön oikean kuvapaikka ja teksti */

#kuvapaikka_content_r { 
	position: absolute; 
	width: 274px; 
	height: 365px;
	}

#kuvapaikka_content_r a.mallisto  { 
	background: transparent url(/pics/c.gif);
	position: absolute; 
	left: 60px; 
	top: 385px; 
	display: block;
	height: 23px;
	width:150px;
	text-indent: -10000px;
	}	

#kuvapaikka_content_r a.myyntipisteet { 
	background: transparent url(/pics/c.gif);
	position: absolute; 
	left: 150px; 
	top: 374px; 
	display: block;
	height: 23px;
	width:75px;
	text-indent: -10000px;
	}	


#kuvapaikka_content_r_fp { 
	position: absolute;
	top:55px; 
	width: 274px; 
	height: 300px;
	bottom: 0;
	}
	
	
#kuvapaikka_content_r_fp a.mallisto  { 
	background: transparent url(/pics/c.gif);
	position: absolute; 
	left: 60px; 
	top: 265px; 
	display: block;
	height: 23px;
	width:150px;
	text-indent: -10000px;
	}	

#kuvapaikka_content_r_fp a.myyntipisteet { 
	background: transparent url(/pics/c.gif);
	position: absolute; 
	left: 150px; 
	top: 265px; 
	display: block;
	height: 23px;
	width:75px;
	text-indent: -10000px;
	}	

.buttons { height: 91px; width: 125px; position: absolute; right: 0; top: 14px; }
	
#content_r_teksti { 
	
	position: absolute; 
	width: 234px; 
	height: 350px; 
	color: #FFFFFF;  
	padding: 15px 20px 10px 20px;
	 
	}


/* uutisnosto */

#uutisnosto { 
	width: 500px; 
	position: relative; 
	float: left; 
	overflow: auto; 
	margin: 13px 20px 0 40px; 
	padding: 0 0 30px 0;
	}

#ilmoitus { 
	width: 630px; 
	position: relative; 
	float: left; 
	overflow: auto; 
	margin: 13px 20px 0 40px; 
	padding: 0 0 30px 0;
	}

/* content_left div */

#content_vasen { 
	position: relative;
	float: left;
	width: 421px;
	background: #fff;
	margin: 13px 7px 0 13px;
	padding: 0 11px 0 0;
	border: 0px solid #000000;
	height: 415px;
	overflow: auto;
	}

#content_vasen_pitka {
	position: relative;
	float: left;
	width: 680px;
	background: #fff;
	margin: 13px 7px 0 30px;
	padding: 0 11px 10px 0;
	border: 0px solid #000000;
	}

#content_vasen_pitka_2 {
	position: relative;
	float: left;
	width: 421px;
	background: #fff;
	margin: 13px 7px 0 13px;
	padding: 0 11px 30px 0;
	border: 0px solid #000000;
	}
			
		#content_vasen_pitka_2 a.lue_lisaa { 
			background: transparent url(/pics/nuoli_sininen_pitka.gif) top left no-repeat; 
			padding: 0 0 0 10px;  
			}
			
		#content_vasen_pitka_2 #news { width: 100%; }
		
		#content_vasen_pitka_2 #bm { width: 100%; }
		
		#content_vasen_pitka_2 #list { width: 100%; }
	

	
/* etusivun ajankohtaista-nostot */

#content_vasen #news { width: 100%; }

#content_vasen #bm { width: 100%; }

#content_vasen #list { width: 100%; }

#content_vasen p.ingressi { text-align:justify; }

#content_vasen a.lue_lisaa { 
	background: transparent url(/pics/nuoli_sininen.gif) left no-repeat; 
	padding: 0 0 0 10px; 
	position: absolute; 
	right: 0; 
	}


/* content_oikea div */

#content_oikea { 
	position: relative;
	background: #b9babc;
	float: left;
	width: 274px;
	height: 415px;
	margin: 13px 0 0 5px;
	
}



/* hakutulokset */

p.p3 { width: 660px }



/* listan tyylit */

ul { margin: 8px 0 8px 30px; }

ol { margin: 8px 0 8px 35px; }


/* sivukartan tyylit */


#content_vasen .col ul { margin: 0; }

#content_vasen .col ul ul { margin: 0 0 4px 15px; }

#content_vasen .col ul li  { list-style-type: none; }

#content_vasen .col ul li li { background: transparent url(/pics/raquo.gif) left no-repeat; padding: 0 0 0 10px;  }

/*vasemman laidan navigaatio*/

#left_navi { 
	height: 428px;
	background: #8C8E84; 
	position: relative; 
	width: 67px; 
	float: left; 
	padding: 5px 10px 5px 10px; 
	}
	
	#left_navi p { color: #fff; margin: 0; padding: 0 0 7px 0; }
	
	#left_navi a {display: block; margin: 0; }
	#left_navi a:visited { display: block; }
	#left_navi a:active { display: block; }
	#left_navi a:hover { display: block; }



/*ylänavissa linkit */
#yla_navi{
	position: absolute;
	left: 430px;
	top: 24px;
	border: 0px solid #000;
	font-size: 11px;
	z-index: 2;}

#yla_navi_sub{
	position: absolute;
	left: 400px;
	top: 24px;
	border: 0px solid #000;
	font-size: 11px;
	z-index: 2;
}
	

/*Page = sisältöalue*/
#page_main{ 
	padding-top: 40px;
	width: 760px;
	height: auto;
	background-color:#FFFFFF;
	border: solid 0px #000;
	margin-left: 10px;
	margin-top: 3px;}
	
#page{
	position: relative;
	padding-top: 0px;
	width: 825px;
	height: 680px;
	background-color:#FFFFFF;
	border: solid 0px #000;
	}

#page a:link {color: #0059A5;	text-decoration: none;}
#page a:visited {color: #0059A5; text-decoration: none;} 
#page a:hover {color: #0059A5; text-decoration: underline;} 
#page a:active {color: #0059A5; text-decoration: none;}

#page_404{
	position: relative;
	padding: 20px;
	width: 785px;
	height: 450px;
	background-color:#FFFFFF;
	border: solid 0px #000;
	margin: 3px 0 0 0;
	}

#page_log{
	position: relative;
	padding-top: 0px;
	width: 825px;
	height: 450px;
	background-color:#FFFFFF;
	border: solid 0px #000;
	}


#clear{
clear:both;
}

/* FOOTER */

#footer { position: relative; margin: 0 auto; width: 825px;  background: transparent; }