body{
	font-family: arial;
	margin: 0;
	padding: 0;
}

strong{
	font-weight: bold;
}

p, strong, a, span {
	font-size: 12px;
	color: #1d54a3;
}

a#liityjaseneksi
{
    display: block;
    height: 110px;
    width: 220px;
    position: absolute;	
    margin: -100px 0 0 -20px;
}

#container{
	margin: 0 auto;
	width: 1000px;
}

*html #alasivucontent
{
}

#menu{
	padding-top: 212px;
	padding-left: 59px;
}

#menu ul
{
    list-style: square;
    color: #FFCA44;
}

#menu li{
	padding-right: 27px;
	float: left;
}

#menu a{
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	display: block;
}

#menu ul li ul li:hover
{
    background-color: #3767b4;
}

#menu ul li ul
{
  display: none;
  position: absolute;
  z-index: 9999;
  padding-top: 12px;
  margin: 0px 0 0 -5px;
  background-color: #72afe6;
}

#menu ul li:hover ul
{
  display: block;
}

#menu ul li ul li
{
  width: 100%;
  list-style-type: none;
  clear: both;
  display: block;
  padding: 2px 0px;
}

*html #menu ul li ul li
{
  width: 125px;
  display: inline;
}

#menu ul li ul li a
{
  padding: 0 6px;
  font-size: 12px;
}

#menu ul li ul li ul
{
  display: none !important;
  padding:0;
  margin: -16px 0 0 125px;
  display: block;
  position: absolute;
}

#menu ul li ul li:hover ul
{
  display: block !important;
}

#header{
	width: 1000px;
	height: 240px;
	background: url("../img/headerbg2.jpg");
}

#content
{
	float: left;
	width: 1000px;
	min-height: 530px;
	background: url("../img/contentbg.jpg");
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 10px;
}

#mainleft{
	float: left;
	width: 200px;
	padding-top: 140px;
	margin-left: 44px;
}

*html #mainleft{
	margin-left: 14px !important;
}

#mainmiddle{
	float: left;
	width: 470px;
	margin-left: 20px;
	padding-top: 26px;
	margin-top: 14px;
}

#mainmiddle h1{
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	padding-left: 15px;
	padding-top: 10px;
}

#mainmiddle h2{
	color: #1d54a3;
	font-size: 14px;
	font-weight: bold;
	padding-left: 15px;
	padding-top: 20px;
}

#mainmiddle p{
	color: #1d54a3;
	font-size: 12px;
	padding-left: 15px;
	padding-top: 20px;
	padding-right: 15px;
}

#mainmiddle a{
	color: #1d54a3;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}

#mainright{
	float: left;
	width: 200px;
	margin-left: 20px;
	margin-top: 26px;
}

#mainright div.right-topic
{
    background: url('../img/darkbluehat.png'); 
    background-repeat: no-repeat;
    width: 200px; 
    height: 31px; 
    margin-top: 15px;	
}

#mainright div.right-topic h1
{
   padding-top: 6px; 
   padding-left: 12px; 
   float: left; 
   color: #FFF; 
   font-size: 16px;	
}

*html #mainright div.right-topic h1
{
  font-size: 12px;	
}

#mainright div.right-topic p
{
	padding-top: 8px; 
	padding-right: 12px; 
	float: right; 
	color: #FFF; 
	font-size: 12px;	
}

#mainright div.right-topic a
{
   color: #ffffff;	
}

div.box-white
{
  background-color: #ffffff !important;	
  display: block;
}

#mainright #jasenille ul,
#mainright #jasenille ul li
{
	list-style-type: none;
	padding:0;
	margin:0;
	line-height: 14px;
}

#mainright div.boxcontent
{
  margin-bottom: 7px;	
  padding-bottom: 2px;
}

html #mainright #jasenille ul li p
{
	padding:0;
	line-height: 14px;
	font-size: 10px;
}

#mainright #login
{
  margin: 0px 0 -8px 0px;
}

#mainright #login input.text
{
  margin: 1px 0 2px 20px;
  float: none;
}

#footer{
	width: 1000px;
	height: 120px;
	background-color: #ffffff;
}

