@charset "utf-8";
/* CSS Document */


html {overflow-y: scroll;}
body {
	width:986px;
	max-width:100%;
	height: auto;
	min-height: 400px;
	margin:0 auto;
	padding:0;
	color:#333333;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFF1;
}
#siteContainer {
	background-color: transparent;
	background-image: url(../kuvat/visdom_top_background.jpg);
	background-attachment: scroll;
	background-position: center top;
	background-repeat: no-repeat;
	text-align: left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.clear { 
	clear: both; 
	display: block; 
	margin: 0; 
	padding: 0; 
	height: 0; 
	line-height: 1px; 
	font-size: 1px; 
}
.spacer {
clear: both;
height: 12px;
overflow: hidden;
} 

#header {
	height: 430px;
	background-image: url();
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center 0%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #fffff1;
}
.logo {
	position: relative;
	width: 181px;
	height: 41px;
	background-color: transparent;
	background-image: url(../kuvat/logo.png);
	background-attachment: scroll;
	background-position: 0% 0%;
	background-repeat: no-repeat;
	cursor: pointer;
	top: 25px;
	left: 30px;
}


/*Navigaatio*/
#nav_wrap {
	clear:both;
	position: relative;
	top: 325px;
	padding-left: 0px;
	left: 0px;
	font-weight: bold;
	text-align: center;
	font-variant: small-caps;

}
/* navHeader */
#navHeader {
	width: 986px;
	height: 38px;
	position: relative;
	margin-top: 18px;
	margin-right: auto;
	margin-bottom: 18px;
	margin-left: auto;
}
#navHeader #visdomNav {
	margin: 0;
	padding: 0;
}
#navHeader #visdomNav li {
	display: inline;
}
#navHeader #visdomNav li a {
	float: left;
	width: 196px;
	height: 0;
	padding-top: 38px;
	overflow: hidden;
}
#navHeader #visdomNav li a {
	background-image: url(../kuvat/visdom_navi_bg.png);
	background-repeat: no-repeat;
}
/* Napit */
#navHeader #visdomNav li#nav_left a {
	background-position: 0 0;
	width: 199px;
	cursor: default;
}
#navHeader #visdomNav li#nav_yritys a {
	background-position: -199px 0;
}
#navHeader #visdomNav li#nav_palvelut a {
	background-position: -395px 0;
}
#navHeader #visdomNav li#nav_yhteys a {
	background-position: -591px 0;
}
#navHeader #visdomNav li#nav_right a {
	background-position: -787px 0;
	width: 199px;
	cursor: default;
}
/* Napit over */
#navHeader #visdomNav li#nav_left a:hover {
	background-position: 0 0px;
	cursor: default;
}
#navHeader #visdomNav li#nav_yritys a:hover {
	background-position: -199px -38px;
}
#navHeader #visdomNav li#nav_palvelut a:hover {
	background-position: -395px -38px;
}
#navHeader #visdomNav li#nav_yhteys a:hover {
	background-position: -591px -38px;
}
#navHeader #visdomNav li#nav_right a:hover {
	background-position: -787px 0px;
	cursor: default;
}
/* Napit painettu */
#navHeader #visdomNav li#nav_left a:active {
	background-position: 0 0px;
	cursor: default;
}
#navHeader #visdomNav li#nav_yritys a:active {
	background-position: -199px -76px;
}
#navHeader #visdomNav li#nav_palvelut a:active {
	background-position: -395px -76px;
}
#navHeader #visdomNav li#nav_yhteys a:active {
	background-position: -593px -76px;
}
#navHeader #visdomNav li#nav_right a:active {
	background-position: -787px 0px;
	cursor: default;
}
/* Napit valittu */
#navHeader.left #visdomNav li#nav_left a:hover {
	background-position: 0 0;
	cursor: default;
}
#navHeader.yritys #visdomNav li#nav_yritys a {
	background-position: -199px -114px !important;
}
#navHeader.palvelut #visdomNav li#nav_palvelut a {
	background-position: -395px -114px !important;
}
#navHeader.yhteys #visdomNav li#nav_yhteys a {
	background-position: -591px -114px !important;
}
#navHeader.left #visdomNav li#nav_right a:hover {
	background-position: -787px 0px;
	cursor: default;
}


