/* =GENERAL
--------------------------------------------------------- */
*				{margin: 0; padding:0;}
a				{outline: none;}
body				{background: #fffded url(./imgs/layout/bg.jpg) top center no-repeat; color:#000; text-align: center; font: 13px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;}


h1				{display: none; font-size: 70%;}
h2, h3, h4			{margin: 0 0 20px 0; font-family: Arial, Helvetica, sans-serif; }


h2 				{font-size: 20px;}
h3 				{min-height: 22px; font-size: 15px; font-weight: bold; color: #484848;}
h4 				{font-size: 14px; color: #282828;}

.underlined			{color: #181818; background: url(./imgs/layout/underlined.gif) bottom left no-repeat; min-height: 14px;}

.underlined2			{color: #181818; background: url(./imgs/layout/underlined2.gif) bottom left no-repeat; min-height: 14px;}

.underlined3			{color: #181818; background: url(./imgs/layout/underlined3.gif) bottom left no-repeat; min-height: 14px;}


img 				{border: none;}

p				{margin-bottom: 24px;}


.kukka				{display: inline; float: right; margin-top: 30px; font-size: 16px;}
.kukka li			{display: inline; padding-left: 10px;}



.nyt				{width: 340px; float: left; margin-right: 35px;}
.nyt ul				{list-style: none; background: url(./imgs/extra/boxbg.gif) repeat-y; padding-left: 0px;}
.nyt li				{padding-left: 10px;}
.nyt h3				{padding-top: 10px;}
.boxtop				{background: url(./imgs/extra/boxtop.gif) bottom no-repeat; height: 30px;}

.boxpohja			{background: url(./imgs/extra/boxbottom.gif) top no-repeat;}

.savelmarker			{margin-left: 450px;}
.duomarker			{margin-right: 50px;}
.marker				{margin-right: 530px;}


/* =WRAP
--------------------------------------------------------- */

#wrap1				{width: 800px; overflow: auto; display: block; margin: auto; text-align: left; background: transparent;}
#wrap				{width: 800px; overflow: auto; display: block; margin: auto; text-align: left; background: transparent url(./imgs/layout/wrap.gif) repeat-y ;}



/* =NAV
--------------------------------------------------------- */


.nav				{display: inline; float: right; list-style-type: none; margin: 5px 15px 15px 5px;}
.nav li				{display: inline;}

.nav a				{display: block; float: left; height: 200px; margin-right: 26px; text-indent: -9999px; overflow: hidden;}

.nav li.tarjolla a		{width: 192px; background: url(./imgs/layout/navi-tarjolla.gif) no-repeat;}
.nav li.tarjolla a:hover 	{background-position: -192px 0;}
.nav li.tarjolla a:active 	{background-position: -192px 0;}
.nav li.tarjollasingle a	{width: 192px; background: url(./imgs/layout/navi-tarjolla-single.gif) no-repeat;}

.nav li.lastenduo a		{width: 234px; background: url(./imgs/layout/navi-lastenduo.gif) no-repeat;}
.nav li.lastenduo a:hover 	{background-position: -234px 0;}
.nav li.lastenduo a:active	{background-position: -234px 0;}
.nav li.lastenduosingle a	{width: 234px; background: url(./imgs/layout/navi-lastenduo-single.gif) no-repeat;}

.nav li.ajansavel a		{width: 221px; background: url(./imgs/layout/navi-ajansavel.gif) no-repeat;}
.nav li.ajansavel a:active 	{background-position: -221px 0;}
.nav li.ajansavel a:hover 	{background-position: -221px 0;}
.nav li.ajansavelsingle a	{width: 221px; background: url(./imgs/layout/navi-ajansavel-single.gif) no-repeat;}


.yhteys				{text-align: right; font-size: 11px; padding-right: 10px; padding-top: 8px; color: #14768b;}


.nuppu				{text-align: right; font-size: 11px;}
.yhteys a	 		{text-decoration: none; color: #59c3d9;}

/* =CONTENT
--------------------------------------------------------- */

a:link 				{color: #505050;}
#content			{clear: both; padding-bottom: 1.5em; background: transparent;}

#main-lastenduo			{padding-top: 20px; width: 542px; float: left; padding-left: 25px;}

#main-tarjolla			{padding-top: 20px; width: 760px; float: left; padding-left: 40px;}
#main				{padding-top: 20px; width: 640px; float: left; padding-left: 40px;}

#main-ajansavel			{padding-top: 20px; width: 640px; float: left; padding-left: 40px;}

#main a,#main-lastenduo a, #main-tarjolla a, #main-ajansavel a
				{text-decoration: underline; color: #656565;}

.spec				{color: #660033; font-size: 11px; font-variant: small-caps; margin-bottom: 10px; text-decoration: none;}

.left				{float: left; margin-right: 10px;}

.right				{float: right; margin-left: 10px;}



.nolist				{list-style: none;}

.speclist			{list-style: none; color: #484848; margin-left: 30px;}

.ajan				{color: #6f6c5e;}


.vaaka li, .vaaka li img, .vaaka li h3	{display: inline; margin: 5px 16px 16px 0px;}



/* =SIDEBAR
--------------------------------------------------------- */
#sidebar			{width: 200px; float: right; padding-top: 4px;	margin-right: 4px; display: inline;}

#sidebar-lastenduo		{width: 190px; float: right; padding-top: 0px;	margin-right: 15px; margin-top: 16px; display: inline;}
#links				{/*background: url(./imgs/linkscat.gif) bottom right no-repeat;*/ margin-bottom: 40px;}


.feature, #contact		{background: url(./imgs/featurebg.gif) 380px 20px no-repeat; width: 100%; clear: both; margin-bottom: 40px;}

.featureless			{width: 100%; clear: both; margin-bottom: 40px;}

#linkkilista, #linkkilasta	{margin-bottom: 40px; background: url(./imgs/) 0px 22px no-repeat;}

#linkkilista ul 		{list-style: none; background: url(./imgs/layout/linklist.gif) repeat-y}

#linkkilasta ul 		{list-style: none; }

#linkkilista li 		{margin-bottom: 10px; padding-left: 10px; padding-right: 5px;}
#linkkilasta li			{margin-bottom: 10px; padding-left: 10px; }

#linkkilista a, #linkkilasta a	{text-decoration: underline; color: #422448;}

#linkkilista ul H3, #linkkilasta ul H3	{height: 18px; font-size: 18px; padding-top: 8px;}

#linkkilista ul H4, #linkkilasta ul H4	{height: 35px; font-size: 24px;}

.ylapala			{background: url(./imgs/layout/linklisttop.gif) bottom no-repeat; height: 30px;}

.pohja				{background: url(./imgs/layout/linklistbottom.gif) top no-repeat #fff;}

.tahti				{background: url(./imgs/tahtilinkki.gif) bottom left no-repeat;}

.tab				{margin-left: 20px; list-style: none; font-size: 10px;}


.right_column			{margin-top: 10px; text-align: left; width: 94%; }
.right_column h2		{padding-top: 5px; font-size: 160%; margin-bottom: 10px; background: url(./imgs/underlined.gif) left bottom no-repeat;}

.link_column a			{text-decoration: underline; color: #606060;}
.link_column h4			{font-size: 16px; margin-bottom: 5px; color: #606060;}
.link_column a			{text-decoration: underline;}


/*.perus			{background: url(./imgs/linkperusbg.gif);} */


/* =FOOTER
--------------------------------------------------------- */
#footer				{display: block; width: 100%; background: #fffef9 url(./imgs/layout/footer.gif) no-repeat bottom; float: left; clear: both;	font-size: 11px;	text-align: center;}

#inner				{width: 800px; background: url(./imgs/layout/wrap.gif) repeat-y;}


#footer p.copy			{clear: both; text-align: right; margin-right: 58px; margin-bottom: 11px; color: #59c3d9;}

#footer a	 		{text-decoration: none; color: #2c338b;}

.column				{float: left; margin-top: 0px; text-align: left; display: inline; width: 22%; margin-left: 40px;}
.column h2			{padding-top: 0px; font-size: 160%; margin-bottom: 10px; background: url(./imgs/underlined.gif) left bottom no-repeat;}




#main a#tech			{display: none;}