

/* Tyylit */
body {
	margin:0;
	background-color:#f1edef;
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
}

td{
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
}


/* Tällä pakotetaan editorin sisällön linkit oikean näköisiksi
   Eli yleensä sama tyyli kuin tuossa yllä a-elementille, mutta jokaisen perään !important */
.mceContentBody a,.mceContentBody a:link, .mceContentBody a:visited{
	font-family: arial !important;
	color: #ab0000 !important;
	text-decoration: none !important;
}
.mceContentBody{
	background:transparent !important;
}



a.news, a.news:link, a.news:visited {
	color:#0c6c94;
	text-decoration: none;
}

.login {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}

input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.text{
	width:100%;
}

h1 {
	font-size: 16px;
	color: red;
}

h2 {
	font-size: 14px;
	color: #000000;
}

h3 {
	font-size: 12px;
	color: #000000;
}

h4 {
	color: #458AD7;
}

h5 {
	color: #458AD7;
}

h6 {
	color: #458AD7;
}


.error_message{
	color:#ab0000;
	margin:10px 0 20px 0;
}
.success_message{
	color:#368b1c;
	margin:10px 0 20px 0;
}

/* Dropdownmenu */
.menuarea{
	position:absolute;
	display:none;
	width:180px;
	border:1px solid #c3c3c3;
	background-color:white;
	padding-bottom:5px;
}

#menutable .menutop_a{
	color:#6D3A78;
	padding:0 4px;
}
#menutable .menutop{
	color:#3c3c3c;
	padding:0 4px;
}

#menutable .menusub_a{
	color:#6D3A78;
	padding:0 4px;
	font-weight:bold;
	display:block;
}
#menutable .menusub{
	color:#3c3c3c;
	padding:0 4px;
	display:block;
}


/*VANHALTA*/

a {
	color: #e06aa8;
	text-decoration: none;
}


a:hover {
	color: #6d57a5;
}

body {
	background-color: #f1edef;
		/* keskitetty sisältöalue */
	margin: 0 0 0 0;
	font-family: Tahoma, Arial, Verdana;
}
#body-tulostettava {
	font-family: Tahoma, Arial, Verdana;
	width: 80%;
}


#ylapalkki-container {
	width: 964px;
	height: 285px;
	position: relative;
	top: 0px;
	left: 0px;
}

#vaakanavi {
	position: absolute;
	top: 246px;
	left: 20px;
}

#vaakanavi td {

}

#ylapalkki p.vaakanavi {
	color: #2f2f2e;
	font-size: 12px;
	margin: 0 0 0 0;
	font-weight: normal;
	/* text-transform: uppercase; */
}

#ylapalkki p a {
	text-decoration: none;
	color: #2f2f2e;
}
#ylapalkki p a:hover {
	color: #2f2f2e;
	text-decoration: underline;
}
#ylapalkki p a.akt {
	text-decoration: underline;
}




/* vasemman palstan tyylit */

#vasen {
	width: 213px;
	padding-left: 15px;
	vertical-align: top;
	padding-top: 15px;

/*	border: 1px solid green;  */

}

#vas-navi {
	width: 100%;
}

#vas-navi td {
	width: 100%;
	padding-left: 10px;
}

#vas-navi td a {
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	padding-left: 8px;
}

/* aina sama hover väri */
#vas-navi td.taso1 a:hover, #vas-navi td.taso2 a:hover, #vas-navi td.taso3 a:hover {
	color: #8b79b8;
}
/* aina sama aktiivinen väri */
#vas-navi td.taso1akt a, #vas-navi td.taso2akt a, #vas-navi td.taso3akt a {
	color: #8b79b8;
	
}



#vasen img {
	margin-bottom: 5px;
}


/* oikean palstan tyylit */

.oikealaatikko {
	margin-top: 15px;
}

.oikealaatikko2 {
	margin-top: 15px;
	padding-left:30px;
}
#oikea {
	width: 350px;

	vertical-align: top;
	padding-top: 30px;
	padding-left: 30px; 
/*	border: 1px solid green;  */

}

#oikea2 {
	width: 270px;

	vertical-align: top;
	padding-top: 30px;
	
/*	border: 1px solid green;  */

}

#oikea td {
	padding: 0px;
}
#oikea table {
	padding: 0px;
}




#oikea p {
	font-size: 13px;
	margin: 0 10px 7px 0;
}

#oikea p a {
	color: #a00000;
	text-decoration: none;
}

#oikea img {
	/* margin-bottom: 10px; */
}

#oikea p.kaikkitiedotteet {
	margin-top: 15px;
}


/* keskipalstan tyylit */

#keskipalsta {
	width: 657px;
	font-size: 13px;
	vertical-align: top;
	padding-top: 15px;
	padding-left: 8px;
	padding-right: 30px;

/*	border: 1px solid green;	*/

}

#keskipalsta img{
	margin:0 15px 5px 0;
}

#keskipalsta #tiedotteet h3 {
	color: #D275A0;
	font-size: 16px;
	margin: 0;
}
#keskipalsta #tiedotteet h4 {
	color: #D275A0;
	font-size: 12px;
	margin: 0;
}

