/*
*	body: 	etusivun background: bg_body.gif (korkeampi harmaa alue)
*			alasivu.html background: bg_header_sub.gif (sininen ja matalampi)
*			alasivu_sisu.html background:	bg_header_sub.gif (sininen ja matalampi)
*			alasivu_renault.html: bg_header_sub_renault.gif (punainen tausta)
*/
body {
	background: #f3f3f3 url(/pics/bg_header.gif) no-repeat center top;
	height: auto;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #404040;
	font-style: normal;
	padding: 0px;}

/* YLEISET */
p, h1, h2, h3, table, tr, td, ol, ul { 	margin: 0px;	padding: 0px; }
	
/*Taulukon vakimäärityksiä*/
table td{	vertical-align: top;}

	/*kuvan rajat, myös contentmanagerissa valittavissa*/
img.rajat {border: 2px solid #E0E1E1; margin: 0px 4px 5px 0px;}	  

select{ width:90%;}

/* #all ja #center keskittävät koko palvelun */
#all {
	width: 805px;
	height:auto;
	border: 0px solid #CCCCCC;
	position: absolute;
	background: url(/pics/bg_content.gif) repeat-y -4px 0px;}

#center {
	margin-left:auto; 
	margin-right:auto;
	width:770px;}

/*header starts*/ 
#header{
	width: 770px;
	height: 260px;
	border: 0px solid #FF0000;
}

#header span{display: none;}

#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;	}
	
#header li.yla_navi_first{
	background: transparent;}
/*
* 	headerilla erilaisia taustakuvia myös
*	header_sub: 	etusivun background: none
*					alasivu.html background: bg_header_sub_.gif (sininen kaari)
*					alasivu_sisu.html background:	bg_header_sub_.gif(sininen kaari)
*					alasivu_renault.html: bg_sub_renault.gif (punaiset reunat)
*
*/

#header_sub{
	width: 800px;
	height: 92px;
	border: 0px solid #FF0000;
	background: transparent url(/pics/bg_header_sub_.gif) repeat-y 0px 0px;
}
				
#header_sub #sisuauto_logo a {
	text-decoration:none;
	width:220px;
	height:58px;
	display:block;}
							
#header_sub #sisuauto_logo span {
	visibility:hidden;}
	
#header_sub ul{
	list-style-type:none;
	margin:0px 0px 0px 0px;}
					
#header_sub li{
	background: transparent url(/pics/bg_yla_navi_vali.gif) no-repeat 0px 3px;
	padding: 0px 5px 0px 10px;
	display:inline;}
					
#header_sub li.yla_navi_first{
	background: transparent;}

#sisuauto_logo{
	background: transparent url(/pics/logo_sisuauto.gif) no-repeat 23px 10px;
	height:  80px;
	width: 222px;
	border: 0px solid #000;	}

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

#yla_navi_sub{
	position: absolute;
	left: 400px;
	top: 24px;
	border: 0px solid #000;
	font-size: 11px;	}
	
/*kielivalinnat kohdan määritykset*/	
#kielivalinnat {
	position: absolute;
	left: 430px;
	top: 52px;
	padding: 0px;
	border: 0px solid #000;
	height: 30px;
	width: 340px;
	background-image: url(/pics/pic_etusivu_kulma.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	font-size: 11px;}
	
#kielivalinnat a{
	color: #948E94;
	margin-top: 4px;}

#kielivalinnat_sub{
	position: absolute;
	left: 400px;
	top: 52px;
	padding: 0px;
	border: 0px solid #000;
	height: 30px;
	width: 320px;
	font-size: 11px;}
					
#kielivalinnat_sub a{
	color: #948E94;
	margin-top: 4px;}


#haku {
	background: url(/pics/input_haku_.gif) no-repeat;
	width: 116px;
	position: absolute;
	left: 620px;
	top: 20px;
	border: 0px solid #000;
	color: #999999;	}
		
button#submit-haku {
	background: transparent url(/pics/search.gif) no-repeat;
	border: none;
	color: #fff;
	width: 40px;
	height: 18px;
	margin-top: 0px;
	text-align: center;
	position: absolute;
	top: 23px;
	left: 745px;}	

#haku_sub{
	background: url(/pics/input_haku_.gif) no-repeat;
	position: absolute;
	left: 580px;
	top: 20px;
	width: 100px;
	border: 0px solid #000;
	color: #999999;	}
		
