/*

Telko DotNetNuke CSS

Copyright (c) 2007 Datapoli Oy

Voit soveltaa yksittäisiä osia ja tekniikoita tästä tyylitiedostosta (CSS) omiin
tarkoituksiisi, mutta siinä olevien kuvien, värien, kokojen, typografian ja
asettelun muodostaman kokonaisuuden ("ulkoasun") on luonut Datapoli Oy eikä
sitä saa kopioida sellaisenaan.

*/



/* ======================================================================== */
/* perus rulet */

/* Fix a bug in mozilla (from zeldman.com, thanks Carey Evans) */
html {
    min-width: 960px;
}


body {
    text-align: center;
    margin: 5px 0 0 0;
    padding: 0;
    border: 0;
    font: 12px Arial, Helvetica, sans-serif;
}


table { font: 12px Arial, Helvetica, sans-serif; }


h1, h2, h3, h4, h5, h6, p, div, span, form {
    margin: 0;
    padding: 0;
}


a.SkinObject:link, a.SkinObject:visited, A.SkinObject:active,
a:link, a:visited, a:active {
    color: #000;
    text-decoration: underline;
}


a.SkinObject:hover, a:hover {
    color: #005DAB;
    text-decoration: none;
}



div#sivuwrapper {
    width: 960px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    background-color: #fff;
}


/* Clearing a float container, 21st century style
   http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/* Fix IE6 Peekaboo bug \*/
* html .clearfix { height: 1%; }
/* .. */


div.erotin {
    margin: 0 0 15px 2px;
    height: 1px;
    background: url("images/uutinen_levea_hr.gif") top left no-repeat;
}


div.erotin hr { display: none; }



/* ======================================================================== */
/* header */

div#header {
    background: #005DAB url("images/header_oikea_reuna_tausta.jpg") top right repeat-y;
    height: 92px;
    border-top: 1px solid #fafafa;
    border-left: 1px solid #fafafa;
}


div#header div#hakuboksi {
    float: right;
    margin: 15px 15px 0 0;
}


div#header div#hakuboksi input {
    border: 0;
    height: 25px;
}


div#header div#hakuboksi a.SkinObject {
    background-color: white;
    padding: 3px;
    border: 1px solid #dedede;
    height: 23px;
}


div#header div#telkologo {
    margin: 23px 0 0 30px;
    background: url("images/kaukom_logo.jpg") top left no-repeat;
    width: 142px;
    height: 51px;
}

div#header h1 { height: 51px; width: 142px; visibility: hidden; }

div#header a { text-decoration: none; }



/* ======================================================================== */
/* muruset */

div#muruset {
    background: #005DAB url("images/header_pohja_tausta.jpg") top left no-repeat;
    height: 50px;
    margin-bottom: 5px;
}


div#muruset div#osastoisoteksti {
    float: right;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    margin: 12px 20px 0 0;
}


div#muruset div#murupolku {
    padding: 26px 10px 5px 13px;
    font-weight: bold;
}


div#muruset div#murupolku a {
    color: #626262;
    text-decoration: none;
    font-weight: bold;
}

div#muruset div#murupolku a:hover { color: #005DAB; }



/* ======================================================================== */
/* footer */

div#footer {
    margin: 0 5px 0 2px;
    height: 25px;
    background: url("images/yla_ala_menu_tausta.jpg") top left repeat-x;
    clear: both;
}


div#footer_oikea_reuna {
    float: right;
    width: 10px;
    height: 25px;
    background: url("images/footer_tausta_reuna.jpg") top right no-repeat;
}



/* ======================================================================== */
/* postfooter */

div#postfooter {
    font-size: 11px;
    margin: 7px 16px 0 11px;
    padding-bottom: 20px;
}


div#postfooter div#login {
    float: right;
}



/* ======================================================================== */
/* sivupohja (vasensisalto & sisalto & bannertila) */

div#sivupohja {
    background: url("images/sivun_pohja.jpg") top left repeat-y;
}


div#sivupohja div#sivupohja_sisainen {
    background: url("images/sivun_pohja_vasentausta.jpg") top left no-repeat;
}



