body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	color: #333333;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	background-color: #EEEEEE;
}

/* ---- "Materiaalialue naville, kuville, leipatekstille.. ---- */
#pagecontainer {
	position: relative;
	width: 790px;
	background-color: #FFFFFF;
	/*background-image: url(../gfx/bg_page.gif);*/
	background-repeat: repeat-y;
	visibility: visible;
	left: 0px;
	top: 0px;
	margin: 0px auto;
}
 
#bgtop {
	position: absolute;
	left: 0px;
	top: 75px;
	width: 790px;
	height: 34px;
	z-index: 0;
	overflow: hidden;
}
#top {
	position: relative;
	left: 0px;
	top: 0px;
	height: 109px;
	width: 790px;
	clear: both;
}
#middle {
	position: relative;
	left: 0px;
	top: 0px;
	width: 790px;
	background-image: url(../gfx/bg_slide_bottom.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	clear: both;
	min-height: 546px;	/* IE ignores this one */
	height: 546px;	/* IE treats this as min-height */
}
*>#middle {
	height: auto; /* IE ignores child selector, modern browsers replace height declaration */
}

#middle_front {
	position: relative;
	left: 0px;
	top: 0px;
	width: 790px;
	background-image: url(../gfx/bg_slide_bottom.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	clear: both;
	height: 535px;
}

#footer {
	position: relative;
	background: #FFFFFF bottom;
	height: 28px;
	width: 790px;
	color: #559988;
	clear: both;
	bottom: auto;
	float: left;
	left: 0px;
}
#footer span {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
	position: relative;
	left: 6px;
	top: 8px;
}
/*päätason navigaatio */
#navigation {
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 14px;
	position: absolute;
	color: 808080;
	height: 24px;
	width: 588px;
	left: 5px;
	top: 80px;
	z-index: 100;
}
#navigation #navitem1 { position: absolute; left: 0px; top: 0px; width: 80px; height: 20px; visibility: visible; z-index: 300; padding-top: 4px; color: #808080; background-color: #FFFFFF }
#navigation #navitem2 { position: absolute; left: 82px; top: 0px; width: 71px; height: 20px; visibility: visible; z-index: 301; padding-top: 4px; color: #808080; background-color: #FFFFFF }
#navigation #navitem3 { position: absolute; left: 155px; top: 0px; width: 88px; height: 20px; visibility: visible; z-index: 302; padding-top: 4px; color: #808080; background-color: #FFFFFF }
#navigation #navitem4 { position: absolute; left: 245px; top: 0px; width: 141px; height: 20px; visibility: hidden; z-index: 303; padding-top: 4px; color: #808080; background-color: #FFFFFF }
#navigation #navitem5 { position: absolute; left: 245px; top: 0px; width: 98px; height: 20px; visibility: visible; z-index: 304; padding-top: 4px; color: #808080; background-color: #FFFFFF }
#navigation #navitem6 { position: absolute; left: 345px; top: 0px; width: 100px; height: 20px; visibility: visible; z-index: 305; padding-top: 4px; color: #808080; background-color: #FFFFFF }
#navigation #navitem1.selected { z-index: 400; visibility: visible; color: #FFFFFF; background-color: #AF5813 }
#navigation #navitem2.selected { z-index: 400; visibility: visible; color: #FFFFFF; background-color: #AF5813 }
#navigation #navitem3.selected { z-index: 400; visibility: visible; color: #FFFFFF; background-color: #AF5813 }
#navigation #navitem4.selected { z-index: 400; visibility: hidden; color: #FFFFFF; background-color: #AF5813 }
#navigation #navitem5.selected { z-index: 400; visibility: visible; color: #FFFFFF; background-color: #AF5813 }
#navigation #navitem6.selected { z-index: 400; visibility: visible; color: #FFFFFF; background-color: #AF5813 }
#navigation #navitem7.selected { z-index: 400; visibility: visible; color: #FFFFFF; background-color: #AF5813 }

/* ----- Navi2 ------ */
#navi2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 14px;
	color: 808080;
	margin: 0;
	/*width: 588px;*/
	z-index: 100;
	position: absolute;
	float: left;
	left: 5px;
	top: 110px;
	border-top: 1px solid #ccc;
	width: 186px;
}

#navi {
	float: left;
}

