a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px ; text-decoration: none; color: black; }
a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px ; text-decoration: none; color: black; }
a:link{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px ; text-decoration: none; color: black; }
a:hover{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px ; text-decoration: none; color: black; }


body {
	margin: 0px;
	background-color: #C3C3C3;
	padding: 0px;
	font: 12px verdana, arial, helvetica, sans-serif;
	margin: 20px 0px; padding:0px;
	text-align:center;
}

#pohja {
	background-color: white;
	margin: 0px auto;
	text-align: left;
	width: 790px;
	min-height: 790px;
	border: 1px solid black;
}

#header {
	background-color: #F1F5F8;
	height: 180px;
	margin-top: 3px;
	margin-left: 3px;
	margin-right: 3px;
	padding-left: 0px;
	border: 1px solid black;
	background-image: url('img/headerbg.jpg');
	background-repeat: no-repeat;
	
}

#header #headerimg {
	margin-left: 350px;
	margin-top: 50px;
}

#menu {
	height: 25px;
	-text-align: left;
	margin: 3px;
	border: 0px solid black;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	background-color: #CBD8F1;
}

#menu ul {
	margin: 2px;
	border: 0px dashed green;
	margin-left: 0px;
	padding-left: 3px;
	margin-right: 3px;
	text-align: left;
}

#menu li {
	display: inline;
	list-style-type: none;
	border: 0px dashed red;
	border-left: 0px solid black;
	border-right: 0px solid black;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 7px;
	margin-left: 5px;
	margin-right: 20px;

}

#menu li.current {
	background-color: #FFFFFF;
}

#menu li:hover {
	background-color: #FFFFFF;
}


#main #left {

	float: left;
	border: 0px solid black;
	width: 200px;
	height: 500px;
	margin-left: 4px;


}

#main #left .leftbox {
	padding-bottom: 20px;
	border: dashed red 0px;

}

#main #left .leftbox .kuvabox {
	
	margin: 4px;
	width: 190px;
	height: 117px;
	border: solid black 1px;
}

#main #left .leftbox p {
	margin-left: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
}


#main #right {

	border: 0px solid black;
	margin-left: 220px;
	width: 555px;
	height: 400px;
	padding: 5px;


}

#main #right .kuva {
	float: right;
	height: 200px;
	width: 150px;
	margin-left: 10px;
	margin-right: 3px;
	border: 1px solid black;

}


#main #right a:hover {
	color: #00007C;
	text-decoration: underline;
}

#main #right .etusivukuvat {
	float: right;
	height: 250px;
	width: 280px;
	margin-left: 10px;
	margin-right: 3px;
	border: 0px solid black;

}

.etusivukuvat table {
	font: 12px verdana, arial, helvetica, sans-serif;
}

#main #right .kuva2 {
	float: right;
	height: 188px;
	width: 286px;
	margin-left: 15px;
	margin-right: 15px;
	border: 1px solid black;

}

#main #right .listaus {
	padding: 2px;
	margin-top: 50px;
	height: 80px;
	width: 550px;
	border: 0px dashed black;
	background-color: #DDDDDD;
}

#main #right .listaus2 {
	padding: 2px;
	margin-top: 50px;
	height: 60px;
	width: 550px;
	border: 0px dashed black;
	background-color: #DDDDDD;
}

.listaus ul {
	margin: 2px;
	padding: 0px;
}

.listaus li {
	display: inline;
	padding: 0px;
	margin: 0px;
}

.listaus2 ul {
	margin: 2px;
	padding: 0px;
}

.listaus2 li {
	display: inline;
	padding: 0px;
	margin: 0px;
}

#footer {
	margin: 0px auto;
	margin-top: 0px;
	width: 790px;
	height: 20px;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	background-color: #CBD8F1;

}

#footer a:hover {
	color: #00007C;
	text-decoration: underline;
}

#tarjoukset {
	font: 30px verdana, arial, helvetica, sans-serif;
	height: 150px;
	width: 380px;
	padding: 5px;
	border: 1px solid black;
	background-color: #CBD8F1

}