/* CSS Document freelancegraafikot.css  -  23.5.2007 -  kvaliitti/er */
body
{
    background-image: url(img/friikut_bg.gif);
    background-color: #E8E6E8;
}

body .graafikko_portfolio { background-image: none; }

a img { border-style: none; }

#paketti	{
	background-color: White;
	
	width:846px;
	
	margin-top:80px;
	margin-left:auto;
	margin-right:auto;
	font-family:Arial, Helvetica, sans-serif;	
}

a	{
	text-decoration: none;
	color: #446C6C;
}
a:hover	{
	text-decoration:none;
	color:#404040;
}

#otsake-paketti	{
	width:846px;
}
#logo	{
	position:absolute;
	margin-top: 5px;
	margin-left: 20px;
}
.headlink	{
	margin:0;
}
a.linkimg img	{
	border:none;
}
#suunnistus	{
	padding-left:180px;
	padding-top:105px;
	padding-bottom:3px;
	height:35px;
	width:646px;
}
#suunnistus div	{
	float:left;
	width:170px;
}
#suunnistus a	{
	padding-right:0px;
	text-align:center;
}
a.isolinkki	{
	text-decoration:none;
	color:#404040;
	font-weight:bold;
	font-size:0.8em;
}
a.isolinkki:hover	{
	text-decoration:none;
	color:#ffffff;
}
#sisalto-paketti	{
	clear:both;
	width:840px;
	background-color: White;
	margin-bottom: 20px;
	padding-top:4px;
	padding-bottom: 20px;
}
#vasempi	{
	float:left;
	width:175px;
	
	
	padding-left:10px;
	padding-right: 5px;
	padding-bottom: 20px;
	border-right:1px dashed #eb9b7d;
}
#vasempi-etusivu	{
	float:left;
	width:150px;
	
	padding-top:10px;
	padding-left:30px;	
}
#vasempi div	{
	
	padding-top: 8px;
	/*border-bottom:1px dashed #eb9b7d;*/
	display:block;
}
a.sivulinkki	
{
	border-bottom:1px dashed #eb9b7d;
	padding-bottom: 7px;
	text-decoration:none;
	color:#71989e;
	font-size:0.8em;
	font-weight:bold;
	display:block;
}
a.sivulinkki:hover	{
	color:#eb9b7d;
	display:block;
}
a.linkki_p	{
	text-decoration:none;
	color: #446C6C;
	font-size:1em;
}
a.linkki_p:hover	{
	text-decoration:none;
	color:#404040;
}
a.sivulinkki-jasen	{
	text-decoration:none;
	display:block;
	color:#000000;
	background-color:#f6f6ee;
	font-size:0.7em;
}
a.sivulinkki-jasen:hover	{
	text-decoration:none;
	background-color:#ffffff;
}
#oikeampi-paketti	{
	float: left;
	width: 620px;
	
	padding-top: 5px;
	min-height: 400px;
}
#vasempi-oikea	{
	float:left;
	width:340px;
	
	padding-left:10px;
	padding-right:10px;
	border-right:1px dashed #b1c7c9;
}
#vasempi-oikea-jarjesto	{
	float:left;
	width:275px;
	
	padding-left:10px;
	padding-right:10px;
	
}
#oikea-sisalto-paivitettava	{
	float:left;
	width:600px;
	
	padding-left:10px;
	padding-right:10px;

}

#ylempi-etusivu	{
	width:600px;
	padding-left:120px;
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#00596e;
	text-align:center;
	line-height: 20px;
	letter-spacing: 1px;
	padding-top: 15px;
}
#alaosa	{
	width:600px;
	padding-top:10px;
	padding-left:56px;
}
#alaosa div	{
	float:left;
	padding-left:300px;
}
.puuro	{
	font-size:0.8em;
	text-align:center;
}
h3	{
	
	

	
}
.puuro-b	{
	font-size:0.8em;
	margin-top:2px;
	padding-left:5px;
}
.listaa	{
	font-size:0.7em;
	list-style-type:disc;
}
#oikeampi-oikea	{
	float:left;
	width:240px;
	
	padding-left:10px;
	
}
#oikeampi-oikea-jarjesto	{
	float:left;
	width:275px;
	
	padding-left:10px;
	padding-right:10px;
	border-right:1px dashed #b1c7c9;
	
}
#alempi-etusivu	{
	width:685px;
	height:250px;
}
#keskittaja	{
	padding-left:130px;
	height:181px;
	vertical-align: bottom;
}
.hakukone	{
	background-color:transparent;
	width:95%;
	padding-top:10px;
	font-size:0.8em;
}
.oz	{
	background-color:#b1c7c9;
	font-weight:bold;
}
input.painike	{
	background-color:#8f9090;
	border:none;
}
input.painike:hover	{
	background-color:#eb9b7d;
	border:none;
}
.reglink	{
	background-color:#d2d7c1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	width:180px;
}
.reglink:hover	{
	background-color:#f6f6ee;
}

#henkilotiedot { width: 340px; float: left; margin-top: 20px; margin-left: 10px; font-family: Arial, helvetica, Sans-Serif; font-size: 11px; line-height: 14px; }

#henkilotiedot_lisatietoja { width: 140px; float: left; margin-top: 20px; margin-left: 10px; font-family: Arial, helvetica, Sans-Serif; font-size: 11px; line-height: 14px; }

body.graafikko_portfolio { background-color: White; font-family: Arial, helvetica, Sans-Serif; font-size: 12px; }

.faceImage 
{	padding-right: 5px;
	}


li {  padding-top: 4px;}

#ammattinimikkeet {  }

#ammattinimikkeet h2 {	padding-left:180px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	
	text-align:center;
	line-height: 20px;
	letter-spacing: 1px;
	
	}

#ammattinimikkeet a
{
    text-decoration: none;
    color: #D6AD85;
}


.puuro-b td label { font-size: 12px;}

#suunnistus a { text-transform: uppercase;  color:Black; font-size: 14px; }
#suunnistus a:hover
{
    color: #CC0000;
}
#suunnistus div { text-align: center; background-repeat: no-repeat; height: 25px; padding-top: 16px; }

#Mlink1 { background-image:url(img/sininen1.gif)}
#Mlink2{ background-image:url(img/ruskea1.gif)}
#Mlink3{ background-image:url(img/punainen1.gif);}


.puuro-b h1 { font-size: 14px; margin-bottom: 0; padding-bottom: 0; text-transform:uppercase; }
.puuro-b h2 { font-size: 13px; margin-bottom: 0; padding-bottom: 0; font-weight:bold;}
.puuro-b h3 { font-size: 0.8em; margin-bottom: 0; padding-bottom: 0; margin-top: 10px;}
.puuro-b ul { margin: 1px;}

.puuro-b p { margin-top: 8px;}

#InEnglishL a { background-image: url('/img/English.png'); background-repeat: no-repeat; display: block; width: 140px; height: 20px; padding-left: 38px; padding-top: 4px; font-size: 14px; color:Black;}

#InEnglishL a:hover {color: #CC0000;}