/*
	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 
{
	font-family: Arial, sans-serif;
	font-size: 18px;
	color: #356CAE;
	line-height: 24px;
	padding-right: 0px;
	padding-bottom: 0px;	
	padding-top: 9px;
	padding-left: 0px;
	margin: 0px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}

#frontpage_center .cms_header1 {
	padding-top: 0px;
	padding-bottom: 5px; 
	padding-left: 3px;
}

h2, .cms_header2
{
	font-family: Arial, sans-serif;
	font-size: 15px;
	color: #356CAE;
	margin-bottom: 0px; 
	margin-top: 0px;
	font-weight: normal;
}

#frontpage_center .cms_header2, #frontpage_center h2 {
	margin-left: 3px; 
	margin-bottom: 5px;
}

h3, .cms_header3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	padding-right: 0px;
	padding-bottom: 4px;	
	padding-top: 4px;
	padding-left: 0px;
	display:inline;
}

h4, .cms_header4
{
	margin-bottom: 0px; 
	margin-top: 0px;
}

h5, .cms_header5
{
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-family: Times, Times New Roman, serif;
	font-size: 30px;
	color: #666666;
	font-weight: normal;
	margin-bottom: 0px; 
	margin-top: 0px;
	display: inline;
	line-height: 30px;
}

h6, .cms_header6
{
	
	font-family: Times, Times New Roman, serif;
	font-size: 15px;
	font-weight: bold;
	font-style: italic;	
	color: #37637d;
	margin-bottom: 0px; 
	margin-top: 0px;
	display: block;
	line-height: 20px;
}
	
p, .normal_text
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 16px;
	padding-right: 0px;
	padding-bottom: 0px;	
	padding-top: 0px;
	padding-left: 0px;
	margin: 0px;
	font-style: normal;
	font-variant: normal;
}

a:link, a:active, a:visited
{
	color: #669900;
	text-decoration: none;
}
a:hover { text-decoration: underline;}
a.active { text-decoration: underline;}

ol, ul
{
	padding-left: 7px;
	margin-left: 7px;

}

li
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	padding-right: 0px;
	padding-bottom: 5px;	
	padding-top: 0px;
	padding-left: 0px;
	margin: 0px;
	font-style: normal;
	font-variant: normal;
	color: #666666;
}

li ul {
	list-style-image: url(/images/customer/bullet_2level_nav.gif);
	list-style: none;
	padding-top: 3px;
}


.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;
}

.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;
}