div#sivupohja_ilman_vasenta_laatikkoa,
div#sivupohja_ilman_vasenta_laatikkoa_bannertilaa {
    background: url("images/sivun_pohja2.jpg") top left repeat-y;
}



/* ======================================================================== */
/* ylanavigionti */

div#ylanavigointi {
    margin: 0 6px 0 212px;
    background: url("images/yla_ala_menu_tausta.jpg") top left repeat-x;
    border-left: 1px solid #dedede;
}


div#ylanavigointi div#valitseosasto,
div#ylanavigointi_ilman_vasenta_laatikkoa div#valitseosasto {
    font-size: 11px;
    margin: 3px 2px 0 0;
    float: right;
}


div#ylanavigointi div#valitseosasto select,
div#ylanavigointi div#valitseosasto select option,
div#ylanavigointi_ilman_vasenta_laatikkoa div#valitseosasto select,
div#ylanavigointi_ilman_vasenta_laatikkoa div#valitseosasto select option {
    font-size: 11px;
    height: 17px;
    border: 1px solid #dedede;
}


div#ylanavigointi_ilman_vasenta_laatikkoa {
    margin: 0 6px 0 2px;
    background: url("images/yla_ala_menu_tausta.jpg") top left repeat-x;
}


div#ylanavigointi .MainMenu_MenuContainer,
div#ylanavigointi_ilman_vasenta_laatikkoa .MainMenu_MenuContainer {
    margin-left: 7px;
    width: 450px;
    height: 25px;
}


div#ylanavigointi .MainMenu_MenuItem,
div#ylanavigointi_ilman_vasenta_laatikkoa .MainMenu_MenuItem {
    font: 11px Arial, Helvetica, sans-serif;
    color: #333;
}


div#ylanavigointi .MainMenu_MenuItemSel,
div#ylanavigointi_ilman_vasenta_laatikkoa .MainMenu_MenuItemSel {
    font: 11px Arial, Helvetica, sans-serif;
    background-color: transparent;
    padding: 0;
}



/* ======================================================================== */
/* vasensisalto */

div#vasensisalto {
    float: left;
    width: 202px;
}


div#vasensisalto div.vasenlaatikko {
    margin-left: 1px;
    padding-top: 5px;
    background: url("images/vasenlaatikko_otsikko_tausta.jpg") top left no-repeat;
}


div#vasensisalto div.vasenlaatikko_ilman_tyylitysta {
    padding-top: 5px;
}


div#vasensisalto div.vasenlaatikko div.menu {
    margin-right: 30px;
    float: right;
}


div#vasensisalto div.vasenlaatikko_ilman_tyylitysta div.menu {
    margin-right: 0;
    float: right;
}


div#vasensisalto div.vasenlaatikko div.otsikko {
    margin-left: 10px;
    height: 25px;
}


div#vasensisalto div.vasenlaatikko_ilman_tyylitysta div.otsikko {
    display: none;
}


div#vasensisalto div.vasenlaatikko_ilman_tyylitysta div.otsikko .Head,
div#vasensisalto div.vasenlaatikko div.otsikko .Head {
    font: 11px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #666;
}


div#vasensisalto div.vasenlaatikko_ilman_tyylitysta div.uutinen_aika,
div#vasensisalto div.vasenlaatikko div.uutinen_aika {
    margin: 0 0 7px 9px;
    padding-left: 15px;
    background: url("images/uutinen_pvm_nuoli.jpg") 0 1px no-repeat;
    text-transform: uppercase;
    font-size: 11px;
    color: #405067;
}


div#vasensisalto div.vasenlaatikko_ilman_tyylitysta div.uutinen_otsikko,
div#vasensisalto div.vasenlaatikko div.uutinen_otsikko {
    margin: 0 10px 7px 10px;
    font-size: 11px;
    font-weight: bold;
    color: #7e7e7e;
}


div#vasensisalto div.vasenlaatikko_ilman_tyylitysta div.uutinen_teksti,
div#vasensisalto div.vasenlaatikko div.uutinen_teksti {
    margin: 0 10px 0 10px;
    padding-bottom: 10px;
    font-size: 11px;
    color: #666;
}