#line {
	background-position: center;
	text-align: center;
	display: block;
	width: 980px;
	height: 1px;
	background-image: url(../kuvat/line.png);
}
#contentContainer {
	margin-top: 0pt;
	margin-right: auto;
	margin-bottom: 0pt;
	margin-left: auto;
	width: 980px;
	background-color: transparent;
	background-image: url(../kuvat/subcontent_bg01.png);
	background-attachment: scroll;
	background-position: 0% 0%;
	background-repeat: repeat-y;
	text-align: left;
	padding-top: 0pt;
	padding-right: 3pt;
	padding-bottom: 0pt;
	padding-left: 3pt;
}
#contentContainer .contentBackground {
	background-position: left bottom;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	background-image: url(../kuvat/subcontent_contentbg01.gif);
}
#content {
	width: 980px;
	min-height: 330px;
	clear: both;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
	font-size: 10pt;
	line-height: 12pt;
}
#content_yritys {
	width: 980px;
	min-height: 360px;
	clear: both;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
	font-size: 10pt;
	line-height: 12pt;
}
#content_palvelut {
	width: 980px;
	min-height: 1145px;
	clear: both;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
	font-size: 10pt;
	line-height: 12pt;
}
#content_yhteys {
	width: 980px;
	min-height: 470px;
	clear: both;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
	font-size: 10pt;
	line-height: 12pt;
}

#col_left {
	float: left;
	width: 65%;
	padding-right: 39px;
	padding-left: 12px;
}
#col_right {
	float: left;
	width: 28.0%;
}
#col_right.sidebar_bg {
	background-image: url(../kuvat/sidebar_bg.png);
	height: 398px;
}

#col_left p, #col_right p{
	margin: 0;
	line-height: 12pt;
	padding: 0 0 12pt 0;
	text-align: justify;
}
#col_left h1, #col_right h1{
	font-size: 24pt;
	font-weight: normal;
	color: #8F9C39;
	padding-top: 24pt;
	padding-right: 0pt;
	padding-bottom: 12pt;
	padding-left: 0pt;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
}
#col_left h2, #col_right h2{
	font-size: 12pt;
	font-weight: bold;
	color: #333333;
	padding-top: 14pt;
	padding-right: 0pt;
	padding-bottom: 10pt;
	padding-left: 0pt;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
	font-variant: normal;
	text-transform: uppercase;
}
#col_left h3, #col_right h3 {
	font-size: 10pt;
	font-weight: bold;
	color: #333333;
	padding-top: 15pt;
	padding-right: 0pt;
	padding-bottom: 7pt;
	padding-left: 0pt;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
	font-variant: normal;
	text-transform: uppercase;
}


.contentTop {
	width: 986px;
	height: 5px;
	margin-top: 0pt;
	margin-right: auto;
	margin-bottom: 0pt;
	margin-left: auto;
	background-color: transparent;
	background-image: url(../kuvat/subcontent_top01.png);
	background-attachment: scroll;
	background-position: 0% 0%;
	background-repeat: no-repeat;
}
.contentBottom {
	width: 986px;
	height: 22px;
	margin-top: 0pt;
	margin-right: auto;
	margin-bottom: 0pt;
	margin-left: auto;
	background-color: transparent;
	background-image: url(../kuvat/subcontent_bottom.png);
	background-attachment: scroll;
	background-position: 0% 0%;
	background-repeat: no-repeat;

}

