body { 
	margin:0px;
	background: url(../taustakuvat/rotate.php) no-repeat fixed;
	font-family:Arial;
	
}
@font-face {
	font-family: 'DaxMedium';
	src: url('dax-medium-webfont.eot');
	src: local('☺'), url('dax-medium-webfont.woff') format('woff'), url('dax-medium-webfont.ttf') format('truetype'), url('dax-medium-webfont.svg#webfontYQgzpmII') format('svg');
	font-weight: normal;
	font-style: normal;
	font-size:18px;
}
#wrap {
	overflow:hidden;
	
}
p {
	font-size:12px;
	color:#071F29;
	line-height:18px;
}
.nimi {
	font-size:11px;
	color:#3C99CF;
	padding-left:4px;
	line-height:20px;
}
.titteli {
	font-size:11px;
	color:#666666;
	padding-left:4px;
}
a.maili {
	font-size:11px;
	color:#6B9C09;
	padding-left:4px;
	text-decoration:none;
}
a.maili:hover {
	font-size:11px;
	color:#6B9C09;;
	padding-left:4px;
	text-decoration:underline;
}
h1 {
	font-size:16px;
	color:#3C99CF;
}
h2 {
	font-size:12px;
	color:#6B9C09;
}
h3 {
	font-size:16px;
	color:#3C99CF;
	margin-bottom:6px;
}
a {
	font-size:12px;
	color:#6B9C09;
	text-decoration:none;
}
a:hover {
	font-size:12px;
	color:#6B9C09;
	text-decoration:underline;
}
#header {
	width:100%;
	height:140px;
	margin-bottom:50px;
}
#navigaatio {
	float:left;
	width:100%;
	height:140px;
	background:url(../pix/header_bg.png) no-repeat center;
	font-family: 'DaxMedium', sans-serif;
	
}
.menu {
	width:720px;
	text-align:left;
	margin-top:30px;
	position:relative;
	float:left;
	left:50%;
	margin-left:-230px;
	
}

.menu a {
	font-family: 'DaxMedium', sans-serif;
	font-size:18px;
	color:#333333;
	font-weight:normal;
	margin-right:50px;
}
.menu a:hover {
	font-family: 'DaxMedium', sans-serif;
	font-size:18px;
	color:#333333;
	font-weight:normal;
	text-decoration:none;
	color:#6B9C09;;
}
.footer_menu  {
	float:right;
	width:400px;
	text-align:left;
	position:absolute;
	top:80px;
	right:50%;
	margin-right:-220px;

}

.footer_menu a {
	font-family: 'DaxMedium', sans-serif;
	font-size:18px;
	color:#333333;
	font-weight:normal;
	margin-right:50px;
}

.footer_menu a:hover {
	font-family: 'DaxMedium', sans-serif;
	font-size:18px;
	color:#333333;
	font-weight:normal;
	text-decoration:none;
	color:#6B9C09;;
}
#keskiosa {
	height:500px;
	margin-top:-30px;
}
#sisalto {
	
	width:968px;
	height:500px;
	background:url(../pix/sisalto_bg.png) no-repeat;
}
#linkit {
	position:relative;
	top:-55px;
	float:right;
	right:30px;
	display:none;
}

#footer {
	width:100%;
	
	position:absolute;
	bottom:0px;
	left:0px;

}
#footer_navigaatio {
	background:url(../pix/footer_bg.png) center bottom no-repeat;
	height:140px;

}

#center_maski {
	width:936px;
	overflow:hidden;
}
.osio {
	width:900px;
	height:390px;
	display:inline;
	float:left;
	margin-right:50px;
	text-align:left;
	margin-left:35px;
	margin-top:-50px;
	display:none;
}
.osio_left {
	float:left;
	width:600px;
}
.sanottua {
	float:left;
	
	width:235px;
	height:170px;
	position:relative;
	top:20px;
	left:30px;
	
	color:#FFF;
	font-size:14px;	
}
.sitaatti {
	background-color:#333333;
	padding:15px;
	width:235px;
	height:140px;
	margin-top:20px;
}
.tarra {
	padding-top:15px;
	display:none;
	margin-top:-3px;
	width:235px;
	height:140px;
}
.henkilotaulu {
	margin-top:0px;
	margin-left:-4px;
	position:relative;
	float:left;
}



#top {
	width:100%;
	height:33px;
	background:url(../pix/top_banner.jpg) repeat-x;
	font-size:11px;
	color:#071F29;
	}
#top_content {
	padding-top:9px;
	width:950px;
}
#top_content_left {
	width:500px;
	float:left;
}
#top_content_right {
	width:300px;
	float:right;
}
#menu {
	width:950px;
	height:60px;
	padding-top:5px;
}
#navi {
	width:500px;
	height:26px;
	margin-top:-45px;
	margin-left:-87px;
}
#center {
	background:url(../pix/center_bg.jpg) no-repeat;
	height:398px;
	width:950px;

	margin-top:20px;
	margin-left:-8px;
	overflow:hidden;
	
}
#rulla {
	width:5000px;
	height:398px;
	padding-top:20px;
	padding-left:20px;
	

}
#center_maski {
	width:936px;
	overflow:hidden;
}
.osio {
	width:900px;
	height:390px;
	display:inline;
	float:left;
	margin-right:50px;
}
.osio_palvelut_left {
	width:600px;
	float:left;
	text-align:justify;
}
.osio_palvelut_right {
	width:350px;
	float:right;
	margin-right:30px;
	margin-top:-4px;
}
.osio_palvelut2_left {
	width:580px;
	float:right;
	padding-right:30px;
	height:320px;
	text-align:justify;
	
}
.osio_palvelut2_right {
	width:265px;
	float:left;
	height:280px;
	margin-top:10px;
	
	
}
.osio_asiakkaat_left {
	width:442px;
	float:left;
}
.osio_asiakkaat_right {
	width:350px;
	float:right;
	margin-right:30px;
	margin-top:-4px;
}
.osio_yhteys_left {
	width:480px;
	height:360px;
	float:left;
	margin-left:-20px;
	padding-right:10px;
	border-right:#CCCCCC thin solid;
	
}
.osio_yhteys_right {
	width:350px;
	float:right;
	margin-right:30px;
	margin-top:-4px;
	margin-left:10px;
}

