/* -------------------------------------------------  */
/* www.keskustanuoret.fi - palvelun piirit            */
/* sivustojen tyylimäärittelyt                        */
/* -------------------------------------------------  */

body {
    margin:0px;
    padding:0px;
    background:#FEF7C9  url(/pics/bg-piirit.gif) 0px 0px repeat-x;
    font-family:verdana,arial,serif;
}

p,a,ul,ol,li,table,tbody,tr,td,form,input { margin:0px;padding:0px; }

/* tyhjennys div */
div.clear { clear:both; }

/* sivun kehys div */
div#max-width {
  position:relative;
  width:877px;
  margin:auto;
  padding:0px;
  
}

/* --- ylätunniste --- */
div#header {
  position:relative;
  clear:both;
  top:0px;
  left:0px;
  width:877px;
  height:92px;
  background:transparent url(/pics/header.gif) no-repeat;
  margin:0px;
  padding:0px;
}

/* logo */
div#logo {
  position:absolute;
  top:0px;
  left:0px;
  width:220px;
  height:75px;
  margin:0px;
  padding:0px;
  background:transparent url(/pics/logo.gif) no-repeat;
 }
div#logo h1 { font-size:16px;font-weight:bold;margin:0px;padding:0px;}
div#logo h1 span {display:none;}

/* haku */
div#search {
  position:absolute;
  display:inline;
  margin:0px;
  padding:0px;
  left: 490px;
  top:19px;
}
div#search form { font:normal bold 11px verdana,arial,serif;color:#ffffff; }
div#search input { border:2px solid #BAE600;background:#EEF9C1;width:206px;font-size:11px;}
div#search input:focus { border:2px solid #BAE600;background:#ffffff; }
div#search input#send { background:transparent url(/pics/search-submit.gif) 0px 0px no-repeat; border:0px; width:60px;height:21px;}

/* kielivalinta */
div#lang {
  position:absolute;
  display:inline;
  margin:0px;
  padding:0px;
  left: 650px;
  top:57px;
}
div#lang p { font:normal normal 11px verdana,arial,serif;color:#ffffff;margin:0px;padding:0px; }
div#lang a { font:normal normal 11px verdana,arial,serif;color:#ffffff;text-decoration:none;}
div#lang a.current { font-weight:bold;}
div#lang a:hover {text-decoration:underline;}

/* sisaltoalueen taustagraffa */
div#container {
  position:relative;
  width:877px;
  margin:auto;
  padding:0px;
  background:transparent url(/pics/max-width.gif) 0px 0px repeat-y;
}

/* paavalikko */
div#main-navi {
  position:relative;
  clear:both;
  margin:auto;
  padding:0px;
  width:847px;
  height:35px;
  border-bottom:1px solid #BAE600;
  background:#719D00;
}
div#main-navi ul { list-style-type:none;margin:0px 0px 0px 51px;padding:0.2em 0em 0em 0em;}
div#main-navi li { display:inline; background:transparent url(/pics/li-navi.gif) 0px 6px no-repeat;margin:0em 0em 0em 0em;padding:0em 0.3em 0em 0.3em; }
div#main-navi li.first { background:none; }
div#main-navi li a { font:normal bold 11px verdana,arial,serif;text-decoration:none;color:#ffffff;}
div#main-navi li a:hover {text-decoration:underline; }
div#main-navi li a.current-main { color:#CEFF00;text-decoration:underline; }

ul#return { 
  position:absolute;
  right:10px;
  top:0px;
}
/* --- alatunniste --- */
div#footer {
  position:relative;
  clear:both;
  margin:0px;
  padding:0px;
  width:877px;
  height:30px;
  background:transparent url(/pics/footer.gif) no-repeat;
}
div#footer div#copyright {
  float:right;
  text-align:right;
  margin-top:20px;
  margin-right:7px;
  font:normal normal 11px verdana,arial,serif;
  color:#70982C
}


/* ------------------------------------------------------- */
/* wwww.keskustanuoret.fi -palvelu                         */
/* piirit sivustojen alasivujen tyylimaarittelyt           */
/* ------------------------------------------------------- */

div#container-sp {
  position:relative;
  width:877px;
  margin:auto;
  padding:0px;
  background:transparent url(/pics/container-sp.gif) 0px 0px repeat-y;
}

/* --- sisaltoaluetta ymparoiva div --- */
div#sp-content {
  position:relative;
  margin:0px 0px 0px 15px;
  padding:0px 0px 0px 0px;
  width:848px;
  background:#ffffff;
 }
/* sisaltoalueen ylaosa */
div#content-header {
  position:relative;
  height:20px;
  width:847px;
  margin:0px;
  padding:0px;
  background:transparent url(/pics/content-header.gif) repeat-x;
}
 
/*  navityokalut  */
div#tools {
  float:right;
  margin-right:10px;
  padding:0px;
  font:normal normal 11px verdana,arial,serif;color:#4B5D2C;
}
div#tools a {font:normal normal 11px verdana,arial,serif;color:#4B5D2C;text-decoration:none;}
div#tools a:hover {text-decoration:underline;}
 
