/* MEVIN TYYLITIEDOSTO */

/* --------------------------------------- */
/*   ALKUASETUKSET                         */
/* --------------------------------------- */

body{
font: 0.8em arial,sans-serif;
color: black;
}
a{
color: blue;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
h1 {
font-size:1.6em;
}
h2 {
font-size:1.2em;
}
h3 {
font-size: 1em;
}
.small {
font-size: 0.7em;
}

/* --------------------------------------- */
/*   LAYOUT                                */
/* --------------------------------------- */

html,body{
margin:0;
padding:0
}
body{
text-align:center;
}
div#header h1,div#header p{
height:70px;
line-height:70px;
margin:0;
}

div#container{
text-align:left;
width:760px;
margin:0 auto
}

/* valikko ja extra VASEMMALLA alkaa */
div#content{
float:right;
width:575px;
margin: 0;
padding-top:5px; /* IE tarvitsee */
padding-bottom:10px; /* IE tarvitsee */
min-height: 725px;
}
div#navigation{
float:left;
width:170px;
padding-top:10px;
padding-bottom:10px;
}
div#extra{
float:left;
clear:left;
width:170px;
}
#content h1, #content h2, #content h3, #content p, #content ol, #content ul, #content table{
padding-left:20px;
padding-right: 20px;
}
#content ol, #content ul {
padding-left: 30px;
padding-right: 20px;
}
/* valikko ja extra VASEMMALLA loppuu */

div#footer{
clear:both;
width:100%;
}
/* --------------------------------------- */
/*   TYPO JA VÄRIT                         */
/* --------------------------------------- */

/* yläosa*/

div#header h1,div#header p{
padding-left:10px;
/*background: #cccccc;
color: #ffffff;*/
}

/* extra */

div#extra{
background:#eeeeee;
border: 1px solid #eeeeee;
}
div#extra p {
margin: 0 10px 10px;
}
/* footer */

div#footer{
background: #999999;
color: #ffffff
}
div#footer p{
margin:0;padding:5px 10px;
text-align:center;
}

/* haku tietosisällöstä */

div#sitesearch {
margin: 0 10px 10px 10px;
}
#sitesearch label{
display: block;
}

/* sivu päivitetty (sivun lopussa) */

p.pageupdate {
font-size: 0.7em;
text-align:right;
color: #999999;
}

/* --------------------------------------- */
/*   VALIKKO                               */
/* --------------------------------------- */

/* Ulkoasu */
div#navigation{
background-color:transparent;
}
div#navigation h2  {
font-size:1em;
display: block;
width:170px;
height:1em;
text-indent: 8px;
margin:0;
}
div#navigation ul {
margin: 0;
padding: 4px 0 4px 0;
list-style-type:none;
margin-top:0.5em;
margin-bottom:0.5em;
background-color: #ffffff;
}
div#navigation li.print {
padding-top:1em;
}
div#navigation li a {
display:block;
line-height:1.5em;
width:170px;
text-indent: 15px;
}
div#navigation li a:hover {
/*color: #ffffff;*/
background-color: #eeeeee;
text-decoration:none;
}

/* Aktiivinen sivu */
#index div#navigation li a.index,
#news div#navigation li a.tiedotteet,
#kalenteri div#navigation li a.kalenteri,
#yhteystiedot div#navigation li a.yhteystiedot,
#saannotjalaskutus div#navigation li a.saannotjalaskutus,
#jasenyys div#navigation li a.jasenyys,
#liity div#navigation li a.liity,
#jasenmaksut div#navigation li a.jasenmaksut,
#tietolomake div#navigation li a.tietolomake,
#viikkolenkit div#navigation li a.viikkolenkit,
#retket div#navigation li a.retket,
#peruskurssit div#navigation li a.peruskurssit,
#koskikurssit div#navigation li a.koskikurssit,
#hallikurssit div#navigation li a.hallikurssit,
#ohjaajakoulutus div#navigation li a.ohjaajakoulutus,
#vajatjakalusto div#navigation li a.vajatjakalusto,
#kalustonkaytto div#navigation li a.kalustonkaytto,
#kalustosivajalla div#navigation li a.kalustosivajalla,
#linkit div#navigation li a.linkit,
#arkisto div#navigation li a.arkisto
{
/*background-color: #eeeeee;*/
color: #CC3708;
}
/* Alavalikot */
div#navigation ul ul{
margin: 0 0 0 30px;
list-style-type: none;
}
div#navigation ul ul li a:hover {
background:none;
text-decoration: underline;
}

