body 
{
    padding: 0px;
    margin: 0px;
	background: #c7c9cb url('../img/bodyBg.png') repeat-x;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	color: #000000;
	font-size: 12px;
	line-height: 18px;
}

#contents,
#contentSiteProduct,
#contentHermocenter #text
{
	font-family: Arial,Helvetica,sans-serif;
}

h1,
#contentSiteProduct .textContentsBottom
{
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
}

a
{
	text-decoration: none;
	color: #0055a5;
}

img 
{
	border: 0px none;
}

#header, #flash, #siteProducts, #content, #footer, #palkki, #contentHermocenter, #contentSiteProduct
{
	width: 935px;
	margin: 0px auto 0px auto;
	padding: 0px;
	display: block;
}

#header
{
	z-index: 999;
	
	position: relative;
}

#header form
{
	padding: 0px;
	margin: 0px;
	display: block;
	
	
	width: 175px;
	position: absolute;
	right: 0px;
	z-index: 500;
	
}

#header form fieldset
{
	margin: 0px;
	padding: 0px;
	display: inline;
	border: none;
}

#header form legend
{
	display: none;
}

#header form input
{
	background: #3e3e3e;
	width: 132px;
	border: none;
	margin: 10px 0 10px 0;
	
	height: 17px;
	display: block;
	float: left;
	color: #ffffff;
}

#header form button
{
	background: #c7c9cb url('../img/hakuButton.png');
	border: none;
	width: 19px;
	height: 19px;
	margin: 10px 0px 0px 3px;
	display: block;
	float: left;
}

#header .left
{
	/*width: 650px;*/
	
	float: left;
}

/*
#header .right
{
	width: 280px;
	left: 650px;
	top: 0px;
	text-align: right;
	position: absolute;
}

#header .right button span
{
	display: none;
}
*/
#header button span
{
	display: none;
}

#header select
{
	/* margin: 62px 0 11px 10px; */
	/* margin: 100px 0 11px 10px; */
	/* top: 100px;
	right: 0px;
	float: right;
	*/
	width: 153px;
	top: 100px;
	position: absolute;
	left: 773px;
	
	z-index: 500;
	margin-right: 10px;
}

#header img
{
	margin: 11px 1px 11px 0;
	float: left;
}



			/* MENU */

#menu
{
	position: absolute;
	top: 93px;
	left: 126px;
	height: 36px;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	float: left;
	width: 808px;
	display: block;
	background: #858585;
	/* margin-left: 10px; */
}

#menu li
{
	/* padding-top: 40px; */
	float: left;
	/* top: -40px; */
	position: relative;
	/*
	margin: 0px 0px 0px 10px;
	*/
	border-right: 10px solid #ffffff; 
	
	
	
	
}

#menu b
{
	font-weight: normal;
}



#menu li a
{
	list-style-type: none;
	float: left;
	
	background: #3e3e3e;
	padding: 9px 14px;
	color: #ffffff;
	text-decoration: none;
}



 
/*
#menu li + li + li + li + li
{
	float: right;
}
#menu li + li + li + li + li + li
{
	background: url('../img/menu2osaOrganisaatioille.png') no-repeat 50% 6px;

}

#menu li + li + li + li + li
{
	background: url('../img/menu2osaOppilaitoksille.png') no-repeat 50% 0%;
	margin-right: 0px !important;

}
*/



#menu > li + li + li + li + li > a
{
	/*padding: 0px 5px;*/
	border-right: none;
	background: transparent url('/img/menu/stripe.png') 100% 50% no-repeat;
}

#menu li + li + li + li + li +li > a
{
	
	background-image: none;
}

#menu li + li + li + li + li
{
	border-right: none;
}


#menu ul
{
	display: none;
	background: transparent;
	float: none !important;
	margin: 0px;
	padding: 0px;
	margin-top: 36px;
	/* margin-top: 76px; */
	left: 0px;
	position: absolute;
	z-index: 200;
}

#menu ul li a
{
	display: block;
	float: none !important;
	margin: 0px;
	padding: 0px;
	padding: 5px;
	border-top: 1px solid #7f7f7f;
	white-space: nowrap;
	
	
}

#menu ul li a:hover
{
	color: #7f7f7f;
}


#menu ul li
{
	border: none;
	padding: 0px;
	margin: 0px;
	display: block;
	list-style-type: none;
	float: none !important;
	background-image: none !important;
	
}


#flash
{
	/* height: 306px; */
	display: block;
	z-index: 20;
	border: none !important;
}


