/* CSS Document */
body{margin: 0;
	padding: 0px 0 0 0;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: small;
	text-align: left;
	color: #383d44;
	background: #fff;
}
ul{list-style-type:none;}

label
{
width: 4em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

.submit input
{
margin-left: 4.5em;
} 

textarea
{
color: #781351;
background: #fee3ad;
border: 1px solid #000
}

input
{
color: #781351;
background: #fee3ad;
border: 1px solid #000
}

.submit input
{
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9
} 

fieldset
{
border: 1px solid #ccc;
width: 20em;
background: #fff;
}

legend
{
color: #fff;
background: #f78503;
border: 1px solid #000;
padding: 2px 6px
}

a {
color:#966202;  
text-decoration:underline;
}
 
a:hover{
color:#fb9217;
}


td.referenssit {
vertical-align: top; 
border: 1px solid #ccc;
}

tr.referenssit {
background: #eee; 

}

p.more{

height:24px; 
font-style:italic;
font-weight:bold;
margin:5px 0 0 130px; 
padding:0;
}

p.more a{

height:24px; 
display:block; 
background:url(images/arrownew-normal.gif) 0 3px no-repeat; 
color:#966202;  
padding:0 0 0 18px; 
text-decoration:underline;
}

p.more a:hover{
color:#fb9217;
background:url(images/arrownew-hover.gif) 0 3px no-repeat; 
}

/*-- oranssit isot otsikot --*/
h2{
	margin: 0;
	font-family: Georgia, serif;
	font-size: 190%;
	line-height: 1.2em;
	font-weight: bold;
	text-transform: none;
	letter-spacing: 0px;
	border: none;

	height:47px; 
	color:#f78503; 
	padding:0 0 0 60px;}


/*--harmaa raita ylhaalla--*/
#Stripe {
width:100%; 
height:5px; 
background: #777; }


/*--Top Panel--*/


#topPan{
width:1024px; 
height:287px; 
position:relative;  
margin:0 auto; 
padding:0; 
background-image: url('images/aux_header_1024_fixed.png');
background-repeat: no-repeat;}



#topPan ul {
	position:absolute;
	top:258px; 
	right:0px;
	margin: 0;
	padding: 0;
	list-style: none;

	

	}
#topPan li {
	float: left;
	margin: 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 80%;
	letter-spacing: 2px;
	text-transform: uppercase;
	}

#topPan li a {
	float: left;
	padding: 10px 8px;
	text-decoration: none;
	color: #676379;
	border: none;
	}

#topPan li a:hover {
	color: #c7c3b9;
	}

#topPan li a.active {
	font-weight: bold;
	color: #575369;
	}


/*--/Top Panel--*/

/*--Middle Panels--*/
#mainmiddlePanEtusivu{
height:200px; 
background: #eeeeee; /*--url(images/etusivu_bg_gradient.gif) 0 0 repeat-x ; --*/
color:#666; 
padding:17px 0 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

#mainmiddlePanPalvelut{
height:200px; 
background: #eeeeee; /*--url(images/etusivu_bg_gradient.gif) 0 0 repeat-x ; --*/
color:#666; 
padding:17px 0 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

#mainmiddlePanYhteys{
height:480px; 
background: #eeeeee; /*--url(images/etusivu_bg_gradient.gif) 0 0 repeat-x ; --*/
color:#666; 
padding:17px 0 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}


#middlePan{
width:800px; 
height:330px; 
position:relative; 
top:30px; 
margin:0 auto; 
/*--background: #f4fde5 url(images/aux_middlepan_bg-.jpg);--*/ 
background-position: 50% 100%; 
background-repeat: no-repeat}

#middlePan img{
height:43px; 
width:48px; 
position:absolute; 
top:-13px; left:0px; }


/*--left panel--*/
#middleleftPan{
width:475px; 
float:left;}

#middleleftPanRef{
width:675px; 
float:left;}




#middleleftPan img{
height:43px; 
width:48px; 
position:absolute; 
top:-13px; left:0px; }

#middleleftPanRef img{
height:43px; 
width:48px; 
position:absolute; 
top:-13px; left:0px; }


#middleleftPan p{padding:0px 72px 0 0; }
 
#middleleftPan p span.boldtext{font-weight:bold;}


/*--/left panel--*/

/*--right panel--*/
#middlerightPan{
float:left;
overflow-x: hidden;
}

#middlerightPan img {
height:43px; 
width:48px; 
position:absolute; 
top:-13px; 
left:474px;}



#middlerightPan p.palvelulista{font-style:italic;} 



#middlerightPan h3{
font-style: italic;
padding:0;
}

#middlerightPan h3 a{
display:block; 

color:#966202;  

text-decoration:none;
}

#middlerightPan h3 a:hover{
text-decoration:underline;

}



/*--/right panel--*/
/*--/Middle Panel--*/



/*--Bottom Panel--*/

#bottomframe {
width:1024px;
margin-right:auto;
margin-left:auto;
margin-top:40px;

padding:0px;
text-align:left;
}

#bottomframe h2 {margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 150%;
	line-height: 1.2em;
	font-weight: bold;
	text-transform: none;
	letter-spacing: 0px;
	border: none;
	color: #383d44;
	height:27px; 
	padding:0 0 0 0px;}



#leftcontent {
width:300px;
padding: 15px;
float: left;
background:#fff;
	}


#centercontent {
width:300px;
padding: 15px;
float: left;
background:#fff;
margin-bottom: 40px;
border-left: dashed 1px #aaa;
border-right: dashed 1px #aaa;
	}


#rightcontent {
width:300px;
padding: 15px;
float: left;
background:#fff;
	}



#leftcontentYhteys {
width:300px;
margin-left:150px;
padding: 15px;
float: left;
background:#fff;
	}


#rightcontentYhteys {
width:300px;
padding: 15px;
float: left;
background:#fff;
	}


#leftcontentRef {
width:400px;
padding: 15px;
float: left;
background:#fff;
border-right: dashed 1px #aaa;
	}


#centercontentRef {
width:250px;
padding: 15px;
float: left;
background:#fff;
margin-bottom: 40px;
border-left: dashed 1px #aaa;
border-right: dashed 1px #aaa;
	}


#rightcontentRef {
width:400px;
padding: 15px;
float: left;
background:#fff;
	}

#ref-greybg {
background:#eee;
}


/*---FOOTER PANEL--*/
#footermainPan{
height:174px; 
background: #777; 
color:#fff; 
margin:0; 
padding:0; 
clear:both;}

#footerPan{
width:800px; 
position:relative; 
margin:0 auto;}

#footerPan img{
width:248px; 
height:32px; 
position:absolute; 
top:33px; 
right:6px;}

#footerPan ul{
position:absolute; 
top:36px; 
left:0px;}

#footerPan li{
float:left; 
font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; 
font-weight:normal;}

#footerPan ul li a{
padding:0 0 0 12px; 
color:#fff; 
background:#777; 
text-decoration:none;}

#footerPan ul li a:hover{text-decoration:underline;}

#footerPan p.copyright{
background:#777; 
color:#ccc; 
font:11px/15px Tahoma,Arial, Helvetica, sans-serif; 
position:absolute; 
top:56px; 
left:52px;}