#navi2 UL
{
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	top: 120px;
}
/*
#navlist ul
{
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
	left: 0px;
	display: inline;
	height: 24px;
	float: left;
}
*/
#navlist li
{
	/*display: inline;*/
	list-style-type: none;
	left: 0px;
	height: 24px;
}

/* Alanavi oransseiksi laatikoiksi
#navlist a {
	left: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 5px;
	background-color: #AF5813;
}
*/

#navlist a {
	left: 0px;
	padding: 5px;
	border-bottom: 1px solid #ccc;
	display: block;
	width: 176px;
	margin: 2px 0;
}

#navlist a:link, #navlist a:visited
{
color: #333;
text-decoration: none;
}

#navlist a:hover
{
color: #000;
text-decoration: none;
background-color: #eee;
}

/* ---- navi2 loppuu ---- */

/* Sivukohtainen "teemakuva" */	
#theme_pic_front2 {
	position: relative;
	left: 5px;
	top: 0px;
	width: 588px;
	height: 209px;
	clear: both;
	border-right: 5px solid #FFFFFF;
	z-index: 10;
}
#theme_pic_front {
	position: relative;
	left: 0px;
	top: 0px;
	width: 588px;
	height: 209px;
	clear: both;
	border-right: 5px solid #FFFFFF;
	z-index: 10;
}
#theme_pic {
	position: relative;
	left: 0px;
	top: 0px;
	width: 588px;
	height: 81px;
	clear: both;
	border-right: 5px solid #FFFFFF;
	z-index: 10;
}

/* Etusivun kolme palstaa..*/
#front_col1 {
	position: relative;
	left: auto;
	top: auto;
	width: 172px;	/* 196 - 12 - 12 */
	height: 296px;	/* 230 - 16 - 12 */
	background-color: #CCCCCC;
	padding: 18px 12px 12px;	/* top left/right bottom */
	float: left;
	border-top: 1px solid #FFFFFF;
	border-left: 5px solid #FFFFFF;
}
#front_col1.selected { background-color: #CCCCCC }

#front_col2 {
	position: absolute;
	top: 209px;
	width: 172px;
	height: 290px;
	background-color: #DDDDDD;
	padding: 24px 12px 12px;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	left: 201px;
}
#front_col2.selected { background-color: #e3e3e3; }

#front_col3 {
	position: absolute;
	top: 209px;
	width: 170px;
	height: 290px;
	background-color: #EEEEEE;
	padding: 24px 12px 12px;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	left: 398px;
}
#front_col3.selected { background-color: #f6f6f6; }

#front_col4 {
	position: absolute;
	top: 209px;
	width: 166px;
	height: 290px;
	background-color: #f6f6f6;
	padding: 24px 12px 12px;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	left: 594px;
}
#front_col4.selected { background-color: #fff; }


#ajankohtaista_col {
	position: absolute;
	left: 594px;
	top: -31px;
	width: 167px;	/* 191 - 12 - 12 */
	z-index: 20;
	padding: 16px 12px 12px;	/* top left/right bottom */
}
#ajankohtaista_main {
	position: absolute;
	left: 594px;
	top: -242px;
	width: 167px;	/* 191 - 12 - 12 */
	z-index: 21;
	padding: 16px 12px 12px;	/* top left/right bottom */
}
#front_col5 {
	position: relative;
	left: 5px;
	top: 2px;
	width: 556px;	/* 196 - 12 - 12 */
	height: auto;	/* 230 - 16 - 12 */
	background-color: #CCCCCC;
	padding: 18px 12px 12px;	/* top left/right bottom */
	float: left;
	border-top: 1px solid #DDDDDD;
	border-left: 5px solid #DDDDDD;
}

/* Jokaisen sivun oma määritys, mikäli tarvitaan.. */
#yritys {
	position: relative;
	height: 100%;
	background-color: #EEEEEE;
	width: 588px;
	left: 0px;
	margin-top: 1px;
}