div#vasensisalto div.vasenlaatikko_ilman_tyylitysta div.uutinen_erotin,
div#vasensisalto div.vasenlaatikko div.uutinen_erotin {
    margin: 0 0 10px 1px;
    height: 1px;
    background: url("images/uutinen_hr.png") top left no-repeat;
}


div#vasensisalto div.vasenlaatikko_ilman_tyylitysta div.uutinen_erotin hr,
div#vasensisalto div.vasenlaatikko div.uutinen_erotin hr { display: none; }


div#vasensisalto div.vasenlaatikko div.inventua_sidemenu {
    margin-left: 1px;
    padding-bottom: 15px;
    width: 199px;
}


div#vasensisalto div.vasenlaatikko div.inventua_sidemenu a {
    text-decoration: none;
}


div#vasensisalto div.vasenlaatikko div.inventua_sidemenu .MenuHdr0,
div#vasensisalto div.vasenlaatikko div.inventua_sidemenu .MenuItem0 {
    font-size: 11px;
    padding: 7px 5px 7px 15px;
    background: url("images/valikko_otsikko_tausta.gif") bottom left no-repeat;
    color: #666;
}


div#vasensisalto div.vasenlaatikko div.inventua_sidemenu .MenuItem1,
div#vasensisalto div.vasenlaatikko div.inventua_sidemenu .MenuItem2,
div#vasensisalto div.vasenlaatikko div.inventua_sidemenu .MenuItem3,
div#vasensisalto div.vasenlaatikko div.inventua_sidemenu .MenuItem4,
div#vasensisalto div.vasenlaatikko div.inventua_sidemenu .MenuItem5,
div#vasensisalto div.vasenlaatikko div.inventua_sidemenu .MenuItem6,
div#vasensisalto div.vasenlaatikko div.inventua_sidemenu .MenuHdr1,
div#vasensisalto div.vasenlaatikko div.inventua_sidemenu .MenuHdr2,
div#vasensisalto div.vasenlaatikko div.inventua_sidemenu .MenuHdr3,
div#vasensisalto div.vasenlaatikko div.inventua_sidemenu .MenuHdr4,
div#vasensisalto div.vasenlaatikko div.inventua_sidemenu .MenuHdr5,
div#vasensisalto div.vasenlaatikko div.inventua_sidemenu .MenuHdr6 {
    padding: 7px 5px 0px 15px;
    color: #999;
    font-size: 11px;
}


div#vasensisalto div.vasenlaatikko div.inventua_sidemenu .MenuItem2 { padding: 7px 5px 0 25px; }
div#vasensisalto div.vasenlaatikko div.inventua_sidemenu .MenuItem3 { padding: 7px 5px 0px 35px; }
div#vasensisalto div.vasenlaatikko div.inventua_sidemenu .MenuItem4 { padding: 7px 5px 0px 45px; }
div#vasensisalto div.vasenlaatikko div.inventua_sidemenu .MenuItem5 { padding: 7px 5px 0px 55px; }
div#vasensisalto div.vasenlaatikko div.inventua_sidemenu .MenuItem6 { padding: 7px 5px 0px 65px; }
div#vasensisalto div.vasenlaatikko div.inventua_sidemenu .MenuHdr2 { padding: 7px 5px 0px 25px; }
div#vasensisalto div.vasenlaatikko div.inventua_sidemenu .MenuHdr3 { padding: 7px 5px 0px 35px; }
div#vasensisalto div.vasenlaatikko div.inventua_sidemenu .MenuHdr4 { padding: 7px 5px 0px 45px; }
div#vasensisalto div.vasenlaatikko div.inventua_sidemenu .MenuHdr5 { padding: 7px 5px 0px 55px; }
div#vasensisalto div.vasenlaatikko div.inventua_sidemenu .MenuHdr6 { padding: 7px 5px 0px 65px; }


