@charset "utf-8";

/* Content, module, form and component styling */

/* Global link styling */

a:link, a:visited, a:active {
	font-size: 12px;
	font-family: 'Lucida Sans', arial, helvetica, 'sans serif';
	color: #0051d1;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	}

/* Global paragraph styling */

p {
	font-family: arial, helvetica, 'Lucida Sans', 'sans serif';
	font-size: 12px;
	color: #2f3b4c;
	padding: 0 0 1em 0;
	line-height: 1.3em;
	}

h1, .componentheading, .contentheading, .content .componentheading_blog {
	margin: 0;
	padding: 0 0 0.5em 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 22px;
	color: #2f3b4c;
	}

h3 {
	margin: 0;
	padding: 0 0 0.5em 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 24px;
	color: #2f3b4c;
	}
	
	.content-shade h3 {
		line-height: 20px;
		margin: 0;
		paddding: 0;
		}

h2, h4, .contentheading_blog {
	margin: 0;
	padding: 0 0 0.5em 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #222;
	}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 0.5em 0;
	line-height: 1.2em;
	color: #000;
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.3em;
	margin: 0;
	padding: 0 0 0.5em 0;
	}

/* Read more */

.readon, a:link.readon, a:visited.readon, a:active.readon, a:link.readon_blog, a:visited.readon_blog, a:active.readon_blog  {
	font-family: arial, helvetica, 'Lucida Sans', 'sans serif';
	font-size: 13px;
	line-height: 1.3em;
	margin: 0 0 0 2px;
	padding: 0 0 1em 12px;
	color: #fba809;
	text-decoration: none;
	font-weight: bold;
	background: url('../images/nav_arrow.jpg') no-repeat 0px 4px;
	}

a:hover.readon, a:hover.readon_blog {
	text-decoration: underline;
	}

/* Create date */

.createdate, .createdate_blog {
	font-family: arial, helvetica, 'Lucida Sans', 'sans serif';
	font-size: 10px;
	color: #8F949C;
	padding: 0 0 0.3em 0;
	
	
}

/* Lists */

ul {
	margin: 0 0 1em 15px;
	list-style: none;
	}

li {
	font-family: arial, helvetica, 'Lucida Sans', 'sans serif';
	font-size: 12px;
	color: #2f3b4b;
	padding: 0 0 0.2em 15px;
	background: url('../images/list_square.jpg') no-repeat 0px 8px;
	}


/* Generic */

.kuva_oikealla {
		display: inline;
		float: right;
		border: 0;
		margin: 0 0 20px 20px;
}

.kuva_vasemmalla {
		display: inline;
		float: left;
		border: 0;
		margin: 0 20px 20px 0;
}

.kuva_blokki {
		display: block;
		margin: 15px 0 20px 0;
	
}
.clear {
	clear: both;
}

span.article_separator {
	display: block;
	height: 0;
}

/* Moduulit */

.moduletable_asennus {
	position: relative;
	float: left;
	display: inline;
	width: 250px;
	height: 287px;
	margin: 0px 25px 0 0;
	padding: 0;
	background: url('../images/bg_shade_asennus.jpg') no-repeat 0% 100%;
	}
	
.moduletable_ohjelmistot {
	position: relative;
	float: left;
	display: inline;
	width: 250px;
	height: 287px;
	margin: 0px 0 0 0;
	padding: 0;
	background: url('../images/bg_shade_ohjelmistot.jpg') no-repeat 0% 100%;
	}

.moduletable_internet {
	position: relative;
	float: left;
	display: inline;
	width: 250px;
	height: 287px;
	margin: 0px 0 0 25px;
	padding: 0;
	background: url('../images/bg_shade_internet.jpg') no-repeat 0% 100%;
	}
	
	.moduletable_asennus ul, .moduletable_ohjelmistot ul, .moduletable_internet ul {
		position: absolute;
		top: 210px;
		line-height: 17px;
		}
	
	.moduletable_asennus li, .moduletable_ohjelmistot li, .moduletable_internet li {
		font-size: 14px;
		}
		
	.moduletable_asennus a, .moduletable_ohjelmistot a, .moduletable_internet a {
		position: absolute;
		top: 260px;
		left: 170px;
		font-size: 14px;
		}
		
.moduletable_footerbanner {
	float: left;
	display: inline;
	margin: 5px 0 0 15px;
	}