/* taustanhimmennys kaavioille */
#alloverit { position:absolute; left:0px; top:0px; width:100%; height: 100%; z-index:2000; background-image: url(/stc/img/allover.gif); visibility: hidden; }

/* sivupohjien keskitys 11.3.2009 / mileht */
html, body { height:100%; }
body { background-position:top center; }
#wrapper { position:relative; width:764px; height:100%; margin:0 auto; }

/* ylänavigointi */
div.menu, div.menu a.menuItem { font: 11px/15px Tahoma, Verdana, Arial; color: #ffffff; }
div.menuBar { position:absolute; left:0px; top:0px; width:738px; height: 24px; z-index:2000; background: #007CC2; padding-left: 24px; text-align: left; }
div.menuBar img { vertical-align: top; }
div.menuBar a.menuButton { font: 11px/15px Tahoma, Verdana, Arial; padding: 7px 6px 7px 6px; background-color: #007CC2; color: #ffffff; left: 0px; top: 0px; margin: 0px; position: relative; text-decoration: none; z-index: 2000; }
div.menuBar a.menuButton:hover, div.menuBar a.menuButtonActive, div.menuBar a.menuButtonActive:hover, div.menuBar a.menuButtonOn {	font: 11px/15px Tahoma, Verdana, Arial; padding: 7px 6px 7px 6px; background-color: #FFF200; color: #333333; left: 0px; top: 0px; margin: 0px; position: relative; text-decoration: none; z-index: 2000; }
div.menu { font: 11px/15px Tahoma, Verdana, Arial; color: #ffffff; background-color: #007CC2; left: 0px; top: 0px; padding: 0px; position: absolute; visibility: hidden; z-index: 2001; }
div.menu a.menuItem { font: 11px/15px Tahoma, Verdana, Arial; color: #ffffff; display: block; padding: 3px 1em; text-decoration: none; white-space: nowrap; }
div.menu a.menuItem:hover, div.menu a.menuItemHighlight { background-color: #FFF200; color: #333333; }
div.menu a.menuItem span.menuItemText {}
div.menu a.menuItem span.menuItemArrow { margin-right: -.75em; }

.siteMapFolderLevel1 a, .siteMapFolderLevel2 a, .siteMapFolderLevel3 a,  .siteMapFolderLevel4 a, 
.siteMapDocumentLevel1 a, .siteMapDocumentLevel2 a, .siteMapDocumentLevel3 a, .siteMapDocumentLevel4 a {
font: 11px/15px Tahoma, Verdana, Arial; color: #333333;
}

/* kuvan ja flash */
#pic { position:absolute; left:0px; top:24px; width:537px; height:155px; z-index:1000; background: #FFFFFF; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; }

/* logolinkki */
#logo { position:absolute; left:537px; top:24px; width:223px; height:155px; z-index:1000; background: #E3EAF6; border: 1px solid #FFFFFF; }

/* kielivalinnat ja navigointipolku */
#breadcrumbandetc {position:absolute; left:0px; top:181px; width:513px; height:24px; z-index:1001; background: #F6F6FB; padding-left: 24px; border-right: 1px solid #D2D6ED; border-bottom: 1px solid #D2D6ED; font: 10px/22px Tahoma, Verdana, Arial; color: #333333;}
#breadcrumbandetc a { color: #333333; }
#breadcrumbandetc img { vertical-align: middle; }

/* kolmelinkkiä */
#tresamigos { position:absolute; left:537px; top:181px; width:225px; height:25px; z-index:5; text-align: center; font: 10px/22px Tahoma, Verdana, Arial; color: #333333; }
#tresamigos img { vertical-align: middle; }
#tresamigos a { color: #333333; }

/* etusivun esittelyteksti */
#maintxt { position: absolute; left: 0px; top: 206px; width: 252px; z-index:1000; background: #FFFFFF; padding: 24px; border-bottom: 1px solid #D2D6ED;}
#maintxt p { font: 12px/16px Verdana, Arial, Helvetica, sans-serif; color: #333333; margin: 10px 0px 0px 0px;}
#maintxt p a { font: 12px/16px Verdana, Arial, Helvetica, sans-serif; color: #007CC2; }

/* etusivun uutisosio */
#mainnews { position: absolute; left: 300px; top: 206px; width: 189px; z-index:1000; padding: 24px;}
.newsfrontpage {background-color: #FFFFFF; font: 11px/15px Verdana, Arial, Helvetica, sans-serif; color: #333333;}
.newsdate { font: 10px/14px Tahoma, Verdana, Arial; color: #333333; }
.newsheader, .newsheader a, .searchheader, .searchheader a { font: bold 11px/15px Tahoma, Verdana, Arial; color: #333333; }

/* alasivun sisältöosio */
#content { position:absolute; left:0px; top:206px; width:489px; z-index:4; padding: 24px;}

/* oikea kolumni (haku, alauutisosio, banneri, sivunavi, lataukset) */
#rightcolumn {position:absolute; left:538px; top:205px; width:225px; }

/* haku */
#searchbox { width:199px; padding: 10px; padding-left: 15px; background: #F6F6FB; border-top: 1px solid #D2D6ED; border-bottom: 1px solid #D2D6ED;}

/* banneri */
#banneri { width:190px;padding:16px;margin:1px; background: #FFFFFF url(/stc/img/teaser_bg.gif) repeat-x bottom; border-bottom: 1px solid #D2D6ED;}
#banneri p {margin: 15px 0px 15px 0px;}

/* banneri new*/
#banneri-new { width:190px;padding:16px;margin:1px; background: #FFFFFF; border-bottom: 1px solid #D2D6ED; font: 11px Tahoma, Verdana, Arial; color: #333333;}
#banneri p {margin: 15px 0px 15px 0px;}

/* lataukset */
#downloads {width:190px;padding:16px;margin:1px;background: #FFFFFF; border-bottom: 1px solid #D2D6ED;}

/* sivunavi */
#sidenavi { width: 202px; padding: 0px; margin: 1px; font: 11px Tahoma, Verdana, Arial; color: #333333; border-bottom: 1px solid #D2D6ED;  }
#sidenavi ul { list-style: none; margin: 0px; padding: 0px; border: none; }
#sidenavi li { border-bottom: 1px solid #FFFFFF; margin: 0px; }
#sidenavi li a { display: block; padding: 5px 5px 5px 15px; margin: 0px; background-color: #007CC2; color: #FFFFFF; text-decoration: none; width: 202px; }
#sidenavi li a:hover { background-color: #FFF200; color: #333333; }
#sidenavi li a.current { display: block; padding: 5px 5px 5px 15px; margin: 0px; background-color: #FFF200; color: #333333; text-decoration: none; width: 202px; }
html>body #rightcolumn #sidenavi { width: auto; }

/* alauutisosio */
#sidenews {width: 222px; position: relative; margin: 1px; border-bottom: 1px solid #D2D6ED;}
a.button {font: 11px/24px Tahoma, Verdana, Arial; background-color: #007CC2; color: #FFFFFF; display: block; width: 81px; height: 24px; padding: 0px 15px 0px 15px; text-decoration: none; z-index: 100; }
a.button:hover, a.buttonactive {  font: 11px/24px Tahoma, Verdana, Arial;  background-color: #FFF200; color: #333333; display: block; width: 81px; height: 24px; padding: 0px 15px 0px 15px; text-decoration: none; z-index: 100; }
.newsodd {background-color: #FFFFFF; padding: 5px 15px 5px 15px;font: 11px/15px Verdana, Arial, Helvetica, sans-serif; color: #333333;}
.newseven {background-color: #F6F6FB; padding: 5px 15px 5px 15px;font: 11px/15px Verdana, Arial, Helvetica, sans-serif; color: #333333;}
.newsodd p, .newseven p { margin: 0px; }

body {margin: 0px; padding: 0px; }
img { border: 0px; }
input, select, textarea { font: 11px Tahoma, Verdana, Arial; color: #333333; }
label { font: 11px/15px Tahoma, Verdana, Arial; color: #333333; }
p, td, li, ul, .navigo-attachment a, .navigo-attachment, .default { font: 11px/15px Verdana, Arial, Helvetica, sans-serif; color: #333333; }
p a, li a, ul a { font: 11px/15px Verdana, Arial, Helvetica, sans-serif; color: #007CC2; }
p img { vertical-align: middle; }

.h1, h1 { font: 600 20px "Arial Narrow", Arial, Tahoma;	color: #333333; }
.h2, h2 { font: 14px/18px Verdana, Arial, Helvetica, sans-serif; color: #007CC2; }
.h3, h3 { font: normal 13px Tahoma, Verdana, Arial; color: #333333; }
.textInputTd { width: 150px;}
.textInputField { width: 200px;}

form { margin: 0px; padding: 0px; }

div.printversion { 
float:right; 
margin:0 5px 0 0 ;
/*\*/* margin:5px 5px 0px 0 ; /**/
width:15px; 
height:14px; 
padding:0px 0px 0px 0px;
font-size:1px ;
}

a.anchor_link { font: 11px/15px Tahoma, Verdana, Arial; color: #333333; }

div.printversion a { margin:0 ; padding: 0 ; }

div.printversion img { margin:0 ; padding: 0 ; }

/* Right banners slot - added on 3.3.2009 / mileht */
#right-banners { width:100%; padding-top:24px; border-top:1px solid #d2d6ed; }