*html #footer
{
  height: 140px;	
}

#allergiaportaali{
	background: url('../img/darkbluehat.png'); 
	width: 200px; 
	height: 31px; 
	margin-top: 15px;
}

#allergiaportaali h1{
	padding-top: 5px; 
	padding-left: 12px; 
	float: left; 
	color: #FFF; 
	font-size: 16px;
}

#allergiaportaali p{
	padding-top: 8px; 
	padding-right: 12px; 
	float: right; 
	color: #FFF; 
	font-size: 12px;
}

#allergiaportaali a{
	color: #FFF;
}

.left{
	float: left;
}

.right{
	float: right;
}

.smallbox{
	width: 199px;
	margin-top: 14px;
}

.boxhat{
	background: url("../img/boxhat.png");
	width: 199px;
	height: 20px;
}

.boxbottom{
	background: url("../img/boxbottom.jpg");
	width: 199px;
	height: 14px;
}

.boxcontent{
	background: #FFF;
	padding-bottom: 2px;
}

.boxcontent strong{
	color: #1d54a3;
	font-size: 12px;
	font-weight: bold;
}

.boxcontent p{
	color: #1d54a3;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.textcenter{
	text-align: center;
}

.blocks a{
	display: block !important;
	position: relative;
	text-align: left;
	text-decoration: none;
	font-size: 12px !important;
}

.blocks {
	width: 100px;
	padding-right: 25px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-left: -15px !important;
	visibility: hidden;
	background: #72afe6;
	position: absolute;
}

.dropmargin{
	position: relative; 
	padding-top: 15px;
	padding-left: 20px;
	margin-left: -15px !important;
}

.bigindexhat{
	background: url('../img/bigindexhat.png'); 
	width: 470px; 
	height: 40px;
}

.bigindexbottom{
	background: url('../img/bigindexbottom.png'); 
	width: 472px; 
	height: 14px;
}

.indexhat{
	 background: url('../img/indexhat.png'); 
	 width: 230px; 
	 height: 40px;
}

.indexbottom{
	background: url('../img/indexbottom.png'); 
	width: 230px; 
	height: 14px;
}

#alasivucontent{
	float: left; 
	margin-left: 30px; 
	margin-top: 40px;
}

#alasivucontent a
{
  text-decoration: underline;	
}

*html #alasivucontent{
    margin-left: 10px;	
}

#alasivuhattu{
	 width: 683px; 
	 height: 40px; 
	 background: url('../img/pagehat.png') no-repeat;
}

#alasivuhattu h1{
	color: #FFF; 
	font-size: 18px; 
	padding: 10px 10px;
}

*html #alasivuhattu h1{
   padding: 10px 10px 6px;
}

#alasivupohja{
	width: 683px; 
	height: 14px; 
	background: url('../img/pagebottom.png');
}

#alasivutext{
	background-color: #FFFFFF; 
	width: 684px; 
	min-height: 400px;
	background-position: right bottom;
	background-repeat: no-repeat;
	background-color: #ffffff;
}

#alasivutext img
{
  padding: 5px;	
}

*html #alasivutext{
	height: 430px;
}

body.vertaisryhmaet #alasivutext
{
	background-image: url('../img/alasivubg.jpg'); 	
}

body.virkistys #alasivutext
{
	background-image: url('../img/indextapahtumatbg.jpg');
}

body.neuvonta #alasivutext
{
	background-image: url('../img/indexilmainenbg.jpg');	
	background-position: left bottom;
}

#alasivutext p,
#alasivutext h1,
#alasivutext h2,
#alasivutext h3,
#alasivutext h4{
	padding: 10px 30px 0px 30px;
}

#alasivutext ul{
	margin-left: 30px;
	list-style-type: none;
}

#alasivutext  strong{
	display: block;
	padding: 30px 30px 0px 30px;
}

hr.break
{
  clear: both;
  visibility: hidden;	
}

#ajankohtaista div.boxcontent ul
{ 
  list-style-type: none;
  margin:0;
}

#ajankohtaista div.boxcontent ul li
{
  margin: 8px 0;
  line-height: 13px;	
}

body{
	font-family: arial;
	margin: 0;
	padding: 0;
}

