/* yleisasetukset semiregular.com saitille */

/* taustalla meidan harmaa vari jossa haivitys */

body { margin:0; padding:0; background:#4c4c4c url(/main/images/body_bg.gif) repeat-x left top; font:12px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; color:#666; }

#tabs { display:block; }

#main { width:1000px; margin:0 auto; background: url(/main/images/index_bgmiddle2.png) repeat-y;}

a { color:#666; text-decoration:underline; }

div.clearer { clear:both; display:block; margin:0; padding:0; height:0; line-height:1px; font-size:1px; }

/* headeri */
#header { background: url(/main/images/index_semiregular_bgtop.jpg) no-repeat; width:1000px; height:76px; margin:15px auto 0; }
a:hover { text-decoration:underline; }


/* vasen reunablokki */
#sidebar { margin:0 0 0 10px; padding:5px 5px 10px 5px; width:140px;  ; float:left; background:transparent url(/main/images/index_sidebargrad.gif) ; }

#sidebar div { border:none; }
#sidebar h2 { margin-left:25px; }

#sidebar span.current {	background-color: #ffc94c;	color: #000;}

/* vasemman sivun maaritykset */

#sidebar ul { list-style-type:none; margin:0; padding-left:15px; }
#sidebar ul li { margin-bottom:3px; }
#sidebar a { color:#6a6a6b; text-decoration:underline; }
#sidebar a:hover { text-decoration:underline;  }
#sidebar h3 { margin-left:5px; margin-bottom:5px; font-size:12px; color:#000; }
#sidebar h3 a { font-size:12px; color:#000; }
#sidebar h3.first { margin-top:0; }


#sidebar .column { margin-right:10px; width:100% }

/* sisalto asetukset */
#content { margin: 20px 40px 20px 40px; width:920px; float:left; }

/* #content ul { list-style-type:none; margin:0; padding:0; }*/

#content #featuredcontent li a { color:#000; font-weight:bold; }
#content #featuredcontent li a:hover { color:#1b4486; }
#content #featuredcontent p.indent { margin:5px 0 10px; }
#content a.more { color:#1b4486; font-weight:bold; display:block; margin:0 0 20px; text-decoration:underline; }
#content a.more:hover { text-decoration:underline; }
#content .separator { background:#fbb357; width:100%; height:2px; }


#content #ql { margin-bottom:15px; }
#content #ql li { margin:0 0 5px 0; }

#content #ql li a { display:block; color:#1b4486; background:url(/main/images/arrow_gray2.gif) no-repeat left 1px; padding-left:17px; }
#content #ql li a:hover { text-decoration:underline; }


/* footeri */
.bottomcorners { width:1000px; height:18px; background:url(/main/images/index_bgbottom.jpg) no-repeat; }
#sosumifooter { width:1000px; margin:0 auto; text-align:center; font-size:10px; color:#c2c2c2; }

/* navigaatio */
#globalnav { float:right; color:#000; margin:15px 24px 0 0; font-size:10px; }
#globalnav a { color:#d7e2ec; }


/* gridi .. jos tarvitaan */
.column { float: left; }
.grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { width: 100%; }

.grid2col .column { width: 50%; }
.column.first, .column { margin-left: 0 !important; }
.column { float: right !important; }


#globalfooter.gf-800 { color: #959595; font-size: 10px; margin: 9px auto; padding-bottom: 36px; text-align: center; }
#globalfooter.gf-800 a { text-decoration:underline; color:#D6D6D6; }
#globalfooter.gf-800 a:hover { text-decoration: underline; }
#globalfooter.gf-800 .gf-links { float: right; text-align: right; margin: 15px 0 9px; }
#globalfooter.gf-800 .gf-links a { padding: 0 6px; }

#globalfooter.gf-800 { width: 1000px; }



/* Alla maaritykset CSS-menuja varten. Copyright (C) 2011 Mika Luostarinen */

a:hover {text-decoration:underline;}

pre {font-size:11px;}
code {font-size:12px;}

a img {border:0;}

.mainmenu { background: #666; width:992px; height:32px; position:relative; left: 4px; z-index:100; font-family:arial, sans-serif; text-align:left}




/* viritys IE5.5 selainta varten */
* html .mainmenu {width:992px; w\idth:992px;} 


/* ei bulletteja */

.mainmenu ul { padding:0;margin:0;list-style-type:none;}

.mainmenu ul ul {width:120px;}

.mainmenu li {float:left;width:120px;position:relative;padding-right:0px;}


/* linkkien tyylit */

.mainmenu a, .mainmenu a:visited {display:block;font-size:14px;text-decoration:none; color:#fff; width:120px; height:30px; border:0px solid #585752; border-width:1px 1px 1px 1px; background:#666; padding-left:5px; line-height:29px; padding-right:5px;}

/* IE5.5 korjaus */
* html .mainmenu a, * html .mainmenu a:visited {width:120px; w\idth:120px;}

/* kakkos menu tason taustat */

.mainmenu ul ul a.drop, .mainmenu ul ul a.drop:visited {background:#999 url(/main/images/grey-arrow.png) no-repeat 120px center;}

/* kakkos menu tason leijutyylit */

.mainmenu ul ul a.drop:hover{background:#bbb url(/main/images/grey-arrow.png) no-repeat 120px center;}

.mainmenu ul ul :hover > a.drop {background:#bbb url(/main/images/grey-arrow.png) no-repeat 120px center;}

/* kolmas menu taso tyylit */
.mainmenu ul ul ul a, .mainmenu ul ul ul a:visited {background:#999;}

/* kolmas menu taso leijutyylit */
.mainmenu ul ul ul a:hover {background:#bbb;}

/* piilota alitasot ja kayta absoluuttista positiota */
.mainmenu ul ul {visibility:hidden; position:absolute;height:0;top:31px;left:0; width:120px;border-top:1px solid #000;}

/* IE5.5 korjaus viritys. Paska selain.. */
* html .mainmenu ul ul {top:30px;t\op:31px;}

/* kolmos menu tason sijainti */
.mainmenu ul ul ul{left:151px; top:-1px; width:149px;}

/* positioi kolmas taso jos menu tulee vasemmalle puolelle aikaisempaa menua */
.mainmenu ul ul ul.left {left:-150px;}

/* tyylita taulukko (tarvittiin IE fixia varten) */
.mainmenu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* tyylita kakkostason menut */
.mainmenu ul ul a, .mainmenu ul ul a:visited {background:#999; color:#fefefe; height:auto; line-height:1em; padding:5px 10px; width:130px;border-width:0px 1px 1px 1px;}

/* taas IE5.5 korjaus modifikaatio */

* html .mainmenu ul ul a, * html .mainmenu ul ul a:visited {width:130px;w\idth:128px;}

/* tyylita ylin taso leijua varten */
.mainmenu a:hover, .mainmenu ul ul a:hover{color:#000; background:#bbb;}
.mainmenu :hover > a, .mainmenu ul ul :hover > a {color:#000; background:#bbb;}

/* nayta kakkos taso jos hiiri on ykkos tason kohdalla */
.mainmenu ul li:hover ul,
.mainmenu ul a:hover ul{visibility:visible;}

/* pida kolmos taso piilossa jos hiiri on ykkostason kohdalla */
.mainmenu ul :hover ul ul{visibility:hidden;}

/* nayta kolmos menu taso jos hiiri on kakkos tason paalla */
.mainmenu ul :hover ul :hover ul{ visibility:visible;}