@charset "UTF-8";

/* (C) Aki Peltokoski, 2011 */

/* SITE PROPERTIES ---------------------------------- */

																.container, #header, #main_graphics, #main_graphicssubPage  
	/* (1) Uloimman containerin leveys [950px]: */ 
		   { width: 950px; }
																#menu, #content, #footer 
	
	
	/* (2) Sisältöalueen containerin leveys [800px]: */
	/*     HUOM! Muista vaihtaa marginit, kohta (3)  */ 
		   { width: 800px; }
						 										#sub_menu, #content, #footer
		
				
	/* (3a) Marginaali ((1)950px-(2)800px)/2 = [75px]: */	
		   { margin-left: 75px!important; }
		   
						 										#menu 
		

	/* (3b) Marginaali main menulle, sama kuin (3a) [75px]: */	
		   { right: 75px; }		   
						 										#sub_menu, #sub_menu .submenuSpacer, #content #sidebar
		
	
	/* (4) Alanavin ja sivulaitojen leveys [232px]: */
	/*     HUOM! tämä sama kuin nosto-boxien mitta  */	
		   { width: 232px; }
																#content.sub

	
	/* (5) Alasivun teksticontainer (2)800px - (4)232px = [568px]  */
	/*     HUOM! Pääsivulla käytetään (2)800px                     */															
		   { width: 568px; }										
																#content #textarea, #content #textarea .taulukko
	
	
	/* (6) Tekstielementin leveys [535px] */
	/*     HUOM! Maksimi on (5)568px, mutta mitä kapeampi elementti on,
	 *     sitä isompi on marginaali tekstin ja sideboxin välillä */
		   { width: 535px; }



/* BASIC STYLES ---------------------------------- */

*           { margin: 0; padding: 0;}
html        { width: 100%; overflow-y: scroll;}
body        { background: #eee url('../images/bg.png') repeat-x; color: #FFF; 
			  font-family: Verdana, sans-serif; font-size: 13px; width: 100%; float: left;}