/* enneagrammi-etusivun termit */
div.enneagrammikuva {
	background-image: url(../img/namaste_layout_1/enneagrammikuva.jpg);
	background-repeat: no-repeat;
	position: relative;
	width: 383px;		/* vähän leveämpi kuin taustakuva jotta tekstit ei wrappaa */
	height: 282px;
	left: 110px;

/*	border: 1px solid red; */
}

div.tyyppi1,div.tyyppi2,div.tyyppi3,div.tyyppi4,div.tyyppi5,div.tyyppi6,div.tyyppi7,div.tyyppi8,div.tyyppi9 {
	position: absolute;
}

div.tyyppi1 {
	left: 235px;
	top: 50px;
}

div.tyyppi2 {
	left: 275px;
	top: 120px;	
	
}

div.tyyppi3 {
	left: 255px;
	top: 200px;	
}

div.tyyppi4 {
	left: 200px;
	top: 250px;	
}

div.tyyppi5 {
	left: -20px;
	top: 250px;	
}

div.tyyppi6 {
	position: absolute;
	left: -120px;
	top: 200px;	
}

div.tyyppi7 {
	left: -115px;
	top: 120px;	
}

div.tyyppi8 {
	left: -40px;
	top: 50px;	
}

div.tyyppi9 {
	left: -10px;
	top: 0px;	
}





h3.otsikko {
	font-size: 16px;
	margin-top: 0;
}

h2 {
	font-size: 15px;
	color:   #6d57a5;
}



#leipateksti {
	font-size: 13px;
}

#leipateksti img {
	margin-bottom: 10px;
	margin-top: 5px;
}

/* alapalkin tyylit */

#alapalkki {
	width: 964px;
	height: 100px;
	background-image: url(../img/namaste_layout_1/alapalkki-tausta.gif);
	text-align: center;
	vertical-align: top;
}

#alapalkki p {
	color: #7a7776;
	font-size: 12px;
	margin-top: 9px;
	font-weight: bold;
}

#alapalkki p a {
	color: #7a7776;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;

	margin: 25px 40px 0 40px;
}

#alapalkki p a:hover {
	text-decoration: underline;
}



/* etusivun tyylit */

.etusivu-vasen {
	width: 241px;
	vertical-align: top;

}

.etusivu-vasen div {
	text-align: right;
	padding: 0 7px 0 0;
}

.etusivu-vasen div.marika-banneri {
	width: 209px;
	height: 270px;
	background-image: url(../img/namaste_layout_1/marika_.jpg);
	padding: 0;
	margin: 0 0 3px 23px;
	position: relative;
}

.etusivu-vasen div.marika-banneri a.linkki1 {
	position: absolute;
	display: block;
	top: 233px;
	left: 42px;
}
.etusivu-vasen div.marika-banneri a.linkki2 {
	position: absolute;
	display: block;
	top: 247px;
	left: 25px;
}





.etusivu-keski {
	width: 427px;
	vertical-align: top;
		border-right: 1px solid #C6BEC4;
			border-left: 1px solid #C6BEC4;
			padding:10px 0;
	
}

.etusivu-keski p{
	
	padding:0 10px;
	
}

.etusivu-keski .ingressi, .etusivu-keski .leipateksti, .etusivu-keski .lisatiedot,
.etusivu-keski .kommentti, .etusivu-keski #liitetiedostot, .etusivu-keski #linkit {
	margin: 0 10px 0 35px;
	font-size: 13px;
	color: #747070;
}

/* että taulukon solussa teksti alkaa kuvan yläreunan kohdalta */

#keskipalsta #leipateksti table td p {
	margin-top: 3px;
	
}



.etusivu-keski h3 {
	margin: 0 10px 0 35px;
	font-size: 18px;
	color: #DE9DBB;
}


.etusivu-keski-alaosa {
	vertical-align: bottom;
}

.etusivu-keski-alaosa #bloginosto {
	margin: 0 10px 0 10px;
	font-size: 13px;
	color: #747070;
	/* border: 1px solid green; */
}

.etusivu-keski-alaosa #bloginosto h3 {
	font-size: 18px;
	color: #A8BFDF;
	display: inline;
}

.etusivu-keski-alaosa #bloginosto img.luelisaa {
	display: block;
	margin: 20px 0 20px 330px;
}



.etusivu-oikea {
	width: 296px;
	vertical-align: top;
	padding:0 0 0 0;
	
}


.etusivu-oikea div {
	/*border-top: 1px solid #C6BEC4;*/
	width: 263px;
/*	padding: 14px 0 14px 16px; */
	padding: 8px 0 8px 16px;
}

.etusivu-oikea div.ylin {
	border-top: none;
}

a.enneagrammikuvalinkki {
	color: #78a2d0;
}

a.enneagrammikuvalinkki:hover {
	color: #e06aa8;
}



/* ostoskori */


td.ok-tuotetiedot div {
	margin: 10px 0;
}