.asiakkaat_iso_kehys {
	border:thin solid #DFDFDF;
	width:442px;
	height:345px;
	overflow:hidden;
}
.asiakkaat_pieni_kehys {
	border:thin solid #DFDFDF;
	width:138px;
	height:104px;
	float:left;
	overflow:hidden;
	padding-top:4px;
	margin:4px;
	cursor: hand;
	
}
#kuvaholder_kuva {
	width:420px;
	height:325px;
	overflow:hidden;
	padding:6px;
	padding-left:0px;
}

#footer_content {
	width:950px;
}
#footer_content_left {
	float:left;
	padding-left:10px;
	width:500px;
	padding-top:5px;
}
#footer_content_right {
	float:right;
	padding-left:10px;
	width:400px;
	padding-top:5px;
	padding-right:20px;
}

a.footer_linkki {
	font-size:11px;
	color:#3C99CF;
	font-weight:bold;
	margin-right:30px;
	text-decoration:none;
}
a.footer_linkki:hover {
	font-size:11px;
	color:#3C99CF;
	font-weight:bold;
	margin-right:30px;
	text-decoration:underline;
}
a.footer_linkki_right {
	font-size:11px;
	color:#3C99CF;
	font-weight:bold;
	
	text-decoration:none;
}
a.footer_linkki_right:hover {
	font-size:11px;
	color:#3C99CF;
	font-weight:bold;
	/*padding-right:30px;*/
	text-decoration:underline;
}
.clear {
	clear:both
}
.block {
	
	margin:0 auto;
	text-align:left;
}
.element * {
	padding:5px; 
	margin:2px; 
	font-family:arial;
	font-size:12px;
}
.element label {
	float:left; 
	width:50px;
	font-weight:700
}
.element input.text {
	float:left; 
	width:200px;
	padding-left:20px;
}
.element .textarea {
	height:120px; 
	width:200px;
	padding-left:20px;
}
.element .hightlight {
	border:2px solid #9F1319;
	background:url(iconCaution.gif) no-repeat 2px
}
.element #submit {
	float:left;
	margin-right:10px;
}
.loading {
	float:left
	margin-left:30px;
	background:url(../pix/ajax-loader.gif) no-repeat 1px; 
	height:32px; 
	width:32px; 
	display:none;
}
.done {	font-size:12px;	color:#071F29; padding-top:20px; line-height:22px; display:none; } 
.lomake {  margin-left:-2px; font-size:12px; color:#6B9C09; font-weight:bold; }
.tekstikentta { font-size:12px; color:#4F4F4F; width: 220px; height:16px; }
.iso_tekstikentta { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#4F4F4F; width: 400px; height:115px; margin-left:9px;}


			
.boxgrid{ 
	width:450px;
	height:350px;
	overflow: hidden; 
	position: relative; 
}
.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}
.boxgrid p{ 
	margin-bottom:30px;
	
}
a.reffi_linkki {
	font-size:11px;
	line-height:26px;
}
				
.boxcaption{ 
	float: left; 
	position: absolute; 
	top: -260px;
	background:#FFFFFF; 
	height: 100px; 
	width: 100%; 
	opacity: .9; 
					/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 }
.boxcaption h3{ 
	margin-top:10px;	
}
.captionfull .boxcaption {
	top: 360px;
	left: 0;
}
.caption .boxcaption {
	top: -260px;
	left: 0;
}


a.bulletti {
	font-size:12px;
	font-weight:bold;
	color:#6B9C09;
	text-decoration:none;
	margin-left:15px;
	padding-left:5px;
	line-height:24px;
	border-bottom: thin dashed #CCCCCC;
}
a.bulletti:hover {
	font-size:12px;
	color:#6B9C09;	
	text-decoration:underline;
	font-weight:bold;
}
li {
	font-size:12px;
	color:#3C99CF;
	line-height:22px;
}
.header_info {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:250px;
	height:70px;
	float:right;
	position:relative;
	top:-40px;
	*top:-50px;
}
.header_info p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.header_info a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-right:0px;
	color:#6B9C09;
	text-decoration:underline;
}
.header_info a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
}
.footer_info {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:400px;
	height:70px;
	
	position:absolute;
	top:80px;
	right:50%;
	margin-right:60px;
	text-align:left;
	top:40px;
	*top:50px;
	
	
}
.footer_info p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.footer_info a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-right:0px;
	color:#6B9C09;
	text-decoration:underline;
}
.footer_info a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#6B9C09;
	text-decoration:none;
}
div#internet_submenu {

}
div#internet_submenu ul{
	margin-left:10px;
	padding-left:10px;

}
div#internet_submenu ul li{
	margin-left:10px;
	padding-left:0px;
}
ul.palveluvalikko {
	margin-left:0px; 
	padding-left:15px;
	margin-top:0px;
	padding-top:0px;
}
ul.palveluvalikko li {
	border-bottom:thin dashed #CCCCCC;
	margin-right:20px;
	padding-top:10px;
	paddig-bottom:10px;
	height:30px;
}