/* --------------------------------------- */
/*   SISÄLTÖSIVUJEN ERIKOISET                     */
/* --------------------------------------- */

/* huomiorivit ja boldatut tiedot */
#content p.huom, #content b {
font-weight:bold;
color: #333333;
}

/* listarivien välit */
#content li{
margin-bottom:0.5em;
}

/* Jäsenmaksut */
#jasenmaksut p#esimerkki, #jasenmaksut p#selite {
display: block;
min-height: 4em;
padding: 1em;
margin: 0;
margin-top: -0.5em;
margin-bottom: 1em; /* IE tarvitsee tämän */
border: 1px solid #4F7FAE;
background-color: #F8F8FF;
}
#jasenmaksut p#esimerkki {
/* width: 135px;*/
width:24%;
float: left;
margin-left:20px;
}
#jasenmaksut p#selite {
/*width: 335px;*/
width:56%;
float: right;
margin-right:20px;
}
#jasenmaksut h2 {
clear:both;
}
#jasenmaksut #content ul, #yhteystiedot #content ul {
list-style-type: none;
margin:0;
}
#yhteystiedot div#content div#laskut {
display: block;
width: 230px;
float: right;
list-style-type: none;
border-left: 10px solid #eeeeee;
margin: 3px 10px;
padding: 0 10px 0 10px;
}
#yhteystiedot div#content div#laskut li {
padding: 0; margin: 0;
}
/* Yhteystietolomake */
#tietolomake div#content ol {
margin-left: 20px;
}
#tietolomake fieldset {
margin-left:20px;
margin-right:20px;
}
#tietolomake legend  {
font-weight:bold;
color: #333333;
}
#tietolomake #content input:focus, #tietolomake #content textarea:focus {
background: #ffffee;
}
#fm_hlotiedot label,#fm_muuttiedot label ,#sp_tiedot label{
display:block;
float:left;
width:9em;
}
#fm_hlotiedot input #sp_tiedot input#sp_nimi{
width: 250px;
}
#fm_hlotiedot input#fm_ptp {
width:150px;
}
#fm_hlotiedot input#fm_synt {
width:40px;
}
#fm_muuttiedot input {
width:120px;
}
#fm_muuttiedot input#fm_email,#sp_tiedot input#sp_email,#sp_tiedot input#sp_vemail {
width:250px;
}
#sp_tiedot input#sp_vemail {
margin-left:10px;
}
#tietolomake textarea {
width: 450px;
}
#tietolomake div#content hr {
border: solid #609AC8;
}

/* Ajankohtaista yleiset */
#news div#content hr {
border: solid #eeeeee;
}
#news div#content p.date {
font-size: 0.9em;
color: #808080;
text-align: right;
padding-right:30px;
}
/* Ajankohtaista hakemistolista */
#news div#content ul.newsdir {
list-style-type: none;
}
#news div#content li .date {
font-size: 0.8em;
color: #808080;
}