div#vasensisalto div.vasenlaatikko div.inventua_sidemenu .currentHeaderHighlight0,
div#vasensisalto div.vasenlaatikko div.inventua_sidemenu .currentHeaderHighlight1,
div#vasensisalto div.vasenlaatikko div.inventua_sidemenu .currentHeaderHighlight2,
div#vasensisalto div.vasenlaatikko div.inventua_sidemenu .currentHeaderHighlight3,
div#vasensisalto div.vasenlaatikko div.inventua_sidemenu .currentHeaderHighlight4,
div#vasensisalto div.vasenlaatikko div.inventua_sidemenu .currentHeaderHighlight5,
div#vasensisalto div.vasenlaatikko div.inventua_sidemenu .currentHeaderHighlight6,
div#vasensisalto div.vasenlaatikko div.inventua_sidemenu .currentItemHighlight0,
div#vasensisalto div.vasenlaatikko div.inventua_sidemenu .currentItemHighlight1,
div#vasensisalto div.vasenlaatikko div.inventua_sidemenu .currentItemHighlight2,
div#vasensisalto div.vasenlaatikko div.inventua_sidemenu .currentItemHighlight3,
div#vasensisalto div.vasenlaatikko div.inventua_sidemenu .currentItemHighlight4,
div#vasensisalto div.vasenlaatikko div.inventua_sidemenu .currentItemHighlight5,
div#vasensisalto div.vasenlaatikko div.inventua_sidemenu .currentItemHighlight6 {
    font-weight: bold;
}


div#vasensisalto div.vasenlaatikko div.inventua_sidemenu hr {
    display: none;
}



/* ======================================================================== */
/* bannertila */

div#bannertila {
    margin: 10px 13px 7px 0;
    float: right;
    width: 160px;
    /* False margin values for all versions of IE Win, including 6.0 */
    margin-right: 6px;
}


html>body div#bannertila {
    /* Correct values for browsers that don't suffer from IE Win's bugs */
    margin-right: 13px;
}


div#bannertila div.extranetlaatikko {
    height: 104px;
    background: url(images/extranet_tausta.jpg) top left no-repeat;
}


div#bannertila div.extranetlaatikko div.menu {
    float: right;
    padding: 6px 3px 10px 0;
}


div#bannertila div.extranetlaatikko div.otsikko {
    padding: 5px 12px 7px 11px;
}


div#bannertila div.extranetlaatikko div.otsikko .Head {
    font: 11px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #000;
}


div#bannertila div.extranetlaatikko div.sisalto {
    font-size: 11px;
    padding: 0 0 8px 11px;
}


div#bannertila div.extranetlaatikko input {
    font: 11px Arial, Helvetica, sans-serif;
    border: 1px solid #dedede;
    margin-bottom: 4px;
}


div#bannertila div.extranetlaatikko img.kirjaudu {
    float: right;
    border: 0;
    margin-right: 5px;
}



/* ======================================================================== */
/* sisalto */

div#sisalto {
    margin: 10px 183px 10px 212px;
}


div#sisalto_ilman_vasenta_laatikkoa {
    margin: 10px 183px 10px 12px;
}


div#sisalto_ilman_vasenta_laatikkoa_bannertilaa {
    margin: 10px 16px 10px 12px;
}


div#sisalto_ilman_bannertilaa {
    margin: 10px 16px 10px 212px;
}


div#sisalto div.etusivulaatikko div.menu,
div#sisalto div.etusivualalaatikko div.menu,
div#sisalto div.sisaltolaatikko_normaali div.menu,
div#sisalto_ilman_bannertilaa div.sisaltolaatikko_normaali div.menu,
div#sisalto_ilman_vasenta_laatikkoa div.sisaltolaatikko_normaali div.menu,
div#sisalto_ilman_vasenta_laatikkoa_bannertilaa div.sisaltolaatikko_normaali div.menu {
    margin-right: 30px;
    float: right;
}


div#sisalto div.etusivulaatikko div.otsikko .Head,
div#sisalto div.etusivualalaatikko div.otsikko .Head,
div#sisalto div.sisaltolaatikko_normaali h2 .Head,
div#sisalto_ilman_bannertilaa div.sisaltolaatikko_normaali h2 .Head,
div#sisalto_ilman_vasenta_laatikkoa div.sisaltolaatikko_normaali h2 .Head,
div#sisalto_ilman_vasenta_laatikkoa_bannertilaa div.sisaltolaatikko_normaali h2 .Head {
    font: 20px Arial, Helvetica, sans-serif;
    color: #686868;
    font-weight: bold;
}


/* Etusivu tyylitetty laatikko ("Osastot") */

