body {

	color: #000;
	font-size: 30px;
	font-family: 'Ubuntu', *sans-serif;

	line-height: 1,5;
	text-align: left;
	}

a {
	text-decoration: none;
}
 a:link,a:visited {


}

a:hover, a:active {



}

.body {
	margin: 0 auto;
	width: 70%;
	clear: both;
}

/* logon sijainti*/

.mainheader
img#logo{
	display: block;
	margin: auto;
}

/* Valikkorivin tausta vari*/

.mainheader nav {
	background-color: #ffff;
	height: 40px;
	border-radius: 5px;
	-moz-border-radius: 5 px;
	-webkit-border-radius: 5px;

}
.mainheader nav ul {
	list-style: none;
	margin: 0 auto;

}
.mainheader nav ul li {
	float: left;
	display: inline;

}

/* Valikon fontin vari   */
.mainheader nav a:link, .mainheader nav a:visited { color: #000000; display: inline-block; padding: 0 10px; height: 40px; line-height: 40px;
}

/* Hiiren kelluinta valikossa tausta vari  & vaihto*/

.mainheader nav a:hover, .mainheader nav a:active,
 .mainheader nav .active a:link, .mainheader nav .active a:visited {
	background-color: #0d47a1;

	text-shadow: none;
	color: white;
}

.mainheader nav ul li a {
	border-radius: 5px;
	-moz-border-radius: 5 px;
	-webkit-border-radius: 5px;

}
/*
wrapper {
	margin: 150px auto;
	width: 70%;


}
*/

img#etusivu {
	max-width: 500px;
float: right;
padding: 0px 24px;



}

img#sahko {
	max-width: 500px;
float: right;
padding: 0px 24px;



}

img#liesi {
	max-width: 500px;
float: left;
padding: 0px 24px;



}


img#kahvat {
	max-width: 340px;
float: left;
padding: 0px 24px;



}

img#kynnykset {
	max-width: 340px;
float: left;
padding: 0px 24px;



}

img#listat {
	max-width: 340px;
float: left;
padding: 0px 24px;



}

img#galleria {
	max-width: 300px;
float: right;
padding: 10px 10px;



}



.maincontent {
	line-height: 25px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow: hiden;
}





.content {
	width: 70%;
	float: left;
}

.topcontent {
	background-color: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 3% 5%;
	margin-top: 2%;
}

.bottomcontent {
	background-color: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 3% 5%;
}

.top-sidebar {
	width: 21%;
	float: left;
	background-color: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left: 3%;
	margin-bottom: 2%;
	margin-top: 2%;
	padding: 2% 3%;
}

.middle-sidebar {

	float: left;
	width: 21%;
	background-color: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left: 3%;
	margin-bottom: 2%;
	padding: 2% 3%;
}

.bottom-sidebar {
	width: 21%;
	float: left;
	background-color: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left: 3%;
	margin-bottom: 2%;
	padding: 2% 3%;
}

.contact-info {
list-style: none;
padding: 0;
margin: 0;
font-size: 0.9em;
line-height: 1;

}

.contact-info a {
display: block;
min-height: 20px;
background-repeat: no-repeat;
background-size: 20px 20px;
padding: 0 0 0 30px;
margin: 0 0 20px;

}

.contact-info li.phone a {
background-image: url('kuvat/phone.png');
}
.contact-info li.mail a {
background-image: url('kuvat/mail.png');

}
#primary {
		width: 500;
		float: left;
	}

	#secondary {
		width: 40%;
		float: none;
		}

.mainFooter { clear: both; width: 100%; float: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color:#007BA8 ; margin-top: 2%; margin-bottom: 2%; padding: 0.5% 0;
}

.mainFooter p {
	font-size: 100%;
	width: 92%;
	margin: 2% auto;
	color: #FFFFFF;

}


@media screen and (min-width: 150px) and (max-width: 600px)
{

	.body {

		width: 95%;
		font-size: 95%
  .mainheader nav a:link, .mainheader nav a:visited { line-height: normal;
  .mainheader nav a:hover, .mainheader nav a:active {  padding-top: 6px; padding-bottom: 14px; }
}
}

	.mainheader img {
		width: 100%;

	}

	.mainheader nav {
		height: 160px;


}
	.mainheader nav ul {
		padding-left: 0;
}
	.mainheader nav ul li {
		width: 100%;
		text-align: center;

}
	.mainheader nav a:link, .mainheader nav a:visited {

		padding: 10px 30px;
		height: 20px;
		display: block;
}


.content {
	width: 100%;
	float: left;
	margin-top: 2%;
}

.topcontent {
	background-color: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 3% 5%;
	margin-top: 2%;
}

.bottomcontent {
	background-color: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 3% 5%;
}

.top-sidebar, .middle-sidebar, .bottom-sidebar{
	width: 94%;
	margin: 2% 0 2% 0;
	padding: 2% 3%;
}