button#submit-haku_sub {
	background: transparent url(/pics/search.gif) no-repeat;
	border: none;
	color: #fff;
	width: 40px;
	height: 20px;
	margin-top: 0px;
	text-align: center;
	position: absolute;
	top: 25px;
	left: 705px;}	


/*Sisu ja renault trucksien logojen paikka*/
#logot{
	float: left;
	clear: left;
	width: 75px;
	height: 150px;
	position: absolute;
	top: 95px;
	left: 10px;
	border: 0px solid #000;	}
				
#logot img{
	margin-left: 13px;
	border: 0px;}
		
#logot img.img_first{
	padding-top: 5px;
	padding-bottom: 15px;}
		
#logot a{border: 0px;}

/*Kuvapaikka divissä etusivulla oleva kuva tai flas tms*/
		
#kuvapaikka  {
	position: absolute;
	left: 80px;
	top: 82px;
	height: 170px;
	width: 675px;
	border: 0px solid #D60C18;		}

a:link {color: #4B4B4B;	text-decoration: underline;}
a:visited {color: #4B4B4B; text-decoration: underline;} 
a:hover {color: #727272; text-decoration: none;} 
a:active {color: #4B4B4B; text-decoration: none;}

/*Navigointi*/
#navi {
	position: absolute;
	top: 266px;
	left: 0px;
	background: transparent url(/pics/bg_navi.gif) repeat-x 0px 0px;
	height: 29px;
	border: 0px solid #000;
	padding-top: 0px;
	margin-top: 0px;
	float: left;
	width: 800px;
	line-height: 26px;
	font-size: 11px;}
		
#navi ul{	list-style-type: none;}
	
#navi li{
	padding-left: 0px;
	padding-right: 0px;
	display:inline;
	background: transparent url(/pics/bg_yla_navi_vali_.gif) no-repeat 0px 3px;	}
	
#navi a{
	padding-left: 23px;
	padding-right: 0px;
	padding-top: 0px;}
			
#navi a:link {color: #434343;	text-decoration: none; font-weight: bold; }
#navi a:visited {color: #434343; text-decoration: none; font-weight: bold;} 
#navi a:hover {color: #727272; text-decoration: none; font-weight: bold;} 
#navi a:active {color: #434343; text-decoration: none; font-weight: bold;}		


/*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{
	padding-top: 0px;
	width: 760px;
	height: auto;
	background-color:#FFFFFF;
	border: solid 0px #000;
	margin-left: 10px;
	margin-top: 3px;}

#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;}


/*alasivuilla käytössä oleva murupolku*/
#muru{
	width: 774px; height: 30px;
	background-color: #EFEFEF;
	margin: 20px 0px 0px 10px;
	background-image: url(/pics/bg_muru.gif); background-repeat: no-repeat;	background-position: 13px 10px;
	font-size: 11px; font-weight: normal;	
	margin-left: 10px;
	line-height: 36px;
	color: #000;}

				
#muru a {
	margin-left: 0px;
	 font-weight: normal;
	color: #404040;}
				
#muru a.muru_first{ margin-left: 40px; font-weight: normal;}
				
#muru a:link {color: #404040; text-decoration: none; font-weight: normal;} 
#muru a:visited {color: #404040; text-decoration: none; font-weight: normal;} 
#muru a:hover {color: #404040; text-decoration: underline; font-weight: normal;} 
#muru a:active {color: #404040; text-decoration: none; font-weight: normal;} 

/*Vasen palsta etusivulla*/
#left{
	float: left;
	clear:left;
	width: 520px;
	height: auto;
	background-color:#FFFFFF;
	margin: 18px 0px 0px 0px;}

#left p.t1{
		color: #888888;
		width: 220px;
		margin-bottom: 4px;	}
		
#left h1{
		width: 200px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-style: normal;
		font-weight: bold;
		color: #0058A5;
		text-decoration: none;
		margin: 0px 0px 6px 22px;	}
	
#left h2{
		width: 240px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		font-style: normal;
		font-weight: bold;
		color: #0058A5;
		text-decoration: none;
		margin: 0px 0px 0px 25px;}
	
#left p{
		width: 235px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #404040;
		text-decoration: none;
		margin: 0px 0px 0px 25px;
		line-height: 17px;}
	
	
	/*ruotsin kielisen etusivun määrittelyjä*/
#ruotsi {width: auto;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #404040;
		text-decoration: none;
		margin: 0px 0px 0px 25px;
		line-height: 17px;
		border: 0px solid #000;}

