/* Perus Raahe.net CSS */







/* ULKOASUN ULKOASUMÄÄRITYKSET 

---------------------------------------------------------------------------------*/



/* Ulkoasu*/

TD.ylapalkki     {background-image: url(perus_kuvat/ylapalkki.gif)}

TD.kuva          {background-image: url(perus_kuvat/purjeven2.jpg)}

TD.vasenpalkki   {background-image: url(perus_kuvat/vasenpalkki.gif)}

TD.alapalkki     {background-image: url(perus_kuvat/alapalkki.gif)}

TD.menuotsikko   {background-image: url(perus_kuvat/menuotsikko.gif)}

TD.menuyla       {background-image: url(perus_kuvat/menuyla2.gif)}

TD.menutausta    {background-image: url(perus_kuvat/menutausta.gif)}

TD.menuala       {background-image: url(perus_kuvat/menuala.gif)}

TD.banneriyla    {background-image: url(perus_kuvat/banneriyla.gif)}

TD.banneritausta {background-image: url(perus_kuvat/banneritausta.gif)}

TD.banneriala    {background-image: url(perus_kuvat/banneriala.gif)}

TD.keskialaviiva {background-image: url(perus_kuvat/keskialaviiva.gif)}



/* menu */

TD.ajankohtaista {background-image: url(perus_kuvat/ajankohtaista.gif)}

TD.hakemistot {background-image: url(perus_kuvat/hakemistot.gif)}

TD.ostospaikat {background-image: url(perus_kuvat/ostospaikat.gif)}

TD.viihde {background-image: url(perus_kuvat/viihde.gif)}

TD.raahenet {background-image: url(perus_kuvat/raahenet.gif)}

TD.nettikirppis {background-image: url(perus_kuvat/nettikirppis.gif)}

TD.tyopaikkatori {background-image: url(perus_kuvat/tyopaikkatori.gif)}

TD.chat {background-image: url(perus_kuvat/chat.gif)}

TD.saa {background-image: url(perus_kuvat/saa.gif)}

TD.haku {background-image: url(perus_kuvat/haku.gif)}

TD.kysely {background-image: url(perus_kuvat/kysely.gif)}



/* Keskipalkki jossa teksti on sivun nimi */

TD.keskipalkki 

{

background-image: url(perus_kuvat/keskipalkki.gif);

font-size: 10pt;

font-family: Verdana, Arial, Helvetica, sans-serif;

color: #FFFFFF;

font-weight: bold;

}



/* MENUN ULKOASUMÄÄRITYKSET

---------------------------------------------------------------------------------*/



/* Menun otsikot */

TD.menuotsikko

{

width: 150px;

height: 20px;

font-size: 10pt;

font-family: Verdana, Arial, Helvetica, sans-serif;

color: #FFFFFF;

font-weight: bold;

vertical-align: middle;

}



/* Menun linkin taustat */

TD.menulinkkitausta

{

width: 150px;

valign: middle;

background-color: #669999;

height: 20px;

vertical-align: middle;

}



/* Menun linkit */

a.menulinkki 

{

display: block;

width: 150px;

height: 17px;

text-align: center;

text-decoration: none;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-weight: bold;

font-size: 10pt;

color: #FFFFFF;

}



/* Menun linkin hooveri */

a.menulinkki:hover 

{

background-color: #669999;

color: #66CCCC;

}



/* MODUULIEN ULKOASUMÄÄRITYKSET

---------------------------------------------------------------------------------*/



TD.moduuli

{

vertical-align : middle;

height: 20px;

background-color: #669999;

font-size: 10pt;

font-family: Verdana, Arial, Helvetica, sans-serif;

color: #FFFFFF;

font-weight: bold;

}



TABLE.moduuli

{

border-style: solid;

border-color: #669999;

border-top-width: 1px; 

border-right-width: 1px; 

border-bottom-width: 1px; 

border-left-width: 1px;

background-color: #FFFFFF;

}







/* SISÄLLÖN MÄÄRITYKSET 

---------------------------------------------------------------------------------*/



h1,h2,h3,p,ul,input, textarea, select, TD,a

{

font-family: Verdana, Arial, Helvetica, sans-serif;

color: #336666;

}



/* Otsikko */

h1.sisalto

{

font-size: 11pt;

font-weight: bold;

}



/* Alaotsikko */

h2.sisalto

{

font-size: 9pt;

font-weight: bold;

}



/* Sisaltoteksti kappalejaoteltu */

p.sisalto

{

font-size: 9pt;

font-weight: normal;

}



/* Sisältölinkin määritykset */

