@charset "UTF-8";
/* CSS Document */

body
{
	background-color: #0D161C;
	background-image: url('images/Tausta_noprofile.jpg');
	background-repeat: repeat-x;
  /*margin: 0em 1em 1em 1.5em;*/
  margin: 10px 10px 10px 10px;
 /* font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;*/
  /*font-style: normal;
  font-weight: normal;
  font-size: 12px;*/
  
}

p
{
  /*margin: 0em 1em 1em 1.5em;*/
  margin: 10px 10px 10px 10px;
  
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  
}


/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */

@font-face {
    font-family: 'fontinbold';
    src: url('http://www.anttiheikkila.com/terveysklubi/fonts/fontin-bold-webfont.eot');
    src: url('http://www.anttiheikkila.com/terveysklubi/fonts/fontin-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.anttiheikkila.com/terveysklubi/fonts/fontin-bold-webfont.woff') format('woff'),
         url('http://www.anttiheikkila.com/terveysklubi/fonts/fontin-bold-webfont.ttf') format('truetype'),
         url('http://www.anttiheikkila.com/terveysklubi/fonts/fontin-bold-webfont.svg#fontinbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'fontinitalic';
    src: url('http://www.anttiheikkila.com/terveysklubi/fonts/fontin-italic-webfont.eot');
    src: url('http://www.anttiheikkila.com/terveysklubi/fonts/fontin-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.anttiheikkila.com/terveysklubi/fonts/fontin-italic-webfont.woff') format('woff'),
         url('http://www.anttiheikkila.com/terveysklubi/fonts/fontin-italic-webfont.ttf') format('truetype'),
         url('http://www.anttiheikkila.com/terveysklubi/fonts/fontin-italic-webfont.svg#fontinitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'fontinregular';
    src: url('http://www.anttiheikkila.com/terveysklubi/fonts/fontin-regular-webfont.eot');
    src: url('http://www.anttiheikkila.com/terveysklubi/fonts/fontin-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.anttiheikkila.com/terveysklubi/fonts/fontin-regular-webfont.woff') format('woff'),
         url('http://www.anttiheikkila.com/terveysklubi/fonts/fontin-regular-webfont.ttf') format('truetype'),
         url('http://www.anttiheikkila.com/terveysklubi/fonts/fontin-regular-webfont.svg#fontinregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'fontin_smallcapssmallcaps';
    src: url('http://www.anttiheikkila.com/terveysklubi/fonts/fontin-smallcaps-webfont.eot');
    src: url('http://www.anttiheikkila.com/terveysklubi/fonts/fontin-smallcaps-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.anttiheikkila.com/terveysklubi/fonts/fontin-smallcaps-webfont.woff') format('woff'),
         url('http://www.anttiheikkila.com/terveysklubi/fonts/fontin-smallcaps-webfont.ttf') format('truetype'),
         url('http://www.anttiheikkila.com/terveysklubi/fonts/fontin-smallcaps-webfont.svg#fontin_smallcapssmallcaps') format('svg');
    font-weight: normal;
    font-style: normal;

}

td
{
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  
}

a:link, a:visited {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	color: #1f41af;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: none;
	font-size: 12px;
}




h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover {
	font-family: "fontinbold";
  	padding-top: 30px;
  	padding-bottom: 20px;
  	margin: 10px 10px 10px 10px;
  	/*padding-top: 20px;*/
  	font-size: 24px;  
  	color: #1f41af;
	font-weight: normal;
  	font-style: normal;
  	letter-spacing:1.5px;
  	line-height: 25px;
  	
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover {
  	font-family: "fontinbold";	
  	padding-top: 0px;
  	/*padding-bottom: 10px;*/
  	margin: 20px 10px 10px 10px;
  	font-size: 19px;
  	color: #000000;
	font-weight: normal;
  	
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover {
  	font-family: "fontinitalic";
  	margin: 15px 10px 10px 10px;
  	padding-top: 10px;
  	padding-bottom: 10px;
  	font-size: 18px;
  	/*font-style: italic;*/
  	color: #000000;
	font-weight: normal;
	
}



h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover {
  	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;	
  	margin: 20px 10px 10px 10px;
  	font-size: 14px;
  	color: #1f41af;
	font-weight: bold;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover {
	font-family: fontin, "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
  	margin: 10px 10px 10px 10px;
  	font-size: 14px;
  	color: #1f41af;
	font-weight: bold;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover {
	font-family: fontin, "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
  	margin: 10px 10px 10px 10px;
  	font-size: 12px;
  	color: #1f41af;
	font-weight: normal;
}

hr {
  
  width: 95%;
}

.sininen_teksti {
	
	color: #1f41af;
	font-weight: bold;	
}

.kuva_vasemmalle {
	 float: left;
     margin: 15px 15px 15px 10px;
	 border-color: #999999;
	 border-width: thin;
	 border-style:solid;
}

.kuva_oikealle {
	 float: right;
     margin: 15px 15px 15px 10px;
	 border-color: #999999;
	 border-width: thin;
	 border-style:solid;
}

.small_text {
 	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
  	font-style: normal;
  	font-weight: normal;
	color: #1f41af;
	font-size: 10px;
	margin-left: 10px;
	
}

.otsikkofontti {
	font-family: "fontinregular";
	
	/*font-weight: 100;*/
	font-size: 28px;
	color: #1f41af;
	margin-left: 25px;
	margin-top: 20px;
	margin-bottom: 18px;
	letter-spacing:1.5px;
}

.otsikkofontti_teema {
	font-family: "fontinitalic";
	/*font-style: italic;*/
	font-weight: 100;
	font-size: 42px;
	color: #1f41af;
	margin-left: 35px;
	margin-top: 45px;
	margin-bottom: 18px;
	letter-spacing:2.5px;
}

.otsikkofontti_teema_keskustelu {
	font-family: "fontinitalic";
	/*font-style: italic;*/
	font-weight: 100;
	font-size: 30px;
	color: #1f41af;
	text-shadow: 1px 1px #fff;
	margin-left: 0px;
	margin-top: 60px;
	margin-bottom: 3px;
	letter-spacing:2.5px;
}

.otsikkofontti_teema2 {
	font-family: "fontinitalic";
	/*font-style: italic;*/
	font-weight: 100;
	font-size: 42px;
	color: #1f41af;
	margin-left: 35px;
	margin-top: 60px;
	margin-bottom: 3px;
	letter-spacing:2.5px;
}

.otsikkofontti_harmaa {
	font-family: "fontinitalic";
	/*font-style: italic;
	font-weight: 100;*/
	font-size: 22px;
	color: #777777;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	letter-spacing:1px;
}

.otsikkofontti_harmaa2 {
	font-family: "fontin";
	font-size: 14px;
	color: #333333;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	letter-spacing:1px;
}

#oikean-palstan-mainos {
	width:260px;
	background-color:#f7e2a6;
	margin:0 auto;
	padding-bottom: 10px;
}

#oikean-palstan-mainos p {
	font-family: "fontinitalic";
	font-size: 15px;
	color:#aa6a2d;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	/*letter-spacing:1px;*/
}

.ingressi {
	font-family: "fontinregular";
	
	/*font-weight: normal;*/
	font-size: 17px;
	color: #000000;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 25px;
	/*margin-bottom: 18px;*/
	
}

.ingressi_small {
	font-family: "fontinregular";
	
	/*font-weight: normal;*/
	font-size: 14px;
	color: #000000;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 25px;
	/*margin-bottom: 18px;*/
	
}

.otsikkofontti_pienempi {
	font-family: "fontinregular";
	
	/*font-weight: normal;*/
	font-size: 27px;
	color: #1f41af;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 15px;
	margin-bottom: 15px;
	/*letter-spacing:1px;*/
}


.valilehdet {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  color: #1f41af;
}

/*-----------------------------------------------------------
	HEADER
-------------------------------------------------------------*/


div.header {
	margin: 0 auto; 
  	position: relative;
	z-index: 0;
	width: 960px;
 	height: 115px;
 	overflow: hidden;
  	background-color: FFFFFF;
  	border-color: #999999;
  	border-style:solid;
  	border-width: 1px;
}

div.header_image
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  margin: 0px 0px 0px 0px;
  width: 960px;
  height: 115px;
}

/*------------------------------------------------
	ASEMOINTI
--------------------------------------------------*/

div.navigointi {
  top: 17px;
  margin-bottom: 35px;
  position: relative;
  height: 29px;
  width: 960px;  /*660px*/
  z-index: 100;

}

.content
{
  position: relative;
  z-index: 0;
  margin: 20px auto;
  width: 960px;
  min-width: 7px;
  min-height: 7px;
  background-color: transparent;
 
}

div.kirjeita_palsta_oikea_in {
	position: absolute;
	left: 680px;
	top:  228px; /*134px*/
	width: 270px;
	padding-top: 7px;
	padding-left: 10px;
	padding-bottom: 7px;
	
	background-color: #FFFFFF;
	border-color: #999999;
    border-style:solid;
	border-width: 1px;
}

div.kirjeita_palsta_oikea_not {
	position: absolute;
	left: 680px;
	top:  478px; /*134px*/
	width: 270px;
	padding-top: 7px;
	padding-left: 10px;
	padding-bottom: 7px;
	
	background-color: #FFFFFF;
	border-color: #999999;
    border-style:solid;
	border-width: 1px;
}

div.kirjeita_palsta_oikea_in {
	position: absolute;
	left: 680px;
	top:  218px; /*134px*/
	width: 270px;
	padding-top: 7px;
	padding-left: 10px;
	padding-bottom: 7px;
	
	background-color: #FFFFFF;
	border-color: #999999;
    border-style:solid;
	border-width: 1px;
}

div.user {
	position: absolute;
	left: 680px;
	top: 181px; /*134px*/
	width: 280px;
	height: 19px;
	padding-top: 7px;
	
	background-color: #FFFFFF;
	border-color: #999999;
    border-style:solid;
	border-width: 1px;
}
 
div.user_login {
	position: absolute;
	left: 680px;
	top: 181px; /*134px*/
	width: 280px;
	height: 35px;
	padding-top: 5px;
	
	background-color: #FFFFFF;
	border-color: #999999;
    border-style:solid;
	border-width: 1px;
}

div.oikea_palsta_kirjautuminen {
	position: absolute;
	left: 680px;
	top: 181px; /*178px*/
	padding-top: 103px;
	padding-bottom: 0px;
	width: 280px;
	height: 300px;
	min-height: 80px;
	background-color: #FFFFFF;
	border-color: #999999;
    border-style:solid;
	border-width: 1px;
	background-image: url('images/kirjautuminen-bg.jpg');
	background-repeat: no-repeat;
	/*background-attachment:fixed;*/
	background-position:50px 0px;
	text-align:center;
}





div.oikea_palsta_not {
	position: absolute;
	left: 680px;
	top: 598px; /*178px*/
/*	padding-top: 90px;*/
	width: 280px;
	height: auto;
	min-height: 545px;
	background-color: #FFFFFF;
	border-color: #999999;
    border-style:solid;
	border-width: 1px;

	background-repeat: no-repeat;
	/*background-attachment:fixed;*/
	background-position:10px 0px;
}

div.oikea_palsta_in {
	position: absolute;
	left: 680px;
	top: 228px; /*178px*/
/*	padding-top: 90px;*/
	width: 280px;
	height: auto;
	min-height: 585px;
	background-color: #FFFFFF;
	border-color: #999999;
    border-style:solid;
	border-width: 1px;

	background-repeat: no-repeat;
	/*background-attachment:fixed;*/
	background-position:10px 0px;
}

div.oikea_palsta_not_blogi {
	position: absolute;
	left: 680px;
	top: 478px; /*178px*/
/*	padding-top: 90px;*/
	width: 280px;
	height: auto;
	min-height: 545px;
	background-color: #FFFFFF;
	border-color: #999999;
    border-style:solid;
	border-width: 1px;
}

div.oikea_palsta_in_blogi {
	position: absolute;
	left: 680px;
	top: 228px; /*178px*/
//	padding-top: 90px;
	width: 280px;
	height: auto;
	min-height: 545px;
	background-color: #FFFFFF;
	border-color: #999999;
    border-style:solid;
	border-width: 1px;
}

div.maincontent {
	padding: 25px 0px 25px 15px;
	line-height: 115%;
	position: relative;
	width: 630px; /* oli 602 */
	min-height: 0px;
	background-color: #FFFFFF;
	padding-top: 0px;
}



div.etusivu {
	
	position: relative;
	width: 660px;
	/*height: auto;*/
	min-height: 1250px;
	background-color: #FFFFFF;
	border-color: #999999;
    border-style:solid;
	border-width: 1px;*/
	position: absolute;
	/*top: 155px;*/
	padding-top: 0px;
	
	
	
	/*width: 660px;
	height: auto;
	min-height: 1050px;
	background-color: #FFFFFF;
	border-color: #999999;
    border-style:solid;
	border-width: 1px;*/
}

/*------------------------------------------------------------------------------------------------
	Etusivun asettelu (kuvalaatikot aihealueittain)
--------------------------------------------------------------------------------------------------*/



p.etusivu1, p.etusivu2, p.etusivu2, p.etusivu3, p.etusivu4, p.etusivu5, p.etusivu6, p.etusivu7, 
p.etusivu8 {
	padding-top: 125px;
	margin-left: 10px;	
    line-height:15px;
}

div.etusivu1 {
	
	/*padding-top: 135px;*/
	position: absolute;
	display:block;
	left: 23px;
	margin-top: 20px;
	width: 295px;
	height: 223px;
	min-height: 223px;
	background-color: #FFFFFF;
	border-color: #999999;
    border-style:solid;
    box-shadow: 0px 0px 7px #888888;
	border-width: 1px;
	
	/*top: 155px;*/
	cursor:pointer;cursor:hand;
	margin-top: 0px;
	background-image: url('images/pellinkidieetti.jpg');
	background-repeat: no-repeat;
}

.kirjadrop {
	border-color: #999999;
    border-style:solid;
    box-shadow: 0px 0px 7px #888888;
	border-width: 1px;

}

div.etusivu2 {
	position: absolute;
	display:block;
	right: 23px;
	margin-top: 20px;
	width: 295px;
	height: 223px;
	min-height: 200px;
	background-color: #FFFFFF;
	border-color: #999999;
    border-style:solid;
    box-shadow: 0px 0px 7px #888888;
	border-width: 1px;
	
	/*top: 155px;*/
	cursor:pointer;cursor:hand;
	margin-top: 0px;
	background-image: url('images/Pellinkitreeni.jpg');
	background-repeat: no-repeat;
}

div.etusivu3 {
	position: absolute;
	display:block;
	
	left: 23px;
	margin-top: 20px;
	top: 315px;
	width: 295px;
	height: 223px;
	min-height: 200px;
	background-color: #FFFFFF;
	border-color: #999999;
    border-style:solid;
    box-shadow: 0px 0px 7px #888888;
	border-width: 1px;
	
	/*top: 155px;*/
	cursor:pointer;cursor:hand;
	margin-top: 0px;
	background-image: url('images/Lapset.jpg');
	background-repeat: no-repeat;
}

div.etusivu4 {
	position: absolute;
	display:block;
	
	right: 23px;
	top: 315px;
	margin-top: 20px;
	width: 295px;
	height: 223px;
	min-height: 200px;
	background-color: #FFFFFF;
	border-color: #999999;
    border-style:solid;
    box-shadow: 0px 0px 7px #888888;
	border-width: 1px;
	
	/*top: 155px;*/
	cursor:pointer;cursor:hand;
	margin-top: 0px;
	background-image: url('images/Anti-aging.jpg');
	background-repeat: no-repeat;
}

.etusivubox
{
	width: 295px;
	height: 223px;
	min-height: 200px;
	background-color: #FFFFFF;
	border-color: #999999;
    border-style:solid;
    box-shadow: 0px 0px 7px #888888;
	border-width: 1px;
}

div.etusivu5 {
	position: absolute;
	display:block;
	
	left: 23px;
	margin-top: 20px;
	top: 562px;
	width: 295px;
	height: 223px;
	min-height: 200px;
	background-color: #FFFFFF;
	border-color: #999999;
    border-style:solid;
    box-shadow: 0px 0px 7px #888888;
	border-width: 1px;
	
	/*top: 155px;*/
	cursor:pointer;cursor:hand;
	margin-top: 0px;
	background-image: url('images/Mieli.jpg');
	background-repeat: no-repeat;
}

div.etusivu6 {
	
	display:block;
	position: absolute;
	right: 23px;
	top: 562px;
	margin-top: 20px;
	width: 295px;
	height: 223px;
	min-height: 200px;
	background-color: #FFFFFF;
	border-color: #999999;
    border-style:solid;
    box-shadow: 0px 0px 7px #888888;
	border-width: 1px;
	
	/*top: 155px;*/
	cursor:pointer;cursor:hand;
	margin-top: 0px;
	background-image: url('images/Keittiostani.jpg');
	background-repeat: no-repeat;
}

div.etusivu7 {
	
	display:block;
	position: absolute;
	left: 23px;
	margin-top: 20px;
	top: 810px;
	width: 295px;
	height: 223px;
	min-height: 200px;
	background-color: #FFFFFF;
	border-color: #999999;
    border-style:solid;
    box-shadow: 0px 0px 7px #888888;
	border-width: 1px;
	
	/*top: 155px;*/
	cursor:pointer;cursor:hand;
	margin-top: 0px;
	background-image: url('images/Terveysneuvonta.jpg');
	background-repeat: no-repeat;
}

div.etusivu8 {
	
	display:block;
	position: absolute;
	right: 23px;
	top: 810px;
	margin-top: 20px;
	width: 295px;
	height: 223px;
	min-height: 200px;
	background-color: #FFFFFF;
	border-color: #999999;
    border-style:solid;
    box-shadow: 0px 0px 7px #888888;
	border-width: 1px;
	
	/*top: 155px;*/
	cursor:pointer;cursor:hand;
	margin-top: 0px;
	background-image: url('images/Keskusteluforum.jpg');
	background-repeat: no-repeat;
} 

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

div.alaotsikkokuva {

	width: 660px;
	height: 158px;
	background-color: #FFFFFF;
	
	border-left-color: #999999;
    border-left-style:solid;
	border-left-width: 1px;
	
	border-right-color: #999999;
    border-right-style:solid;
	border-right-width: 1px;
	
	border-top-color: #999999;
    border-top-style:solid;
	border-top-width: 1px;
	
}


div.alavalikko {
	top: 299px;
	left: 2px;
	width: 430px;
	position: absolute;
	height: 44px;
	background-color: #FFFFFF;
	z-index: 2;
}

div.reseptit_header {
	
	position: relative;	
	top: 0px;
	z-index: 0;
	padding-top: 15px;
	
	width: 660px;
	background-color: #FFFFFF;
	border-top-color: #999999;
    border-top-style:solid;
	border-top-width: 1px;
	
	border-left-color: #999999;
    border-left-style:solid;
	border-left-width: 1px;
	
	border-right-color: #999999;
    border-right-style:solid;
	border-right-width: 1px;
	
}

/* Kirjeitä keittiöstäni osio (reseptit) */

div.reseptit {
	position: absolute;
	padding-bottom: 20px;
	width: 660px;
	height: auto;
	min-height: 599px;
	background-color: #FFFFFF;
	
	border-left-color: #999999;
    border-left-style:solid;
	border-left-width: 1px;
	
	border-right-color: #999999;
    border-right-style:solid;
	border-right-width: 1px;
	
	border-bottom-color: #999999;
    border-bottom-style:solid;
	border-bottom-width: 1px;
}

/* Resepti-osion vasen palsta */

.column1 {
	width:435px;
	border-right:1px solid #000000; 
	float:left; 
	text-align:left;
}

/* Resepti-osion oikea palsta */

.column2 {
	width:220px;
	 
	float:left; 
	text-align:left;
}

/* Muista myös Rasalaksen keittokirjat */

div.keittokirjat {
	position: relative;
	top: 620px;
	padding-bottom: 20px;
	width: 660px;
	height: auto;
	min-height: 200px;
	background-color: #FFFFFF;
	
	border-left-color: #999999;
    border-left-style:solid;
	border-left-width: 1px;
	
	border-right-color: #999999;
    border-right-style:solid;
	border-right-width: 1px;
	
	border-bottom-color: #999999;
    border-bottom-style:solid;
	border-bottom-width: 1px;
}

/* Uutiskirje sähköpostiversio */

div.uutiskirje_mail {
  position: relative;
  z-index: 0;
  /*margin: 20px auto;*/
  width: 570px;
  height: auto;
 
  background: #FFFFFF;
}

div.uutiskirje_header_mail {
	width: 570px;
	height: 150px;
	
	margin: 20px auto;
	background-image: url('images/Uutiskirje530.jpg');
	background-repeat: no-repeat;
}
div.uutiskirje_content_mail {

}
		

#navi {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  color: #FFFFFF;
  cursor:pointer;cursor:hand;
}
#navi-no {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  color: #FFFFFF;
}

#navi2 {
  margin: 1em 1em 1em 1em;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
  font-style: bold;
  font-size: 12px;
  color: #FFFFFF;
  cursor:pointer;cursor:hand;
}
#alanavi {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	color: #1f41af;
	text-decoration: none;
  cursor:pointer;cursor:hand;
}
iframe {
margin-top: -110px;
border: 0px solid #ffffff;
}