#ruotsi p{width: auto;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #404040;
		text-decoration: none;
		margin: 0px 0px 0px 0px;
		line-height: 17px;
		border: 0px solid #000;}
#ruotsi h1 {margin: 0px 0px 20px 0px; width: auto;}
		
		
		
		/*ruotsin kielisen etusivun määrittelyjä ends*/

	/*eng kielisen etusivun määrittelyjä*/
#eng {width: auto;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #404040;
		text-decoration: none;
		margin: 0px 0px 0px 25px;
		line-height: 17px;
		border: 0px solid #000;}

#eng p{width: auto;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #404040;
		text-decoration: none;
		margin: 0px 0px 0px 0px;
		line-height: 17px;
		border: 0px solid #000;}
#eng h1 {margin: 0px 0px 20px 0px; width: auto;}
		
		
		
		/*eng kielisen etusivun määrittelyjä ends*/

#left ul{
	list-style-type:none;
	margin:0px 0px 5px 25px;}
	
#left li{
	background-image:url(/pics/nuoli_sininen.gif);
	background-position:0px 8px;
	background-repeat:no-repeat;
	padding: 4px 0px 15px 12px;
	color: #0F63AB;}
	
#left li a {
	margin: 0px 0px 0px 0px;
	color: #0F63AB;}
	
	
	
#tapahtumat{
width:500px;
border: 0px solid #000;
height: auto;}
		
#tiedotteet{
width:500px;
border: 0px solid #000;
height: auto;}
#mallisto{
width:500px;
border: 0px solid #000;
height: auto;}
#tyopaikat{
width:500px;
border: 0px solid #000;
height: auto;}


/*alasivuilla käytössä oleva sisältö alue, mallistoalasivuilla on omansa*/
#left_subpage{
	border: 0px solid #E0E1E1;
	width: 730px;
	height: auto;
	background-color:#FFFFFF;
	margin: 0px 0px 0px 20px;}	
	
#left_subpage .t1{
	color: #888888;
	width: 220px;
	margin-bottom: 4px;}

#left_subpage h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	color: #0058A5;
	text-decoration: none;
	margin: 35px 0px 6px 0px;}
					
#left_subpage h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #0058A5;
	text-decoration: none;
	margin: 20px 0px 6px 0px;}

#left_subpage h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #0058A5;
	text-decoration: none;
	margin: 10px 0px 6px 0px;}
						
#left_subpage h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #0058A5;
	text-decoration: none;
	margin: 35px 0px 6px 0px;}

#left_subpage p {
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #404040;
	text-decoration: none;
	margin: 0px 15px 13px 0px;
	line-height: 16px;}

#left_subpage span.ruksi { color: #ff0000; font-size: 16px; font-weight: bold; margin: 0px 5px 0px 5px; }
	
 ul{margin:0px 0px 5px 30px;}
					
 li{
	background-position:0px 5px;
	background-repeat:no-repeat;
	padding: 0px 0px 6px 0px;
	color: #404040;}
						
 a{						
	background-position:0px 5px;
	background-repeat:no-repeat;
	padding: 0px 0px 8px 0px;
	color: #0F63AB;}


/*etusivun vasemman palstan alaosassa oleva navigointi ajankohtaisiin asioihin*/
#ala_navi{
		padding: 0px 0px 20px 0px;
		margin: 10px 0px 0px 0px;
		line-height: 12px;
		height: 15px;
		list-style-type: none;
		font-family: Arial, verdana, Helvetica, sans-serif;
		font-size: 11px;
		color: #888888;	}
			
#ala_navi li{
		padding:0px 7px 0px 10px;
		height:auto;
		background-image:url(/pics/ala_navi_vali.gif);
		background-position:0px 3px;
		background-repeat:no-repeat;
		display:inline;
		color: #888888;	}
				
#ala_navi li.first {background: none; padding: 0px 6px 0px 0px;}
		
#ala_navi a:link {color: #888888;	text-decoration: underline; }
#ala_navi a:visited {color: #888888; text-decoration: underline; } 
#ala_navi a:hover {color: #727272; text-decoration: none; } 
#ala_navi a:active {color: #888888; text-decoration: underline; }

/*Etusivun oikea palsta*/
#right{
		float: right;
		clear: right;
		width: 220px;
		border-right: 0px solid #fff;
		border-left: 10px solid #fff;
		height: auto;
		background-color: #F3F3F3;
		margin: 18px 0px 15px 0px;	}

#right p{
		margin: 7px 0px 0px 15px;
		color: #404040;
		line-height: 15px;}