/* -- vasen palsta -- */
div#left-col {
  float:left;
  width:189px;
  margin:0px;
  padding:0px;
}

/* - ala-navi - */
div#sub-nav {
  position:relative;
  background:#F9FFF3;
  margin:0px;
  padding:0px 0px 1em 0px;
  
}
/* 1. navitaso */
div#sub-nav ul { list-style-type:none; background:transparent url(/pics/subnav-end.gif) left bottom repeat-x;padding:0em 0em 0.1em 0em;}
div#sub-nav ul li {border-bottom:1px solid #ABC272;margin:0px;padding:0px 0px 0px 0.5em;}
div#sub-nav ul li.first {border-top:none;}
div#sub-nav ul li a {
  display:block;
  font:normal bold 11px verdana,arial,serif;
  color:#658C00;
  margin:0px;
  padding:10px 0em 10px 2em;
  text-decoration:none;
  background:transparent url(/pics/li-subnav.gif) left center no-repeat; 
  line-height:14px;
  }
div#sub-nav ul li a:hover { text-decoration:underline;}
div#sub-nav ul li a.sp-current { text-decoration:underline;}

/* 2. navitaso */
div#sub-nav ul li ul { background:none;margin:0px;padding:0em;}
div#sub-nav ul li ul li { margin:0px;border:none; }
div#sub-nav ul li ul li a {padding:0em 0em 0.5em 1.8em; margin:0em;font-weight:normal;background:none;}
div#sub-nav ul li ul li a:hover {}
div#sub-nav ul li ul li a.sp-current {}

/* -- oikea palsta -- */
div#content-col {
 float:left;
  position:relative;
  margin-left:34px;
  /* mac ie hack \*/
    left:34px;
    margin:0px;
  /* end hack */
  padding:0em;
  width:603px;

}


/* - murupolku - */
div#content-col div#cookiepath {
  position:relative;
  margin:0px;
  padding:0px;
  font:normal normal 10px verdana,arial,serif;
  color:#616161;
}
div#content-col div#cookiepath a {  font:normal normal 10px verdana,arial,serif;color:#616161;text-decoration:none;background:none;}
div#content-col div#cookiepath a:hover { text-decoration:underline;background:none;}
div#content-col div#cookiepath a.current-page { color:#9C3700;background:none;}

/* - sivun nimi - */
div#content-col div#pagename {position:relative;margin:0px;padding:1em 0em 0.2em 0em;border-bottom:2px solid #A1D100; }
div#content-col div#pagename h1 { font:normal normal 18px verdana,arial,serif;color:#596F34;text-transform:uppercase;margin:0px;padding:0.5em 0em 0.5em 1.8em;background:transparent url(/pics/h1-pagename.gif) left center no-repeat;}

/* sisallontyylit */
/* otsikot */
div#content-col h1,div#content-col h2,div#content-col h3 { font:normal bold 15px verdana,arial,serif;color:#596F34;margin:0em;padding:1em 0em;}
div#content-col h4,div#content-col h5,div#content-col h6 { font:normal bold 12px verdana,arial,serif;color:#596F34;margin:0em;padding:1em 0em;}
/* leipateksti */
div#content-col p { font:normal normal 11px verdana,arial,serif;color:#474747;margin:0em;padding:0.5em 0em; }
div#content-col p.ingress { font:italic normal 11px verdana,arial,serif;color:#596F34;margin:0em;padding:0.5em 0em; }
div#content-col p.small {font:normal normal 10px verdana,arial,serif;color:#596F34;margin:0em;padding:0.5em 0em; }
/* listat */
div#content-col ul { margin-left: 2em;list-style-image: url(/pics/li-content.gif);}
div#content-col ul ul { margin-left: 1em;}
div#content-col ol { margin-left: 2em;}
div#content-col ol ol { margin-left: 1em;}
div#content-col li { font:normal normal 11px verdana,arial,serif;color:#474747;margin:0em;padding:0.2em 0em; }
/* linkit */
div#content-col a {color:#9C3700;text-decoration:underline;}
div#content-col a:hover {background:#9C3700;color:#ffffff;font-weight:bold;}
/* taulukot */
div#content-col table {}
div#content-col tbody {}
div#content-col tr {}
div#content-col td {}
/* soluntaustavarit */
div#content-col td.tummatausta {}
div#content-col td.vaalatausta {}
/* kuvat */
div#content-col img { border:1px solid #D2EBCC;padding: 2px;}
div#content-col img.noborder { border:none; margin:1em;}


/* palaa sivun alkuun linkki */
div#page_top { position:absolute;top:-10px;right:10px;}
div#page_top  a {color:#9C3700;text-decoration:underline;font-size:11px;}
div#page_top a:hover {background:#9C3700;color:#ffffff;}