strong{
	font-weight: bold;
}

p, strong, a, span {
	font-size: 12px;
	color: #1d54a3;
}

a#liityjaseneksi
{
    display: block;
    height: 110px;
    width: 220px;
    position: absolute;	
    margin: -100px 0 0 -20px;
}

#container{
	margin: 0 auto;
	width: 1000px;
}

*html #alasivucontent
{
}

#menu{
	padding-top: 212px;
	padding-left: 59px;
}

#menu ul
{
    list-style: square;
    color: #FFCA44;
}

#menu li{
	padding-right: 27px;
	float: left;
}

#menu a{
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	display: block;
}

#menu ul li ul li:hover
{
    background-color: #3767b4;
}

#menu ul li ul
{
  display: none;
  position: absolute;
  z-index: 9999;
  padding-top: 12px;
  margin: 0px 0 0 -5px;
  background-color: #72afe6;
}

#menu ul li:hover ul
{
  display: block;
}

#menu ul li ul li
{
  width: 100%;
  list-style-type: none;
  clear: both;
  display: block;
  padding: 2px 0px;
}

*html #menu ul li ul li
{
  width: 125px;
  display: inline;
}

#menu ul li ul li a
{
  padding: 0 6px;
  font-size: 12px;
}

#menu ul li ul li ul
{
  display: none !important;
  padding:0;
  margin: -16px 0 0 125px;
  display: block;
  position: absolute;
}

#menu ul li ul li:hover ul
{
  display: block !important;
}

#header{
	width: 1000px;
	height: 240px;
	background: url("../img/headerbg2.jpg");
}

#content
{
	float: left;
	width: 1000px;
	min-height: 530px;
	background: url("../img/contentbg.jpg");
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 10px;
}

#mainleft{
	float: left;
	width: 200px;
	padding-top: 140px;
	margin-left: 44px;
}

*html #mainleft{
	margin-left: 14px !important;
}

#mainmiddle{
	float: left;
	width: 470px;
	margin-left: 20px;
	padding-top: 26px;
	margin-top: 14px;
}

#mainmiddle h1,
#mainmiddle h1 a{
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	padding-left: 15px;
	padding-top: 10px;
	text-decoration: none;
}
#mainmiddle h1 a:hover { text-decoration: underline; }

#mainmiddle h2{
	color: #1d54a3;
	font-size: 14px;
	font-weight: bold;
	padding-left: 15px;
	padding-top: 20px;
}

#mainmiddle p{
	color: #1d54a3;
	font-size: 12px;
	padding-left: 15px;
	padding-top: 20px;
	padding-right: 15px;
}

#mainmiddle a{
	color: #1d54a3;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}

#mainright{
	float: left;
	width: 200px;
	margin-left: 20px;
	margin-top: 26px;
}

#mainright div.right-topic
{
    background: url('../img/darkbluehat.png'); 
    background-repeat: no-repeat;
    width: 200px; 
    height: 31px; 
    margin-top: 15px;	
}

#mainright div.right-topic h1
{
   padding-top: 6px; 
   padding-left: 12px; 
   float: left; 
   color: #FFF; 
   font-size: 16px;	
}

*html #mainright div.right-topic h1
{
  font-size: 12px;	
}

#mainright div.right-topic p
{
	padding-top: 8px; 
	padding-right: 12px; 
	float: right; 
	color: #FFF; 
	font-size: 12px;	
}

#mainright div.right-topic a
{
   color: #ffffff;	
}

div.box-white
{
  background-color: #ffffff !important;	
  display: block;
}

#mainright #jasenille ul,
#mainright #jasenille ul li
{
	list-style-type: none;
	padding:0;
	margin:0;
	line-height: 14px;
}

#mainright div.boxcontent
{
  margin-bottom: 7px;	
  padding-bottom: 2px;
}

html #mainright #jasenille ul li p
{
	padding:0;
	line-height: 14px;
	font-size: 10px;
}

#mainright #login
{
  margin: 0px 0 -8px 0px;
}

#mainright #login input.text
{
  margin: 1px 0 2px 20px;
  float: none;
}

#footer{
	width: 1000px;
	height: 120px;
	background-color: #ffffff;
}