#right h2{
		width: 200px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		font-style: normal;
		font-weight: bold;
		color: #0058A5;
		text-decoration: none;
		padding: 10px 0px 10px 15px;
		border: 0px solid #000;		}
	
#right h3{
		width: 200px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		font-style: normal;
		font-weight: bold;
		color: #0058A5;
		text-decoration: none;
		padding: 12px 0px 0px 15px;
		border: 0px solid #000;		}
		
#right #mallisto_pika_valikko {
		margin: 12px 0px 0px 15px;}
	
#right ul{
		list-style-type:none;
		margin:7px 0px 28px 15px;}
	
#right li{
		background-image:url(/pics/nuoli_sininen.gif);
		background-position:0px 4px;
		background-repeat:no-repeat;
		padding: 0px 0px 0px 12px;
		color: #0F63AB;	}
#right ul li a{
		color: #0F63AB;}

#right form{margin-top: 0px;}
	
#right img {
		border: 2px solid #E0E1E1;
		margin-right: 5px;
		margin-left: 3px;
		margin-bottom: 0px;	}
	
#right #varaosat {	margin: 12px 0px 0px 15px;}
	
#right img.pic{	border: 0px;}
#right img.at{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px solid #000;}


/*div oikean palstan vaihtoauto kohtaan*/
#vaihtoautot a{
		margin: 0px 0px 0px 15px;
		color: #424142;
		text-decoration: underline;
		font-weight: bold;}	

#vaihtoautot a:link {color: #424142;	text-decoration: underline; }
#vaihtoautot a:visited {color: #424142; text-decoration: underline; } 
#vaihtoautot a:hover {color: #727272; text-decoration: none; } 
#vaihtoautot a:active {color: #424142; text-decoration: underline; }

/*div oikean palstan varaosat kohtaan*/
#varaosat a{
		margin: 0px 0px 0px 0px;
		color: #424142;
		text-decoration: underline;
		font-weight: bold;}	
		
#varaosat p{margin: 6px 0px 0px 0px;}

#varaosat a:link {color: #424142;	text-decoration: underline; }
#varaosat a:visited {color: #424142; text-decoration: underline; } 
#varaosat a:hover {color: #727272; text-decoration: none; } 
#varaosat a:active {color: #424142; text-decoration: underline; }

#sisuviesti{}

#clear{
clear:both;
}

/*Alatunniste*/
#footer{
		width: 774px;
		height: 30px;
		position: relative;
		left: 10px;
		
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		background: transparent url(/pics/bg_footer.gif) repeat-x 66px 0px;
		background-repeat: repeat-x;
		border-bottom: 1px solid #CCCCCC;}
		
#footer ul{
		padding: 0px;
		margin: 5px 0px 0px 0px;
		line-height: 28px;
		height: auto;
		width: 770px;
		list-style-type: none;
		font-family: Arial, verdana, Helvetica, sans-serif;
		font-size: 11px;
		color: #888888;
		border: 0px solid #000;	}
		
#footer li{
		padding:0px 0px 0px 20px;
		height:auto;
		background-image:url(/pics/transparent.gif);
		display:inline;
		color: #888888;}

#footer li.second{
		padding:0px 0px 0px 510px;
		height:auto;
		background-image:url(/pics/transparent.gif);
		display:inline;		
		text-align: right;		
		color: #888888;}
#footer li.secondsvenska{
		padding:0px 0px 0px 640px;
		height:auto;
		background-image:url(/pics/transparent.gif);
		display:inline;		
		text-align: right;		
		color: #888888;}
#footer li.secondenglish{
		padding:0px 0px 0px 640px;
		height:auto;
		background-image:url(/pics/transparent.gif);
		display:inline;		
		text-align: right;		
		color: #888888;}
		
#footer a{color: #888888;}
		
/*taulukkojen määrityksiä contentmanageriin*/
td.sininen { font: normal normal 11pt Arial,Verdana,Helvetica, serif; font-weight:bold; color: #ffffff; background-color:#0058A5; }
td.punainen { font: normal normal 11pt Arial,Verdana,Helvetica, serif; font-weight:bold; color: #ffffff; background-color:#BD0C18; }
/**/



/*listoja*/


li.nuoli{
	background-image:url(/pics/nuoli_sininen.gif);
	list-style-type: none;
	background-position:0px 4px;
	background-repeat:no-repeat;
	padding: 0px 0px 0px 0px;
	color: #FF0000;}
li.nuoli a{
padding: 0px 0px 0px 10px;}