#tuotenimi
{
	float: left;
	margin: 0 11px 0 0;
}

#murupolku
{
	height: 38px;
	background: #0055a5;
	color: white;
	float: left;
	width: 788px; 
	/* padding: 10px; */
	padding: 0px 10px;
}

#murupolku.wide
{
	width: 915px;
}

#murupolku a
{
	color: white;
	text-decoration: none;
	/*
	background: transparent url('/img/breadcrumbs/breadcrumb_3.png') 8px 50% no-repeat;
	background: transparent url('/img/breadcrumbs/breadcrumb_1.png') 0% 50% no-repeat; 
	*/
	background: transparent url('/img/breadcrumbs/breadcrumb_2.png') 9px 50% no-repeat;
	
	padding-left: 30px;
	display: inline-block;
	line-height: 38px;
	height: 38px;
}


#murupolku a.first
{
	background-image: none;
	padding-left: 0px;
}

#murupolku a:hover
{
	text-shadow: 0px 1px 2px #002547;
}

				/* ------------------------------- ALA SIVUN SUBNAVI ------------------------------- */

#subNavi
{
	float: left;
	width: 182px;
	margin: 11px 0px;
	padding: 0px;
	list-style-type: none;
}

#subNavi a
{
	display: block;
	
	border-top: solid #7f7f7f 1px;
	
	color: #ffffff;
	font-size: 12px;
	line-height: 16px;
	text-decoration: none;
	padding: 2px 10px 2px 30px;
	
	background: #343434 url('/img/subMenuOtsikkoKiinni.png') no-repeat 6px 4px;
}

#subNavi a:hover
{
	color: #7f7f7f;
}

#subNavi a.accordion-toggle-active
{
	color: #7f7f7f;
	background-image: url('../img/subMenuOtsikkoAuki.png');
}

#subNavi .selected a
{
	color: #7f7f7f;
} 

#subNavi a.noChildren
{
	background-position: 166px 4px;
}

#subNavi ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	background: #7f7f7f;
}

#subNavi ul a,
#subNavi ul a:hover
{
	color: #ffffff !important;
	background: transparent none !important;
	display: inline;
	padding: 0px;
}

#subNavi ul a:hover,
#subNavi ul .selected a
{
	color: #343434 !important;
}

#subNavi ul li
{
	list-style-type: none;
	margin: 0px;
	padding: 2px 10px 2px 30px;
	line-height: 12px;
	
}

			/* ------------------------------- SISÄLTÖ ETUSIVU JA PERUSALASIVU ------------------------------- */

#contents
{
	width: 487px;
	float: left; 
	display: block;
	margin: 11px 11px 11px 11px;
	padding: 0px 10px 0px 10px;
	
}


#contents.wide
{
	width: 683px;
	margin-right: 0px;
}

.templateImage
{
	position: relative;
	left: -10px;
}

/*
#contents p, #contentHermocenter p
{
	margin: 10px 10px;
}
*/



#contents p.nosto
{
	margin: 10px 20px 10px 35px;
	border-left: solid #0055a5 2px;
	padding: 0 0 0 16px;
}

			/* ------------------- SISÄLTÖALUEEN TAULUKKO ----------------------- */
/*
#contents table, #contents table td, #contents table tr
{
	border: 1px solid grey;
	border-collapse:collapse;
	padding: 5px 5px 5px 8px;
}

#contents table
{
	margin: 0 0 0 10px;
}

#contents table caption
{
	padding: 0 0 5px 0;
	margin: 20px 0 5px 20px;
	font-weight: bold;
	text-align: left;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
}
*/
			/* ------------------- SISÄLTÖALUEEN LISTAT ----------------------- */

#contents ul, #contents li 
{
	padding: 0px;
	/*margin: 0 0 0 30px;*/
	margin: 0 0 0 25px;
}

#contents ul
{
	margin: 0 0 23px 20px;
}

#contentHermocenter #text
{
	width: 340px;
	/*height: 400px;*/
	padding: 0px 0px 0px 20px;
	float: left;
}

/*
#contentHermocenter #text a
{
	background: url('../img/hermocenterLinkkiNuoli.png') no-repeat;
	text-decoration: none;
	color: #0055a5;
	padding: 0 0 0 25px;
}*/

#contentHermocenter #hermocenterNostot
{
	width: 166px;
	float: left;
	padding: 50px 0 0 0;
}



h1
{
	font-size: 20px;
	line-height: 23px;
	margin: 20px 0px;
	padding: 0px;
	font-weight: 100;
}

