/* perustyylit */
html, body {
	height: 100%;
	text-align: left;
}
body { 
	margin: 0;
	padding: 0;
	font: 12px Arial, Verdana, sans-serif; 
	background-color: #FFF;
	color: #535353; 
	/*background: #FFF url(../img/main_bg.gif) repeat-x;*/
}

a, a:link, a:active, a:hover { 
	font-family: Arial, Verdana, sans-serif; 
	color: #A7A9AC; 
	font-weight: normal; 
	text-decoration: none; 
}
a:hover {
	text-decoration: underline;
	color: #F58220;
}

a.darker, a.darker:link, a.darker:active, a.darker:hover { 
	font-family: Arial, Verdana, sans-serif; 
	color: #535353; 
	font-weight: normal; 
	text-decoration: none; 
}
a.darker:hover {
	text-decoration: underline;
	color: #F58220;
}


a img { border-width: 0; }

big { font-size: 12px; font-weight: bold; }
h1 { 
	font-size: 14px; 
	font-weight: normal; 
	text-transform: uppercase; 
	border-bottom: 1px solid #A7A9AC; 
	padding: 0 3px 5px 3px;
	margin: 13px 0 13px 0;
	/* margin: 2px 2px; */
}
h2 { 
	font-size: 13px; 
	font-weight: bold; 
}
h3 { 
	font-size: 12px; 
	font-weight: bold; 
}

h4 {
	font-size: 12px;
	font-weight: normal;
	background-color: #F58220;
	color: #fff;
	padding: 2px 12px;
}

h5 {
	font-size: 12px;
	font-weight: normal;
	background-color: #142C61;
	color: #fff;
	padding: 2px 12px;
}

h6 {
	font-size: 12px;
	font-weight: bold;
	background: #D3D4D5 url(../img/bullet03.gif) no-repeat right center;
	color: #535353;
	padding: 2px 20px 2px 5px;
	margin-top: 15px;
}


hr { color: #999999; background-color: #999999; height: 1px; width: 100%; }

.smaller { font-size: 11px; }
.small { font-size: 10px; }
.blue { color: #334876; }
.orange { color: #F58220; }


/* Listatyylit, käytetään taustakuvaa eikä perus bullettia */
ul.bulletti {
	margin-left: 0;
	margin-top: 2px;
	padding-left: 0;
	list-style: none;
}
ul.bulletti li {
	padding: 6px 5px 6px 20px;
	background-image: url(../img/bullet02.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}
ul.bulletti a, div.box a {
	font-family: Arial, Verdana, sans-serif; 
	color: #535353; 
	font-weight: normal; 
	text-decoration: none; 
}
ul.bulletti a:hover, div.box a:hover {
	text-decoration: underline;
	color: #F58220;
}



/* logo */
#logo {
	margin: 0;
	padding: 0;
	padding-bottom: 1px;
}

/* oikean yläreunan linkit */
#internationallink {
	position: absolute;
	top: 7px;
	right: 9px;
	font-size: 11px;
}
#internationallink a, #internationallink a:hover {
	color: #535353;
	text-decoration: none;
}
#internationallink a:hover {
	text-decoration: underline;
}
#topnavi {
	position: absolute;
	top: 75px;
	/*left: 40%;*/
	right: 0px;
	height: 28px;
	background: #A7A9AC url(../img/topnavi_bg.gif) no-repeat;
	color: #FFF;
	font-size: 11px;
	z-index: 100;
	white-space: nowrap;
}
/* IE hack ylimääräisen tilan poistamiseksi divin alta */
* html div#topnavi {
	overflow: hidden;
}

#topnaviwrap {
	padding:  10px 6px 2px 100px;
}
#topnavi a, #topnavi a:link, #topnavi a:active, #topnavi a:hover {
	padding-left: 5px;
	padding-right: 5px;
	color: #FFF;
	background-color: #A7A9AC;
	text-decoration: none;
	font-size: 11px;
	/*line-height: 28px;*/
}
#topnavi a:hover {
	text-decoration: underline;
}
/* hakuboksi */
input.searchbox {
	width: 75px;
	height: 14px;
	/*margin: 10px 0px 0px 0px;*/
	border: 1px solid #7D7F81;
	background-color: #BDBFC1;
	font-weight: normal; 
	padding: 0;
	font-size: 11px;
}
input.searchbox:focus {
	background-color: #eee;
}


/* väritys */
#orange {
	width: 100%;
	height: 12px;
	background-color: #F58220;
	overflow: hidden;
}

