/*
ESIMERKKEJÄ MITEN TYYLIT TOIMIVAT:
perusmääritykset vaikuttavat kaikkialle esim:
  .[tyyli]
 esim. 
  .otsikko
  .teksti

Mikäli halutaan muokata tietyn sisältöpalasen määrityksiä käytetään
  .sisalto_[palaid] .[tyyli]
 esim.
  .sisalto_1
  .sisalto_2 .otsikko
  .sisalto_4 .teksti
  
Jos taas vain tietyn sivun tietyn sisältöpalasen tietoja
  #sisalto_[sivuid]_[palaid] .[tyyli]
 esim.
  #sisalto_3_3
  #sisalto_3_2 .otsikko
  #sisalto_4_4 .teksti
*/



/* paikallisasetukset */


.sisalto_1 {
  padding-left: 10px;
}
.sisalto_2 {
  padding-left: 10px;
  padding-right: 20px;
  margin-bottom: 30px;
}

.sisalto_3 {
  padding-left: 10px;
  padding-right: 20px;
}

.sisalto_4 {
  padding-left: 10px;
  padding-right: 20px;
}



h1, .otsikko {
  font-family: Arial;
  font-size: 15px;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  margin-bottom: 15px;
  margin-top: 0px;
}

h2, .otsikko2 {
  font-family: Arial;
  font-size: 12px;
  color: #000000;
  text-decoration: none;
  margin-bottom: 0px;
  margin-top: 0px;
}

h3, .otsikko3 {
  font-family: Arial;
  font-size: 10px;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  margin-bottom: 0px;
  margin-top: 0px;
}

.teksti {
  font-family: Arial;
  font-size: 1qpx;
  color: #333333;
  text-decoration: none;
}

A:link, A:visited  {
  font-family: Arial;
  color: #FF6600;
  font-size: 10px;
  text-decoration: none;
}

A:hover  {
  font-family: Arial;
  color: #FF6600;
  font-size: 10px;
  text-decoration: none;
}

b {
  font-size: 11px; 
  font-weight: bold; 
}

#listaa{
  padding-bottom: 3px;
  padding-top: 3px;
}

.listaa{
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  font-style: normal; 
  text-decoration: none; 
  font-weight: normal; 
  color: #000000;
}



/*  CMS tyylit  (ei tarvii muokata)*/


.infoteksti {
  font-family: Verdana;
  font-size: 9px;
  color: #666666;
  text-decoration: none;
}

div, td { 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  font-style: normal; 
  text-decoration: none; 
  font-weight: normal; 
  color: #000000;
}
  
.box_otsikko { 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 13px; 
  font-style: normal; 
  text-decoration: none; 
  font-weight: bold; 
  color: #000000;
  padding-left: 35px;
  margin-bottom: 10px;
  text-transform:uppercase
  }
  
#add {
  background-color: #CCCCCC;
  font-size: 11px; 
  font-style: normal;
  width: 200px;
}
 
#edit {
  position: relative;
  font-size: 11px; 
  font-style: normal;
  text-align: right;
  width: 200px;
}
  
#edit a {
  color: #000000;
}

#logout{
  position: fixed;
  top: 5px;
  left: auto;
  right: 5px;
  float:right;
}

#logout a {
  color: #000000;
}

#add a {
  color: #000000;
}

.more {
  background-color: #FFFFFF;
  border-style: solid;
  border-width: 1px;
  overflow: auto;
  padding: 5px
}

#sisalto_5_1 {
  padding-left: 50px;
}

#sisalto_5_1 .teksti {
  color: #C5C6C8;
}

#sisalto_4_2 h1 {
  color: #FFFFFF;
  }

#sisalto_4_2 .teksti {
  color: #FFFFFF;
  font-size: 13px; 
}

    #palautelomake .tekstikentta {
      width: 150px;
      border-style: solid;
      border-color: #D7D5BE;
    }
    #palautelomake .textarea {
      width: 230px;
      height: 110px;
      border-style: solid;
      border-color: #D7D5BE;
    }
    #palautelomake td {
      font-weight: normal;
      font-family: Arial;
      font-size: 10px;
    }
    #palautelomake .button {
      width: 140px;
      height: 23px;
      border-style: solid;
      border-color: #D7D5BE;
      background-color: #D7D5BE;
      color: #000000;

    }
    
#ajankohtaista {
  margin-bottom: 20px;
  border-color: #C6BB9C;
  border-style: solid;
  border-width: 1px 1px 1px 0px;
  background-color: #FFFFFF;
  width: 250px;
  padding: 5px;
}
#ajankohtaista h6 {
  font-size: 14px;
  font-weight: bold;
  margin: 2px 2px 10px 0px;
  color: #C6BB9C;
}

#logo {
background-image: url(layout/yla780-logo.gif);
background-repeat: no-repeat;
background-color: #C6BB9C;
background-position: 50px 50px;
}

a.ajankohtaista_lista {
  color: #000000;
}