h1 b, h1 strong,
h2 b, h2 strong,
h3 b, h3 strong,
h4 b, h4 strong
{
	color: #0055a5;
}

h2,h3,h4
{
	/*
	font-size: 16px;
	line-height: 20px;
	margin: 20px 0px;
	padding: 0px;
	font-weight: bold;
	*/
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	line-height: 18px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

h3,h4
{
	font-size: 12px;
}

p, ul, ol, blockquote
{
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 12px;
}

#content #left
{
	display: block;
	float: left;
	margin: 11px 11px 11px 0;
	width: 278px;
}

#content #left p
{
	padding: 0px;
}

#content #left .textContents
{
	display: inline-block;
	margin-bottom: 11px;
	width: 250px;
	background: #d9d9da url('../img/textContentBg.png') repeat-x;
	padding: 0px 20px 20px 20px;
}

#content #left .textContentsBottom
{
	display: inline-block;
	margin-bottom: 11px;
	width: 250px;
	background: #cfd0d1 url('../img/textContentBottomBg.png') repeat-x;
	padding: 0px 20px 20px 20px;
	
}

#content #newsBox
{
	float: left;
	margin: 11px;
	margin-bottom: 0px;
	width: 175px;
	background: #d9d9da url('../img/textContentBg.png') repeat-x;
	padding: 0px 20px;
}

#content #news
{
	margin: 0px;
	padding: 0px;
}

#content #news li
{
	list-style-type: none;
	margin: 0 0 20px 0;
}

#content #news li span, 
#content #news li p
{
	margin: 0px;
	padding: 0px;
}

#content #news a
{
	color: #0e5da8;
	text-decoration: none;
}

#newsMonthList ul
{
	display: block;
	padding: 5px;
	margin: 0px;
	margin-top: 10px;
	background: #d8d8d9;
	border: 1px solid #bfbfbf;
}

#newsMonthList li
{
	list-style-type: none;
	margin: 0px;
	padding: 5px;
	display: inline-block;
}

#content #banner
{
	float: left;
	margin: 11px 11px 11px 0;
	width: 205px;
}

#content #nostot
{
	float: left;
	margin: 11px 0px 11px 0;
	width: 192px;
}

#content #nostot .quickItems ul
{
	margin: 0px;
	padding: 0px;
	margin: 0 0 11px 0;
}

#content #nostot .quickItems li
{
	list-style-type: none;
}

#content #nostot .quickItems h1
{
	width: 151px;
	display: block;
	list-style-type: none;
	/* background: #cfd0d1 url('../img/cadsKäyttäjilleH1Bg.png') no-repeat; */
	background: #0055A5;
	margin: 0px;
	padding: 0px;
	padding: 7px 20px;
	color: #ffffff;
	font-size: 18px;
	line-height: 18px;
	font-weight: 100;
}


#content #nostot .quickItems h1.go 
{
	background: #cfd0d1 url('../img/cadsViewerH1Bg.png') no-repeat;
}

#content #nostot .quickItems  a
{
	color: #ffffff;
	text-decoration: none;	
}

#content #nostot .quickItems ul ul
{
	display: block;
	margin: 0px;
	padding: 0px;
}

#content #nostot .quickItems ul ul li
{
	display: block;
	padding: 5px 20px;
	list-style-type: none;
	border-top: dotted #ffffff 1px;
	margin: 0px;
	background: #1972c6 url('../img/cadsKäyttäjilleListImage.png') no-repeat 11px 10px;
	height: auto;
}

#content #nostot .quickItems ul ul li a
{
	font-weight: normal;
	font-size: 12px;
}



#content #nostot .uutiskirje
{
	display: block;
	background: #d5d8d9 url('../img/uutiskirjeBg.png') repeat-x;
	padding: 13px;
	margin: 11px 0px;
}

#content #nostot .uutiskirje h1
{
	font-size: 20px;
	line-height: 23px;
	margin: 0px;
	padding: 0px;
	background: none;
	font-weight: 100;
}


#content #nostot .uutiskirje h1 b
{
	color: #0055a5;
}

#content #nostot .uutiskirje input
{
	background: url('../img/uutiskirjeInput.png') no-repeat;
	border: none;
	margin: 10px 0 0 0;
	height: 17px;
	display: block;
	float: left;
}

#content #nostot .uutiskirje button
{
	background: url('../img/uutiskirjeButton.png') no-repeat;
	border: none;
	margin: 13px 0 0 0;
	height: 17px;
	display: block;
	float: right;
}

#content #nostot .uutiskirje button span
{
	display: none;
}

#content #alasivuRight
{
	float: right;
	width: 215px;
	margin: 3px 0 11px 0;
}


#alasivuRight ul
{
	width: 208px;
	margin: 0px;
	background: url('../img/additionalLinks/top.png') no-repeat 0px 0px;
	padding: 0px 0px 0px 7px;
	list-style-type: none;
}

#alasivuRight ul ul
{
	margin: 0px;
	width: auto;
	padding: 0px;
	margin-left: 34px;
	margin-right: 0px;
	margin: 11px 11px 1px 40px;
	background: transparent none;
	color: #0055a5;
	list-style-type: square;
}

#alasivuRight ul li
{
	width: 196px;
	margin: 0px;
	padding: 5px 7px 7px 5px;
	background: url('../img/additionalLinks/bottom.png') no-repeat bottom left;
}

#alasivuRight ul li li
{
	width: auto;
	margin: 0px;
	padding: 0px;
	background: transparent none; 
}

#content #alasivuRight h1 a
{
	text-decoration: none;
	color: #000000;
}

#content #alasivuRight h1
{
	background-image: url('../img/additionalLinks/download.png');
	background-repeat: no-repeat;
	background-position: 7px 13px;
	margin: 0 0 0 0px;
	padding: 11px 0 0 40px;
	
	min-height: 32px;
	
}

#content #alasivuRight h1.go
{
	background-image: url('../img/additionalLinks/go.png');
}

#content #alasivuRight h1.group
{
	background-image: url('../img/additionalLinks/download.png');
}

#content #alasivuRight h1.support
{
	background-image: url('../img/additionalLinks/support.png');
}

#content #alasivuRight li li a,
.hermocenterOtaYhteytta	a
{
	font-weight: bold;
}


				/* ------------------------------- HERMOCENTER ------------------------------- */

/* HERMOCENTERIN SUBNAVI */

#contentHermocenter .leftNerve
{
	float: left;
	margin: 11px 0;
	width: 183px;
	padding: 0px;
}

#contentHermocenter .mainOtsikko
{
	background: url('../img/hermocenterSubmenuMainotsikkoBg.png') no-repeat;
	margin: 11px 0 0 -28px;
	height: 57px;
	width: 211px;
	color: #ffffff;
}

#contentHermocenter .leftNerve #subNavi
{
	margin-top: 0px;
	float: none;
}

#contentHermocenter .mainOtsikko a
{
	font-size: 18px;
	line-height: 18px;
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding: 10px 0 0 56px;
}

#contentHermocenter .mainOtsikko a:hover
{
	color: #ffffff;
}

#contentHermocenter .mainOtsikko p
{
	font-size: 18px;
	line-height: 18px;
	padding: 10px 0 0 40px;
}

#contentHermocenter #subMenu a.otsikko
{
	background: #343434 url('../img/subMenuOtsikkoAuki.png') no-repeat;
	background-position: 6px 4px;
	font-size: 12px;
}

#contentHermocenter #subMenu #subNavi a,
#contentHermocenter #subMenu #subNavi a.otsikko,
#contentHermocenter #subMenu #subNavi a.otsikko:hover,
#contentHermocenter #subMenu #subNavi a.otsikkoKiinni:hover
{
	list-style-type: none;
	padding: 2px 10px 2px 30px;
	margin: 0px;
	color: #7f7f7f;
	display: block;
	line-height: 16px;
}

#contentHermocenter #subMenu #subNavi a.accordion-toggle,
#contentHermocenter #subMenu #subNavi a.otsikkoKiinni
{
	list-style-type: none;
	background: #343434 url('../img/subMenuOtsikkoKiinni.png') no-repeat;
	background-position: 6px 4px;
	padding: 2px 10px 2px 30px;
	margin: 0px;
	display: block;
	border-top: solid #7f7f7f 1px;
	line-height: 16px;
}

#contentHermocenter #subMenu a,
#contentHermocenter #subMenu .selected ul a
{
	color: white;
	text-decoration: none;
	font-size: 12px; /*sivumenun fonttikoko, katso myös #subnavi a:hover*/
	padding: 0px;
	background-image: none;
}

#contentHermocenter #subMenu ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#contentHermocenter #subMenu ul li, #subMenu ul li+li+li
{
	list-style-type: none;
	margin: 0px;
	padding: 2px 10px 2px 30px;
	background: #7f7f7f;
	line-height: 12pxs;
}

#contentHermocenter #subMenu ul li ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#contentHermocenter #subMenu ul li ul a
{
	background-image: none;
}

/* HERMOCENTERIN SISÄLTÖ */

#contentHermocenter #content
{
	float: left;
	width: 523px;
	margin: 11px;
	background: #cfd1d3 url('../img/hermocenterContentBg.png') repeat-x;
}

#contentHermocenter #news
{
	float: left;
	width: 165px;
	margin: 11px 0 0 0;
	/* padding: 0 0 14px 0; */
	padding: 20px;
	padding-top: 0px;
	background: #D9D9DA url(../img/textContentBg.png) repeat-x;
}

#contentHermocenter #news ul
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#contentHermocenter #news ul li.first
{
	border-top: dotted 0px grey;
}

#contentHermocenter #news ul li
{
	border-top: dotted 1px grey;
	padding: 4px 0;
}

#contentHermocenter #news ul li .date
{
	color: #0055a5;
	font-weight: bold;
	display: block;
}

#contentHermocenter #news a
{
	color: #000000;	
	text-decoration: none;
}
#contentHermocenter .hermocenterOtaYhteytta	
{
	background: #cfd1d3;
	width: 165px;
	float: left;
	margin: 11px 0;
	padding: 20px;
	padding-top: 0px;
}
/*
#contentHermocenter .hermocenterOtaYhteytta	p
{
	margin: 0px 20px 20px 20px;
}*/



				/* KAIKKIEN SIVUJEN FOOTER */

#footer
{
	/* border-top: solid #68696a 16px; */
	background: black;
	color: #ffffff;
	margin-bottom: 11px;
}

#footer table
{
	float: left;
	margin: 10px 0 10px 30px;
}

#footer span.copy
{
	float: right;
	margin: 48px 12px 10px 0;
	/* color: #0055a5;*/
	color: #ffffff;
}

/*
Accordion
*/
.accordion {  
    position: relative;   
}  
  
.accordion-toggle{  
    position: relative;   
    z-index: 10;          
     
    background: #7F7F7F
    
}  
   
  
.accordion-content{  
    overflow: hidden;  
}

.socialLinks
{
	background: #d8d8d9; 
	padding: 5px; 
	border: 1px solid #bfbfbf;
	position: relative;
	left: -10px;
}


#contents.wide .socialLinks
{
	width: 730px;
}

/* SiteProducts module */

#siteProducts
{
	height: 300px;
	display: block;
	z-index: 20;
}

#siteProducts #kuvitus
{
	display: block;
	overflow: hidden;
	height: 242px;
	width: 934px;
	margin: 0px;
	padding: 0px;
	position: relative;
	
}

#siteProducts #kuvitus #raiseContainer
{
	display: block;
	margin: 0px;
	padding: 0px;
	position: relative;
}

#siteProducts #kuvitus #raiseContainer img
{
	display: block;
	float: left;
	border: none;
}

#siteProducts #kuvitus #raiseContainer li
{
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: block; 
}

#siteProducts #nostot
{
	margin: 0px;
	padding: 0px;
	width: 934px;
}

#siteProducts #nostot li
{	
	float: left;
	list-style-type: none;
	margin-top: 11px;
	margin-left: 13px;
}

#siteProducts #nostot li.first
{
	margin-left: 0px;
	margin-right: -1px;
}

#siteProducts #nostot li a
{
	display: block;
	width: 168px;
	height: 24px;
	background-position: left bottom;
	color: #ffffff;
	padding: 23px 28px 0px 28px;
	text-decoration: none;
	
}

#siteProducts #nostot a.selected
{
	background-position: left top;
}

/* -------- TUOTTEET PÄÄSIVU ----------*/

#contentSiteProduct
{
	margin-top: 12px;
	margin-bottom: 12px;
}

#contentSiteProduct a
{
	text-decoration: none;
} 


#contentSiteProduct .textContentsBottom,
#contentSiteProduct .box
{
	display: inline-block;
	float: left;
	margin: 0px;
	width: 250px;
	background: #cfd0d1 url('../img/textContentBg.png') top left repeat-x;
	padding: 0px 20px 20px 20px;
}

#contentSiteProduct .box
{
	width: 592px;
	margin-right: 11px;
}

#contentSiteProduct .box li
{
	list-style-type: square;
	color: #0055a5;
}

/* -------- TUOTTEET PÄÄSIVU END ----------*/


.attention
{
	border-left: 2px solid #0055a5;
	margin-left: 15px;
	padding-left: 17px
}

/* Form editor */
.NFX_class_incomplete
{
	background: #ff0000 !important;
	color: #ffffff !important;
}