*html #footer
{
  height: 140px;	
}

#allergiaportaali{
	background: url('../img/darkbluehat.png'); 
	width: 200px; 
	height: 31px; 
	margin-top: 15px;
}

#allergiaportaali h1{
	padding-top: 5px; 
	padding-left: 12px; 
	float: left; 
	color: #FFF; 
	font-size: 16px;
}

#allergiaportaali p{
	padding-top: 8px; 
	padding-right: 12px; 
	float: right; 
	color: #FFF; 
	font-size: 12px;
}

#allergiaportaali a{
	color: #FFF;
}

.left{
	float: left;
}

.right{
	float: right;
}

.smallbox{
	width: 199px;
	margin-top: 14px;
}

.boxhat{
	background: url("../img/boxhat.png");
	width: 199px;
	height: 20px;
}

.boxbottom{
	background: url("../img/boxbottom.jpg");
	width: 199px;
	height: 14px;
}

.boxcontent{
	background: #FFF;
	padding-bottom: 2px;
}

.boxcontent strong{
	color: #1d54a3;
	font-size: 12px;
	font-weight: bold;
}

.boxcontent p{
	color: #1d54a3;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.textcenter{
	text-align: center;
}

.blocks a{
	display: block !important;
	position: relative;
	text-align: left;
	text-decoration: none;
	font-size: 12px !important;
}

.blocks {
	width: 100px;
	padding-right: 25px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-left: -15px !important;
	visibility: hidden;
	background: #72afe6;
	position: absolute;
}

.dropmargin{
	position: relative; 
	padding-top: 15px;
	padding-left: 20px;
	margin-left: -15px !important;
}

.bigindexhat{
	background: url('../img/bigindexhat.png'); 
	width: 470px; 
	height: 40px;
}

.bigindexbottom{
	background: url('../img/bigindexbottom.png'); 
	width: 472px; 
	height: 14px;
}

.indexhat{
	 background: url('../img/indexhat.png'); 
	 width: 230px; 
	 height: 40px;
}

.indexbottom{
	background: url('../img/indexbottom.png'); 
	width: 230px; 
	height: 14px;
}

#alasivucontent{
	float: left; 
	margin-left: 30px; 
	margin-top: 40px;
}

#alasivucontent a
{
  text-decoration: underline;	
}

*html #alasivucontent{
    margin-left: 10px;	
}

#alasivuhattu{
	 width: 683px; 
	 height: 40px; 
	 background: url('../img/pagehat.png') no-repeat;
}

#alasivuhattu h1{
	color: #FFF; 
	font-size: 18px; 
	padding: 10px 10px;
}

*html #alasivuhattu h1{
   padding: 10px 10px 6px;
}

#alasivupohja{
	width: 683px; 
	height: 14px; 
	background: url('../img/pagebottom.png');
}

#alasivutext{
	background-color: #FFFFFF; 
	width: 684px; 
	min-height: 400px;
	background-position: right bottom;
	background-repeat: no-repeat;
	background-color: #ffffff;
}

#alasivutext img
{
  padding: 5px;	
}

*html #alasivutext{
	height: 430px;
}

body.vertaisryhmaet #alasivutext
{
	background-image: url('../img/alasivubg.jpg'); 	
}

body.virkistys #alasivutext
{
	background-image: url('../img/indextapahtumatbg.jpg');
}

body.neuvonta #alasivutext
{
	background-image: url('../img/indexilmainenbg.jpg');	
	background-position: left bottom;
}

#alasivutext p,
#alasivutext h1,
#alasivutext h2,
#alasivutext h3,
#alasivutext h4{
	padding: 10px 30px 0px 30px;
}

#alasivutext ul{
	margin-left: 30px;
	list-style-type: none;
}

#alasivutext  strong{
	display: block;
	padding: 30px 30px 0px 30px;
}

hr.break
{
  clear: both;
  visibility: hidden;	
}

#ajankohtaista div.boxcontent ul
{ 
  list-style-type: none;
  margin:0;
}

#ajankohtaista div.boxcontent ul li
{
  margin: 8px 0;
  line-height: 13px;	
}