img.ok-tuotekuva {
/*	width: 116px; */
}

td.ok-otsikko-kategoria {
	color: #7589D2;
	font-size: 15px;
	padding-bottom: 20px;
}
td.ok-otsikko-kategoria2 {
	font-size: 12px;
	color: #7589D2;
	padding-bottom: 20px;
}


p.err {
	color: red;
	font-weight: bold;
}


.ostoskori-kiitosviesti {
	color:#D2759F;
	font-style:italic;
	font-weight:bold;
	font-size:150%;
}


.ostoskori-breadcrumb {

	margin-bottom: 20px;

	font-size: 14px;
	color: #D2759F;
	font-weight: bold;
}

.ostoskori-tuotelista-ruler
{
	border: 0;
	color: #A4A1A0;
	background-color: #A4A1A0;
	height: 1px;
}



/* Enneagrammitesti */

div.testikortit {
	width: 850px;
	margin: 0 auto;
}


/*
div.testikortit img.eivalittu11, div.testikortit img.eivalittu12, div.testikortit img.eivalittu13 {
	border: 2px solid #9FBBE2;
}
div.testikortit img.eivalittu21, div.testikortit img.eivalittu22, div.testikortit img.eivalittu23 {
	border: 2px solid #E5BBD1;
}
div.testikortit img.eivalittu31, div.testikortit img.eivalittu32, div.testikortit img.eivalittu33 {
	border: 2px solid #C8E1C4;
}
*/


/* yhteenvetokierroksella oranssi reuna */
div.testikortit img.eivalittu14, div.testikortit img.eivalittu24, div.testikortit img.eivalittu34 {
      border: 4px solid orange;
}

div.testikortit img.valittu11, div.testikortit img.valittu21, div.testikortit img.valittu31,
div.testikortit img.valittu12, div.testikortit img.valittu22, div.testikortit img.valittu32,
div.testikortit img.valittu13, div.testikortit img.valittu23, div.testikortit img.valittu33 {
      border: 4px solid orange;
}

div.testikortit img.valittu14, div.testikortit img.valittu24, div.testikortit img.valittu34 {
      border: 4px solid red;
}

/* "lisäkierroksen" tyylit jos kolme eri e-tyyppiä */
div.testikortit img.eivalittu15, div.testikortit img.eivalittu25, div.testikortit img.eivalittu35,
div.testikortit img.eivalittu16, div.testikortit img.eivalittu26, div.testikortit img.eivalittu36 {
      border: 4px solid orange;
}
div.testikortit img.valittu15, div.testikortit img.valittu25, div.testikortit img.valittu35,
div.testikortit img.valittu16, div.testikortit img.valittu26, div.testikortit img.valittu36 {
      border: 4px solid red;
}



div.testikortit td.jatka, div.testikortit td.palaa {
	padding-top: 10px;
}

div.testikortit td.jatka a, div.testikortit td.palaa a {
	color: black;
	background-color:#FCEC94;
	font-size: 15px;
	font-weight: bold;
	padding: 2px;
}



/* uudistettu enneagrammietusivu 2008-10 */



div.enneagrammikuva2 {
	background-image: url(../img/namaste_layout_1/enneagrammikeha70.jpg);
	background-repeat: no-repeat;
	position: relative;
	width: 396px;
	height: 435px;
	margin: 0 auto;

/*	border: 1px solid red; */
}

div.typ1,div.typ2,div.typ3,div.typ4,div.typ5,div.typ6,div.typ7,div.typ8,div.typ9 {
	position: absolute;
	width: 62px;
	height: 129px;
/*	border: 1px solid blue; */
}


div.enneagrammikuva2 div.typ1 {
	left: 248px;
	top: 10px;
}
div.enneagrammikuva2 div.typ2 {
	left: 315px;
	top: 87px;
}
div.enneagrammikuva2 div.typ3 {
	left: 301px;
	top: 224px;
}
div.enneagrammikuva2 div.typ4 {
	left: 224px;
	top: 301px;
}
div.enneagrammikuva2 div.typ5 {
	left: 133px;
	top: 280px;
}
div.enneagrammikuva2 div.typ6 {
	left: 42px;
	top: 248px;
}
div.enneagrammikuva2 div.typ7 {
	left: 21px;
	top: 112px;
}
div.enneagrammikuva2 div.typ8 {
	left: 94px;
	top: 7px;
}
div.enneagrammikuva2 div.typ9 {
	left: 175px;
	top: 0;
}
div.enneagrammikuva2 div.luelisaa {
	position: absolute;
	right: 0;
	bottom: -10px;
}





	
#vas-navi td.taso2 a {
	color: #7a7776;			/* harmaa */
}

#vas-navi td.taso3 a {
	color: #7a7776;			/* harmaa */
}

#vas-navi td.taso3 {
	padding-left: 10px;
}

h1, h3.otsikko {
	color: #d2759f;
}



	.kuva-oikea-marginaali {
	margin-right: 15px;
}

.kuva-vasen-marginaali {
	margin-left: 15px;
}

.trainers{
	width: 400px;
}