#grey {
	width: 100%;
	/*height: 22px;*/
	background-color: #A7A9AC;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	font-size: 10px;
	color: #E9E9EA;
}
#grey div {
	padding: 0 0 0 211px;
	line-height: 22px;
}
#grey a, #grey a:link, #grey a:active, #grey a:hover {
	color: #E9E9EA;
	text-decoration: none;
}
#grey a:hover {
	text-decoration: underline;
}


/* sisältö */
#sisalto {
	/* huom. seuraava ei ole validia css:ää, mutta pakko laittaa IE:n takia */
	width: expression(document.body.clientWidth > 917? "917px" : "auto");
	max-width: 917px;
	min-width: 650px;
}

#sisalto {
	margin-top: 10px;
}

div.mainimg {
	overflow: hidden;
	border: 1px solid #A7A9AC;
	margin: 0 11px 0 11px;
}



/* ETUSIVUN BOKSIT */

div.box {
	margin-top: 10px;
	background: #D2D3D4 url(../img/box_bottom_bg.gif) repeat-x bottom left;
	/*overflow: auto;*/
	overflow: visible;
	height: 200px;
}
div.box_header {
	background: #8F9093 url(../img/box_header_right.gif) no-repeat top right;
	border-bottom: 1px solid #A7A9AC;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	white-space: nowrap;
}
div.box_header div {
	background: url(../img/box_header_left.gif) no-repeat top left;
}
div.box_header div span {
	line-height: 28px;
	padding-left: 11px;
}
div.box_text {
	background: url(../img/box_bg.gif) repeat-x top left;
	padding: 12px 10px 10px 10px;
}




/* FOOTER */

div#footerspacer {
	height: 15px;
}
div#footer { 
	/*height: 21px;*/
	width: 100%; 
	margin: 0;
	padding: 0;
	background-color: #A7A9AC;
}
div#footer p {
	padding: 5px 10px 5px 50px;
	margin: 0;
	color: #FFF;
	font-size: 11px;
}
div#footer a, div#footer a:link, div#footer a:active, div#footer a:visited, div#footer a:hover {
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
}
div#footer a:hover {
	text-decoration: underline;
}


/* vasemman reunan navigaatio */

#leftnavidiv {
	padding: 0 2px 0 2px;
	height: 191px;
}
/* alasivuilla navi ei ole tietyn korkuinen */
#leftnavidiv_alasivu {
	padding: 0 2px 0 2px;
}

.leftnavi {
	width: 100%;
	text-align: left;
	background: url(../img/leftnavi_bg.gif) no-repeat top left;
	color: #535353;
	margin: -1px 0 0 0;
	padding: 0; 
	border-right: 1px solid #A7A9AC;
	border-bottom: 1px solid #A7A9AC;
}
.leftnavi-act {
	width: 100%;
	text-align: left;
	background: url(../img/leftnavi-act_bg.gif) no-repeat top left;
	color: #fff;
	margin: -1px 0 0 0;
	padding: 0; 
	border-right: 1px solid #A7A9AC;
	border-bottom: 1px solid #A7A9AC;
}
.leftnavi-act2 {
	width: 100%;
	text-align: left;
	background: url(../img/leftnavi-act2_bg.gif) no-repeat top left;
	color: #fff;
	margin: -1px 0 0 0;
	padding: 0; 
	border-right: 1px solid #A7A9AC;
	border-bottom: 1px solid #A7A9AC;
}
.leftnavi-act3 {
	width: 100%;
	text-align: left;
	background: url(../img/leftnavi-act3_bg.gif) no-repeat top left;
	color: #fff;
	margin: -1px 0 0 0;
	padding: 0; 
	border-right: 1px solid #A7A9AC;
	border-bottom: 1px solid #A7A9AC;
}
.leftnaviblank {
	width: 100%;
	text-align: left;
	background: url(../img/leftnaviblank_bg.gif) no-repeat top left;
	color: #535353;
	margin: -1px 0 0 0;
	padding: 0; 
	border-right: 1px solid #A7A9AC;
	border-bottom: 1px solid #A7A9AC;
}
.leftnaviblank span {
	font-size: 11px;
 	text-decoration: none;
	display: block;
	margin: 0;
	padding: 4px 3px 3px 37px;
}

/* linkkityylit */
.leftnavi a, .leftnavi-act a, .leftnavi-act2 a, .leftnavi-act3 a {
	font-size: 11px;
 	text-decoration: none;
	display: block;
	margin: 0;
	padding: 4px 3px 3px 37px;
}