body.subPage{ background: #eee url('../images/bg-compact.png') repeat-x; }

input[type=text]:focus, textarea:focus {background-color:#f8eadd;}

a:link      { color: #930000; text-decoration: none; }
a:visited   { color: #930000; text-decoration: none; }
a:hover     { color: #a62103; text-decoration: underline; }
             
h1			{ display: block; width: 200px; position: absolute; top: 60px; left: 190px; z-index: 8000; text-shadow: 1px 1px 3px #000;
			  font-family: "Lucida sans", Arial, sans-serif; font-size: 11px; font-weight: bold; text-transform: uppercase;}

/* extra containers in HTML - just for LAY, nothing to do with semantics.. */
.secondaryBody  { width: 100%; float: left; background: #FFF; }
.secondaryBody2 { width: 100%; float: left; background: transparent; }
.container 		{ position: relative; margin: 0 auto; }


/* HEADER ---------------------------------------- */

#header     { height: 110px; background: transparent /* url('../images/bg-header.png') no-repeat top center */ } /* wider than the actual content */
#logo		{ position: absolute; top: 20px; left: 75px; width: 110px; height: 107px; background: transparent url('../images/logo.png') no-repeat; z-index: 7000; }


/* MAIN GRAPHICS --------------------------------- */

/* Tässä määritellään polut "main graphics"-kohdan kuville.
 * HUOM! Pääkuvan lisäksi voidaan määritellä yksi lisäkuva 'leijumaan' pääkuvan päälle.
 * Säädöt tehdään kunkin sivun PHP-koodin alussa.
 */
#main_graphics  { height:215px;  }
#main_graphicssubPage { height: 47px; background: transparent!important;} /* alasivulle vain matala stipe! */
		.kuva0	{ /* background: url('../images/splash0.jpg') no-repeat top center; */ } /* tyhjä punainen */
		.kuva1	{ /* background: url('../images/splash1.jpg') no-repeat top center; */ } /* vanha Scania */
		.kuva2	{ /* background: url('../images/splash2.jpg') no-repeat top center; */ } /* KU 712 teksti - align right */
		.kuva3	{ /* background: url('../images/splash3.jpg') no-repeat top center; */ } /* KU 712 teksti - vähä keskemmällä */
		.kuva4	{ /* background: url('../images/splash4.jpg') no-repeat top center; */ } /* **NOT SPECIFIED YET** */

.secondaryPic1, .secondaryPic2, .secondaryPic3, .secondaryPic4 
				{ width: 867px; height: 318px; position: absolute; top: 0px; left: 45px; z-index: 6000;}
		
.secondaryPic1	{ background: url('../images/mainGfx_autot.jpg') no-repeat; } 
.secondaryPic2	{ background: url('../images/mainGfx_letku.jpg') no-repeat; height: 350px; } 
.secondaryPic3	{ background: url('../images/mainGfx_nuoret.jpg') no-repeat; } 
.secondaryPic4	{ background: url('../images/mainGfx_scania.jpg') no-repeat; }



/* MAIN MENU ------------------------------ */

#menu    	{ position: absolute; top: 65px; margin: 0; padding: 0; height: 20px; z-index: 8000;
			  font-family: "Lucida sans", Arial, sans-serif; font-weight: bold; text-shadow: 0 0 7px #000; text-align: right; }
#menu ul  	{ font-size: 14px;}
#menu ul li	{ display: inline; margin: 0 0 0 10px; }

/* different a: styles for main menu */
#menu a:link	{ color: #FFF; text-decoration: none; }
#menu a:visited { color: #FFF; text-decoration: none; }
#menu a:hover   { color: #FFF; text-decoration: underline; text-shadow: 0 0 7px #FFF;}
#menu a:active  { text-shadow: 0 0 11px #FFF,0 0 7px #FFF; } 

#menu ul li.tabi_active a { color: red; }
#menu ul li.tabi_active a:hover { text-shadow: 0 0 7px #000; }
#menu ul li.tabi_active a:active { text-shadow: 0 0 11px #000; }

#sub_menu 		{ float: left; margin: 0 0 25px 75px; font-family: "Lucida sans", Verdana; }
#sub_menu ul 	{ margin: 25px 0 25px 0px; padding:0; list-style-type: none; display: block; font-size: 14px; line-height: 26px; 
				 font-weight: bold; color: #d2610e; border-top: 1px solid #CCC; }
#sub_menu ul li { margin: 0; padding: 0 4px 0 8px; border-bottom: 1px solid #CCC; } 
#sub_menu ol 	{ list-style-type: none; font-size: 12px; font-weight: normal; line-height: 16px;  border-top: none; color: #333; margin: 0 0 5px 0; }
#sub_menu ol li { border-bottom: none; }

#sub_menu .submenuSpacer { height: 40px; text-align: center; margin: 0; padding: 0; font-size: 18px; color: #999;  }

#sub_menu .options {width: 800px; text-align: right; }

/* Sidebar LEFT side */
#sub_menu .infobox_fixed 		{ width: 224px; height: 84px; background: url('../images/boxbg.png') no-repeat top; margin: 0 0 15px 0; padding: 7px 0 0 8px;  }
#sub_menu .infobox_fixed h2, #sub_menu .infobox h2 			
								{ display: block; width: 210px; height: 22px; margin: 0; padding: 6px 0 0 6px; font-size: 14px; font-weight: bold; color: #FFF;   
					    		  background: url('../images/box_header.gif') no-repeat top;  }

#sub_menu .infobox_fixed p, #sub_menu .infobox p, #sub_menu .infobox ul 
								{ color: #666; width: 210px; padding: 5px 0 0 6px; font-size: 12px; list-style: none; font-family: "Lucida sans", Verdana;}  


/* CONTENT ------------- */

#content 	{ margin: 0 0 0 75px; padding: 0; color: #333; float: left; } 
#content.sub{ margin: 0!important; } /* Vasen sivunavi tän ulkopuolella, joten marginit nollaan! */

/* Textarea */
#content #textarea 		{ float: left; padding: 0; margin: 10px 0 25px 0; }
#content.sub #textarea  { float: right!important}
#content #textarea h2 	{ color:#505050; font-size: 21px; font-family: "Lucida sans", Arial, sans-serif; font-weight: normal; padding-top: 10px; }
#content #textarea p 	{ color: #333; line-height: 18px; padding-top: 10px;}

#content #textarea .taulukko 		{ margin: 10px 0 0 0; font-size: 12px; }
#content #textarea .taulukko th 		{ color: #FFF; background: #930000; text-align: left; height: 26px;  }
#content #textarea .taulukko td.sbm		{ background: #CCC; padding: 3px; }
#content #textarea .taulukko td.spacer		{ height: 5px;}
#content #textarea .taulukko td.sbm	input	{ border: 1px solid #666; width: 180px; padding: 2px; }
#content #textarea .taulukko td.sbm	input.short {width: 90px;}
#content #textarea .taulukko td.sbm	input[type="submit"]	{ border: 1px solid #666; width: 60px;}

#content #textarea .taulukko td,
#content #textarea .taulukko th 		{ padding:  3px 3px 3px 7px; }
#content #textarea .taulukko td.odd 	{ background-color:#f0efef; }
#content #textarea .taulukko td.even 	{ background-color:#FFF; }


/* Content Sidebar - RIGHT side */
#content #sidebar { float: right; padding: 0; margin: 10px 0 0 0; font-family: "Lucida sans", Verdana;}

#content #sidebar .infobox { width: 224px;  background: url('../images/boxbg_1.png') no-repeat top; margin: 0; padding: 7px 0 0 8px;  }			
#content #sidebar .infoboxbottom { margin: 0 0 25px 0; padding: 0; width: 232px; height: 16px; background: url('../images/boxbg_2.png') no-repeat top;}
#content #sidebar .infobox_fixed { width: 224px; height: 84px;  background: url('../images/boxbg.png') no-repeat top; margin: 0 0 15px 0; padding: 7px 0 0 8px;  }

#content #sidebar .infobox_fixed h2, #content #sidebar .infobox h2 
								{ display: block; width: 210px; height: 22px; margin: 0; padding: 6px 0 0 6px; font-size: 14px; font-weight: bold; color: #FFF;   
					    		  background: url('../images/box_header.gif') no-repeat top; }
	
#content #sidebar .infobox_fixed p,#content #sidebar .infobox p, #content #sidebar .infobox ul
								{ color: #666; width: 210px; padding: 5px 0 0 6px; font-size: 11px; list-style: none; }  



/* FOOTER ------------------------- */

#footer  { padding: 5px 0; margin: 0; text-align: left; float: left; clear: both; color: #999; border-bottom: 1px solid #999; font-size: 12px; }

#footer ul    	{ margin: 0; padding:0 25px 0px 0px; list-style-type: none; display: inline; }
#footer ul li   { margin: 0; padding: 0 5px 0 0px; display: inline; } 

#footer #info	{ padding: 0 0 30px 0;}
#footer #info a 	{ color: #666;}
#footer #info a:hover 	{ color: #666; text-decoration: underline}

#footer #copyr 		{ float: right; font-size: 11px}
#footer #copyr ul 	{ margin: 0; padding: 0; list-style-type: none; display: block; text-align: right; }
#footer #copyr ul li 	{ display: block; float: right; }
#footer #copyr ul li a 	{ color: #666; }
#footer #copyr ul li a:hover { color: #333; }




/* JQUERY APPLE EFFECT ------------------------- */

.apple_overlay { display:none; width:640px; padding:35px; font-size:11px; background-image: url('../images/overlay/white.png'); }

/* default close button positioned on upper right corner */
.apple_overlay .close { background-image:url(../images/overlay/close.png); position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px; }