a.sisalto         { background: transparent; color: #336666; font-weight: normal; text-decoration: underline; font-size: 9pt;}

a.sisalto:link    { text-decoration: underline;}

a.sisalto:visited { text-decoration: underline;}

a.sisalto:hover   { text-decoration: none; color: #66CCCC}

a.sisalto:focus   { text-decoration: none; color: #66CCCC}

a.sisalto:active  { text-decoration: none;}



/* Uutislinkin määritykset */

a.uutiset        { background: transparent; color: #336666; font-weight: bold; text-decoration: none; font-size: 9pt;}

a.uutiset:link    { text-decoration: underline;}

a.uutiset:visited { text-decoration: underline;}

a.uutiset:hover   { text-decoration: none; color: #66CCCC}

a.uutiset:focus   { text-decoration: none; color: #66CCCC}

a.uutiset:active  { text-decoration: none;}



/* Sisällön linkki joka on taulussa  */

a.sisaltotaulu        { background: transparent; color: #336666; font-weight: normal; text-decoration: none; font-size: 9pt;}

a.sisaltotaulu:link    { text-decoration: none;}

a.sisaltotaulu:visited { text-decoration: none;}

a.sisaltotaulu:hover   { text-decoration: none; color: #66CCCC}

a.sisaltotaulu:focus   { text-decoration: none; color: #66CCCC}

a.sisaltotaulu:active  { text-decoration: none;}



/* Pieni teksti esim. uutisten "julkaistu" */

TD.pieni

{

font-size: 7pt;

font-weight: bold;

}



/* Yläpalkin nimipäivä ja viikonpäivätekstit */

TD.nimipaivat

{

color: #FFFFFF;

font-size: 8pt;

}



/* Uutisten otsikkoteksti */

TD.uutisotsikko

{

font-size: 12pt;

font-weight: bold;

}

/* Listan määritykset */

ul

{

list-style-type: disc;

font-size: 9pt;

}



/* Taulun reunojen väri */

TABLE.reunat

{

border-style: solid;

border-color: #669999;

border-top-width: 1px; 

border-right-width: 1px; 

border-bottom-width: 1px; 

border-left-width: 1px; 

}



/* Taulun otsikko */

TD.sisaltootsikko

{

background-color: #669999;

font-size: 9pt;

color: #FFFFFF;

font-weight: bold;

}



/* Taulun otsikko, kirppiksessä tämän päivän ilmoitukset*/

TD.sisaltootsikkotama

{

vertical-align : middle;

background-color: #66CCCC;

font-size: 9pt;

color: #FFFFFF;

font-weight: bold;

}



/* Sisalto taulussa, normaaliteksti */

TD.sisalto

{

font-size: 9pt;

font-weight: normal;

border-color: #669999;

}



/* Sisällön taustakuva "Raahe.net"*/

TD.tausta

{

background-image: url(perus_kuvat/raahetausta.gif);

background-repeat: no-repeat;

background-position: top right

}



/* FORM-ELEMENTTIEN MÄÄRITYKSET

---------------------------------------------------------------------------------*/



/* Tekstikenttien värit ja reunat */

textarea, input

{

border-style: solid;

font-size: 9pt;

border-color: #336666;

border-top-width: 1px; 

border-right-width: 1px; 

border-bottom-width: 1px; 

border-left-width: 1px;  

}



input.valinta

{

border-style: none;

}



/* Nappien värit ja reunat */

input.button 

{

font-family: Verdana, Arial, Helvetica, sans-serif;

border-style: solid;

background-color: #669999;

color: #FFFFFF;

font-size: 9pt;

font-weight: bold;

border-top-width: 1px; 

border-right-width: 1px; 

border-bottom-width: 1px; 

border-left-width: 1px;  

}

/* Video sivu (käytössä) */

TD.vid_ala {
width:594px;
}

TD.vid_player2 {
  width: 400px;
  margin: 3px 3px 3px 3px;
}
DIV.vid_tiedot {
  width: 182px;
  height: 290px;
  overflow: auto;
  font-size: 9pt;
  font-weight: normal;
  
}
TD.vid_tiedot {
  width: 182px;
  height: 300px;
  border: solid 3px #669999;
  padding: 2px 0px 2px 2px;

}

TD.vid_thumb {
  width: 146px;
  height: 106px;
}

TD.vid_nimi {
  width:146px;
  font-size: 9pt;
  font-weight: normal;
  padding-left: 2px;
  padding-right: 4px;
  border-color: #669999;
}

TD.vid_otsikot {
background-color: #669999;
font-size: 9pt;
color: #FFFFFF;
font-weight: bold;
padding: 1px 4px 1px 4px;
height: 25px;
}

A.vid_linkki {
font-size: 9pt;
color: #FFFFFF;
font-weight: bold;

}

A.vid_laatu {
font-size: 8pt;
color: #FFFFFF;
font-weight: normal;
//text-decoration: none;
}