* { margin: 0; padding: 0; }

a { outline: none; }

ul { margin: 0 0 0 30px; }

ol { margin: 0 0 0 30px; }

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



select{ width:90%;}

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

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

#container { 
	position: relative; 
	width: 825px; 
	}

#header {
	width: 825px;
	background: transparent url(/pics/header_bg.jpg) no-repeat;
	height: 54px;
	border: 0px solid #FF0000;
	padding: 17px 0 0 0;
	margin: 0 0 5px 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;
			}
			
	
	

#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;
	margin: 0;
	border-bottom: 5px #424d42 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.crane { 
			background: transparent url(/pics/clear.gif) repeat;
			height: 222px; 
			width: 274px; 
			position: absolute; 
			top: 0; 
			left: 0; 
			text-indent: -100000px;  
			}
			
		 #kuvapaikka_yla .oikea a.sisatilat { 
		 	background: transparent url(/pics/clear.gif) repeat;
		 	height: 222px; 
			width: 274px; 
			position: absolute; 
			top: 0; 
			left: 0; 
			text-indent: -100000px;  
	
		 
		  }

/* Galleriaa koskevat */

#kuvapaikka_yla .gallery {
	background-color: #000;
	position: relative;
	float: left;
	height: 222px;
	width: 529px;
	}
	
	#caption_container	{
		float: left;
		display: table;
		height: 222px;
		width: 196px;
		vertical-align: middle;
		}
		
	#caption {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		height: 222px;
		width: 196px;
		overflow: hidden;
		color: #fff;
		}
		
	#caption p { 
		color: #fff; 
		} 
		
	#image { 
		float: left; 
		height: 222px; 
		width: 333px; 
		overflow: hidden; 
		} 



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


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


#kuvapaikka_content_r { 
	position: absolute; 
	width: 274px; 
	height: 365px;  
	}
	
#content_r_teksti { 
	position: absolute; 
	width: 234px; 
	height: 350px; 
	color: #FFFFFF;  
	padding: 15px 20px 10px 20px; 
	}

#page #content_r_teksti a:link {color: #fff;	text-decoration: none; font-weight: bold;}
#page #content_r_teksti a:visited {color: #fff; text-decoration: none; font-weight: bold;} 
#page #content_r_teksti a:hover {color: #fff; text-decoration: underline; font-weight: bold;} 
#page #content_r_teksti a:active {color: #fff; text-decoration: none; font-weight: bold;}



/* content_left div */

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

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

#content_vasen_moottorit { 
	position: relative;
	float: left;
	width: 363px;
	background: #d2d3d3;
	margin: 13px 0px 0 0;
	padding: 10px 11px 0 10px;
	border: 0px solid #000000;
	height: 405px;
	overflow: auto;
	}
	
#content_vasen_gallery { 
	position: relative;
	float: left;
	width: 380px;
	background: #fff;
	margin: 13px 0px 0 0;
	padding: 0 5px 0 0;
	border: 0px solid #000000;
	height: 405px;
	overflow: auto;
	}

#content_vasen_gallery a { padding: 0 0 0 0;}
	
	
/* Bulletin-arean määrityksiä */


#bm { position: relative; margin: 0; padding: 0; width: 300px;}
#list { position: relative; margin: 0; padding: 0; width: 300px;} 
#msg { position: relative; margin: 0; padding: 0;  }





/* vasemman laidan navigaatio*/

#etusivu_navi { 
	position: relative; 
	width: 135px; 
	height: 325px; 
	float: left; 
	margin: 5px 10px 0 10px; 
	display: inline; 
	}
	
#etusivu_navi a { border: 2px #fff solid; display: block; margin: 0 0 15px 0; }
#etusivu_navi A:visited { border: 2px #fff solid; display: block; }
#etusivu_navi A:active { border: 2px #fff solid; display: block; }
#etusivu_navi a:hover { border: 2px #adb2ad solid; display: block; }


/* gallerian vasemman laidan navigaatio*/

#galleria_navi { 
	position: relative; 
	width: 135px; 
	height: 325px; 
	float: left; 
	margin: 5px 10px 0 10px; 
	display: inline; 
	}
	
#galleria_navi a { border: 2px #fff solid; display: block; margin: 0 0 15px 0; }
#galleria_navi A:visited { border: 2px #fff solid; display: block; }
#galleria_navi A:active { border: 2px #fff solid; display: block; }
#galleria_navi a:hover { border: 2px #adb2ad solid; display: block; }


/*ylänavissa linkit ja palaute ja sivukartta*/
#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: 15px;
	width: 795px;
	height: 450px;
	background-color:#FFFFFF;
	border: solid 0px #000;
	}

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