/* Ajankohtaista alavalikko */
#news div#content ul#menunews {
display: block;
float: right;
list-style-type: none;
border-left: 10px solid #eeeeee;
margin: 3px 20px;
padding: 0 10px 0 10px;
}
#news div#content ul#menunews li {
padding: 0; margin: 0;
}
#kalenteri iframe {
margin-left: 20px;
}
#kalenteri p#rss{
text-align: left;
margin-left: 10px;
}
#kalenteri img, #news img {
border: 0;
}
#kalenteri p#rss a, #news p#rss a{
background: none;
}
/* Diaesitykset */
#hallikurssit object, #koskikurssit object {
margin-left:20px;
}
/* jäsenyys ja liity */
#jasenyys div#content ul, #jasenyys div#content ol,
#liity div#content ul, #liity div#content ol, 
#kiitos  div#content ol {
margin: 0;
}
#jasenyys div#content ul,#liity div#content ul {
list-style-type: none;
}
#liity div#content img#mokansi {
float: right;
margin-right:5px;
padding-left: 10px;
}
/* arkiston alkuun tyhjää */
#arkisto div#content p#logokuvat {
margin-top: 380px;
}
/* Linkit */
#linkit div#content ul, #koskikurssit div#content ul,
#saannotjalaskutus div#content ul {
list-style-type: none;
}

/* ------------------ */
/* TEEMA MeVi Classic */
/* ------------------ */

body {
background-color: #eeeeee;
}
div#content {
background-color: #ffffff;
}
h1, h2, h3 {
font-family: arial,tahoma;
}
div#navigation a {
/*font-family: tahoma;
font-size: 1.1em;*/
}

h1 {
font-size:1.7em;
}
h2 {
font-size:1.3em;
}
h3 {
font-size: 1.1em;
}
body {
background: #639FCD url('../images/sinitaus2.jpg') repeat-x;
}
div#header h1,div#header p {
height:80px;
line-height:80px;
margin:0;
background: url('../images/kuvapalkki_760x70.jpg') no-repeat;
}
div#navigation{
padding-top:22px;
padding-bottom:0;
}
div#navigation h2  {
color: #FBA327;
}
div#content {
background: #ffffff url('../images/contenttop.jpg') no-repeat;
}
div#content h1,div#content h2,div#content h3, a {
color: #273F67;
}
div#content h2 {
padding-top: 5px;
}
div#content h1,div#content h2,div#content h3,div#navigation h2  {
font-family:"Trebuchet MS";
}
div#content a {
text-decoration: underline;
}
div#content a:hover {
color: #CC3708;
}
div#footer{
background: #5385B2; /* #436B95; #304D75;*/
color: #FBA327;
}
div#footer a{
color: #FBA327;
text-decoration:underline;
padding-right:20px;
}
p.pageupdate {
color: #273F67;
font-size: 0.8em;
}
#news div#content hr {
border: solid #609AC8; /*#5385B2;*/
}
#tietolomake legend {
color: #273F67;
font-family:"Trebuchet MS";
}
#navigation ul.kulma {
background: #ffffff url('../images/topmenuback.jpg') no-repeat;
}
#navigation ul.kulma2 {
background: #ffffff url('../images/topmenuback2.jpg') no-repeat;
}
#navigation ul.kulma3 {
background: #ffffff url('../images/topmenuback3.jpg') no-repeat;
}
div#navigation li.print {
padding-top:0.5em;
}
div#navigation li.print a img{
border:0;
}
div#extra h3 {
display:block;
height:1.5em;
width:170px;
margin:0;
text-indent: 8px;
border: 0;
border-top: 1px solid #4A77A1; /* #48739E; #456F99; #406792;*/
color: #FBA327;
background-color: #5385B2;
font-family:"Trebuchet MS";
/*background: #eeeeee url(../images/extratopback.jpg) no-repeat top left;*/
}
div#extra {
border:0;
background: #eeeeee url(../images/extrabotback.jpg) no-repeat bottom left;
}
div#extra ul {
list-style-type:none;
margin: 0;
padding-top: 0.5em;
padding-left: 1em;
padding-bottom: 0.5em;
}
div#extra li{
background: url(../images/square.gif) no-repeat 0 50%;
line-height: 1.5em;
}
div#extra a {
padding-left: 1.5em;
}
div#extra a img {
border:0;
}
div#sitesearch {
margin:0;
padding: 0 5px 10px 13px;
}
div#sitesearch input#ss_inputbox {
width: 110px;
height: 1.2em;
border: 1px solid #4F7FAE;
background-color: #F8F8FF;
}
div#sitesearch input.ss_button {
padding-left: 5px;
}
div#content a[href^="http:"] {
background: url(../images/ext.gif) no-repeat right top;
padding-right: 10px;
}
div#content a[href^="http://www.google.com/calendar/feeds"] {
background: none;
padding-right: 0;
}
div#content a[href$=".pdf"] {
background: url(../images/pdf.gif) no-repeat right top;
padding-right: 10px;
}
/* numerolistat */
#jasenyys div#content ol, #liity div#content ol ,
#kiitos div#content ol{
margin-left: 20px;
}
/* square-listat */
div#content ul {
list-style-type: none;
}
#koskikurssit div#content ul, #jasenyys div#content ul, #liity div#content ul, 
#vajatjakalusto div#content ul, #kalustonkaytto div#content ul,
#viikkolenkit div#content ul,#retket div#content ul,#peruskurssit div#content ul,
#hallikurssit div#content ul,#ohjaajakoulutus div#content ul,#kalustosivajalla div#content ul
{
list-style-image: url(../images/square.gif);
margin-left: 20px;
}
#koskikurssit div#content li, #jasenyys div#content li, #liity div#content li, 
#vajatjakalusto div#content li,#kalustonkaytto div#content li ,
#viikkolenkit div#content li,#retket div#content li,#peruskurssit div#content li,
#hallikurssit div#content li,#ohjaajakoulutus div#content li,#kalustosivajalla div#content li
{
padding-left: 5px;
}
/* liity-linkki jäsenyys-sivulla */
#jasenyys div#content a.button {
display: block;
width: 147px;
height: 23px;
text-align: center;
padding-top: 3px;
color: #ffffff;
background: transparent url(../images/button.png) top left no-repeat;
font-family: "Trebuchet MS", arial;
font-size: 14px;
text-decoration: none;
margin-top: 50px;
}
#jasenyys div#content a:hover.button {
color: #CC3708;
}

