/*
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;
}

#sisalto_59_1 {
  padding-left: 0px;
}

#sisalto_59_1 .teksti {
  color: #D6D6D6;
  font-size: 12px;
}

#sisalto_59_2 {
  padding-left: 0px;
  padding-right: 0px;
  color: #D6D6D6;
}

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

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

body {
  margin: 0px;
  text-align: center;	/* IE centering hack */
  background-color: FF6600;
  background-image: url(layout/background.gif);
    background-position: left 41px;
  background-repeat: repeat-x;
  }
    #hyvinvointi
{
	width: 100%;
	/*background: #ffffff;*/
	height: 41px;
}

#hyvinvointilogo

{
	position: absolute;
	left: 5px;	
	top: 3px;
	display: block;
	width: 149px;
	height: 35px;
	background: url(layout/hyvinvointilogo.gif) 0 0 no-repeat;
}

#elisalogo
{
	position: absolute;
	right: 5px;	
	top: 3px;
	display: block;
	width: 54px;
	height: 35px;
	background: url(layout/elisalogo.jpg) 0 0 no-repeat;
}

#hyvinvointilogo span
{
	display: none;	
}

#elisalogo span
{
	display: none;	
}

#frame {
	margin: 10px auto;
	padding: 0px;
	width: 820px;
	background-color: #CCCCCC;
	text-align: left;	/* To end IE centering */
	}

.border-left {
	background-image: url(layout/contentbrd-left-tile.gif);
	background-repeat:repeat-y;
	}
.border-rite {
	background-image: url(layout/contentbrd-rite-tile.gif);
	background-repeat:repeat-y;
	}

.topheader {
	background-image: url(layout/topheader-bkgr.gif);
	padding: 9px 10px;
	}
.menu {
	background-image: url(layout/menu-bkgr.gif);
	}
.submenu {
	background-image: url(layout/submenu-bkgr.gif);
	}

.contentbrd-inner-left {
	background-image: url(layout/contentbrd-inner-left.gif);
	background-repeat:repeat-y;
	}
.contentbrd-inner-rite {
	background-image: url(layout/contentbrd-inner-rite.gif);
	background-repeat:repeat-y;
	}

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

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

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

#sisalto_36_3,#sisalto_13_4,#sisalto_13_2,#sisalto_12_2,#sisalto_12_4,#sisalto_26_2 h3 {
  font-family: Arial;
  font-size: 15px;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  margin-bottom: 5px;
  margin-top: 0px;
}

#sisalto_2,#sisalto_4 h3 {
  font-family: Arial;
  font-size: 15px;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  margin-bottom: 5px;
  margin-top: 0px;
}


li {
  margin-bottom: 7px;
}

.teksti {
  font-family: Arial;
  font-size: 10px;
  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; 
}

.navi:link, .navi:visited  {
  font-family: verdana;
  color: #666666;
  font-size: 11px;
  text-decoration: none;
  text-transform:uppercase;
  font-weight: bold;
}

.navi:hover  {
  font-family: verdana;
  color: #000000;
  font-size: 11px;
  text-decoration: none;
  text-transform:uppercase;
  font-weight: bold;
}

.navi_active:link, .navi_active:hover, .navi_active:visited {
  font-family: verdana;
  color: #000000;
  font-size: 11px;
  text-decoration: none;
  text-transform:uppercase;
  font-weight: bold;
}

.navibox {
 padding-left: 4px;
}

.navinuoli {
  color: #FFFFFF;
}

.kielivalikko {
  font-family: verdana;
  font-size: 11px;
}

.alanavi:link, .alanavi:visited, .alanavi:hover  {
  font-family: verdana;
  color: #CCCCCC;
  font-size: 11px;
  text-decoration: none;
}

.alanavi_active:link, .alanavi_active:visited, .alanavi_active:hover  {
  font-family: verdana;
  color: #FFFFFF;
  font-size: 11px;
  text-decoration: none;
}

.alanavi1:link, .alanavi1:visited, .alanavi1:hover  {
  font-family: verdana;
  color: #CCCCCC;
  font-size: 11px;
  text-decoration: none;
}

.alanavi1_active:link, .alanavi1_active:visited, .alanavi1_active:hover  {
  font-family: verdana;
  color: #FFFFFF;
  font-size: 11px;
  text-decoration: none;
}

.alanavinuoli {
  padding-left: 6px;
  color: #FFFFFF;
}

#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;
}

/* Frontpage News block styling */

p.news-date {
	color: #ffffff;
	font-size: 0.9em;
	margin: 5px 0px 0px 0px;
	}
p.news-item {
	margin: 0px 0px 3px 0px;
	padding-bottom: 4px;
	background: url(layout/hline-gray.gif) no-repeat bottom left;
	}
a.news-link:link, a.news-link:visited {
	font-weight: bold;
	font-size: 1.1em;
	padding-right: 12px;
	background: url(layout/frontpg-linkarrow-blk.gif) right 4px no-repeat;
	}
a.news-link:hover {
	color: #ffffff;
	}

p.footerlinks {
	color: #ff6800;
	font-size: 0.9em;
	margin: 5px 0px 0px 0px;
	}
p.news-more {
	margin: 0px 0px 3px 0px;
	}
a.news-more:link, a.news-more:visited {
	font-weight: normal;
	font-size: 1.2em;
	color: #ffffff;
	padding-right: 10px;
	padding-left: 0px;
	}
a.news-more:hover {
	color: #ff6800;
	}



/*  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: #FF0000;

}

#logout{
  position: fixed;
  top: 45px;
  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
}