/*
	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
h3 = default_template right content
h5 = default_template header heading
h6 = default_template header text
*/

h1, .cms_header1, .heading, h2, .cms_header2, .subheading, h3, .cms_header3, h4, .cms_header4, .small_heading, h5, .cms_header5, h6 {
	font-family: Arial, Sans-serif;
	font-weight: normal;
	color: #a9a18c;
	padding: 0;
}


h1, .cms_header1, .heading 
{ margin: 0px 0px 5px 0px; font-size: 36px;}

/*
h2, .cms_header2, .subheading
{ margin: 15px 0px 5px 0px; font-size: 32px;}*/

h3, .cms_header3, h2, .cms_header2, .subheading
{ margin: 15px 0px 5px 0px; font-size: 22px;}

h4, .cms_header4, .small_heading
{ margin: 15px 0px 5px 0px; font-size: 15px;}

h5, .cms_header5
{ margin: 15px 0px 5px 0px; font-size: 1em;}

h6, .cms_header6, .ingress
{ margin: 15px 0px 5px 0px; font-size: 18px; font-style: italic; font-family: Arial, Sans-serif;  /* margin: 5px 0; padding: 0; */ }


.normal_text { 
	font-family: Arial, Sans-serif;
	font-size: 12px;
}

p {
	font-family: Arial, Sans-serif;
	color: #000000;
	margin-bottom: 10px;
	margin-right: 6px;
	margin-top: 0px;
}

a:link, a:active, a:visited
{  }
a:hover   { text-decoration: underline; }
a.active  { }
a.visited { }

ol, ul    {  }
li        {  }

a img     { border: 0; }


/******
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;
}