/* side_bar_box */
div.box {
	position: relative;
	min-height: 200px;
	_height: 200px;
	width: 248px;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-top: 0pt;
	padding-right: 14px;
	padding-bottom: 1px;
	padding-left: 14px;
	background-color: #ffffff;
	background-image: url(../kuvat/side_box_bg_content.png);
	background-repeat: repeat-y;
	background-attachment: scroll;
	background-position: 0px 0px;
}
div.box .cap {
	width: 276px;
	position: absolute;
	height: 7px;
	margin-top: 0pt;
	margin-right: -14px;
	margin-bottom: 0pt;
	margin-left: -14px;
	font-size: 1px;
}
div.box .cap.top {
	top: 0pt;
	background-color: transparent;
	background-image: url(../kuvat/side_box_bg_top.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0pt 0pt;
}
div.box .cap.bottom {
	bottom: 0px;
	background-color: transparent;
	background-image: url(../kuvat/side_box_bg_bottom.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0pt 100%;
	padding-bottom: 25px;
}
div.sidebarElement {
	position: absolute;
	margin-top: 9pt;
	margin-right: 0px;
	margin-bottom: 0pt;
	margin-left: 0px;
	font-size: 12px;
	border: 0px;
}
div.sidebarElement img {
	clear:both;
	margin: 0px;
	border-width: 1px;
	border-color: #231F20;
}



/*RightGrid*/
#rightGrid_wrap {
	clear:both;
	position: relative;
	top: 0px;
	padding-left: 0px;
	left: 0px;
	font-weight: normal;
	text-align: center;
	float: left;
}
/* rightGridHeader */
#rightGridHeader {
	width: 276px;
	position: relative;
	margin-top: 18px;
	margin-right: auto;
	margin-bottom: 18px;
	margin-left: auto;
}
#rightGridHeader #rightGrid {
	margin: 0;
	padding: 0;
}
#rightGridHeader #rightGrid li {
	display: inline;
}
#rightGridHeader #rightGrid li a {
	float: left;
	width: 138px;
	height: 138px;
	padding-top: 2px;
	overflow: hidden;
}
#rightGridHeader #rightGrid li a {
	background-image: url(../kuvat/box_Grid_bg_138.png);
	background-repeat: no-repeat;
}
#rightGridHeader #rightGrid li.gridBox a:hover {
	background-position: 0px -138px;
}
#rightGridHeader #rightGrid li a img{
	width: 130px;
	height: 130px;
	border: 0px;
}

/*LOMAKE*/
#content_yhteys form input, #content_yhteys form select, #content_yhteys form textarea
{
margin-top: 0pt;
margin-bottom: 10px;
}

#content_yhteys form input, #content_palvelut form select
{
width: 200px;
}

#content_yhteys form input.full, #content_yhteys form select.full, #content_yhteys form textarea
{
width: 99%;
}

#content_yhteys form label
{
font-weight: bold;
display: block;
}

.column
{
float: left;
}

.grid2col .column
{
width: 49%;
}

.column.first, .column.last
{
margin-left: 0pt;
}

.column.last
{
float: right;
}

input
{
	font-weight: normal;
	border: 1px solid #8F9C39;
	background-color: #FFFFFF;
}
input:hover 
{
	font-weight: normal;
	border: 1px solid #8F9C39;
	background-color: #FFFFFF;
}

input.submit
{
	font-weight: bold;
	border: 1px solid #8F9C39;
	background-color: #FFFFFF;

}
input.submit:hover 
{
	font-weight: bold;
	border: 1px solid #8F9C39;
	background-color: #CCD4D4;
}
input.submit:active 
{
	font-weight: bold;
	border: 1px solid #8F9C39;
	background-color: #333333;
	color: #FFFFFF;
} 

textarea
{
	font-weight: normal;
	color: #333333;
	border: 1px solid #AFCC0B;
}






#footer 
{
	clear: both;
}
#footer {
	padding-top: 0px;
	padding-right: 0pt;
	padding-bottom: 50px;
	padding-left: 0pt;
	background-position: center;
	color: #B4BFA2;	
}
#footer p {
	text-align: center;
	font-size: 12px;
	line-height: 16px;
}