div.teemat {
    
	    
    position: relative;
	display:block;
	left: 15px;
	margin-top:5%;
	width: 600px;
	height: 320px;/*oli 355*/
	/*min-height: 395px;*/
	background-color: #FFFFFF;
	border-color: #999999;
    border-style:solid;
    box-shadow: 0px 0px 7px #888888;
	border-width: 1px;
	


}

div.teemat_ylaosa {

 	position: absolute;
	display:block;
	left: 20px;
	margin-top: 0px;
	width: 560px;
	height: 150px;/* oli 180*/
	min-height: 150px;
	background-color: #FFFFFF;
	border-color: #999999;
    border-style:solid;
    /*box-shadow: 0px 0px 7px #888888;*/
	border-width: 1px;
}

div.teemat_alaosa {

 	position: absolute;
 	top: 200px;
	display:block;
	left: 20px;
	margin-top: 20px;
	width: 560px;
	height: 120px;
	min-height: 120px;
	background-color: #FFFFFF;
	
}
/*ul
{
list-style-image:url('images/nuoli_vasen.png');
} */

ul { list-style-type:none; }
ul li { background: url('images/nuoli_vasen.png') no-repeat 0px 3px; 
		padding-left: 1.5em;
}

ul li.frontpage { 
		padding-left: 1.5em;
}


li
{
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
}

.otsikkofontti_harmaa_pieni {
	font-family: fontin;
	font-style: italic;	
	font-size: 18px;
	color: #777777;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	letter-spacing:1px;
}

.keskustelu
{
  /*margin: 0em 1em 1em 1.5em;*/
  
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  color: #808080;  
}

.videootsikko {
  	font-family: "fontinitalic";
  	margin: 10px 10px 15px 0px;
  	padding-top: 10px;
  	padding-bottom: 10px; 
  	font-size: 16px;
  	/*font-style: italic;*/
  	color: #000000;
	font-weight: normal;
	
}

.etublogi {
  	font-family: "fontinitalic";
  	margin: 15px 0px 10px 0px;
  	padding-top: 10px;
  	padding-bottom: 10px;
  	font-size: 16px;
  	color: #000000;
	font-weight: normal;
	
}