div#sisalto div.etusivulaatikko {
    margin: 0 0 15px 0;
}


div#sisalto div.etusivulaatikko div.otsikko {
    padding-left: 17px;
    background: url("images/sisalto_otsikko_tausta.jpg") bottom left no-repeat;
}



div#sisalto div.etusivulaatikko div.sisalto {
    padding: 5px 0 5px 8px;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    background: url("images/sisalto_pohja_gradient.jpg") top left repeat-x;
}


div#sisalto div.etusivulaatikko div.sisalto div.sisalto_sisainen { width: 547px; }


div#sisalto div.etusivulaatikko div.pohja {
    background: url("images/sisalto_pohja_tausta.jpg") top left no-repeat;
}


div#sisalto div.etusivulaatikko div.pohja div.sisainen {
    height: 9px;
}


/* Etusivu alalaatikko */

div#sisalto div.etusivualalaatikko {
    margin: 0 0 20px 0;
    height: 190px;
    background: url("images/sisalto_etusivu_alalaatikko_tausta.jpg") top left no-repeat
}

div#sisalto div.etusivualalaatikko div.otsikko {
    padding: 15px 15px 10px 15px;
}


div#sisalto div.etusivualalaatikko div.sisalto {
    padding: 0 190px 10px 15px;
}


/* Normaali laatikko */

div#sisalto div.sisaltolaatikko_normaali,
div#sisalto_ilman_bannertilaa div.sisaltolaatikko_normaali,
div#sisalto_ilman_vasenta_laatikkoa div.sisaltolaatikko_normaali,
div#sisalto_ilman_vasenta_laatikkoa_bannertilaa div.sisaltolaatikko_normaali {
    margin: 0 0 15px 0;
}

div#sisalto div.sisaltolaatikko_normaali_ilman{
    margin: 0 0 15px 0;
}

div#sisalto div.sisaltolaatikko_normaali h2,
div#sisalto_ilman_bannertilaa div.sisaltolaatikko_normaali h2,
div#sisalto_ilman_vasenta_laatikkoa div.sisaltolaatikko_normaali h2,
div#sisalto_ilman_vasenta_laatikkoa_bannertilaa div.sisaltolaatikko_normaali h2 {
    padding: 0 0 10px 0;
}


div#sisalto div.sisaltolaatikko_normaali div.sisalto { width: 556px; }
div#sisalto_ilman_bannertilaa div.sisaltolaatikko_normaali div.sisalto { width: 720px; }
div#sisalto_ilman_vasenta_laatikkoa div.sisaltolaatikko_normaali div.sisalto { width: 760px; }
div#sisalto_ilman_vasenta_laatikkoa_bannertilaa div.sisaltolaatikko_normaali div.sisalto { width: 927px; }


/* Uutistyylit */

div.uutinen div.aika {
    margin: 0 0 7px 0px;
    padding-left: 15px;
    background: url("images/uutinen_pvm_nuoli.jpg") 0 1px no-repeat;
    text-transform: uppercase;
    font-size: 11px;
    color: #405067;
}


div.uutinen h3.otsikko {
    margin: 0 10px 7px 2px;
    font-size: 11px;
    font-weight: bold;
    color: #7e7e7e;
}


div.uutinen div.teksti {
    margin: 0 10px 0 2px;
    padding-bottom: 5px;
    font-size: 11px;
    color: #666;
}


/* Erotin */

div#sisalto div.erotin { width: 546px; }
div#sisalto_ilman_bannertilaa div.erotin { width: 710px; }
div#sisalto_ilman_vasenta_laatikkoa div.erotin { width: 750px; }
div#sisalto_ilman_vasenta_laatikkoa_bannertilaa div.erotin { width: 917px; }



/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */



/* ======================================================================== */
/* DotNetNuke tyylit */

table.ControlPanel {
    margin-bottom: 10px;
}


/* Ylikirjoita DNN:n tyylejä default.css:stä */

.SkinObject {
    font-weight: normal;
    font: 12px Arial, Helvetica, sans-serif;
    color: #000;
}


.Normal, .NormalDisabled {
    font: 11px Arial, Helvetica, sans-serif;
}


div.menu { float: right; }