#laboratorio {
	position: relative;
	height: 100%;
	background-color: #EEEEEE;
	width: 588px;
	left: 0px;
	margin-top: 1px;
}
#palvelut {
	position: relative;
	height: 100%;
	background-color: #EEEEEE;
	width: 588px;
	left: 5px;
	margin-top: 1px;
}
#ajankohtaista {
	position: relative;
	height: 100%;
	background-color: #EEEEEE;
	width: 588px;
	left: 5px;
	margin-top: 1px;
}
/*Palvelujen alasivujen leipätekstit */
#palveluymparisto {
	position: relative;
	height: 100%;
	background-color: #CADDDC;
	width: 588px;
	left: 0px;
	margin-top: 1px;
	top: 0px;
}
#palveluteollisuus {
	position: relative;
	height: 100%;
	background-color: #E7BAC3;
	width: 588px;
	left: 0px;
	margin-top: 1px;
}
#palvelurakennus {
	position: relative;
	height: 100%;
	background-color: #E7CFBE;
	width: 588px;
	left: 0px;
	margin-top: 1px;
}
#palvelutuotekehittely {
	position: relative;
	height: 100%;
	background-color: #DBCDE2;
	width: 588px;
	left: 0px;
	margin-top: 1px;
}
#palvelutoimisto {
	position: relative;
	height: 100%;
	background-color: #C9DBF0;
	width: 588px;
	left: 0px;
	margin-top: 1px;
}
#palvelutarina {
	position: relative;
	height: 100%;
	background-color: #FFF3b2;
	width: 588px;
	left: 0px;
	margin-top: 1px;
}
#palvelupoly {
	position: relative;
	height: 100%;
	background-color: #eee;
	width: 588px;
	left: 0px;
	margin-top: 1px;
}

#referenssit {
	position: relative;
	height: 100%;
	background-color: #EEEEEE;
	width: 588px;
	left: 0px;
	margin-top: 1px;
}
#toimipisteet {
	position: relative;
	height: 100%;
	background-color: #EEEEEE;
	width: 588px;
	left: 0px;
	margin-top: 1px;
}
/* sivujen määritykset loppuu */

img.top_padded {
	clear: both;
	margin-top: 6px;
}
img.right_padded {
	clear: both;
	margin-right: 6px;
}
img.btn {
	clear: both;
	margin-bottom: 12px;
}
img.title {
	clear: both;
	margin-bottom: 7px;
}

#contenttext {
	position: relative;
	left: auto;
	top: auto;
	width: 554px;	/* 588 - 17 - 17 */
	height: auto;
	padding: 16px 17px 33px;	/* top left/right bottom */
	border-left: 5px solid #FFFFFF;
}
#contenttext #col1 {
	width: 250px;	/* 284 - 17 - 17 */
	height: auto;
	float: left;
}
#contenttext #col2 {
	width: 270px;	/* 304 - 17 - 17 */
	height: auto;
	float: left;
	border-left: 34px solid #FFFFFF;
}
#emptydiv { clear: both; height: 1px; margin-top: -1px; overflow: hidden }

#floatti {
	/*display: block;*/
	/*float: right;*/
	width: 589px;
	overflow: hidden;
	padding-left: 197px;
}

/* text formatting */
p { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 18px; clear: both }

span.title { color: #808080; font-weight: bold }

.smallgrey {
	color: #808080;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 14px;
}

a { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; line-height: 14px; text-decoration: none }
a:link { color: #808080 }
a:active { color: #808080 }
a:visited { color: #808080 }
a:hover { color: #808080; text-decoration: underline }

a.ajankohtaista { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; line-height: 14px; text-decoration: none }
a.ajankohtaista:link { color: #FFFFFF }
a.ajankohtaista:active { color: #FFFFFF }
a.ajankohtaista:visited { color: #FFFFFF }
a.ajankohtaista:hover { color: #FFFFFF; text-decoration: underline }

ul.ajankohtaista { clear: both; border: 0px; margin: 0px; padding: 0px; list-style-type: none; list-style-image: url(../gfx/list_item.gif) }
ul.ajankohtaista li { text-align: left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; line-height: 12px; margin-left: 10px; margin-bottom: 12px; color: #FFFFFF }
ul.ajankohtaista a { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; line-height: 12px; text-decoration: none }
ul.ajankohtaista a:hover { text-decoration: underline }
ul.ajankohtaista li span.date { color: #FFFFFF }

ul.normal { clear: both; border: 0px; margin: 0px; padding: 0px; list-style-type: square }
ul.normal li { text-align: left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; line-height: 12px; margin-left: 10px; margin-bottom: 12px; }

#contenttext ul { clear: both; border: 0px; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 18px; padding: 0px; list-style-type: square }
#contenttext ul li { text-align: left; font-weight: normal; margin-left: 16px }

/* tekstiotsikot */
h1 {
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	text-transform: capitalize;
	color: #333333;
}
h2 {
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	text-transform: none;
	color: #333333;
}