/*
	HTML AREA CLASSES

	Note: Using relative sizes for fonts will look bigger in the editor than on the site. 
    That is why they should not be used.

	HUOM!

	Tähän tiedostoon ainoastaan stylet:

	h1, .cms_header1	( .cms_header1 on sama kuin h1 )
	h2, .cms_header2	( .cms_header2 on sama kuin h2 )
	h3, .cms_header3	( .cms_header3 on sama kuin h3 )
	h4, .cms_header4	( .cms_header4 on sama kuin h4 )
	h5, .cms_header5	( .cms_header5 on sama kuin h5 )
	h6, .cms_header6	( .cms_header6 on sama kuin h6 )
	p, .normal_text		( .normal_text on sama kuin p )
	ol
	li
	a
	.toolbar_text	Toolbarin teksti
	.toolbar_table	Toolbarin table
	.toolbar_select	Toolbarin selecti
	.toolbarpopup	Toolbarin popuppi (WYSIWYG editointi)

	Jos haluat headingille padding-top:in muuksi kuin 3px, niin erottele
	esim. h1 ja cms_header1 niin että cms_header1:lle jää 3px padding top ja
	h1:lle se mitä saitilla pitää olla. Näin style toimii myös adminissa.

	Muista saataa marginii h123456 styleista. margin-bottom: 0px; margin-top: 0px; display: inline;
*/

/*
h1 = default_template main content heading
h2 = default_template leftright heading
h3 = default_template left content
h4 = default_template right content
h5 = default_template header heading ?
h6 = default_template header text
*/

h1, .cms_header1, .heading 
{ font-size: 28px; line-height: 29px; display: block; margin: 0 0 0 0; padding: 0; font-weight: normal; }

h2, .cms_header2, .subheading
{ font-size: 15px; line-height: 16px; display: block; margin: 0 0 0 0; padding: 0; font-weight: bold; }

h3, .cms_header3
{  }

h4, .cms_header4, .small_heading
{ font-weight: bold; display: block; }

h5, .cms_header5
{  }

h6, .cms_header6, .ingress
{ font-size: 17px; line-height: 24px; margin: 0; padding: 0; display: block; font-weight: normal; }
	

p { 
   margin: 20px 0; padding: 0;
}

a, a:link, a:active, a:visited 
		  {  }
a:hover   {  }

ol, ul    {  }
li        {  }

a img     { border: 0; }

a, h1, h2, h3, h4, h5, h6, p, .normal_text {
	font-family: 'Trebuchet MS', Trebuchet, Tahoma, Verdana, Arial, sans-serif;
}


/******
toolbar
*******/

.toolbar_text
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 8pt;
	text-decoration: none;
}

.toolbarpopup
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 8pt;
	text-decoration: none;
}

.toolbarselect
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 8pt;
	text-decoration: none;
}

.toolbar_table
{
	background-color: #999999;
	border-bottom: solid 1px #ffffff;
/*	position: fixed;
	top: 0px;
	left: 0px; */
}

.solu_debug
{
	display: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: none;
	position: absolute;
	background: #ccccff;
	border: 1px solid black;
	z-index: 3;
	margin: 0;
	padding: 0;
}