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

body {
	text-aling: center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color:#FBFDFE;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	min-width: 960px;
}
#line_top {
	position:absolute;
	width:100%;
	height:200px;
	top:120px;
	z-index:-1;

		-moz-box-shadow: 0px -5px 5px #CCC;	
		-webkit-box-shadow: 0px -5px 5px #CCC;
		box-shadow: 0px -5px 5px #CCC;
	
	*top:100px;
	_top:120px;
	_to/p:100px;

	*left:0px;
	_left:0px;
	_le/ft:-10px;	
	
}
	
#line_bottom {
	position:absolute;
	width:100%;
	height:200px;
	top:320px;
	z-index:-1;

		-moz-box-shadow: 0px 5px 5px #CCC;	
		-webkit-box-shadow: 0px 5px 5px #CCC;
		box-shadow: 0px 5px 5px #CCC;
		
	*top:300px;
	_top:320px;
	_to/p:300px;
	
	*left:0px;
	_left:0px;
	_le/ft:-10px;	
}

.basegreen {
	background-color:#7AB51D !important;
}

.pastelgreen {
	background-color:#72CC16 !important;
}

.green {
	background-color:#59C215 !important;
}

.beigeyellow {
	background-color:#99CC16 !important;
}
	
.beigeyellow_long {
	background-color:#99CC16 !important;
	height: 340px !important;
}

.brown {
	background-color:#A2C20C !important;
}
	
.brown_long {
	background-color:#A2C20C !important;
	height:420px !important;
}
#wrapper {
	background-color:#7AB51D;
}
#container {
	display: table;
	margin: 0 auto;
	min-width: 960px;
	min-height: 400px;
	text-align: left;
}
	

		
#header {
	margin: 0 auto;
	width: 960px;
	height: 120px;
	display:block;
	left: -80px;

}

#navigation {
	width: 133px;
	padding: 30px 20px 10px 0px;
	float: left;
}
#banneri {
	width:500px;
	float:left;
	overflow-x:hidden;
	padding-bottom:10px;
}
#bannerikuva {
	margin-left:500px;
}
#flash {
	width: 500px;
	float: left;
}	

#content {
	width: 255px;
	padding: 30px 10px 10px 20px;
	border-left: 1px solid #FFF;
	float: left;
	margin-left: 20px;
	min-height: 360px;
}
	
#footer {
	margin: 5px auto 0 auto;
	text-align:center;
	min-width: 960px;
}
	
.top {
	top: 240px !important;	
}

.copyright {
	float:right;
	text-align:right;
	margin-right:10px;
}
	
img {
 	behavior: url("iepngfix.htc");
	border:none;
}

#header img {
	border: none;
	margin: 50px 0 0 150px;
}

.left {
	float:left !important;
	margin: 10px 0 0 -20px;
	}

.center {
	text-align:center;
	}

	
#footer p {
	color: #00513A;
	font-size:11px;
	padding-left:10px;

}
	
p {
	margin: 0 0 0 0;
	text-align: left;
	font-size: 12px;
	line-height: 18px;
	padding: 0 0 7px 0;
}

.copytext {
	font-size: 9px !important;
	color:#CCC !important;
}
.copytext a {
	font-size: 9px !important;
	color:#CCC !important;
}
				
h1 {
	margin: 0 0 0 0;
	padding: 0px 0 20px 0;
	font-size: 24px;
	line-height: 28px;
	font-weight: lighter;
}
				
				
ul {
	margin: 0 0 0 0;
	text-align: right;
	padding-left: 0px;

}
		
li {
	font-size:16px;
	margin: 0 0 0 0;
	padding:0 0 5px 0 !important;
	list-style:none;
}
hr {
	border:none;
	border-top:solid 1px #ffffff;

}
#sub_navi {
	font-size:12px !important;
	/*padding:0 0 2px 0 !important;*/
}

#sub_navi_2 {
	font-size:12px !important;
	padding:0 0 8px 0 !important;
}

a {
	font-size:12px;
	color: #FFF;
	text-decoration: underline;
}

a:hover {
	color: #ff9900 !important;
	text-decoration: none !important;	
}

a:active {
	color: #FFF;
}

#navigation a {
	font-size:16px;
	color: #FFF !important;
	text-decoration: none;
}

#navigation a:hover {
	text-decoration:underline !important;
}

#navigation a:active {
	color: #FFF;
}

#navigation .current {
	color: #FFF !important;
	text-decoration:underline !important;
}


#sub_navi a {
	font-size:12px !important;
	color: #FFF !important;
	text-decoration: none!important;
}

#sub_navi a:hover {
	text-decoration:underline;
}

#sub_navi a:active {
	color: #FFF;
}
.current2 {
	color: #FFF !important;
	text-decoration:underline !important;
}

#sub_navi_2 a {
	font-size:12px !important;
	color: #FFF !important;
	text-decoration: none;
}
#sub_navi_2 a:hover {
	text-decoration:underline !important;
}
#sub_navi_2 a:active {
	color: #FFF;
}
#banneri img {
	opacity:0;
	-webkit-transition: margin 0.4s ease-out, opacity 1.4s ease-out;
	-moz-transition: margin 0.4s ease-out, opacity 1.4s ease-out;
	-o-transition: margin 0.4s ease-out, opacity 1.4s ease-out;
	-ms-transition: margin 0.4s ease-out, opacity 1.4s ease-out;
	transition: margin 0.4s ease-out, opacity 1.4s ease-out;
}
#avattava_hallinto {
	display:none;
	padding-bottom:30px;
	overflow:visible;
}
#avaa_hallinto_lista {
	cursor: pointer;
}
#avaa_hallinto_lista:hover {
	text-decoration:underline;
}
#avattava_laskutus {
	display:none;
	padding-bottom:30px;
	overflow:visible;
}
#avattava_referenssit_lista {
	display:none;
	min-width: 385px;
	padding-bottom:30px;
}
#avattava_laskutus td {
	padding-right:10px;
}
#avaa_referenssit_lista:hover {
	text-decoration:underline;
}
#referenssit_lista {
	margin-top:10px;
	font-size:12px;
}
#referenssit_lista td {
	padding-right:12px;
	padding-bottom:6px;
	padding-top:6px;
	border-top:solid 1px white;
}
#avaa_referenssit_lista {
	cursor:pointer;
}
#avattava_postiosoite {
	display:none;
	padding-bottom:30px;
	overflow:visible;
}
#avaa_postiosoite_lista {
	cursor: pointer;
}
#avaa_postiosoite_lista:hover {
	text-decoration:underline;
}
#refe1:hover, #refe2:hover, #refe3:hover {
	text-decoration:underline;
}
#slide-images{
	position:relative;
	display:block;
	margin:10px 0px 0px 0px;
	padding:0px;
	width: 500px;
	height: 378px;
	overflow:hidden;
	opacity:0;
	margin-left:500px;
	-webkit-transition: margin 0.4s ease-out, opacity 1.4s ease-out;
	-moz-transition: margin 0.4s ease-out, opacity 1.4s ease-out;
	-o-transition: margin 0.4s ease-out, opacity 1.4s ease-out;
	-ms-transition: margin 0.4s ease-out, opacity 1.4s ease-out;
	transition: margin 0.4s ease-out, opacity 1.4s ease-out;
}
#slide-images li{
	position:absolute;
	display:block;
	list-style-type:none;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
}
#slide-images li img{
	display:block;
	background-color:#FFFFFF;
}
#etusivubanneri {
	width: 500px;
	float: left;
	overflow-x: hidden;
	padding-bottom: 10px;
}
#footer a:link, #footer a {
	color: #00513A;
}