@charset "UTF-8";

/* (C) Aki Peltokoski 2009 */


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

*           { margin: 0; padding: 0; }
html        { width: 100%; overflow-y: scroll;}
body        { background-color: #fff; color: #FFF; font: 12px  Helvetica, Arial, sans-serif; width: 100%;}

a:link      { color: #930000; text-decoration: none; }
a:visited   { color: #930000; text-decoration: none; }
a:hover     { color: #a62103; text-decoration: underline; }
a:active    { outline: none; }              
a:focus     { -moz-outline-style: none; }  

#container  { position: relative; width: 800px; margin: 0 auto;}


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

#header     { width:800px; height: 40px; }


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

#main_graphics  { width: 800px; height:208px; }
		.kuva1	{ background: url('../images/main_graphics.jpg') no-repeat;  }
		.kuva2	{ background: url('../images/main_graphics2.jpg') no-repeat; }
		.kuva3	{ background: url('../images/main_graphics.jpg') no-repeat; }
		.kuva4	{ background: url('../images/main_graphics4.jpg') no-repeat; }
		

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

#menu    	{ margin: 0; padding: 0; width: 800px; height: 47px; background: url('../images/menubg.jpg') no-repeat top; font-weight: bold; }

#menu ul  	{ margin: 0 0 0 15px;}
#menu ul li	{ display:-moz-inline-stack;
			  display:inline-block;
			  zoom:1;
			  *display:inline; 
			  height: 25px; margin: 22px 5px 0 0px; padding: 0px
			}

#menu ul li span { padding: 8px 10px 0 10px; display: block; height: 15px; }
#menu ul li span a,#menu ul li span a:hover  { color: #FFF; text-decoration: none;}

#menu ul li.tabi_active {background: #FFF url('../images/tab_1_left.gif') top left no-repeat;}
#menu ul li.tabi_active span {background: url('../images/tab_1_right.gif') top right no-repeat; color:#930000;  }
#menu ul li.tabi_active span a, #menu ul li.tabi_active span a:hover { color: #930000;text-decoration: none;}

#sub_menu ul { margin: 10px 0 0 18px; padding:0 0 0 0; list-style-type: none; display: block;  width: 800px; font-size: 12px; font-weight: bold; color: #d2610e;  }
#sub_menu ul li { margin: 0; padding: 0 4px 0 8px; display: inline;  } 
#sub_menu .options {width: 750px; text-align: right; }

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

#content 	{ width: 800px; color: #333; margin: 0; }

/* Textarea */
#content #textarea 		{ float: left; width: 470px; padding: 0 0 0 25px; margin: 10px 0 0 0; }
#content #textarea h2 	{ color:#930000; font-size: 15px; padding-top: 10px; }
#content #textarea p 	{ color: #333; font-size: 11px; font-family: Verdana; padding-top: 10px;}

#content #textarea .taulukko { width: 450px; margin: 10px 0 0 0; font-size: 11px; font-family: Verdana;}
#content #textarea .taulukko th 		{ color: #FFF; background: #930000; text-align: left; padding: 3px; }
#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.odd 	{ background-color:#E9E9E9; padding: 3px; }
#content #textarea .taulukko td.even 	{ background-color:#FFF; padding:  3px;}


/* Sidebar */
#content #sidebar { float: right; width: 220px; padding: 0 25px 0 0; margin: 10px 0 0 0;  }

#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 15px 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 
			{ font-size: 12px; font-weight: bold; color: #FFF; display: block; width: 210px; height: 19px; 
			  background: url('../images/box_header.gif') no-repeat top; margin: 0; padding: 9px 0 0 6px;  
			}
	
#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;}  
#content #sidebar .infobox ul { padding-left: 20px;}	


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

#footer  { padding: 5px 0; margin: 30px 0 0 0; width: 796px; text-align: left; float: left; clear: both; color: #999; border-top: 1px solid #ccc; font-size: 11px; }

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

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


#footer #copyr {width: 150px;float: right; }
#footer #copyr ul {width: 150px; 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}


#footer .viiva { border-top: 1px solid #ccc; margin: 4px 0 0 0; height: 30px;}