.leftnavi a, .leftnavi a:hover, .leftnavi a:visited, .leftnavi a:link, .leftnavi a:active {
	font-weight: normal;
	color: #535353;
}

.leftnavi-act a, .leftnavi-act a:hover, .leftnavi-act a:visited, .leftnavi-act a:active, .leftnavi-act2 a, .leftnavi-act2 a:hover, .leftnavi-act2 a:visited, .leftnavi-act2 a:active, .leftnavi-act3 a, .leftnavi-act3 a:hover, .leftnavi-act3 a:visited, .leftnavi-act3 a:active {
	font-weight: bold;
	color: #FFFFFF;
}
/* kaikkien tyylien yhteiset hover-tyylit */
/*.leftnavi a:hover, .leftnavi-act a:hover, .leftnavi-act2 a:hover, .leftnavi-act3 a:hover {*/
.leftnavi a:hover {
	background: url(../img/leftnavi_hover_bg.gif) no-repeat top left;
	text-decoration: none;
	color: #fff;
}

/* toisen tason navi */
div.leftnavi_level2, div.leftnavi_level2-act {
	padding: 0;
	margin: -1px -1px 0 0;
	border-right: 1px solid #A7A9AC;
	border-left: 1px solid #A7A9AC;
}
div.leftnavi_level2 a, div.leftnavi_level2 a:visited, div.leftnavi_level2 a:link, div.leftnavi_level2 a:active, div.leftnavi_level2 a:hover {
	font-size: 11px;
	font-weight: normal;
 	text-decoration: none;
	display: block;
	color: #535353;
	/*margin: 1px 0 0 0;*/
	padding: 3px 3px 3px 37px;
}
div.leftnavi_level2 a:hover {
	background-color: #D3D4D5;
	color: #7D7F81;
}
div.leftnavi_level2-act a, div.leftnavi_level2-act a:visited, div.leftnavi_level2-act a:link, div.leftnavi_level2-act a:active {
	font-size: 11px;
	font-weight: normal;
 	text-decoration: none;
	display: block;
	color: #000000;
	/*margin: 1px 0 0 0;*/
	padding: 3px 3px 3px 37px;
	background-color: #D3D4D5;
}

/* IE:n bugi, näin saadaan koko linkkialue klikattavaksi */
* html .leftnavi a, * html .leftnavi-act a, * html .leftnavi-act2 a, * html .leftnavi-act3 a, * html .leftnavi_level2 a, * html .leftnavi_level2-act a {
	height: 1%;
}



/* "tribaalikuvio" */
.right_bg {
	background: url(../img/right_bg.gif) no-repeat bottom left;
	border: 1px solid #A7A9AC;
	height: 189px;
	width: 99%;
	/*padding: 0 2px 0 2px;*/
}
.right_bg_alasivu {
	background: url(../img/right_bg.gif) no-repeat bottom left;
	border: 1px solid #A7A9AC;
	height: 79px;
	width: 99%;
	/*padding: 0 2px 0 2px;*/
}




/* etusivun automaattisen sisällön marginaalien poisto */
/*div#etusivuwrapper p.bodytext {
	margin: 0;
	padding: 0;
}*/
div#contentarea table tr td table tr td p.bodytext { 
	margin-top: 0; 
	margin-bottom: 0; 
}


/* sisältöpalstat */

td#left {
	width:200px;
	margin:0; 
	padding:0;
}
div#leftcontent {
	padding: 0 2px 0 2px;
}
div#searchbox {
	padding: 0 32px 0 22px;
}
td#right {
	width:22%;
	/*width:209px;*/
	margin:0; padding:0;
	/*background-color: #FFFFFF;*/
}
div#rightcontent {
	padding: 0 2px 0 2px;
}

td#middle {
	margin: 0;
}
div#middlecontent {
	margin: 0 11px 0 11px;
	/* border-bottom: 2px solid #999999; */
}
div#middlecontent_subpage {
	margin: 0 30px 0 11px;
}
div#threecolumn {
	margin: 0 30px 0 11px;
}

/* Tätä käytetään floattien poistamiseksi */
.clearer, .cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}



div.singlecontent {
	padding: 6px 0 12px 0;
	border-top: 1px solid #999999;
}


/* lomakkeiden tyylit */

select, textarea, .mf-input, .mf-pass, .mf-text, .mf-select, .mf-file, .mf-reset, .mf-submit {
	border: 1px solid #A7A9AC;
}






/* Sivukartan tyylit */
.csc-sitemap-level2 {
	padding-left: 40px;
}
.csc-sitemap-level3 {
	padding-left: 80px;
}