/* ETUSIVU */

#index img#mevilogo {
float: right;
padding: 10px;
padding-left: 0;
}
#index div#etusivun_teksti {
min-height: 211px;
}
#index div#foorumi  {
position: relative;
float: right;
padding-right: 10px;
}
#index div#etusivun_ilmoitukset {
float: left;
position: relative;
padding-left: 0px;
width: 315px;
min-height: 275px;
}
#index div#etusivun_ilmoitukset .rss {
border: 0;
margin-left: 10px;
margin-bottom: -2px;
}
#index div#etusivun_ilmoitukset .date {
font-size: 0.8em;
color: #808080;
}
#index div#etusivun_kalenteri {
float: right;
position: relative;
padding-left: 0px;
width: 260px;
}
#index div#etusivun_kalenteri .rss {
border: 0;
margin-left: 10px;
margin-bottom: -2px;
}
#index div#etusivun_alaosa ul#lataaul {
padding-left: 1px;
margin-top: -5px;
}
#index div#etusivun_keskiosa h3 {
margin-top: 0.5em;
}
#index div#etusivun_keskiosa h3#kalots {
padding-left: 5px;
}
#index div#etusivun_alavasen  {
float: left;
position: relative;
padding-left: 0px;
width: 350px;
}
#index div#etusivun_ilmoitukset ul {
list-style-image: url(../images/square.gif);
margin-left: 5px;
}
#index div#etusivun_alavasen img {
border: 0;
}
#webinfo div#content ul {
margin-top: -10px;
margin-left: 10px;
padding-top: 1.5em;
}
#webinfo div#content h3 {
margin-top:1.5em;
margin-bottom: -0.5em;
}
#webinfo div#content p {
margin-left:20px;
}

/* kellutusten tyhjäys */
.clear {
content: ".";
height: 0;
visibility: hidden;
display: block;
clear: both;
}
/* etusivun testiä varten */
#index div#etusivun_keskiosa {
/*background-color: yellow;*/
}
#index div#etusivun_alaosa {
/*background-color: red;*/
}